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

Cách hoạt động cơ bản của iFrames là chúng cho phép bạn hiển thị một trang web từ một trang web khác trên một số phần của trang web của riêng bạn bằng cách nhúng nó. Không thể truy cập trực tiếp mã bên trong trang web được nhúng, điều này tạo ra cảm giác bảo vệ nội dung nhất định.  

Dưới đây, chúng ta sẽ khám phá thêm về WordPress iFrame. Ngoài ra, chúng tôi đã đề cập đến cách nhúng chúng vào trang web của bạn. Vậy hãy bắt đầu.  

Mục lục

• iFrame là gì và tại sao lại sử dụng chúng?
• Làm cách nào để nhúng iFrame WordPress một cách dễ dàng?
  • Phương pháp 1. Sử dụng mã nhúng để thêm iFrame trong WordPress
  • Phương pháp 2. Tạo mã iFrame theo cách thủ công (Sử dụng Khối HTML)
  • Phương pháp 3. Nhúng iFrame bằng Plugin (iFrame nâng cao)
• Danh sách một số plugin iFrame WordPress phổ biến khác
  • 1) Nhúng YouTube
  • 2) cửa sổ bật lên iframe
• Những điều cần nhớ khi nhúng iFrames trong WordPress
• gói nó lên
•  
•  

iFrame là gì và tại sao lại sử dụng chúng?

Xem xét số lần bạn truy cập một trang web nhưng lại xem nội dung từ một trang web hoàn toàn khác trên trang web của họ. Cho dù đó là video, hình ảnh hay trang danh mục đầu tư, việc nhìn thấy chúng trên một trang web hoàn toàn khác sẽ đặt ra câu hỏi về việc 'chia sẻ nội dung hợp lệ'. ’

Hơn nữa, nếu bạn sở hữu một trang web WordPress chạy bằng nội dung đa phương tiện, đôi khi bạn sẽ phải xử lý các vấn đề về lưu trữ. Tải lên video, hình ảnh và nội dung như vậy trên máy chủ của bạn sẽ lấp đầy dung lượng. Chỉ có rất nhiều không gian lưu trữ có sẵn cho bạn trước khi hết

Cho dù đó là chia sẻ nội dung hay không gian lưu trữ, những vấn đề này đều được giải quyết bằng cách nhúng nội dung của một trang web hoặc tên miền riêng biệt vào bài đăng của bạn và cách dễ nhất để làm điều đó là sử dụng iFrames

WordPress iFrames cho phép bạn tạo phương tiện để hiển thị nội dung hoặc trang web đến và đi từ một trang web hoàn toàn khác mà không lo bị đánh cắp nội dung hoặc cáo buộc bản quyền

Rõ ràng, có các phương pháp khác để nhúng nội dung, chẳng hạn như sử dụng các phần tử web AJAX hoặc HTML5 hoặc các phần tử khác, nhưng trong nhiều trường hợp, iFrame chỉ là một lựa chọn tốt hơn. Đối với một, nhúng iFrame được sử dụng cho nội dung tên miền chéo, thường là nội dung trực quan

Điều này có nghĩa là người dùng trang web có thể tự do yêu cầu các tài nguyên đã chọn từ một trang web riêng biệt và xem nó nhưng bị hạn chế truy cập hoặc thao tác với phần tử hoặc mã đó

Hơn nữa, bạn có thể dễ dàng đặt quảng cáo trên trang web của mình bằng iFrames và thiết lập nhiều iFrames trên một trang web mà không gặp nhiều khó khăn. Điều này luôn hữu ích nếu bạn muốn kiếm tiền từ trang web của mình

Làm cách nào để nhúng iFrame WordPress một cách dễ dàng?

Phương pháp 1. Sử dụng mã nhúng để thêm iFrame trong WordPress

Trong phương pháp đầu tiên, chúng tôi sẽ nhúng iframe Youtube phản hồi vào trang web WordPress. Phương pháp này rất hữu ích để thêm video hướng dẫn vào bài đăng hoặc trang của bạn.  

Trước hết, hãy truy cập kênh YouTube và nhấp vào video bạn muốn nhúng vào bài đăng/trang của chúng tôi. Ví dụ: trong phần này, chúng tôi sẽ nhúng video hướng dẫn của ThemeGrill để nhập nội dung demo bằng cách sử dụng plugin ThemeGrill Demo Importer.  

P. S. Bạn cũng có thể xem video trên kênh YouTube của chúng tôi.  

Tiếp theo, bên dưới video, bạn có thể quan sát thấy nhiều biểu tượng khác nhau như Thích, Chia sẻ, Lưu, v.v. Chọn tùy chọn Chia sẻ.  

Sau đó, một cửa sổ bật lên sẽ xuất hiện với các tùy chọn khác nhau. Nhấp vào nút Nhúng

Mã iFrame hiện được hiển thị. Hơn nữa, có 2 tùy chọn Nhúng – Hiển thị Kiểm soát Trình phát và Bật chế độ tăng cường quyền riêng tư. Theo mặc định, tùy chọn thứ nhất đã được bật. Bật tùy chọn thứ 2 theo cách thủ công.  

Bây giờ, hãy tiếp tục và sao chép mã bằng cách nhấp vào tùy chọn Sao chép.  

Bạn có thể dán mã vào bài đăng/trang WordPress của mình. Để làm điều đó, hãy truy cập bảng điều khiển WordPress của bạn và điều hướng đến Trang >> Thêm mới hoặc Đăng >> Thêm mới.  

Sau đó, đặt tiêu đề cho trang của bạn. Bạn cũng có thể thêm một số nội dung bạn chọn. Tiếp theo, nhấp vào biểu tượng Dấu cộng (+), tìm kiếm khối HTML và thêm nó vào trang của bạn.  

Chỉ cần dán mã iFrame của YouTube vào khối này.  

Bạn có thể Xem trước trang và xem nó trông như thế nào. Nếu bạn hài lòng, hãy nhấn nút Xuất bản

Phương pháp 2. Tạo mã iFrame theo cách thủ công (Sử dụng Khối HTML)

Embedding  WordPress iFrame is easier than you imagine. The traditional way to do so is by using the HTML attributes

Ghi chú. Hãy nhớ rằng một số trang web WordPress không cho phép nhúng URL của họ vào các nguồn gốc khác nhau do các biện pháp bảo mật. Trong khi một số trang web chỉ cho phép nhúng iFrames trong cùng một nguồn gốc. Chẳng hạn, nếu bạn thêm URL iFrame https. //themegrill. com/ bạn sẽ nhận được một tin nhắn như thế này.  

Đó là bởi vì nhóm Nhà phát triển của ThemeGrill đã cấm các nguồn khác nhau nhúng mã iFrame. Tuy nhiên, bạn có thể nhúng các bản trình diễn trên trang web của mình.  

Như đã nói, nếu muốn, bạn cũng có thể thêm nhiều tham số hơn vào thẻ của mình. Bạn có thể xác định cửa sổ của iFrame bằng cách sử dụng tham số

• Chiều rộng/Chiều cao – Đối với chiều cao và Chiều rộng của cửa sổ iFrame, hãy xác định các giá trị trong Px
• Frame Border – Để hiển thị hoặc ẩn Frame Border, hãy sử dụng các giá trị ‘0’ hoặc ‘1. ’
• Căn chỉnh – Để xác định căn chỉnh trang của cửa sổ, hãy sử dụng các giá trị “trái” “phải” “trên cùng” “dưới cùng. ”
• Cuộn – Để tắt hoặc bật Cuộn bên trong Cửa sổ. Sử dụng các giá trị “có”, “không”

Sau đó, chỉ cần chuyển đến bài đăng/trang mà bạn muốn nhúng mã iFrame. Sau đó, chọn khối HTML và dán mã vào trình soạn thảo văn bản.  

Ví dụ: chúng tôi chỉ có thể lấy URL “https. //themegrilldemos. com/colormag/” và sử dụng nó làm nguồn của chúng tôi. Hơn nữa, tạo thẻ cho trang được nhúng của chúng tôi. Sau đó, sử dụng các thuộc tính đã thêm để tùy chỉnh, chúng tôi nhận được,

[html] <iframe src="https://themegrilldemos.com/colormag<strong>/</strong>" width="1000px" height ="500px" frameborder="1" scrolling="yes" align="left"> </iframe> [/html]

Đây là giao diện của iFrame

Theo quy trình này, bạn sẽ có thể dễ dàng nhúng các trang web vào bài đăng của mình. Cho dù đó là hình ảnh, nội dung trực quan, âm thanh hay hơn thế nữa

Phương pháp 3. Nhúng iFrame bằng Plugin (iFrame nâng cao)

Phương pháp cuối cùng về cách thêm iFrame trong WordPress là sử dụng plugin. Đối với hướng dẫn này, chúng tôi sẽ sử dụng một trong những plugin iFrame phổ biến nhất – iFrame nâng cao

Cài đặt và kích hoạt iFrame nâng cao

Trước tiên, hãy đi tới Plugins >> Thêm menu mới từ thanh bên của bảng điều khiển WordPress của bạn. Tìm kiếm iFrame nâng cao trong thanh tìm kiếm. Khi nó xuất hiện, hãy nhấp vào nút Cài đặt và cuối cùng, Kích hoạt nó.  

Có hai cách để sử dụng plugin này, một cách trực tiếp bằng cách sử dụng các tham số đã cho và cách khác bằng cách sử dụng giao diện người dùng của plugin.  

i)  Trực tiếp sử dụng mã ngắn

Cách trực tiếp sử dụng iFrame nâng cao giống với cách sử dụng thẻ HTML iFrame, nhưng thay vào đó, chúng tôi sử dụng mã ngắn của nó

Khi bạn mở bất kỳ bài đăng hoặc trang nào, hãy chọn biểu tượng Dấu cộng (+). Bây giờ, tìm kiếm khối iFrame nâng cao và thêm nó.  

Các tùy chọn cài đặt khối sẽ xuất hiện ở phía bên phải của trang trình chỉnh sửa. Ngoài ra, theo mặc định, iFrame của TinyWebGallery Blog có mặt.  

Thêm URL bạn chọn từ các tùy chọn cài đặt. Để thuận tiện cho bạn, Advanced iFrame cho phép bạn xác định Chiều rộng và Chiều cao mà không gặp rắc rối. Tham số bổ sung cũng được cho phép. Cuối cùng, lưu tất cả các thay đổi

ii) Bằng cách Sử dụng Giao diện Người dùng Cài đặt

Quá trình tạo mã ngắn và thêm tham số có thể khó khăn đối với người mới sử dụng WordPress hoặc HTML, vì vậy nhà phát triển đã cung cấp giao diện người dùng dễ sử dụng để tạo mã ngắn tùy chỉnh của chúng tôi

Trước tiên, hãy chuyển đến Advanced iFrame từ menu thanh bên. Có rất nhiều lựa chọn; . Đây là menu nơi bạn sẽ thực hiện hầu hết công việc của mình

Có nhiều giá trị để thiết lập cho các mục đích khác nhau. Chúng tôi sẽ giải thích chúng dưới đây

• URL. Chèn URL cho trang bạn muốn nhúng vào đây. Plugin cũng kiểm tra xem URL có hợp lệ và cho phép nhúng iFrame hay không
• Chiều rộng/Chiều cao. Tại đây, bạn có thể chèn kích thước cho cửa sổ iFrame của mình. Bạn có thể chèn các giá trị theo pixel hoặc phần trăm
• Chiều rộng/chiều cao lề. Chèn chiều cao và chiều rộng của lề vào các ô tương ứng
• viền khung. Bạn có thể bật, tắt hoặc xác định kích thước đường viền của iFrame của mình. Chèn '0' sẽ xóa đường viền khung
• minh bạch. Bạn có thể đặt giá trị 'Có' hoặc 'Không' hoặc 'Đúng' / 'Sai' Bật tính minh bạch làm cho trong suốt và hiển thị nền trên đó
• Cho phép toàn màn hình. Đây là tính năng nhúng video cho phép video chiếm toàn bộ màn hình. Bật hoặc tắt nó bằng 'True' hoặc 'False'.  

Sử dụng các cài đặt này, bạn có thể dễ dàng kích hoạt cửa sổ iFrame của mình. Plugin cũng cung cấp rất nhiều tính năng khác;

Nhấp vào nút Tạo mã ngắn cho cài đặt hiện tại ở trên cùng. Điều này tạo ra một mã ngắn tùy chỉnh để bạn sao chép và dán vào bài đăng hoặc trang của mình

Tương tự, nếu bạn muốn các cài đặt hiện tại vẫn là cài đặt mặc định của mình, bạn có thể nhấp vào Cài đặt cập nhật được hiển thị ở cuối cửa sổ để biến nó thành cài đặt mặc định.  

Điều này cho phép bạn truy cập ngay vào mã ngắn hiện tại bằng nút Thêm iFrame nâng cao mà chúng tôi đã giải thích ở bước trên. Tương ứng, đặt lại cài đặt đặt lại mã ngắn mặc định

Giờ đây, bạn có thể sao chép mã ngắn này và dán vào bất kỳ bài đăng hoặc trang nào của mình để hiển thị cửa sổ iFrame

Danh sách một số plugin iFrame WordPress phổ biến khác

Ngoài iFrame nâng cao, đây là một số plugin iFrame WordPress hữu ích khác.  

1) Nhúng YouTube

Plugin này rất hữu ích để nhúng các video YouTube đáp ứng trên trang web của bạn. Hơn nữa, nó cho phép bạn tạo nhiều hồ sơ. Bạn có thể thêm các video YouTube khác nhau vào từng hồ sơ theo ý muốn của mình.  

Ngoài ra, bạn có thể tạo danh sách phát video của mình và phát chúng theo bất kỳ thứ tự nào bạn muốn. Nó cũng cho phép tự động tạo danh sách phát dựa trên tên người dùng.  

2) cửa sổ bật lên iframe

Cửa sổ bật lên iframe là một plugin iFrame phổ biến khác dành cho WordPress. Bạn có thể hiển thị bất kỳ trang web nào trong cửa sổ bật lên bằng URL của nó. Plugin này sử dụng tiện ích mở rộng hộp ưa thích của JQuery để hiển thị cửa sổ bật lên iFrame.  

Ngoài ra, bạn có thể tùy chỉnh các thuộc tính bật lên để phù hợp với vị trí thích hợp của bài đăng hoặc trang của bạn trong trang quản trị plugin. Ngoài ra, cửa sổ bật lên phản hồi nhanh; .  

Những điều cần nhớ khi nhúng iFrames trong WordPress

Nhưng hãy nhắc nhở ngắn gọn rằng iFrames không phải là câu trả lời hoàn chỉnh cho việc chia sẻ phương tiện. Dưới đây là một số mẹo cần nhớ

1. Luôn kiểm tra kỹ số lượng iFrame bạn nhúng trên một trang web. Nhúng quá nhiều iFrame có thể cản trở tốc độ tải trang web của bạn vì chúng yêu cầu các tài nguyên riêng để tải lên trang
2. Ngoài ra, một lưu ý rất quan trọng, luôn đảm bảo chỉ nhúng nội dung từ các trang web đáng tin cậy. Tin tặc có thể dễ dàng đặt một phần mềm độc hại bên trong phần nhúng của chúng và gây ra nhiều loại thiệt hại cho trang web của bạn. Vì vậy, hãy lưu ý loại nội dung bạn đang chia sẻ

gói nó lên

Bây giờ bạn đã biết cách sử dụng iFrames, bạn đã sẵn sàng tiếp tục và chia sẻ nội dung giữa các miền. Cũng có nhiều cách khác để nhúng nội dung, nhưng iFrames là phương tiện tốt nhất cho người mới bắt đầu vì chúng cực kỳ dễ cài đặt.  

Ngoài ra, hãy kiểm tra xem trang web có cho phép nhúng mã iFrame của họ hay không. Chúng tôi có ba phương pháp khác nhau ở trên. Chọn cái phù hợp với bạn nhất.  

Hôm nay bạn có học được điều gì mới không? . Bạn cũng có thể theo dõi chúng tôi trên Twitter và Facebook để biết thêm thông tin cập nhật và tin tức thú vị.  

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

Tôi có thể đính kèm blog vào trang web của mình không?

Tôi có thể sử dụng WordPress với HTML không?

Tôi có thể chỉnh sửa một trang web hiện có bằng WordPress không?