Bạn có muốn biết cách nhúng mã iFrame vào WordPress không?
Một số nền tảng của bên thứ ba như YouTube cho phép người dùng nhúng nội dung từ trang web của họ qua iFrames. Một số phương pháp bạn có thể sử dụng để nhúng iFrames trong WordPress được thảo luận trong bài viết này
Bài viết này sẽ thảo luận về iFrame và cách bạn có thể sử dụng iFrames với WordPress theo ba phương pháp
iFrame là gì?
iFrames là cách để nhúng nội dung web vào các trang web khác. Các thẻ HTML được sử dụng để xác định URL của trang bên ngoài và các thông số kỹ thuật liên quan đến cách hiển thị cửa sổ trên trang web của bạn
Thông thường nên sử dụng iFrames trong hai trường hợp
- Trong trường hợp đầu tiên, bạn muốn chia sẻ nội dung không thuộc về mình. Nhúng nội dung qua iFrame không bị coi là vi phạm bản quyền trong hầu hết các trường hợp
- Do đó, nó thường được coi là một phương pháp chia sẻ có đạo đức và hợp pháp hơn hầu hết các phương pháp khác. Cũng không thể truy cập trực tiếp vào mã trong iFrame
- Do đó, khách truy cập vào trang web của bạn sẽ 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 khiến bạn có thể muốn tích hợp iFrames là để cho phép chia sẻ các tệp lớn, chẳng hạn như video, âm thanh hoặc thậm chí cả hình ảnh. YouTube là một ví dụ tuyệt vời về dịch vụ như vậy
- Khung nội tuyến cho phép bạn hiển thị nội dung của tệp trên trang web của mình mà không cần lưu trữ tệp trong thư viện phương tiện WordPress của bạn
- Ngoài ra, cần lưu ý rằng các tệp phương tiện này thường có thể chiếm một lượng đáng kể dung lượng lưu trữ và thậm chí có thể khiến trang web của bạn tải chậm
- Khi bạn lưu trữ video của mình trên một nền tảng bên ngoài, chẳng hạn như YouTube, sau đó nhúng chúng vào trang web WordPress của mình bằng iFrames, bạn sẽ tránh được những hạn chế khi tải chúng trực tiếp lên trang web của mình
- Nó sẽ giúp bạn duy trì là một thành viên có đạo đức của cộng đồng trực tuyến cũng như duy trì tốc độ và khả năng truy cập trang web của bạn
Làm cách nào để sử dụng iFrames với WordPress?
Nói chung, thông lệ là chia sẻ nội dung. Tuy nhiên, việc giới thiệu nội dung của người khác trên trang web của bạn có thể phải chịu hậu quả pháp lý. Lưu trữ các tệp lớn, chẳng hạn như video, có thể ảnh hưởng xấu đến hiệu suất trang web của bạn
Nhờ iFrames, những vấn đề này có thể được giải quyết tương đối nhanh chóng. Trong phần này, chúng tôi trình bày ba phương pháp để sử dụng iFrames trong WordPress
Phương pháp 1. Sử dụng mã nhúng để tạo iFrames
Một số trang web không cho phép bạn nhúng nội dung của họ vào iFrames theo cách thủ công
Một số loại nội dung nhất định, chẳng hạn như bài đăng trên Facebook hoặc video trên YouTube, có thể khó hiển thị do điều này
Tuy nhiên, điều này không ngăn bạn hiển thị nội dung từ các nguồn này bằng iFrames
Do đó, bạn sẽ chỉ cần truy cập vào mã nhúng iFrame cần thiết để thực hiện việc này. Để minh họa cách hoạt động của tính năng này, chúng ta hãy xem YouTube
Thực hiện theo các bước sau để làm điều này
- Chọn video bạn muốn nhúng, cho dù đó là video của riêng bạn hay video do người sáng tạo khác tạo
- Nhấp vào nút Chia sẻ bên dưới trình phát video
Thao tác này sẽ mở một cửa sổ hiển thị các tùy chọn chia sẻ khác nhau có sẵn. Một trong những tùy chọn này là Nhúng
- Nhấp vào nút Nhúng
Chọn tùy chọn Nhúng trên YouTube sẽ hiển thị một đoạn mã HTML có thể được sử dụng để nhúng video vào iFrame
Một số tham số iFrame có thể được sao chép và sử dụng khi bạn thấy phù hợp. Ngoài ra, bạn có thể chỉ sao chép URL nguồn, nếu muốn, thay vì các tham số iFrame
- Nhấp vào nút Sao chép
Trái ngược với lỗi không thành công mà bạn sẽ nhận được nếu sử dụng URL chuẩn, bạn sẽ thấy video được nhúng trong iFrame của mình khi bạn sử dụng mã nhúng
- Dán mã vào một trang hoặc đăng trong Trình chỉnh sửa khối bằng khối HTML tùy chỉnh
Nếu bạn đang sử dụng Trình chỉnh sửa cổ điển, bạn sẽ cần chuyển sang trình chỉnh sửa văn bản và thêm mã của mình khi cần thiết
Kết quả là bạn sẽ có thể xem iFrame đang hoạt động. Một bài đăng trên Facebook có thể nhúng có thể được thêm vào trang web của bạn một cách tương tự
Nhiều trang mạng xã hội phổ biến như LinkedIn, Instagram và Twitter cung cấp mã nhúng cho bài đăng của họ. Thông thường, bạn có thể tìm thấy các mã này trong phần cài đặt cho từng bài đăng trên các trang web này
Phương pháp 2. Thêm iFrames trong WordPress theo cách thủ công
Việc thêm iFrame vào một trang khá đơn giản. Ngoài các thẻ HTML mở và đóng và URL của trang web bạn muốn nhúng, không có yêu cầu nào khác
Thực hiện theo các bước sau để làm điều này
- Thay thế URL bằng ví dụ. com
Có một vài hạn chế cần lưu ý về nguồn URL. Hạn chế đầu tiên của iFrames là chúng 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ư trang web của bạn
Do đó, nếu trang web của bạn được bảo mật bằng HTTPS, bạn sẽ chỉ có thể nhúng nội dung từ các trang web HTTPS khác. Tương tự, nếu bạn đang sử dụng HTTP, bạn chỉ có thể nhúng các URL cũng dựa trên HTTP
Ngoài ra, một số trang web phổ biến, chẳng hạn như Facebook và YouTube, có thể không cho phép nhúng iFrame theo cách thủ công.
Nếu bạn cố gắng hiển thị một trang từ một trang web không cho phép iFrames, bạn sẽ nhận được thông báo lỗi
Ưu điểm của việc sử dụng phương pháp này là bạn có thể tùy chỉnh iFrame của mình để phù hợp với nhu cầu của trang web. Các thông số đó được gọi là thông số iFrame
Một số loại phổ biến nhất được liệt kê dưới đây
Bề rộng. Với tham số này, bạn có thể chỉ định chiều rộng bằng pixel cho iFrame
Chiều cao. Tương tự như tham số chiều rộng, chiều cao chỉ định kích thước tính bằng pixel của cửa sổ iFrame trên trang web của bạn
Cho phép. Bằng cách đặt tham số này, bạn có thể xác định hành vi hoặc tính năng mặc định của iFrame, chẳng hạn như chế độ xem toàn màn hình và xử lý thanh toán
Tầm quan trọng. Tham số này có thể chỉ định thời điểm tải iFrame
Ví dụ: đây là mã cho 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
Ngoài các thông số này, có những thông số khác mà bạn có thể muốn xem xét. Nói chung, những thứ được liệt kê ở trên sẽ cho phép bạn tạo các iFrame cơ bản để chia sẻ video YouTube hoặc nội dung khác với khách truy cập của bạn
Phương pháp 3. Thêm iFrames vào WordPress bằng Plugin
Việc sử dụng plugin thường được các nhà phát triển tận dụng để đơn giản hóa các tác vụ như nhúng iFrames vào trang web WordPress
Nhiều plugin WordPress có thể xử lý việc nhúng trong WordPress và việc chọn plugin phù hợp tùy thuộc vào nhu cầu của bạn. Chúng tôi có đánh giá chi tiết về các plugin iFrame WordPress tốt nhất mà bạn có thể kiểm tra để tìm plugin tốt nhất cho nhu cầu của mình
Những điều cần biết trước khi bạn bắt đầu sử dụng iFrames
Mặc dù iFrames mang lại sự tiện lợi nhưng có một số điều bạn cần lưu ý trước khi sử dụng chúng
Các vấn đề về khả năng tương thích HTTPS/HTTP
Không được phép nhúng nội dung từ một trang web hoặc trang web khác sử dụng cùng một Giao thức truyền tải siêu văn bản [HTTP] như của bạn
Do đó, nếu một trang web sử dụng Bảo mật Giao thức Truyền Siêu văn bản [HTTPS], bạn sẽ chỉ có thể nhúng nội dung từ các trang web khác bằng HTTPS. HTTP cũng phải tuân theo quy tắc này
Google khuyến nghị sử dụng HTTPS và hầu hết các trang web uy tín đều sử dụng nó. Điều này có nghĩa là bạn có thể nhúng các trang web chất lượng cao một cách dễ dàng nếu trang web của bạn cũng vậy.
Mối quan tâm về an ninh
Tuy nhiên, có một mối lo ngại lớn hơn liên quan đến lỗ hổng bảo mật mà iFrames có thể gây ra cho trang web của bạn
Vì iFrames là cửa sổ vào các trang web khác nên bất kỳ thay đổi nào xảy ra trên các trang web đó đều có thể ảnh hưởng đến chính bạn. Ngoài ra còn có khả năng tiêm mã độc vào trang web của bạn thông qua iFrames
Điều quan trọng cần nhớ là iFrame mở ra một cửa sổ đến một trang web khác và bạn không nhất thiết phải ngăn trang web nguồn chứa mã độc
Đối với vấn đề này, bạn chỉ nên nhúng nội dung từ các trang web có uy tín bằng cách sử dụng iFrames. Bạn có thể đạt được các cài đặt bảo mật nâng cao hơn bằng cách sử dụng thuộc tính sandbox trong iFrame của mình
Google không phải là một fan hâm mộ lớn của iFrames
Nói chung, Google khuyên bạn nên tránh iFrames. Nếu trang web của bạn yêu cầu iFrames, bạn có thể cung cấp liên kết dựa trên văn bản để truy cập nội dung này để các bot của Google có thể thu thập dữ liệu nội dung đó
Hướng dẫn này bao gồm các phương pháp hay nhất để tránh những cảnh báo này, vì vậy bạn không phải lo lắng nếu làm theo chúng
Không phải tất cả các trang web đều cho phép nội dung của họ được iFramed
Hiện tại, nhiều trang web lớn đã vô hiệu hóa khả năng hiển thị nội dung của họ trong iFrame. Trong trường hợp này, bạn sẽ không thể làm gì nhiều về việc hiển thị trang web thông qua iFrame
Các câu hỏi thường gặp
Trong phần này, chúng tôi sẽ trả lời một số câu hỏi thường gặp để giúp bạn tìm ra giải pháp dễ dàng hơn
iFrame có hoạt động trong WordPress không?
Câu trả lời ngắn gọn là Có, iFrame hoạt động trong các trang web WordPress và bạn có thể thêm iframe WordPress bằng ba phương pháp sau.
Trực tiếp nhúng mã để tạo iFrame WordPress.
Sử dụng plugin iFrame của WordPress để thêm iframe.
Tích hợp WordPress iFrames vào trang web của bạn theo cách thủ công.
Tôi có thể nhúng một trang web vào WordPress không?
WordPress cung cấp phương pháp nhúng trang web dễ dàng. Các tệp phương tiện như video, hình ảnh, tệp âm thanh và nội dung khác từ các nguồn bên ngoài dễ dàng được nhúng với WordPress oEmbes.
Quá trình này đơn giản như sao chép và dán URL nguồn của nội dung vào trình chỉnh sửa WordPress. WordPress sau đó sẽ tự động nhúng nội dung cho bạn.
Mục đích của iFrame là gì?
Trong WordPress, iFrames hoạt động tương tự như bất kỳ thành phần HTML nào, cho phép bạn nhúng các tệp phương tiện và các nội dung khác từ các trang web khác.
Do tính năng này, bạn sẽ có thể hiển thị nội dung của các trang web khác trên trang web của mình mà không gây ra bất kỳ sự vi phạm luật pháp và bản quyền nào.
Sự kết luận
Bài viết này đã thảo luận về iFrames là gì và ba phương pháp khác nhau mà bạn có thể sử dụng với WordPress để sử dụng iFrames
Xin chân thành cảm ơn quý khách hàng đã dành thời gian đọc bài viết này. Vui lòng sử dụng phần bình luận nếu bạn có bất kỳ câu hỏi hoặc nhận xét nào
Nếu bạn muốn cập nhật các bài viết của chúng tôi, chúng tôi khuyên bạn nên theo dõi chúng tôi trên Facebook và Twitter