- Cập nhật bởi Juan Herrera Juan Herrera
- Vào ngày 18 tháng 5 năm 2022 May 18, 2022
- | Mạng & Bảo mật, Tổ chức, WordPress Networking & Security, Organization, WordPress
Là một quản trị viên WordPress, một trong những mục tiêu chính của bạn có khả năng thúc đẩy lưu lượng truy cập càng nhiều càng tốt cho trang web của riêng bạn. Một cách để cả làm phong phú nội dung của bạn và lái xe đến các trang web khác mà không làm cho tỷ lệ thoát của bạn [tỷ lệ khách truy cập nhấp vào trang web của bạn sau một trang duy nhất] tăng vọt là nhúng một trang bên ngoài vào WordPress. Chúng tôi khuyên bạn nên nhận & nbsp; quyền của chủ sở hữu trang web, trước tiên.drive as much traffic as possible to your own website. One way to both enrich your content and drive traffic to other sites without making your “bounce rate” [percentage of visitors who click off of your site after a single page] skyrocket is to embed an external page in WordPress. We recommend getting permission of the website owner, first.
Trong lịch sử, thẻ đã được sử dụng cho mục đích này. Tuy nhiên, vì IFRAME thường chứa nội dung độc hại, WordPress sẽ tự động xóa chúng! Chúng tôi sẽ đi qua [chi tiết] cách hiển thị nội dung từ một trang web khác trong WordPress mà không cần các thẻ phiền phức đó. & NBSP; tag has been used for this purpose. However, since iFrames often contained malicious content, WordPress automatically removes them! We’ll go over [in detail] how to display content from another website in WordPress without the need for those pesky tags.
Lưu ý rằng nhiều bài viết khác sẽ hướng dẫn bạn sử dụng iframes, nhưng hầu hết mọi trình duyệt và trình chặn quảng cáo chính sẽ xóa một iframe tiêu chuẩn vì lý do bảo mật! Đến cuối bài viết này, bạn sẽ có thể sử dụng WordPress nhúng mã shortcode để hoàn thành mục tiêu cuối cùng.but almost every major browser and ad blocker will remove a standard iframe for security reasons! By the end of this article, you’ll be able to use WordPress embed shortcode to accomplish the same end goal.
Trong ví dụ này, chúng tôi sẽ nhúng một liên kết trong WordPress để trang chủ của Cleversequence, xuất hiện trong bài đăng của chúng tôi!within our post!
Bắt đầu: Cách nhúng các trang web bên ngoài vào WordPress
Bước 1: Đảm bảo bạn hiểu những điều cơ bản
Biết là một nửa trận chiến, theo G.I. Joe, nhưng nó giống như 90% cuộc chiến cho các quản trị viên WordPress! Dưới đây là một vài điểm cần lưu ý sẽ giúp bạn nhúng các trang web bên ngoài vào WordPress mà không gặp vấn đề gì, bất kể mức độ kinh nghiệm của bạn!
- Các cấp độ bảo mật trang phải giống hệt nhau. Blog WordPress nằm trong HTTP hoặc HTTPS thông thường. Nếu blog của bạn ở trong HTTP, bạn không thể & nbsp; nhúng các trang HTTPS! Tương tự như vậy, nếu blog của bạn ở trong HTTPS, bạn có thể nhúng các trang HTTP tiêu chuẩn!. WordPress blogs are either in regular HTTP or HTTPS. If your blog is in HTTP, you CANNOT embed HTTPS pages! Likewise, if your blog is in HTTPS, you can’t embed standard HTTP pages!
- Bạn có thể xác minh mức độ bảo mật của blog của mình bằng cách truy cập bất kỳ trang nào trên đó và tìm kiếm biểu tượng khóa khóa của bạn trong trình duyệt của bạn, tương tự như thế này: by visiting any page on it and looking for a “lock” icon in your browser, similar to this:
- Protip: Nếu blog của bạn không phải là HTTPS, hãy kiểm tra với máy chủ của bạn về cách làm cho nó an toàn! Hầu như mọi trang web lớn đều sử dụng nó vào thời điểm này.ere, tại sao. If your blog is not HTTPS, check with your host on how to make it secure! Almost every major website uses it at this point. Here’s why.
Bước 2: Cài đặt plugin iframe nâng cao
Lưu ý: Trình cắm này là miễn phí. Hạn chế duy nhất là, sau 10.000 lượt xem trang, một liên kết nhỏ xuất hiện ở cuối trang Plug-in của tác giả. & NBSP; This plug-in is free. The only limitation is that, after 10,000 page-views, a little link appears at the bottom of the author’s plug-in page.
Lưu ý khác: Bạn có thể đã nghe nói về tùy chọn Page Shortcode nhúng Elementor nếu bạn đã nghiên cứu. Elementor có rất nhiều tính năng tuyệt vời, nhưng không có phiên bản miễn phí vĩnh viễn, đó là lý do tại sao chúng tôi tiết kiệm cho bạn nước trái cây bằng cách gắn bó với iframe nâng cao cho hướng dẫn này! You may have heard of the Elementor embed page shortcode option if you’ve been researching. Elementor has lots of great features, but there is not a permanently free version, which is why we’re saving you the juice by sticking with “Advanced iFrame” for this tutorial!
Đầu tiên, hãy nhìn vào menu cuộn bên trái trên cổng thông tin WordPress của bạn. Trong phần phụ của Công cụ, một phần phụ, nhấp vào mục menu đầu tiên có tên là Plugin Plugin, như được hiển thị bên dưới. Sau đó, nhấp vào trên Thêm Thêm mới., look at the left-hand scroll menu on your WordPress portal. In the “Tools” sub-section, click on the first menu item called “Plugins” as shown below. Then, click on “Add New.”
Sau đó, bạn sẽ được đưa đến một trang khác và bạn sẽ cần phải tìm kiếm IFRame nâng cao như được hiển thị:Advanced iFrame” as shown:
Thứ hai, bạn sẽ cần nhấn cài đặt ngay bây giờ. Trong vài giây, bạn sẽ nhận được thông báo rằng trình cắm đã được cài đặt. Nút đó cho biết, Cài đặt ngay bây giờ, bây giờ sẽ nói là Activ Active. Bấm vào đó!you’ll need to hit the “Install Now”. In a few seconds, you should get a notification that the plug-in has been installed. That button that said “Install Now” will now say “Activate”. Click on that!
Bây giờ bạn đã cài đặt plugin WordPress này, việc nhúng các trang web sẽ dễ dàng!
Bước 3: Tạo trang đó!
Bạn có thể trên con đường nhúng một trang bên ngoài vào WordPress vào thời điểm này! Chúng tôi sẽ tạo một trang mới & nbsp; cho ví dụ này, vì vậy hãy tiếp tục và nhấn hộp trên cùng bên trái trong cột trung tâm [cổng thông tin của bạn có thể được tùy chỉnh, vì vậy chủ đề có thể thay đổi]:
We’re going to make a New Page for this example, so go
ahead and hit the top-left box in the center column [your Portal may be customized, so the theme may vary]:
Chỉ cần thêm một số văn bản giả của người Viking, vì vậy, ở mức tối thiểu, một tiêu đề và một chút văn bản. Bạn có thể thấy tại sao trong các bước sau, tôi hứa! & NBSP;title and a bit of text. You’ll see why in later steps, I promise!
Tiếp theo, lấy URL của nội dung bạn muốn nhúng sẵn sàng. Hãy chắc chắn rằng nó bao gồm HTTP hoặc HTTPS và các mức bảo mật phù hợp, như chúng ta đã thảo luận!, get the URL of the content you want to embed ready. Make sure it includes either HTTP or HTTPS and that the security levels matched, as we discussed!
Trong trường hợp này, chúng tôi sẽ sao chép URL trình tự thông minh. & NBSP;Clever Sequence URL.
Bước 4: Nhúng trang web bên ngoài vào WordPress!
Đến bây giờ, bạn nên có những điều sau:
- Kiến thức cơ bản cần thiết.
- Plugin IFrame nâng cao được cài đặt trên trang web WordPress của bạn.Advanced iFrame Plugin installed on your WordPress site.
- URL đầy đủ mà bạn muốn nhúng [bao gồm cả HTTP, hoặc HTTPS,].full URL you wish to embed [including the “http” or “https”].
- Một trang mẫu nơi bạn muốn nhúng liên kết trong WordPress.
- Một blog mới, yêu thích được gọi là Cleversequence [rõ ràng!].
Lưu ý: Mặc dù không cần thiết, bạn có thể được hưởng lợi từ việc học những điều cơ bản của trình cắm mới! Khi bạn đã cài đặt nó, hãy thoải mái nhấp vào liên kết trên cổng plugin iframe của bạn. & NBSP; you may benefit from learning the basics of the new plug-in! Once you’ve installed it, feel free to click on the link on your iFrame plugin Portal.
Cách dễ nhất để tìm hiểu về trình cắm mới là xem video bắt đầu nhanh đi kèm với nó. Sau khi nhấp vào iframe nâng cao, cần có một liên kết đến video ở cuối cổng thông tin của bạn!watch the Quick Start video that comes with it. After clicking “Advanced iFrame”, there should be a link to the video at the bottom of your Portal!
Tiếp tục, có hai cách để thực hiện nhiệm vụ của chúng tôi: sử dụng mã Shortpress hoặc sử dụng trình chỉnh sửa đồ họa được cung cấp bởi trình cắm. Hãy nghĩ về Shortcode như phiên bản của HTML của HTML. Sự khác biệt thực sự duy nhất là các yếu tố không sử dụng ký hiệu thẻ [Hồi giáo], mà là ký hiệu khung [Hồi [và và].use WordPress shortcode, or use the graphical editor provided by the plug-in. Think of shortcode as “WordPress’s version of HTML”. The only real distinction is that elements do not use the tag notation [“”], but rather bracket notation [“[“ and “]”].
Để bắt đầu quá trình nhúng, hãy quay lại bài đăng mẫu mà chúng tôi đã soạn thảo. Bạn cần phải tạo một khối nội dung mới [còn được gọi là khối Gutenberg Block, kèm theo các phiên bản WordPress 5.0 trở lên]. Tùy thuộc vào chủ đề cổng thông tin WordPress bạn sử dụng, nút có thể xuất hiện khác nhau hoặc ở một vị trí khác.return to the sample post we drafted. You’ll need to make a new Content Block [also known as a “Gutenberg Block”, included with WordPress versions 5.0 and later]. Depending on the WordPress Portal theme you use, the button may appear differently or be in another location.
Nhấp vào nút đó++, và bạn sẽ thấy một loạt các tùy chọn lớn [có thể áp đảo], như vậy: & nbsp;and you’ll see a [probably overwhelmingly] large array of options, like so:
Trong hộp tìm kiếm đó, hãy nhập vào if iframe. Sau đó, bạn sẽ thấy IFRAME nâng cao trên các kết quả dưới đây. Nó trông giống như thế này: & nbsp;iframe”. You should then see the “Advanced iFrame” pop up in the results below. It’ll look like this:
Nhấp vào tiện ích đó, và sau đó bạn sẽ thấy mặc định [được đặt tự động trong quá trình cài đặt] Nội dung URL được hiển thị trên blog của bạn. Nó có khá nhiều trang quảng cáo mà nhà phát triển trình cắm sở hữu, nhưng nó an toàn. & NBSP; on that Widget, and then you should see the “default” [that is set automatically during installation] URL’s contents displayed on your blog. It’s pretty much an advertisement page that the plug-in developer owns, but it’s safe.
Quan trọng hơn, bạn sẽ thấy cái này bật lên trong cột bên phải của trình soạn thảo:, you should see this pop up in the right column of the editor:
Tôi biết, thuật ngữ là một chút khó hiểu. Người giữ chỗ cho URL cho biết, URL của IFRAME, nhưng nó không sử dụng thẻ HTML tiêu chuẩn [và bây giờ bị chặn]. Nó đề cập đến các mã thông báo [Advanced_iframe]. & NBSP;not use the standard [and now mostly blocked] HTML tag. It’s referring to the “[advanced_iframe]” shortcode.
Tiếp theo, sao chép và dán URL bạn muốn nhúng vào hộp đó. Bạn muốn chỉnh sửa các thuộc tính khác, như chiều rộng, chiều cao và công cụ nâng cao? Bạn cần phải tham khảo lại tài liệu iframe nâng cao. Có rất nhiều tùy chọn để lựa chọn, đặc biệt là trong phần tham số bổ sung của Google trong hình ảnh trên!, copy and paste the URL you want to embed into that box. Want to edit other properties, like the width, height, and advanced stuff? You’ll need to refer back to the Advanced iFrame documentation. There are tons of options to choose from, especially under the “Additional Parameters” section in the image above!
Kết quả cuối cùng sẽ hiển thị như một cái gì đó như thế này:
Tiếp theo, xuất bản trên trang blog, và sau đó xem nó bên ngoài cổng thông tin WordPress để đảm bảo rằng quá trình nhúng một trang bên ngoài trong WordPress đã thành công. Do nén và phát hiện kích thước, bạn có thể sẽ thấy phiên bản di động của Cleversequence [và bất kỳ trang web nào khác hỗ trợ các phiên bản di động].Publish” the blog page, and then view it outside of the WordPress Portal to ensure that the process to embed an external page in WordPress was successful. Due to size compression and detection, you’ll likely see the mobile version of CleverSequence [and any other site that supports mobile versions].
Khắc phục sự cố
Có phải trang không hiển thị? Có hai lý do phổ biến. Đầu tiên, trang web có thể tự chặn mình bị nhúng. Trong trường hợp này, cơ hội tốt nhất của bạn là liên hệ với quản trị viên trang web và xin phép nhúng trang.the site may be blocking itself from being embedded. In this case, your best chance is to contact the site administrator and get permission to embed the page.
Lý do phổ biến thứ hai là cài đặt bảo mật cục bộ. Mặc dù hầu hết các trình duyệt đều không chặn điều này theo mặc định, một số người có cài đặt bảo mật cao hoặc rất cao có thể chặn tất cả nội dung được nhúng. Đây là một nỗ lực để ngăn chặn sự giả mạo yêu cầu chéo [CSRF], mặc dù các khối chăn ít phổ biến hơn nhiều so với một thập kỷ trước.local security settings. Although most browsers don’t block this by default, some people with “high” or “very high” security settings may block all embedded content. This is an attempt to prevent Cross-Site Request Forgery [CSRF], although blanket blocks are much less common than they were a decade ago.
Và cuối cùng…
Chúng tôi hy vọng bài viết này hữu ích cho bạn! Có một số tùy chọn ngoài kia, nhưng hãy nhớ không bao giờ sử dụng thẻ HTML trong các trang và bài viết WordPress của bạn! Có một cơ hội nhỏ WordPress đã giành được khối theo mặc định, nhưng ngay cả khi bạn có thể nhìn thấy nó, hầu hết khách truy cập của bạn sẽ không thể!never use HTML tags in your WordPress pages and posts! There is a small chance WordPress won’t block it by default, but even if you can see it, most of your visitors will not be able to!
Một phiên bản ngưng tụ của các bước của chúng tôi để nhúng một trang bên ngoài trong WordPress sẽ là: Đăng nhập vào cổng thông tin WordPress của bạn.
Log into your WordPress Portal.
- Cài đặt và kích hoạt plugin iframe nâng cao từ cổng thông tin.Advanced iFrame plugin from the Portal.
- Trên một bài đăng trên blog mới, hãy chèn một khối nội dung mới của nhóm, loại của loại nâng cao IFRAME. & NBSP;
- Đặt tham số trên tiện ích được chèn.
- Xuất bản trang của bạn và xác minh rằng trang web xuất hiện!
Bài viết trên có thể chứa các liên kết liên kết, giúp hỗ trợ trình tự thông minh