Gần đây bạn có biết về khung nội tuyến (iFrame) và cách chúng có thể giúp bạn chia sẻ nội dung trên trang web của mình không? Show
iFrames giúp thực hiện việc này một cách hiệu quả và an toàn Với iFrame, bạn sẽ có thể hiển thị nội dung như video và hình ảnh mà không cần 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 sẽ phác thảo iFrames là gì, chúng làm gì và cách sử dụng chúng trong WordPress Sau đó, chúng tôi sẽ chỉ cho bạn cách nhúng chúng theo cách thủ công và sử dụng plugin Mục lục Sử dụng iFrames trong WordPressBạn có thể thắc mắc tại sao bạn cần sử dụng iFrame để nhúng nội dung khi có nhiều cách khác để thực hiện việc đó Thứ nhất, bạn có thể chỉ cần sao chép và dán nội dung vào trang web của mình, phải không? Trong khi các phương pháp này hoạt động, chúng không được khuyến khích. Thứ nhất, sao chép và dán nội dung của người khác có thể vi phạm luật bản quyền Lý do thứ hai khiến bạn không nên tải lên nội dung như video là vì những tệp này chiếm một lượng đáng kể dung lượng ổ đĩa và băng thông và có thể làm chậm trang web của bạn. Cân nhắc mua dịch vụ lưu trữ video nếu bạn muốn lưu trữ video cục bộ Sử dụng iFrame sẽ tránh được cả hai mối lo ngại này iFrame là gì?iFrame là một đoạn mã HTML được sử dụng để tạo một trang HTML được nhúng trong một trang HTML khác. Về cơ bản, nó tạo ra một cửa sổ để xem nội dung từ các nguồn bên ngoài từ bên trong trang web Một iFrame trông như thế này
Khi tạo iFrame, có ba yếu tố quan trọng mà bạn cần Đầu tiên là đoạn mã ngắn thực sự tạo iFrame. Điều này sẽ được dán vào mã HTML của trang mà bạn định hiển thị nội dung bên ngoài trên đó Bạn cũng cần có URL của trang bên ngoài được nhúng trong mã này Những điều cần biết trước khi bạn bắt đầu sử dụng iFramesMặc dù iFrames mang lại sự tiện lợi nhưng vẫn có một số điều bạn nên biết trước khi bắt đầu họ đang Các vấn đề về khả năng tương thích HTTPS/HTTP Bạn chỉ có thể nhúng nội dung từ các trang web hoặc trang web sử dụng cùng Giao thức truyền siêu văn bản (HTTP) như của bạn. Điều này có nghĩa là nếu trang web của bạn sử dụng HTTPS (Bảo mật giao thức truyền siêu văn bản), thì bạn chỉ có thể nhúng nội dung từ các trang web khác bằng HTTPS. Điều này cũng áp dụng cho HTTP HTTPS được Google khuyến nghị và hầu hết các trang web uy tín đều sử dụng nó. Nếu của bạn cũng vậy, bạn sẽ có thể nhúng các trang web chất lượng cao một cách dễ dàng Mối quan tâm về an ninh Một mối quan tâm nghiêm trọng hơn nhiều là lỗ hổng bảo mật tiềm ẩn mà iFrames có thể mang đến cho trang web của bạn. Vì iFrames là cửa sổ dẫn đến các trang khác nên bất kỳ điều gì xảy ra trong các trang đó đều có thể ảnh hưởng đến trang của bạn iFrames cũng có thể được sử dụng để tiêm mã độc vào trang web của bạn. Hãy nhớ rằng iFrame của bạn chỉ mở 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 mã độc hại được sử dụng trên trang web nguồn Cách khắc phục đơn giản cho vấn đề này là chỉ sử dụng iFrames để nhúng nội dung từ các trang web có uy tín Để có cài đặt bảo mật nâng cao hơn, hãy sử dụng thuộc tính sandbox trong iFrame của bạn. Thông tin thêm về điều này sẽ được đề cập khi chúng ta thảo luận về cách tạo iFrame Google không phải là một fan hâm mộ lớn của iFrames Google khuyên bạn nên tránh sử dụng iFrame nhưng nếu phải, bạn chỉ cần cung cấp một liên kết dạng văn bản tới cùng một nội dung để cho phép các bot của Google thu thập dữ liệu nội dung này Mặc dù những cảnh báo này nghe có vẻ đáng báo động, nhưng không có gì đáng lo ngại nếu bạn làm theo các phương pháp hay nhất mà chúng tôi sẽ chia sẻ trong hướng dẫn này Không phải tất cả các trang web đều cho phép nội dung của họ được iFramed Khi viết bài này, chúng tôi thường quan sát thấy rằng hầu hết các trang web lớn đã vô hiệu hóa khả năng nội dung của họ được hiển thị trong iFrame. Nếu đây là trường hợp của một trang web mà bạn muốn hiển thị qua iFrame, bạn sẽ không thể làm gì nhiều với nó Cách sử dụng iFrames trong WordPress (3 phương pháp)Bây giờ bạn đã biết iFrame là gì và khi nào bạn có thể sử dụng iFrame, chúng tôi sẽ chỉ cho bạn tất cả các cách khác nhau để tích hợp iFrame trong WordPress Chúng tôi sẽ bắt đầu bằng cách chỉ cho bạn cách sử dụng mã nhúng được tạo trước, sau đó chúng tôi sẽ hướng dẫn cách tạo iFrame theo cách thủ công và cuối cùng là cách sử dụng plugin Tất cả đều dễ học và dễ áp dụng Phương pháp 1. Nhúng iFrame bằng mã nhúngPhương pháp này có thể là dễ nhất nhưng thường chỉ áp dụng cho các trang web cung cấp mã nhúng cho nội dung của họ Nếu mã được cung cấp, thông thường bạn sẽ tìm thấy mã đó trong bất kỳ tùy chọn chia sẻ có sẵn nào Ví dụ: trong YouTube, mã này hiển thị khi bạn nhấp vào biểu tượng chia sẻ bên dưới video. Nhấp vào biểu tượng nhúng để lấy mã iFrame Chỉ cần sao chép mã này và dán vào trang web của bạn bằng khối HTML. Khối là cách mới để xây dựng trang web WordPress bằng cách sử dụng trình tạo Gutenberg tương đối mới Trình tạo Gutenberg đi kèm với một bộ khối gốc bao gồm khối HTML. Ngoài ra còn có một khối YouTube cụ thể, nhưng bạn có thể sử dụng một trong hai Bạn có thể mở rộng phạm vi của Gutenberg bằng cách sử dụng plugin bổ trợ như Tiện ích bổ sung cuối cùng cho Gutenberg. Bạn cũng có thể sử dụng các khối HTML trong bất kỳ trình tạo trang hàng đầu nào cho WordPress Trong khối HTML mới của bạn, hãy dán mã nhúng vào như trong ví dụ trên. Khi mã trong ví dụ được xem trước, đây là những gì chúng tôi nhận được Để sử dụng iFrames mà không cần có mã nhúng gốc từ trang web nguồn, chỉ cần dán dòng mã sau vào khối HTML
Đây là một ví dụ cơ bản về mã iFrame có thể trông như thế nào. Bạn có thể nhận thấy rằng mã trong ví dụ trước dài hơn rất nhiều. Điều này là do nó chứa các thuộc tính. Bạn có thể kiểm soát nhiều thứ về iFrame bằng cách thêm các thuộc tính vào mã Chẳng hạn, bạn có thể xác định chiều cao và chiều rộng của iFrame, cùng với các thuộc tính khác Những thuộc tính đó là
Đây là một ví dụ khác Để sửa đổi chiều cao và chiều rộng thành 800 pixel và 500 pixel tương ứng, bạn sẽ bao gồm các thuộc tính chiều cao và chiều rộng như thế này
Trước đó, chúng tôi đã hứa sẽ chỉ cho bạn cách sử dụng thuộc tính sandbox để ngăn hoạt động độc hại bên ngoài ảnh hưởng đến người dùng của bạn Chỉ cần bao gồm thuộc tính hộp cát như thế này
Vì vậy, ví dụ mà chúng tôi đã chia sẻ trước đó giờ đây sẽ có ý nghĩa hơn rất nhiều
Phương pháp 2. Sử dụng Trình soạn thảo văn bảnBạn có thể viết một chút mã vào trang web để tạo iFrame. Đừng lo lắng, phương pháp này rất đơn giản và thậm chí bạn sẽ không cần sử dụng trình chỉnh sửa WordPress Nếu bạn vẫn sử dụng trình chỉnh sửa cổ điển của WordPress, bạn có thể sử dụng phương pháp này Để bắt đầu, hãy mở trang hoặc bài đăng mà bạn muốn nhúng iFrame vào và thay đổi chế độ xem từ trình soạn thảo trực quan sang trình soạn thảo văn bản Điều hướng đến điểm mà bạn muốn hiển thị iFrame và dán vào cùng mã mà chúng tôi vừa chỉ cho bạn
Thay ví dụ. com với URL đích. Lưu hoặc cập nhật bài đăng hoặc trang và bạn đã sẵn sàng Phương pháp 3. Thêm iFrame bằng PluginPlugin có lẽ là cách dễ nhất để chèn iFrame trong WordPress cho người dùng ít kinh nghiệm hơn và có rất nhiều plugin để xem xét Dưới đây là hai công cụ hàng đầu mà chúng tôi đề xuất và cách sử dụng chúng iFrame của WebvitalyPlugin iFrame của Webvitaly cung cấp khả năng nhúng nội dung từ hầu hết mọi trang web vào các trang của bạn. Tải xuống và kích hoạt plugin để bắt đầu Khi điều này được thực hiện, việc tạo iFrame khá dễ dàng vì tất cả những gì bạn phải làm là dán mã ngắn vào nội dung của bạn ở vị trí có liên quan Plugin miễn phí và hoạt động tốt, tuy nhiên, nó hiện không được các nhà phát triển của nó duy trì Giải pháp thay thế phổ biến nhất sẽ là plugin iFrame trả phí, chẳng hạn như Advanced iFrame Pro của Michael Dempfle iFrame Pro nâng cao của Michael DempfleNhư đã đề cập, Advanced iFrame Pro cung cấp một số tùy chọn tùy chỉnh và bảo mật bổ sung khi so sánh với Frame Plugin Sau khi plugin được cài đặt và kích hoạt, tất cả những gì bạn cần làm là sử dụng mã ngắn để chèn iFrames vào những nơi có liên quan Để bắt đầu, hãy tải xuống, cài đặt và kích hoạt plugin từ kho lưu trữ WordPress Mở trang WordPress hoặc bài đăng mà bạn muốn sử dụng và tìm kiếm khối iFrame nâng cao Chèn phần này vào nội dung và nhấp vào ba dấu chấm để hiển thị thêm tùy chọn Nhấp vào Hiển thị thêm cài đặt. Điều này sẽ cho phép bạn đặt URL của iFrame cũng như các thuộc tính của nó Đặt chúng thành các giá trị phù hợp và lưu hoặc cập nhật trang hoặc bài đăng. Đó là nó Plugin này có giá 21 đô la nhưng cũng có phiên bản miễn phí mà bạn có thể dùng thử Bạn đã sẵn sàng để bắt đầu sử dụng iFrames trong WordPressSử dụng iFrames trong WordPress có thể giúp bạn đạt được nhiều mục tiêu khác nhau. Từ việc chia sẻ nội dung có bản quyền một cách an toàn và đúng cách đến hiển thị các video nặng, iFrames là một giải pháp tốt để chia sẻ nội dung Sử dụng iFrames là một chiến thuật giúp tối ưu hóa tốc độ trang web của bạn. Bạn cũng nên nhớ sử dụng chủ đề WordPress nhanh, nhẹ và đáp ứng Có một số thách thức xung quanh việc sử dụng iFrames, như chúng tôi đã chỉ ra, nhưng nếu bạn làm theo các bước chúng tôi đã vạch ra ở đây, thì bạn sẽ hoàn toàn ổn Bạn đã sử dụng iFrames trước đây chưa? . Ngoài ra, đừng quên chia sẻ nếu bạn biết một số cách khác để sử dụng iFrames trong WordPress
Nhận quyền truy cập độc quyền vào các mẹo, bài viết, hướng dẫn, cập nhật mới, v.v. Tên của bạn địa chỉ email của bạn ĐẶT MUA Thông tin về các Tác giảNhóm biên tập của chúng tôi tại Astra là một nhóm các chuyên gia do người đồng sáng lập Brainstorm Force, Sujay Pawar đứng đầu. Chúng tôi mong muốn tạo ra nội dung được nghiên cứu kỹ lưỡng, có độ chi tiết cao liên quan đến WordPress, thiết kế Web và hướng dẫn về cách phát triển doanh nghiệp trực tuyến của bạn Chia sẻ là quan tâmĐể lại bình luậnĐịa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu * Nhập ở đây Tên* E-mail* Trang mạng
Bài viết được đề xuấtCách tạo một trang web thành viên tuyệt vời trong vài phút (Không cần mã hóa)Nhóm biên tập Ngày 16 tháng 1 năm 2023 Chỉ ra. Gặp Astra 4. 0 một thiết kế hoàn toàn mới để cải thiện UX của bạnSujay Pawar Ngày 12 tháng 1 năm 2023 HubSpot CRM có đáng để cường điệu không?Nhóm biên tập Ngày 11 tháng 1 năm 2023
Chúng tôi tin rằng việc tạo các trang web đẹp không nên tốn kém. Đó là lý do tại sao Astra miễn phí cho mọi người. Bắt đầu miễn phí và mở rộng với các gói giá cả phải chăng Làm cách nào để tạo phản hồi iframe trong WordPress?Bây giờ, bất cứ khi nào bạn muốn làm cho iframe nhúng phản hồi nhanh, bạn chỉ cần bọc nó trong thẻ div với lớp bộ chứa iframe. Let's say you wanted to embed a YouTube video in a WordPress post. Once you're done, save your changes. That's it!
Làm cách nào để nhúng iframe trong WordPress mà không cần plugin?Cách nhúng Iframe trong WordPress mà không cần plugin . Truy cập trang dành cho video YouTube mà bạn muốn nhúng Bên dưới video, hãy nhấp vào Chia sẻ Chọn tùy chọn Nhúng từ cửa sổ bật lên Chọn các tùy chọn nhúng của bạn, sau đó nhấp vào Sao chép để sao chép mã nhúng vào khay nhớ tạm của bạn Làm cách nào để nhúng bằng iframe?Nhúng iframe – từng bước . Sử dụng đoạn mã sau.
WordPress có cho phép khung nội tuyến không?Có, WordPress iFrames được hỗ trợ như một phương tiện để nhúng nội dung vào bài đăng hoặc trang trên trang web của bạn. Có một số tùy chọn cần xem xét khi thêm nội dung bên ngoài vào trang web của bạn, với iFrame là một tùy chọn phổ biến được WordPress hỗ trợ. |