Bạn có muốn nhúng mã iframe vào bài viết hoặc trang WordPress không?
IFRAME cung cấp một cách dễ dàng để nhúng video hoặc nội dung khác vào trang web của bạn mà không tải lên nó. Nhiều nền tảng của bên thứ ba như YouTube cho phép người dùng sử dụng iframe để nhúng nội dung từ trang web của họ.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng nhúng mã iframe trong WordPress bằng nhiều phương thức.
Iframe là gì?
IFRAME cho phép bạn nhúng video hoặc nội dung khác trên trang web của bạn. Điều này có nghĩa là bạn có thể hiển thị video trên trang web của mình mà không thực sự lưu trữ video đó.
IFRAME giống như mở một cửa sổ trên trang web của bạn để hiển thị nội dung bên ngoài. Nội dung thực tế vẫn được tải từ nguồn mà bạn đang nhúng.
Để thêm iframe, bạn cần thêm mã HTML đặc biệt. Don Tiết lo lắng nếu điều đó nghe khá kỹ thuật.
Chúng tôi sẽ chỉ cho bạn cách dễ nhất để nhúng iframe vào blog WordPress của bạn.
Tại sao sử dụng iframe?
Một lý do chính để sử dụng iframes là để tránh phải lưu trữ video hoặc các tài nguyên khác trên trang web của bạn, sẽ sử dụng hết băng thông và không gian lưu trữ của bạn.
Ngoài ra, iframes cho phép bạn tránh vi phạm nội dung bản quyền của người khác. Thay vì tải xuống video của họ hoặc nội dung khác, sau đó tải nó lên trang web của bạn, bạn chỉ cần thêm nó vào trang của bạn bằng iframe.
Một lợi thế khác là nếu nội dung gốc được thay đổi, nó cũng sẽ tự động được cập nhật trong iframe.
Ngoài ra còn có một số nhược điểm đối với việc sử dụng iframes. Không phải tất cả các trang web cho phép bạn đặt nội dung của họ vào iframe. Ngoài ra, iframe có thể kết thúc quá lớn hoặc nhỏ cho trang của bạn và bạn sẽ cần phải điều chỉnh thủ công nó.
Một vấn đề khác là các trang web HTTPS chỉ có thể sử dụng iframes cho nội dung từ các trang HTTPS khác. Tương tự, các trang web HTTP chỉ có thể sử dụng iframes cho nội dung từ các trang HTTP khác.
Đây là lý do tại sao nhiều nền tảng như WordPress thích OEMBed. Bạn có thể sử dụng OEMBed để nhúng video cũng như một số loại nội dung khác bằng cách chỉ dán URL vào bài viết WordPress của bạn. Nội dung sẽ tự động được thay đổi kích thước phù hợp và nó sẽ có kích thước phù hợp ngay cả trên các thiết bị di động.
Quan trọng: WordPress không hỗ trợ OEMBed cho các bài đăng trên Facebook và Instagram. Để biết thêm về điều này, hãy xem hướng dẫn đầy đủ của chúng tôi trên vấn đề Facebook / Instagram OEMBed và cách khắc phục nó. WordPress doesn’t support oEmbed for Facebook and Instagram posts. For more on this, check out our full guide on the Facebook / Instagram oEmbed issue and how to fix it.
Một giải pháp thay thế tuyệt vời khác cho iframes là sử dụng plugin nguồn cấp dữ liệu xã hội. Chúng tôi khuyên bạn nên sử dụng các plugin Smash Balloon. Chúng cho phép bạn hiển thị nội dung từ Facebook, Instagram, Twitter và YouTube.
Phải nói rằng, hãy để Lôi xem xét ba cách khác nhau để thêm iframes vào trang web của bạn.
1. Sử dụng mã nhúng nguồn để thêm iframe vào WordPress
Nhiều trang web lớn có một tùy chọn nhúng cho nội dung của họ. Điều này cung cấp cho bạn mã iframe đặc biệt mà bạn cần thêm vào trang web của mình.
Trên YouTube, bạn có thể nhận mã này bằng cách truy cập video trên YouTube, sau đó nhấp vào nút Chia sẻ bên dưới nó.
Tiếp theo, bạn sẽ thấy một cửa sổ bật lên với một số tùy chọn chia sẻ. Chỉ cần nhấp vào nút nhúng.
Bây giờ, YouTube sẽ hiển thị cho bạn mã iframe. Theo mặc định, YouTube sẽ bao gồm các điều khiển của người chơi. Chúng tôi cũng khuyên bạn nên bật chế độ tăng cường quyền riêng tư.
Sau đó, hãy tiếp tục và nhấp vào nút Sao chép để sao chép mã.
Bây giờ, bạn có thể dán mã đó vào bất kỳ bài đăng hoặc trang nào trên trang web của bạn. Chúng tôi sẽ thêm nó vào một trang mới trong trình chỉnh sửa khối.
Để tạo một trang mới, hãy vào các trang »Thêm mới trong bảng điều khiển WordPress của bạn.Pages » Add New in your WordPress dashboard.
Sau đó, thêm một khối HTML vào trang của bạn.
Bây giờ, bạn cần dán mã iframe YouTube vào khối này.
Sau đó, bạn có thể xem trước hoặc xuất bản trang của mình để xem video YouTube được nhúng ở đó.
Mẹo: Nếu bạn sử dụng trình soạn thảo cổ điển cũ, bạn vẫn có thể thêm mã iframe. Bạn cần phải làm như vậy trong chế độ xem văn bản. If you’re using the old classic editor, you can still add iFrame code. You need to do so in the Text view.
Chuyển đổi giữa chế độ xem trực quan và văn bản trên trình soạn thảo cổ điển có thể gây ra sự cố với mã iframe.
2. Sử dụng plugin iframe wordpress để nhúng iframe
Phương pháp này rất hữu ích vì nó cho phép bạn tạo một iframe để nhúng nội dung từ bất kỳ nguồn nào, ngay cả khi nguồn đó không cung cấp mã nhúng.
Đầu tiên, bạn cần cài đặt và kích hoạt plugin iframe. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress.
Khi kích hoạt, plugin sẽ bắt đầu hoạt động ngay lập tức mà không cần thiết lập. Đi trước và chỉnh sửa hoặc tạo một bài hoặc trang. Sau đó, thêm một khối shortcode.
Sau đó, bạn có thể sử dụng mã shortcode này để nhập mã iframe của mình.
[iframe src="URL goes here"]
Chỉ cần thay thế URL ở đây bằng URL của nội dung bạn muốn nhúng trên trang web của bạn. Chúng tôi đang nhúng một bản đồ Google.
Mẹo: Bạn có thể cần sử dụng tùy chọn nhúng để lấy URL trực tiếp của nội dung. Bạn cần chỉ sử dụng URL, không phải phần còn lại của mã nhúng. You may need to use the Embed option to get the direct URL of the content. You need to use just the URL, not the rest of the embed code.
Tiếp theo, xem trước hoặc xuất bản bài viết của bạn. Bạn sẽ thấy bản đồ Google được nhúng trên trang web của bạn.
Bạn có thể tùy chọn thêm các tham số vào mã shortcode iframe để thay đổi cách hiển thị nội dung được nhúng. Chẳng hạn, bạn có thể đặt chiều rộng và chiều cao, và thêm hoặc tháo thanh cuộn hoặc đường viền. Bạn có thể tìm thấy chi tiết trên trang plugin iframe.
Mẹo: Nếu bạn sử dụng trình soạn thảo cổ điển, bạn chỉ có thể dán mã ngắn vào bài đăng hoặc trang của mình. Bạn không cần phải chuyển sang chế độ xem văn bản. If you’re using the Classic editor, you can simply paste the shortcode into your post or page. You don’t need to switch to the Text view.
3. Tạo mã IFRAME theo cách thủ công và nhúng vào WordPress
Nếu bạn không muốn sử dụng plugin iframe, thì bạn có thể tạo mã iframe theo cách thủ công. Để làm điều này, bạn cần thêm một khối HTML trong trình chỉnh sửa nội dung WordPress.
Đầu tiên, bạn cần dán mã này vào khối HTML của bạn.
Chỉ cần thay thế URL của URL ở đây bằng URL trực tiếp cho nội dung mà bạn muốn nhúng. Bạn chỉ cần chính URL.
Tại đây, chúng tôi nhúng một bản đồ từ Google.
Bạn có thể thêm các tham số bổ sung vào thẻ HTML. Chẳng hạn, bạn có thể đặt chiều rộng và chiều cao của iframe. Mã bên dưới có nghĩa là nội dung nhúng của bạn sẽ hiển thị rộng 600 pixel và cao 300 pixel.
Điều này rất hữu ích nếu bạn cần hạn chế nội dung nhúng vào một không gian nhỏ hơn.
Chúng tôi hy vọng bài viết này đã giúp bạn học cách dễ dàng nhúng mã iframe trong WordPress. Bạn cũng có thể muốn kiểm tra hướng dẫn cuối cùng của chúng tôi về cách tăng tốc trang web WordPress của bạn và so sánh các công cụ nghiên cứu từ khóa tốt nhất để cải thiện thứ hạng SEO của bạn.
Nếu bạn thích bài viết này, sau đó vui lòng đăng ký kênh YouTube của chúng tôi cho các hướng dẫn video WordPress. Bạn cũng có thể tìm thấy chúng tôi trên Twitter và Facebook.
Tiết lộ: Nội dung của chúng tôi được hỗ trợ độc giả. Điều này có nghĩa là nếu bạn nhấp vào một số liên kết của chúng tôi, thì chúng tôi có thể kiếm được một khoản hoa hồng. Xem cách WPBEGINNER được tài trợ, tại sao nó quan trọng và làm thế nào bạn có thể hỗ trợ chúng tôi. Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.
Nhân viên biên tập tại WPBEGINNER là một nhóm các chuyên gia WordPress do Syed Balkhi lãnh đạo. Chúng tôi đã tạo ra các hướng dẫn WordPress từ năm 2009 và WPBEGINNER đã trở thành trang web tài nguyên WordPress miễn phí lớn nhất trong ngành.