Bạn có thể nhúng một trang WordPress vào một trang web không?

Chia sẻ nội dung là một thực tế khá phổ biến. Tuy nhiên, việc giới thiệu nội dung của người sáng tạo khác trên trang web của bạn có khả năng gây ra các hậu quả pháp lý, trong khi việc lưu trữ các tệp lớn như video có thể ảnh hưởng đến hiệu suất trang web của bạn. May mắn thay, iFrames cung cấp một giải pháp đơn giản cho những vấn đề này

Trong bài đăng này, chúng tôi sẽ giải thích iFrames là gì và cách sử dụng chúng với trang web WordPress của bạn

Sẵn sàng để lao vào?

iFrames là gì (và tại sao chúng lại hữu ích)?

iFrame là một cách để nhúng một trang web vào nội dung của một trang khác. Điều này được thực hiện bằng cách sử dụng thẻ HTML, URL của trang bên ngoài và thông số kỹ thuật về cách cửa sổ sẽ xuất hiện trên trang web của bạn

Có hai tình huống mà iFrames thường hữu ích

Đầu tiên là khi bạn muốn chia sẻ nội dung không thuộc về mình. Trong hầu hết các trường hợp, việc nhúng nội dung qua iFrame không bị coi là vi phạm bản quyền (xem thêm phán quyết của EU). Do đó, đây thường là một phương thức chia sẻ hợp pháp và có đạo đức hơn hầu hết các tùy chọn khác. Ngoài ra, không thể truy cập trực tiếp mã trong iFrame. Điều này có nghĩa là khách truy cập vào trang web của bạn không thể sao chép nội dung được nhúng và chia sẻ nội dung đó ở nơi khác

Lý do thứ hai bạn có thể muốn kết hợp iFrames là để chia sẻ các tệp lớn, chẳng hạn như video, âm thanh hoặc thậm chí là hình ảnh. YouTube là ví dụ hoàn hảo ở đây

Cần phải hét lên ở đây. Kinsta thật tuyệt vời, tôi sử dụng nó cho trang web cá nhân của mình. Hỗ trợ nhanh chóng và xuất sắc, và máy chủ của họ là nhanh nhất cho WordPress

Bạn có thể nhúng một trang WordPress vào một trang web không?
Phillip Stemann
Xem kế hoạch

Với iFrame, bạn có thể hiển thị nội dung của tệp trên trang web của mình mà không phải lưu trữ nội dung đó trong Thư viện phương tiện WordPress. Điều đó rất quan trọng vì những loại tệp phương tiện này thường chiếm một lượng không gian lưu trữ đáng kể và thậm chí có thể làm chậm trang web của bạn

Bằng cách lưu trữ video của bạn trên một nền tảng như YouTube và sau đó nhúng chúng vào trang web WordPress của bạn bằng iFrames, bạn có thể tránh được những nhược điểm của việc tải chúng trực tiếp lên trang web của mình. Kỹ thuật này sẽ giúp bạn trở thành một thành viên có đạo đức hơn trong cộng đồng trực tuyến và giữ cho trang web của bạn nhanh và dễ sử dụng

Cách sử dụng iFrames với WordPress (3 phương pháp)

Giống như có nhiều tình huống khác nhau mà bạn có thể muốn sử dụng iFrame, có nhiều phương pháp để triển khai một iFrame. Dưới đây, chúng ta sẽ khám phá ba trong số những cách phổ biến nhất để thêm iFrames vào trang web WordPress của bạn

1. Thêm iFrames trong WordPress theo cách thủ công

Mã cơ bản để thêm iFrame vào một trang khá đơn giản. Tất cả những gì bạn cần là mở và đóng các thẻ HTML và URL của trang web bạn muốn nhúng

Có một số hạn chế cần lưu ý về URL nguồn. Đầu tiên, iFrames chỉ có thể hiển thị nội dung từ các trang web sử dụng cùng Giao thức truyền siêu văn bản như của bạn. Nói cách khác, nếu trang web của bạn sử dụng HTTPS, bạn chỉ có thể nhúng nội dung từ các trang web HTTPS khác. Tương tự như vậy, nếu bạn sử dụng HTTP, bạn chỉ có thể nhúng các URL cũng sử dụng HTTP

Ngoài ra, một số trang web phổ biến – chẳng hạn như Facebook và YouTube – tắt tính năng nhúng iFrame thủ công. Cố gắng hiển thị một trang từ một trang web không cho phép nhúng iFrame sẽ hiển thị lỗi trong cửa sổ của bạn

Bạn có thể nhúng một trang WordPress vào một trang web không?
nhúng iFrame bị vô hiệu hóa

Nếu bạn có thể sử dụng phương pháp này, điều quan trọng cần biết là bạn cũng có thể tùy chỉnh iFrame của mình để đáp ứng nhu cầu của trang web của bạn. Đó là nơi tham số iFrame xuất hiện. Một vài trong số những cái phổ biến nhất bao gồm

  • Bề rộng. Tham số này cho phép bạn đặt chiều rộng cụ thể cho iFrame tính bằng pixel
  • Chiều cao. Giống như tham số chiều rộng, chiều cao xác định kích thước của cửa sổ iFrame trên trang web của bạn tính bằng pixel
  • Cho phép. Với tham số này, bạn có thể đặt một số hành vi hoặc tính năng mặc định cho iFrame của mình, chẳng hạn như xem toàn màn hình hoặc xử lý thanh toán
  • Tầm quan trọng. Bạn có thể sử dụng tham số này để chỉ định thời điểm tải iFrame

Ví dụ: đây là mã sẽ trông như thế nào đối với iFrame có kích thước cửa sổ là 900 pixel x 700 pixel, với chế độ xem toàn màn hình được bật, được đặt để tải xuống sau phần còn lại của trang web

Ở giao diện người dùng, đây là giao diện iFrame có thể trông như thế nào

Bạn có thể nhúng một trang WordPress vào một trang web không?
Giao diện của iFrame trên giao diện người dùng

Có những thông số khác bạn cũng có thể cân nhắc sử dụng. Tuy nhiên, những cái được liệt kê ở trên sẽ cho phép bạn tạo iFrames cơ bản để chia sẻ video YouTube hoặc nội dung khác trên trang web của bạn

2. Sử dụng mã nhúng để tạo iFrames

Một số trang web có các hạn chế về việc liệu bạn có thể nhúng nội dung của họ vào iFrames theo cách thủ công hay không. Điều này có thể gây khó khăn cho việc làm nổi bật một số loại nội dung, chẳng hạn như bài đăng trên Facebook hoặc video trên YouTube. Tuy nhiên, điều đó không có nghĩa là bạn không thể hiển thị nội dung từ các nguồn này trong iFrames

Thay vào đó, bạn chỉ cần truy cập các mã nhúng cần thiết để làm như vậy. Hãy xem cách hoạt động của tính năng này trong YouTube làm ví dụ. Chuyển đến video bạn muốn nhúng, cho dù đó là video của bạn hay của người sáng tạo khác. Bên dưới trình phát video, bạn sẽ thấy nút Chia sẻ

Bạn có thể nhúng một trang WordPress vào một trang web không?
Tính năng chia sẻ của YouTube

Nhấp vào nút này và một cửa sổ sẽ mở ra hiển thị các tùy chọn chia sẻ khác nhau có sẵn. Một trong số đó là Nhúng

Đăng kí để nhận thư mới

Bạn muốn biết làm thế nào chúng tôi tăng lưu lượng truy cập của mình hơn 1000%?

Tham gia cùng hơn 20.000 người khác nhận bản tin hàng tuần của chúng tôi với các mẹo nội bộ về WordPress

Theo dõi ngay

Bạn có thể nhúng một trang WordPress vào một trang web không?
Tính năng nhúng YouTube

Khi bạn chọn tùy chọn Nhúng, YouTube sẽ hiển thị một đoạn mã HTML mà bạn có thể sử dụng để thêm video vào iFrame. Nó bao gồm các tham số iFrame nhất định mà bạn có thể sao chép và sử dụng nếu muốn. Nếu không, bạn cũng có thể chọn sao chép URL nguồn thay thế

Bạn có thể nhúng một trang WordPress vào một trang web không?
Mã nhúng của YouTube

Khi bạn sử dụng mã nhúng, video sẽ hiển thị trong iFrame của bạn thay vì lỗi mà bạn sẽ thấy nếu cố gắng sử dụng URL chuẩn

Để thêm nó vào một trang hoặc bài đăng trong Trình chỉnh sửa khối, bạn có thể sử dụng khối HTML tùy chỉnh

Bạn có thể nhúng một trang WordPress vào một trang web không?
Nhúng iframe dưới dạng khối HTML tùy chỉnh

Trong Trình chỉnh sửa cổ điển, bạn sẽ cần chuyển sang trình soạn thảo văn bản và thêm mã của mình vào điểm thích hợp

Bạn có thể nhúng một trang WordPress vào một trang web không?
Nhúng iframe dưới dạng HTML tùy chỉnh trong Trình chỉnh sửa cổ điển

Kết quả phải là một iFrame hoạt động

Bạn có thể nhúng một trang WordPress vào một trang web không?
iFrame được thêm đúng cách vào WordPress

Bạn có thể làm theo quy trình tương tự để nhúng bài đăng trên Facebook vào trang web của mình. Điều hướng đến bài đăng bạn muốn chia sẻ và nhấp vào biểu tượng ba chấm ở góc trên cùng bên phải của bài đăng

Bạn có thể nhúng một trang WordPress vào một trang web không?
Tính năng nhúng của Facebook

Sau đó, chọn tùy chọn Nhúng

Mệt mỏi với hỗ trợ lưu trữ WordPress cấp 1 mà không có câu trả lời? . Kiểm tra kế hoạch của chúng tôi

Bạn có thể nhúng một trang WordPress vào một trang web không?
Chọn tính năng nhúng của Facebook

Thao tác này sẽ hiển thị một đoạn mã HTML giống như đoạn mã cho video YouTube mà chúng ta đã xem trước đó. Một lần nữa, URL nguồn là phần quan trọng nhất của mã này, mặc dù bạn cũng có thể sử dụng các tham số được xác định trước

Bạn có thể nhúng một trang WordPress vào một trang web không?
Mã iframe của Facebook

Thêm mã này vào trang web của bạn và bài đăng sẽ hiển thị mà không gặp sự cố nào

Bạn có thể nhúng một trang WordPress vào một trang web không?
Khung nội tuyến của Facebook được nhúng trên WordPress

Nhiều trang truyền thông xã hội phổ biến, bao gồm LinkedIn, Instagram và Twitter, cũng cung cấp mã nhúng cho bài đăng của họ. Thông thường, bạn sẽ tìm thấy tùy chọn này trong phần cài đặt của từng bài đăng

(Cách đọc được đề nghị. Cách khắc phục sự cố Facebook oEmbed trong WordPress)

3. Thêm iFrames vào WordPress bằng Plugin

Tất nhiên, các nhà phát triển WordPress luôn nỗ lực để đơn giản hóa các tác vụ như nhúng iFrames thông qua việc sử dụng plugin. Có hai tùy chọn mà bạn có thể cân nhắc nếu việc nhúng nội dung bên ngoài vào trang web của mình là điều bạn dự định thực hiện thường xuyên. Giải pháp phổ biến nhất là plugin iFrame

Bạn có thể nhúng một trang WordPress vào một trang web không?
plugin iframe WordPress

Plugin này cho phép bạn thêm iFrames vào trang web WordPress của mình bằng cách sử dụng mã ngắn. Bạn có thể chỉ định tất cả các tham số giống như khi thêm iFrame theo cách thủ công qua HTML. Tuy nhiên, bạn không phải lo lắng về việc xử lý trực tiếp mã của các trang của mình

Ngoài ra, bạn cũng có thể dùng thử plugin Advanced iFrame

Bạn có thể nhúng một trang WordPress vào một trang web không?
Plugin iFrame WordPress nâng cao

Một lần nữa, plugin này cho phép bạn thêm iFrames vào trang web của mình bằng cách sử dụng mã ngắn. Tuy nhiên, nó cũng bao gồm một số tính năng bổ sung, chẳng hạn như mã bảo mật để ngăn người dùng khác nhúng iFrame mà không có sự cho phép của bạn, tùy chọn kiểu dáng tùy chỉnh, v.v.

Với 20 đô la, bạn có thể nâng cấp lên giấy phép Advanced iFrame Pro sáu tháng. Phiên bản này tạo iFrames đáp ứng và cho phép các tính năng như chức năng thu phóng và tải chậm. Tùy thuộc vào tần suất bạn dự định sử dụng iFrames trên trang web của mình, các tùy chọn này có thể xứng đáng với mức giá cao

Bạn cần làm nổi bật video, clip âm thanh hoặc nội dung của ai đó trên trang web của mình? . 📹🖼️Nhấp để Tweet

Tóm lược

Giữ cho trang web của bạn hoạt động tốt và đúng luật là rất quan trọng. iFrames sẽ không chỉ giúp bạn chia sẻ nội dung của người khác một cách có đạo đức mà còn có thể cho phép bạn hiển thị các tệp video và âm thanh mà không phải lưu trữ chúng trên trang web của mình. Trong bài đăng này, chúng tôi đã xem xét ba phương pháp để sử dụng iFrames với WordPress

  1. Kết hợp các trang web WordPress và iFrames theo cách thủ công
  2. Sử dụng mã nhúng để tạo iFrames
  3. Thêm iFrame bằng plugin WordPress, chẳng hạn như iFrame hoặc iFrame nâng cao

Bạn có bất kỳ câu hỏi nào về iFrames hoặc cách sử dụng chúng trên trang web WordPress của mình không?


Nhận tất cả các ứng dụng, cơ sở dữ liệu và trang web WordPress của bạn trực tuyến và dưới một mái nhà. Nền tảng đám mây hiệu suất cao, đầy đủ tính năng của chúng tôi bao gồm

  • Dễ dàng thiết lập và quản lý trong bảng điều khiển MyKinsta
  • Hỗ trợ chuyên gia 24/7
  • Mạng và phần cứng Google Cloud Platform tốt nhất, được cung cấp bởi Kubernetes để có khả năng mở rộng tối đa
  • Tích hợp Cloudflare cấp doanh nghiệp cho tốc độ và bảo mật
  • Tiếp cận đối tượng toàn cầu với tối đa 35 trung tâm dữ liệu và hơn 275 PoP trên toàn thế giới

Hãy tự kiểm tra với $20 trong tháng đầu tiên của Lưu trữ ứng dụng hoặc Lưu trữ cơ sở dữ liệu. Khám phá kế hoạch của chúng tôi hoặc nói chuyện với bộ phận bán hàng để tìm thấy sự phù hợp nhất của bạn

Bạn có thể nhúng WordPress vào một trang web không?

WordPress có bản chất tuyệt vời. Bạn có thể chuyển đổi nó thành bất kỳ thứ gì và tích hợp nó với bất kỳ trang web PHP nào . Bạn thậm chí có thể đặt mức độ tích hợp. Giống như, có thể chỉ có một vài tính năng của WordPress mà bạn muốn sử dụng khi tích hợp nó với trang web của mình.

Bạn có thể nhúng một trang web vào một trang web?

Bạn có thể nhúng trang web bên ngoài bằng cách sử dụng thẻ HTML iframe . Bạn có thể sử dụng các thẻ tương tự này để nhúng một trang web bên ngoài. Đây là cách. Điều hướng đến trang web bạn muốn nhúng vào trang web của mình.

Bạn có thể nhúng 4 thứ gì vào một trang web?

Chuyện vui .
Nhúng bảng. Biến các bảng trên dữ liệu của bạn và trình bày nó theo phong cách cho người dùng của bạn. .
Nhúng đồ thị và biểu đồ. .
Trò chơi nhúng. .
Đoạn mã nhúng. .
Nhúng tài liệu. .
Nhúng nguồn cấp dữ liệu Instagram trên trang web của bạn. .
Nhúng âm thanh bao gồm nhạc, danh sách phát và podcast. .
Nhúng bản đồ

Tôi có thể sử dụng iFrame trong WordPress không?

Có, iFrame hoạt động trong WordPress . Để thêm iFrame vào WordPress, bạn có thể sử dụng một số phương pháp khác nhau, chẳng hạn như Khối nhúng, HTML, mã ngắn hoặc plugin. Chỉ cần sao chép và dán mã nhúng vào một trong những thành phần này để thêm iFrame vào trang web WordPress của bạn.