WordPress 主题

如何在網站標頭添加 WordPress 小工具(兩種方法)

您的網站標頭是訪問者訪問您的 WordPress 網站時看到的第一個部分。通過將 WordPress 小工具添加到標頭,您可以優化這個區域以幫助吸引讀者的注意。大多數網站標頭都會包含一個自定義標誌和導航菜單,以幫助訪問者瀏覽您的網站。您還可以在這個區域的上方或下方添加一個標頭小工具,以展示有用的內容、橫幅廣告、限時優惠、單行表單等。

在 WPressize Me,我們在導航菜單的下方直接添加了呼籲行動的標頭。

大多數 WordPress 主題都在側邊欄和頁腳區域提供小工具就緒區域,但並非每個主題都在標頭添加小工具就緒區域。

編者註:如果您的主題沒有小工具就緒的標頭區域,您現在可以從頭開始創建完全自定義的 WordPress 主題(無需任何編碼)。

首先,讓我們一步步了解如何在現有主題的網站標頭添加 WordPress 小工具。您可以使用以下快速鏈接直接跳轉到您要使用的方法:

方法 1:在 WordPress 主題設置中添加 WordPress 小工具到您的網站標頭

許多最佳的 WordPress 主題包括一個可自定義的標頭小工具區域。首先,您需要查看當前的 WordPress 主題是否支持標頭中的 WordPress 小工具區域。您可以通過訪問 WordPress 主題自定義器或 WordPress 管理面板的小工具區域來找到它。導航到 外觀 » 自定義,查看是否有編輯標頭的選項。

注意:如果您使用的是區塊主題,則不會在管理側邊欄中看到此選項。相反,您應該參考我們的關於如何使用 WordPress 全站編輯器自定義標頭的指南。

在這個示例中,免費的 Astra 主題有一個名為「Header Builder」的選項。我們將向您展示如何在 Astra 中使用此功能,但請注意,這會根據您使用的主題而有所不同。

如果您點擊它,它會將您帶到一個編輯標頭並添加小工具的屏幕。在屏幕底部,您可以完全自定義標頭以及標頭上下方的區域。只需將鼠標懸停在空白區域之一上,然後點擊「加號」圖標。

這會彈出一個菜單,您可以在其中選擇「Widget 1」。還有其他選項可供選擇,但您需要選擇一個「小工具」選項來讓標頭支持小工具。

要添加小工具區域到標頭,請點擊標頭自定義器部分中的「Widget 1」框。這會彈出一個添加小工具的選項。接下來,點擊左側菜單中的「加號」圖標。這會彈出一個窗口,您可以在其中選擇要添加到標頭的小工具。

您可以繼續自定義標頭並添加任意多的小工具。一旦完成,請確保點擊「發布」按鈕以保存您的更改。現在,您可以查看添加了小工具後的標頭區域。

這是我們演示網站上顯示的樣子。

不使用 Astra?

要查看您的主題是否已經有一個 WordPress 標頭小工具,您可以導航到 WordPress 管理面板中的 外觀 » 小工具。看看是否有標為「標頭」或類似名稱的小工具區域。如果有,則只需點擊「加號」圖標以彈出小工具菜單。然後,您可以點擊要添加的小工具。

確保點擊「更新」按鈕以保存您對標頭小工具區域的更改。

方法 2:通過添加代碼到 WordPress 在網站標頭中添加 WordPress 小工具

如果您的 WordPress 主題在標頭中沒有小工具區域,則您需要通過添加代碼到 WordPress 來手動添加。如果您之前沒做過,請查看我們的指南,了解如何在 WordPress 中複製和粘貼代碼。

然後,您可以將以下代碼片段添加到 functions.php 文件中,或使用代碼片段插件如 WPCode(推薦):

function wpb_widgets_init() { register_sidebar( array( 'name' => 'Custom Header Widget Area', 'id' => 'custom-header-widget', 'before_widget' => '
', 'after_widget' => '
', 'before_title' => '

', 'after_title' => '

', ) ); } add_action( 'widgets_init', 'wpb_widgets_init' );

此代碼會為您的主題註冊一個新的側邊欄或小工具就緒區域。如果您導航到 外觀 » 小工具,則會看到一個標為「Custom Header Widget Area」的新小工具區域。現在,您可以將小工具添加到這個新區域。了解詳情,請查看我們的指南,了解如何在 WordPress 中添加和使用小工具。

在 WordPress 中顯示您的自定義標頭小工具

現在,您已經創建了標頭小工具區域,您需要告訴 WordPress 在網站上顯示該區域。為此,您需要編輯主題的 header.php 文件。接下來,將以下代碼添加到您要顯示小工具的位置:

<?php if ( is_active_sidebar( 'custom-header-widget' ) ) : ?>  <?php endif; ?>

此代碼會將您早前創建的小工具區域添加到網站標頭區域。現在,您可以訪問您的 WordPress 博客查看已激活的標頭小工具區域。

使用 CSS 樣式化您的 WordPress 標頭小工具區域

根據您的主題,您可能還需要添加 CSS 到 WordPress 以控制標頭小工具區域和其中每個小工具的顯示方式。這可以通過以下幾種方式完成:

  • 如果您使用的是舊版主題,則可以通過訪問 WordPress 儀表板中的 外觀 » 自定義 使用主題自定義器。
  • 如果您使用的是區塊主題,則可以在 WordPress 管理中修復缺失的主題自定義器。
  • 如果您使用的是區塊主題,則可以通過訪問儀表板中的 外觀 » 編輯器 使用全站編輯器來添加額外的 CSS。
  • 您可以使用 WPCode 插件添加自定義 CSS(推薦)。
  • 如果您不懂 CSS,您可以使用像 CSS Hero 這樣的插件。

了解更詳細信息,請查看我們的指南,了解如何輕鬆地將自定義 CSS 添加到您的 WordPress 網站。

在上面的方法 2 中,我們向您展示了如何使用 WPCode 向 functions.php 文件添加代碼片段。您還可以使用此插件添加自定義 CSS。創建新片段時,請確保從右側下拉菜單中選擇代碼類型「CSS 片段」,並確保選擇了「自動插入」選項。

在代碼預覽部分,您需要添加用於樣式化標頭小工具的 CSS。這裡有一些示例 CSS 代碼以幫助您入門:

div#header-widget-area { width: 100%; background-color: #f7f7f7; border-bottom: 1px solid #eeeeee; text-align: center; padding: 20px; } h2.chw-title { margin-top: 0px; text-align: left; text-transform: uppercase; font-size: small; background-color: #feffce; width: 130px; padding: 5px; }

之後,確保切換到「激活」設置,然後點擊屏幕右上角的「保存片段」按鈕。要改用主題自定義器,請導航到 WordPress 管理面板中的 外觀 » 自定義。這會打開 WordPress 主題自定義器面板。請點擊「額外 CSS」標籤。

這允許您直接向主題添加額外 CSS 並實時查看更改。只需將我們前面展示的 CSS 代碼添加到「額外 CSS」框中。一旦完成添加 CSS,請確保點擊「發布」按鈕以保存更改。這就是應用了 CSS 更改後自定義標頭小工具的外觀。

我們希望這篇文章能幫助您了解如何將 WordPress 小工具添加到網站標頭。您可能還想查看我們關於如何選擇最佳 WordPress 託管的指南以及我們為小型企業精選的最佳實時聊天軟件。 如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,以獲取 WordPress 視頻教程。您也可以在 TwitterFacebook 上找到我們。

Read More
WordPress 教学

如何将JavaScript移动到WordPress底部或页脚

将JavaScript移动到底部的好处

JavaScript是一种客户端编程语言。它由用户的浏览器执行,而不是由您的网络服务器执行。当您将JavaScript放置在顶部时,浏览器可能会在加载页面的其余部分之前执行或处理JavaScript。当JavaScript移动到底部时,您的网络服务器将快速渲染页面,然后用户的浏览器将执行JavaScript。由于所有服务器端渲染已经完成,JavaScript将在后台加载,从而整体加载速度更快。

这将在使用Google页面速度或Yslow测试时提高您的速度评分。Google和其他搜索引擎现在将页面速度视为显示搜索结果时的性能指标之一。这意味着加载速度更快的网站将在搜索结果中更突出。

在WordPress中正确添加脚本的方法

WordPress有一个强大的排队系统,允许主题和插件开发者将他们的脚本按需排队和加载。正确地排队脚本和样式可以显著提高您的页面加载速度。

为了向您展示一个基本示例,我们将一个小的JavaScript添加到WordPress主题中。将您的JavaScript保存在一个.js文件中,并将该.js文件放在主题的js目录中。如果您的主题没有JavaScript目录,请创建一个。放置脚本文件后,编辑主题的functions.php文件并添加此代码:

function wpb_adding_scripts() {
wp_register_script('my-amazing-script', get_template_directory_uri() . '/js/my-amazing-script.js','','1.1', true);
wp_enqueue_script('my-amazing-script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

在此代码中,我们使用了wp_register_script()函数。此函数具有以下参数:

<?php
wp_register_script( $handle, $src, $deps, $ver, $in_footer );
?>

要将脚本添加到WordPress页面的页脚或底部,您只需要将$in_footer参数设置为true。

我们还使用了另一个函数get_template_directory_uri(),该函数返回模板目录的URL。此函数应在WordPress主题中用于排队和注册脚本和样式。对于插件,我们将使用plugins_url()函数。

问题:

问题是有时WordPress插件会将其自己的JavaScript添加到或页面正文中。为了将这些脚本移动到底部,您需要编辑插件文件并正确地将脚本移动到底部。

查找JavaScript源

在Web浏览器中打开您的网站并查看页面源代码。您将看到指示文件位置和来源的JavaScript文件链接。例如,下面的截图告诉我们,我们的脚本属于一个名为‘test-plugin101’的插件。脚本文件位于js目录中。

有时您会看到直接添加到页面中的JavaScript,而不是通过单独的.js文件链接的。在这种情况下,您需要逐一停用所有插件。在每次停用插件后刷新页面,直到找到将脚本添加到页面的插件。如果停用所有插件后JavaScript仍然存在,那么尝试切换到另一个主题,看看JavaScript是否是由您的主题添加的。

注册和排队脚本

一旦找到在头部部分添加JavaScript的插件或主题,下一步是找到插件调用文件的地方。在您的主题或插件的PHP文件中,您将看到对特定.js文件的调用。

如果插件或主题已经使用排队方法添加JavaScript文件,那么所有您需要做的就是在插件或主题中更改wp_register_script函数,为$in_footer参数添加true。像这样:

wp_register_script('script-handle', plugins_url('js/script.js', __FILE__), '', '1.0', true);

假设您的插件或主题在头部或内容之间添加了原始JavaScript。在插件或主题文件中找到原始的JavaScript代码,复制JavaScript并将其保存在.js文件中。然后,使用wp_register_script()函数将JavaScript移动到底部。

编辑者注:重要的是要了解,当您对核心文件进行更改并更新插件时,您的更改不会被覆盖。更好的做法是取消注册脚本并从主题的functions.php文件中重新注册。请参阅本教程。

除了将脚本移动到页脚外,您还应考虑使用更快的社交媒体插件和延迟加载图像。除此之外,您还应使用W3 Total Cache和MaxCDN来提高网站速度。

我们希望这篇文章帮助您在WordPress中移动JavaScript到底部并提高页面速度。如有问题和反馈,请在下方留言。

Read More
WordPress 插件

如何在WordPress中禁用插件更新及其风险

为什么不应在WordPress中禁用插件更新

许多WordPress用户认为插件更新可能会破坏他们的网站,因为新更新可能与其他插件或主题不兼容。但实际上,更新导致网站出问题的几率非常低,特别是如果您使用的是标准且合规的WordPress主题和最佳插件。事实上,跳过插件更新的后果通常比实际更新插件更严重。除了新功能之外,插件更新还带来了安全补丁和性能改进,使其与最新的WordPress版本兼容。不更新插件意味着您将故意使您的WordPress网站的安全性受到威胁。

我们也听到一些开发人员希望在客户的网站上禁用插件更新,以防止它们被破坏。但再次强调,这种情况发生的几率非常低。而且,跳过更新意味着客户的网站在未来更容易出现安全问题。因此,我们认为最好还是教育您的客户。

尽管如此,如果您仍需要在您的网站上禁用插件更新,以下是如何操作。

如何轻松禁用WordPress中的所有插件更新

首先,您需要安装并激活Easy Updates Manager插件。详情请参阅我们的分步指南如何安装WordPress插件。激活后,您需要访问WordPress管理区域中的Dashboard » Updates Options来管理插件设置。

在“General”标签中,向下滚动到“Plugin Updates”选项。然后,点击“Disable plugin updates”来关闭所有插件更新。所有插件的更新,包括自动更新,现在都将被禁用。

如何选择性地禁用特定插件的更新

您也可以选择性地禁用某些WordPress插件的更新。这比禁用所有插件更新稍微好一些。这种方法也使用Easy Updates Manager插件。详情请参阅我们的如何安装WordPress插件分步指南。

您需要访问Dashboard » Update Options页面并切换到“Plugins”标签。那里您会看到WordPress站点上所有已安装插件的列表。您只需在某个插件下点击“Blocked”来禁用其更新。

Easy Updates Manager允许您管理所有WordPress更新,包括核心、插件、主题和翻译更新。请参阅我们详细说明的如何更好地管理自动WordPress更新指南。

禁用插件更新的更安全替代方案

虽然禁用插件更新似乎很诱人,但有一些更安全的替代方案可以帮助您维护稳定和安全的WordPress站点:

使用临时网站

创建您的实时站点的副本,您可以在其中测试更新,然后再将其应用于主站点。这样,您可以在不影响实时网站的情况下捕捉到潜在问题。

实施定期备份

在更新任何插件之前,始终创建站点的完整备份。如果在更新过程中出现任何问题,这可以让您轻松恢复网站。

监控插件兼容性

关注插件的更新日志和兼容性信息。许多插件开发人员提供有关每次更新内容以及任何已知兼容性问题的详细信息。

使用可信的WordPress插件

使用信誉良好的开发人员维护的插件。这些插件更有可能提供平稳的更新和快速修复任何问题。

我们希望本文帮助您了解如何在WordPress中禁用插件更新及其风险。您可能还希望查看我们的指南,是先更新WordPress还是插件,以及如何回滚WordPress更新。

如果您喜欢本文,请订阅我们的YouTube频道获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何查看任何 WordPress 網站的舊版本(3個工具)

為什麼要查看 WordPress 網站的舊版本?

互聯網發展迅速,除了回憶之旅,看舊版網站有很多好處。網站元素會隨時間改變,從重新設計到內容刪除,有時甚至整個網站會下線。能夠查看舊版網站在許多情況下都是非常有用的,例如:

  • 需要檢索舊網站上的內容。
  • 想重建已不再在線的資源。
  • 需要在網站重新設計前後的截圖。
  • 從舊網站中獲取設計靈感。

接下來,我們來看看如何使用不同工具查看任何網站的舊版本。

如何查看任何網站的舊版本(3個工具)

有幾個在線工具可以創建網站的存檔,這些工具會在不同時間點拍攝網站的快照並存檔,類似於你的 WordPress 備份,但這些是開放給整個互聯網的。

通常,這些工具是根據網站的受歡迎程度和流量來進行存檔的。有些網站會有數千個存檔,而有些可能很難找到。以下是你可以用來查找任何網站舊版的3個不同工具。

1. Wayback Machine

Wayback Machine,或稱互聯網存檔,是一個數字圖書館,擁有超過 8600 億個存檔網頁。它是一個網頁存檔工具,允許你在不同時間點查看舊版網站的截圖。

使用這個工具,只需訪問 Wayback Machine 網站,輸入你想查看的網站 URL,然後點擊“Browse History”按鈕。

系統會顯示不同日期的網站副本圖表。你可以按年份排序,然後點擊特定日期選擇時間,載入快取的網站副本。

頁面載入後,可以像正常瀏覽一樣互動,包括導航、查看圖片、點擊連結等。請注意,不是每個連結都會正常工作,也無法導航到每個頁面,特別是內容和博客文章非常多的大型網站。

2. Oldweb.today

Oldweb.today 是一個獨特的工具,允許你使用當時的舊瀏覽器瀏覽網站舊版,提供類似當時上網的體驗。

這個工具從第三方存檔如互聯網存檔和全球國家數字圖書館中提取網站副本。請注意,這個工具載入舊網站需要一些時間,它會仿真舊瀏覽器如 Internet Explorer 和 Netscape Navigator,但首先需要找到並加載那些網站。

使用這個工具,導航到 Oldweb.today 網站,選擇一個瀏覽器,輸入網站 URL,確保選中“Browse Archives At”選項,輸入日期並點擊進入。

工具會自動生成結果,然後你就可以查看和導航網站,如同網站凍結在那個時間點一樣。

3. 國會圖書館網頁存檔

美國國會圖書館擁有大量的報紙、書籍、音頻記錄和網站的數字收藏。它也有一個網站存檔搜索工具,其操作方式類似於 Wayback Machine,但結果略有不同。

如果找不到網站的舊版,可以嘗試這個工具。導航到國會圖書館網頁存檔,輸入網站 URL 並點擊搜索圖標。

選擇默認的網頁存檔選項,或從下拉菜單中更改為音頻記錄、報紙、地圖等。工具會顯示網站的不同存檔,點擊一個結果,然後查看截圖,選擇日期和時間查看存檔網站。

希望上述三個工具之一能幫助你找到所需的舊網站。如果你想重建舊頁面,最好的工具是 SeedProd,它是一個最佳的 WordPress 拖放頁面構建器,讓你輕鬆創建任何網站而不需編輯代碼。請參考我們的指南了解如何在 WordPress 中創建登陸頁面。

希望這篇文章幫助你了解如何查看任何 WordPress 網站的舊版本。你還可以查看我們的如何創建電子郵件新聞的指南來增加流量,以及 WordPress 會員插件比較來創建和銷售在線課程。

如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道觀看 WordPress 教學視頻,還可以在 Twitter 和 Facebook 上關注我們。

Read More
WordPress 基础知识

如何從 WordPress 自動發布到 Facebook

如何從 WordPress 自動發布到 Facebook

Facebook 是世界上最大社交媒體網站之一,擁有近 30 億活躍用戶。通過在 Facebook 上分享您的博客文章,您可以吸引更多訪客並增加頁面瀏覽量。

在這篇文章中,我們將向您展示如何在每次發佈新 WordPress 博客文章時自動發布到 Facebook。

為什麼要自動分享到 Facebook 上?

有很多方法可以與您的受眾保持聯繫,比如建立電子郵件列表並定期發送電子郵件通訊。不過,您不能忽視像 Facebook 這樣的大型社交媒體網站的龐大用戶基礎。作為最大的社交媒體網站,Facebook 可以為您的 WordPress 網站帶來大量流量。

要建立強大的粉絲群,與您的 Facebook 受眾互動非常重要。這意味著需要回覆評論、分享內容以及定期在 Facebook 上更新。這可能會變得不堪重負,為此我們準備了一份完整的社交媒體備忘錄來幫助您開始。此外,您還可以通過自動化社交媒體活動來節省時間和精力。

話不多說,讓我們看看每次您發佈新 WordPress 帖子時如何自動發布到 Facebook。

使用 Uncanny Automator 自動發布到 Facebook

自動發布到 Facebook 的最佳方式是使用 Uncanny Automator。它是市場上最好的 WordPress 自動化插件,讓您可以創建強大的工作流程,節省時間、提供更好的用戶體驗並發展您的業務。

更好的是,它與超過 150+ 插件、應用程序和服務集成,包括 Google Drive、Slack、Asana、Facebook 等。

在本指南中,我們將使用 Uncanny Automator 的專業版。

注意:還有一個免費的 Uncanny Automator 插件,提供 1,000 個 Facebook 使用點數,您可以在購買之前試用該插件。一旦用完這些點數,您需要升級到專業賬戶或更高級賬戶才能繼續自動發布到 Facebook。

如果您使用的是免費插件,步驟大多相同。

首先,您需要安裝並激活 Uncanny Automator 插件。更多詳情,請參閱我們的逐步指南如何安裝 WordPress 插件。

啟用後,您還需要安裝免費版本的 Uncanny Automator。該輕量版本的插件是專業計畫的基礎。

啟用後,訪問 Automator » 設定頁面,並在“Uncanny Automator 專業版授權密鑰”欄中輸入您的授權密鑰。

您可以在 Uncanny Automator 網站上的賬戶中找到此信息。

完成後,點擊“啟用授權”按鈕。

將您的 Facebook 頁面連接到 Uncanny Automator

在您能為 Facebook 創建自動工作流程之前,您需要將您的 Facebook 頁面連接到 Uncanny Automator。

要進行這個連接,訪問 Automator » App Integrations 頁面,然後從左側欄切換到“Facebook Pages”選項卡。

在這裡,選擇“連接 Facebook 賬戶”。

點擊此按鈕後,將彈出一個登錄您的 Facebook 賬戶的彈出窗口。如果您啟用了雙重身份驗證,那麼您還需要通過這個附加的檢查才能將 Facebook 連接到 Uncanny Automator。

登錄後,Facebook 會詢問您是否希望授予 Uncanny Automator 訪問您的名稱和個人資料圖片的權限。如果您對此感到滿意,請點擊“以…身份繼續”按鈕。

接下來,將詢問您是否希望允許 Uncanny Automator 在 Facebook 上發布。

您可以點擊“繼續”。

完成後,您將返回到 Uncanny Automator 儀表板。

現在,您將看到所有與您的 Facebook 賬戶相關聯的頁面。這些是 Uncanny Automator 可以自動發布到的頁面。

從 Uncanny Automator 自動發布到 Facebook

現在,您已準備好創建一個食譜,每次發佈新的 WordPress 博客文章時自動發布一條 Facebook 狀態。

簡單地進入 WordPress 儀表板中的 Automator » Add new。

您可以選擇創建一個“Logged-in”食譜或一個“Everyone”食譜。對於這個食譜,選擇“Logged-in users”,然後點擊“確認”按鈕。

接下來,您可以通過在“標題”欄中鍵入名稱來給食譜命名。

這僅供您參考,您可以使用任何名稱。

之後,您需要定義觸發操作的條件。

我們希望每次發佈 WordPress 博客文章時在 Facebook 上發布,因此在“選擇集成”下點擊“WordPress”。

現在,您將看到所有可以在您的 WordPress 網站上使用的觸發器。

您應該搜尋“publish”,並選擇名為“用戶發佈帶有分類術語的類型文章”的觸發器。

在這個例子中,我們只希望在發佈文章時更新 Facebook,而不是頁面。因此,打開“文章類型”下拉菜單,選擇“文章”。

接下來,您可以選擇是否從特定的分類或標籤中分享文章,通過更改“分類學”設置來實現。

不要忘記點擊“保存”以存儲您的更改。

接下來,您需要選擇 Uncanny Automator 在每次發佈文章時執行的操作。首先點擊“添加操作”按鈕。

Uncanny Automator 現在將顯示所有您可以使用的集成。例如,有一個集成讓您可以在 WordPress 發佈新文章時自動發推。

由於我們希望發佈到 Facebook,請點擊“Facebook Pages”按鈕。

現在,您將看到所有不同的 Facebook 操作。

如果您的帖子有特色圖片,則選擇“發布帶圖片的文章”是一個好主意。不過,如果您不想在 Facebook 文章中添加圖片,則可以選擇“發布文章到 Facebook 頁面”。

如果您擁有多個 Facebook 頁面,則可以使用“Facebook 頁面”下拉菜單選擇您想發布到的頁面。

之後,您可以通過將狀態鍵入“消息”框中來創建您想發布的狀態。

在編寫狀態時,您需要使用代幣將文章標題和 URL 添加到消息中。當 Uncanny Automator 發佈您的狀態時,它將用文章中的真實信息替換這些代幣。

要添加代幣,請點擊“*”按鈕。

然後,點擊“用戶發佈一篇文章…”旁邊的箭頭。

這將顯示文章的所有不同代幣。

您可以將任何代幣添加到您的 Facebook 狀態中。

不過,通常您會希望選擇“文章標題”和“文章 URL”,以便人們可以訪問博文。

如果您選擇“發布帶圖片的文章”作為操作,則需要讓 Uncanny Automator 知道從哪裡找到該圖片。

找到“圖片 URL 或媒體庫 ID”欄,點擊其“*”按鈕。

然後,點擊以展開“用戶發佈一篇文章…”觸發器。

在這裡,點擊“文章特色圖片 URL。”

當您對操作的設置感到滿意時,不要忘記點擊“保存。”

在此時,您可能希望添加延遲,以免 Uncanny Automator 一發佈博客就發布到 Facebook。

要做到這一點,將鼠標懸停在“發布文章到…”操作上,當出現“延遲”時點擊它。

現在,您可以選擇在延遲後或在特定日期或時間觸發 Uncanny Automator 操作。

這允許您在受眾最有可能在線時發布到 Facebook。

現在您已設置了觸發條件和操作,是時候發布這個食譜了。

要做到這一點,將“草稿”開關點擊為“直播”的方式。

一旦食譜上線,每次您發佈文章時,Uncanny Automator 將發布新的 Facebook 狀態。

我們在測試站點上發佈了一篇新博客文章,這是文章在我們的 Facebook 頁面上的顯示方式。

如果正確的縮略圖未出現在 Facebook 狀態中,您可以參閱我們的指南如何修復 WordPress 中的 Facebook 縮略圖問題。

額外:在 WordPress 中創建自定義 Facebook 提要

除了從 WordPress 發布到 Facebook,您還可以在您的網站上嵌入整個 Facebook 提要。這將允許訪客在不離開您網站的情況下查看您的 Facebook 文章,並有助於提升用戶體驗。

此外,這可以鼓勵用戶查看您的 Facebook 頁面,並可能帶來更多關注者。

要嵌入您的 Facebook 提要,您需要安裝並激活Smash Balloon Facebook Feed 插件。啟用後,前往 Facebook Feed » All Feeds,然後點擊“新增”。

這將帶您到另一個屏幕,您必須選擇“時間線”作為提要類型,然後點擊“下一步”按鈕。

然後,您需要將您的 Facebook 賬戶與 Smash Balloon 連接。更多詳情,請參閱我們的教程如何將 Facebook 群組提要嵌入 WordPress。

完成後,您可以在 Smash Balloon 的可視化編輯器中輕鬆自定義您的 Facebook 提要。在這裡,您可以更改背景顏色、選擇佈局、添加不同的按鈕等等。

然後,點擊頂端的“保存”按鈕來存儲設置。

現在打開塊編輯器,從菜單中添加“Facebook Feed”塊。接下來,從塊內的下拉菜單中選擇您剛創建的 Facebook 提要。

最後,點擊“更新”或“發布”按鈕來存儲設置。更多資訊,請參閱我們的教程如何在 WordPress 中創建自定義 Facebook 提要。

希望這個教程幫助您學習如何自動從 WordPress 發布到 Facebook。您可能還想學習如何在 WordPress 中嵌入 Facebook 視頻,並查看我們的專家挑選來增長博客的最佳 WordPress Facebook 插件。

如果您喜歡這篇文章,請訂閱我們的YouTube 頻道來獲取 WordPress 視頻教程。您也可以在TwitterFacebook上找到我們。

Read More
WordPress 插件

分类SEO——如何优化您的WordPress分类页面

为什么分类页面对WordPress SEO很重要?

在WordPress中,分类用于组织网站内容。它们可以将相关的帖子分组在一起,帮助访问者快速找到他们需要的内容。默认的WordPress分类包括分类目录,它们像网站的目录一样,还有标签,可以视为索引部分。

一些网站还添加子分类和自定义分类,以更多的方式分类内容。例如,许多电子商务插件会自动创建自定义的产品分类。当您的网站内容被精心组织时,访问者和搜索引擎可以更容易地浏览它,从而提高用户满意度并提升搜索排名。

什么是WordPress中的分类页面?

每个分类都有一个包含标题和描述以及该分类包含的文章列表的归档页面。例如,我们的WPressize Me 教程分类页面的标题是“700+最佳免费WordPress教程”。随后的详细描述中,我们解释了我们的教程如何帮助您学习WordPress以改进您的网站,并列出了一些热门教程。

优化WordPress分类页面上的内容是一种有效的SEO策略,当正确执行时。我们推荐使用 All in One SEO (AIOSEO) WordPress 插件。它是 WordPress 最好的 SEO 插件,可以帮助您优化网站,以便在没有技术 SEO 知识的情况下进行搜索引擎优化。

提高WordPress中分类页面的SEO

优化您的WordPress分类页面上的内容是一种有效的方法,可以在正确地执行时提高您的网站的SEO。您可以访问 AIOSEO 的许多分类 SEO 功能。

现在,让我们来看看如何在WordPress中优化分类页面和其他分类归档页面。

1. 避免分类与帖子之间的关键词冲突

处理分类SEO时,您可能会担心您的分类页面会与WordPress帖子争夺相同的关键词。这被称为关键词吞噬,并可能导致搜索引擎的混淆。有几种方法可以在处理分类归档页面时避免关键词冲突。

选择不索引分类和标签归档页面

一些用户会阻止搜索引擎索引他们的分类和标签归档列表,以促使搜索引擎优先考虑实际的文章和页面。需要导航到 All in One SEO »搜索外观并点击“分类”选项卡。

2. 优化分类的URL结构

您的分类URL应简短易懂,并包含相关关键词。幸运的是,WordPress为分类、帖子和页面使用了SEO友好的URL结构。默认情况下,您的分类将具有如下形式的URL。

3. 为分类设置默认SEO标题和描述格式

All in One SEO允许您自定义分类在搜索引擎结果页面上显示的默认格式。

4. 为每个分类添加有帮助的名称和描述

您应该为每个分类页面添加简短描述,以使用户更好地了解他们会找到的内容。首先,在 WordPress 仪表盘中,前往 Posts » Categories 页面。

5. 优化每个分类描述的内容以满足SEO

您还可以像优化博客文章一样优化每个分类描述。这样会帮助您的类别页面在搜索结果中排名更高。

6. 为您的WordPress网站添加面包屑导航

面包屑是可以添加到WordPress网站的额外导航系统,以帮助用户找到您的内容。

Read More
WordPress 插件

如何在WordPress中创建待办事项列表(逐步指南)

为什么要在WordPress中创建待办事项列表?

如果你拥有一个WordPress网站,那么很可能你有一份长长的待办事项清单。你可能需要管理编辑日历、安排网站设计任务、规划网站转换等。

当你管理许多任务时,使用待办事项应用程序是个好主意。这会提供更多高级功能,确保没有任务被忽视。

并且,这不只是关于你自己的任务。如果你在管理一个团队,保持每个人的步调一致可能更具挑战性。

共享的待办事项列表有助于分配任务、跟踪进度并确保每个人都知道需要做什么。它使协作更顺畅、更高效,让你花更少的时间进行微观管理,而将更多时间投入到重要的事情上。

方法1:使用看板板(将待办事项添加到WordPress管理区域)

步骤1:创建看板

首先,你需要安装并激活WordPress的看板板插件。启动后,从左侧菜单中选择看板。

你现在会看到可以创建的所有不同板,包括允许你在WordPress中跟踪职位申请、编辑日历等的专业板。

步骤2:配置WordPress插件的设置

现在你已经创建了一个板,最好看看插件的设置。确保选择“显示所有列”为“是”,这样你就可以在一个屏幕上查看整个待办事项板。

步骤3:在WordPress中创建待办事项列表

完成后,点击“转到你的板”按钮以创建你的待办事项列表。

方法2:使用Asana(不需要访问WordPress管理区域)

步骤1:获取Asana

首先,访问Asana网站并点击“开始使用”按钮。输入你的电子邮件地址并按照屏幕上的说明创建一个免费的Asana账户。

步骤2:开始一个新的Asana项目

创建账户后,Asana会自动将你带到仪表板。

步骤3:向你的项目添加团队成员

你可以轻松地将其他人添加到你的Asana板中,例如你的团队成员和同事。点击项目顶部的“共享”按钮,然后输入每个你想邀请的人的电子邮件地址。

我们希望这篇文章能帮助你了解如何在WordPress中创建待办事项列表。如果你喜欢这篇文章,请关注我们的YouTube频道以获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

Read More
WordPress 基础知识

什么是WordPress?新手指南(常见问题 + 优缺点)

什么是WordPress?

WordPress 是一个网站构建器和内容管理系统(CMS)。它是一个开源软件,任何人都可以用它来制作任何类型的网站。2003年由 Matt Mullenweg 和 Mike Little 创立,最初是一个名为 ‘b2/cafelog’ 的博客工具的分支。很快,WordPress 变成了一个 CMS,之后又成为了一个成熟的网站构建平台。

WordPress 与 WordPress.com 有何不同?

在本文中,当我们提到 WordPress 时,我们指的是 WordPress.org。WordPress.com 是一个由 WordPress 联合创始人 Matt Mullenweg 推出的独立网站和博客托管服务。大多数初学者由于名字相似经常混淆这两者。

使用WordPress可以制作什么类型的网站?

使用 WordPress 你可以制作任何类型的网站,从个人博客到复杂的商业网站。用户来自世界各地,都利用 WordPress 在线赚钱。它足够灵活以运行电子商务操作,同时也能快速制作小型网站。

使用 WordPress 需要什么?

WordPress 是一个自托管网站构建器,这意味着你需要一个网络托管账号和一个域名。所有的网站都需要网络托管,这就是存储你网站文件的地方,以便互联网用户可以访问你的内容。一个域名是你网站在互联网上的地址(例如, wpressize.me)。

WordPress如何工作?

安装 WordPress 后,你将看到一个易于使用的仪表盘,左侧栏中有不同区域的链接。你可以从这里为你的网站创建页面或写博客文章。你还可以为你的网站选择一个设计模板(主题)。有成千上万的免费 WordPress 主题可供选择。你也可以选择具有更多高级功能的高级主题。

谁在使用 WordPress?

不仅初学者、网页开发者和博客作者喜欢使用 WordPress,很多财富500强公司、大学、非营利组织和政府机构也在使用。以下是一些使用 WordPress 的顶级品牌和组织:

1. 白宫

白宫的官方网站使用 WordPress 构建。

2. Facebook

Facebook 使用 WordPress 为其公司网站提供支持。

3. 纽约时报

纽约时报在其公司网站上使用 WordPress。

4. 微软

微软使用 WordPress 运行他们的博客网站。

5. 索尼音乐

索尼音乐使用 WordPress 为其公司网站提供支持。

为什么使用 WordPress 制作网站?

现在,如果你正在考虑启动一个博客或一个小型商业网站,那么你可能会想知道为什么你应该选择 WordPress 作为你的网站平台。有很多网站构建器和可能的 WordPress 替代品可供选择,但我们认为 WordPress 是最适合初学者和小型企业的平台,使网站创建对所有用户都变得简单和可访问。这就是为什么超过43%的所有网站都使用 WordPress。

关于 WordPress 的常见问题

1. 为什么 WordPress 是免费提供的?

WordPress 是一个开源软件,任何人都可以免费使用。但这并不意味着没有其他费用。比如,你需要 WordPress 托管和域名来建立你的网站。

2. 使用 WordPress 有什么优势?

使用 WordPress 建立网站有很多优势。它易于使用,适合初学者和高级用户。WordPress 还为你提供了成千上万的插件,使你可以向你的网站添加新功能。

3. 使用 WordPress 有什么劣势?

就像世界上的其他事物一样,使用 WordPress 也有优缺点。我们已经详细提到了它的优点,这些优点足以超过任何缺点。然而,以下是一些使用 WordPress 的缺点:

  • 你需要花点时间学习基础知识。这不意味着编码技能或编程,但需要熟悉工具的位置和使用方法。
  • 你需要花时间设置备份、WordPress 安全和更新。大多数这些任务都可以轻松自动化,大多数初学者没有特别的技能也能管理它们。

4. 我需要编程才能使用 WordPress 吗?

不,你不需要学习编程就可以使用 WordPress 或制作网站。大多数 WordPress 用户都不懂 HTML/CSS 或其他编程技能。

5. 我该选择哪家 WordPress 托管公司?

你需要 WordPress 托管来启动你的网站,市场上有成千上万的选择。由于托管行业竞争激烈,初学者可能会难以决断。别担心,我们已经为你做了研究。你可以查看我们为初学者准备的完整 WordPress 托管指南。我们推荐初学者从 Bluehost 或 Hostinger 开始。

6. 我如何开始一个 WordPress 网站?

使用 WordPress 开始非常简单。你只需按照我们关于如何制作 WordPress 网站的分步教程,它将引导你完成整个过程,很快你就能拥有一个全新的 WordPress 网站。如果你需要帮助,你可以利用我们的免费 WordPress 博客设置服务,我们的专家团队将免费为你设置 WordPress 博客。

Read More
WordPress 基础知识

如何为您的WordPress网站找到美丽的背景图片

如何为您的WordPress网站找到美丽的背景图片

背景图片在WordPress网站的视觉识别和用户体验中扮演着重要角色。此外,许多WordPress主题现在支持全屏、视差和多背景功能。

这就是为什么我们浏览了互联网,寻找可以免费下载的无版权图片,以补充您网站的设计和品牌美感。

这些工具免费、合法、易用、完全可靠,是博主、内容创作者或企业主的理想选择。

理解图片版权和尺寸

在使用网上图片时,必须记住所有图片都受版权法保护。这意味着即使没有版权声明,您也应始终假设图片是有版权的,未经许可不能使用。

然而,网上有几个来源可以找到可以合法使用的免费图片。您可以将这些图片用于您的博客文章、特色图片、幻灯片和背景。

请记住,背景图片通常会覆盖整个屏幕,这意味着您需要找到非常大的图片。虽然可以将较小的图片调整为较大,但这通常会导致质量损失,尤其是在较大屏幕上非常明显。

为了获得最佳效果,您应寻找至少1920像素宽和1080像素高的图片。例如,4K图片(3840 x 2160像素)将提供更好的质量。然后,您可以调整这些图片的大小以匹配背景尺寸。将图片调小而不损失质量要容易得多。

如果您的WordPress主题没有推荐特定的背景图片尺寸,建议向主题开发者咨询。他们可以为您提供理想的尺寸,确保背景图片在网站上看起来很好。

我们如何测试和审核免费背景图片

为了给您最佳推荐,我们测试了一些流行的无版权图片来源。我们从这些网站下载图片,并通过将它们添加到我们的网站上来测试它们的质量。

在研究这些工具时,我们特别关注以下几个标准:

  • 使用简易性:我们添加了用户友好的资源,不需要任何复杂步骤即可下载图片。
  • 图片质量:我们优先考虑拥有大量高质量图片的工具。
  • 可靠性:我们仅推荐我们自己在真实网站上测试过的工具。

寻找免费美丽背景图片的网站

1. FreeImages

FreeImages是寻找高质量背景图片的优秀来源。它提供了一个庞大的免费库存图片集合,按类别进行组织,使网站导航变得更容易。此外,它配有易于使用的搜索栏,可以找到适合您WordPress网站的图片。FreeImages具有图片灯箱、过滤、多种下载选项以及评论和评分功能。您甚至可以在社交媒体平台上分享这些矢量图片。这个平台完全安全,是下载背景图片的理想选择。

2. SeedProd

SeedProd是市场上最好的WordPress主题构建器。它配有自定义AI图像生成器,这意味着您可以描述所需的背景图片类型,SeedProd将使用AI为您创建图片。完成后,您甚至可以通过修改提示对图片进行编辑和修改。这个选项非常适合那些不想依赖无版权图片,而是希望使用与品牌形象完全匹配的背景图片的人。请注意,访问AI助手需要购买该插件的高级版。您还需要在SeedProd账户仪表板上购买AI积分。

3. Subtle Patterns

Subtle Patterns是一个提供大量免费、高分辨率和无缝纹理的优秀资源,可下载并用作背景图片。这些微妙的纹理为网站增加了视觉深度,而不会让用户感到不堪重负。它们旨在无缝拼接,意味着它们可以无缝重复,而看不到任何接缝或断裂。这些轻量级文件不会减慢网站速度,并允许您在下载前查看每张图片的实时预览。

4. Public Domain Archive

Public Domain Archive是一个提供混合复古和现代库存照片的流行网站。它有一个干净简单的界面,您只需点击“下载”按钮即可下载喜欢的图片。您还可以发表评论,以便成为社区的一部分,帮助用户更容易找到相关内容。另外,Public Domain Archive配有有趣的每周图片功能,工具每周随机选择图片,以提高参与度并突显视觉吸引力的作品。这使得寻找高质量背景图片变得更加容易。

5. Unsplash

Unsplash拥有超过100万张无版权图片,且每天都有新照片添加。该平台将其照片按类别分类,使用户更容易浏览图片。它还允许您根据需要选择各种图片尺寸,从缩略图到高分辨率原始图片均可。Unsplash鼓励摄影师分享他们的作品,并拥有庞大的内容创作者社区。如果您希望找到一些独特的背景图片,这是一个不错的选择。

6. Picjumbo

Picjumbo拥有大量免费的图片,可以通过标签和类别在首页上进行排序。它还有一个博客页面,您可以在上面获取有关新图片添加到网站的最新消息。此外,注册时还会通过电子邮件发送一些最新的图片。如果您想添加一些现代风格的背景图片,那么PicJumbo是一个理想选择。

7. Magdeleine

Magdeleine是另一个流行的资源,提供免费的高分辨率图片下载。您可以通过类别、标签或搜索表单浏览图片。Magdeleine还允许您为图片选择主色调。这有助于找到与您的配色方案互补的背景图片。该资源还允许您在社交媒体平台上分享您选择的图片,并将其添加到您的RSS订阅中。

8. Pixabay

Pixabay拥有超过270万张图片的图库,非常适合用作背景。其强大的搜索表单和易于导航的网站,可以让您在几分钟内找到合适的图片。然后,您可以根据自己喜欢的尺寸和分辨率选择图片,使Pixabay成为一个不错的选择。此外,该平台还可以下载GIF、音乐和视频。

9. MorgueFile

MorgueFile拥有超过41万张免费库存图片,重点是贡献者提交的内容。该网站速度非常快,使得定位图片更容易。然而,MorgueFile上的某些图片需要署名,因此使用前请检查图片。该平台还有一个独特的“#Quest”功能,设置了一个每日照片挑战,要求用户根据特定主题捕捉和提交照片。这有助于用新鲜内容扩展图片库,并可能成为您找到下一个背景图片的地方。

如何在您网站上添加背景图片

一旦您选择了背景图片,就该将其添加到您的WordPress网站。

您需要打开WordPress仪表板,导航到外观»编辑器页面,如果您使用的是区块主题。

这将打开完整网站编辑器,您必须点击“添加区块”(+)按钮以打开区块菜单。从这里,添加“封面”区块。

完成后,点击区块内的“媒体库”按钮。

这将在屏幕上打开一个提示,您可以从计算机上传背景图片并为其添加替代文字。然后点击“选择”按钮。

图片现在将被添加到“封面”区块。然而,您仍然需要将其设置为页面的背景。

为此,请点击顶部的“列表视图”图标(带有3条横线的图标)。在这里,您将看到主题元素的概览视图,例如站点页眉和页脚。现在,只需将所有模板元素拖动到列表视图中的“封面”区块下。

完成后,“封面”区块的图片将显示为网站的背景图片。

继续点击顶部的“保存”按钮以保存设置。您现在已成功为您网站添加背景图片。

请注意,如果您使用的是旧主题或主题构建器,此方法可能不适用于您。在这种情况下,您可以查看我们的教程,了解如何在WordPress中添加背景图片。

希望本文帮助您找到美丽的背景图片用于您的WordPress网站。您可能还想查看我们的初学者指南,了解如何自定义网站颜色以及我们推荐的最受欢迎的WordPress主题。

如果您喜欢这篇文章,请订阅我们的YouTube频道,收看WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何在WordPress中添加Facebook Like Box / Fan Box

为何在你的WordPress网站上添加Facebook Like Box?

在WordPress网站添加Facebook Like Box有很多好处。首先,它能帮助人们更容易地喜欢你的Facebook粉丝页或商业页,这意味着你的帖子会出现在他们的Facebook动态中,让你能够超越你的网站继续接触用户。此外,Facebook Like Box显示了有多少人点赞了你的Facebook页面,这能作为社交证明,鼓励更多访客点击“赞”。

方法1:使用插件添加Facebook Like Box(适合初学者)

第一种方法是最简单并且推荐的给初学者的方法来在他们的网站上添加Facebook Like Box。它还允许你在网站上显示Facebook动态。这种方法使用Smash Balloon,这是一个用户友好的WordPress插件,可以在WordPress中嵌入各种社交媒体动态,包括Like Box。对于本教程,你可以使用免费的Smash Balloon Social Post feed插件。但如果你想要比Like Box更多的特性(例如显示视频、照片和事件),那么我们推荐升级到专业版。

设置Smash Balloon Facebook Feed插件

首先,你需要在管理区域安装WordPress插件。之后,进入Facebook Feed » 所有动态并点击“添加新的”。现在,选择“时间线”动态类型,然后点击“下一步”按钮。在这个阶段,你需要将你的Facebook页面连接到你的WordPress网站。点击“添加新的”按钮。

Smash Balloon将指导你进入新的屏幕。在这里,选择“页面”作为来源类型,然后点击“连接到Facebook”。现在,你需要登录你的Facebook账号。之后,选择你希望在WordPress博客或网站上显示Like Box的页面,然后点击“下一步”。

你现在会看到Smash Balloon的权限设置。我们建议启用所有权限以确保一切正常运行。现在,点击“完成”。最后一个弹出窗口将确认你已成功将Smash Balloon与Facebook连接。点击“确定”以继续。Smash Balloon将把你重定向到管理区域,在这里你必须选择一个Facebook页面用来显示在你的时间线动态中。选择一个页面并点击“添加”。你现在将看到你刚刚连接的Facebook页面作为Smash Balloon插件页面中的来源。选择那个页面并点击“下一步”。

定制Facebook Like Box

在这个阶段,Smash Balloon将带你进入Facebook动态编辑器。第一步是点击“动态布局”选项,然后滚动到“帖子数量”部分,设置桌面和手机的帖子数量为0,这将去除所有最近帖子的显示,只显示Like Box。如果你也想显示你的Facebook动态 juntamente com Like Box,你可以参考我们的教程:如何在WordPress中创建自定义Facebook动态。

现在,返回到主动态编辑器页面并打开“Like Box”设置,然后启动“Like Box”功能。在这里,你可以调整Like Box的尺寸、位置、封面照片显示、自定义宽度、自定义操作呼叫文本等。完成后,只需点击右上角的“保存”按钮。

在WordPress页面或文章中嵌入Facebook Like Box

在这个阶段,你可以在页面或小工具就绪区域(如侧边栏)显示Facebook Like Box。为此,点击右上角的“嵌入”按钮,现在会出现一个嵌入弹出窗口,提供两个选项来显示Like Box:一个是使用简码,另一个是直接添加到页面或小工具就绪区域。第二个选项更简单,所以我们将首先演示这个方法。如果你想将Like Box添加到特定页面,点击“添加到页面”按钮,选择一个页面并点击“添加”。然后进入Gutenberg区块编辑器,点击“+ 添加区块”按钮,打开区块插入器库,找到Facebook Feed区块,并将其拖放到页面上的合适位置。在区块中,选择你之前创建的带有Like Box的Facebook动态。区块将显示Like Box。

如果你有多个Facebook页面并已为每个页面创建了Like Box,你也可以在区块设置边栏中通过选择下拉菜单中的动态来切换它们。最后,点击“更新”按钮以使更改生效。 此外,你还可以使用简码在WordPress网站的其他部分嵌入Facebook Like Box。

方法2:使用代码添加Facebook Like Box

如果你只想显示Like Box而不添加任何其他类型的Facebook动态,那么使用Facebook页面插件可能显得多余。在这种情况下,你可以使用代码添加Like Box。这种方法可能对初学者来说有点吓人,但我们将向你展示如何使用WPCode插件插入代码。通过这个WordPress插件,你可以轻松地将自定义代码片段添加到WordPress而不会破坏你的网站。对于这个教程,免费版WPCode已经足够,尽管你可以升级到Pro版以获得测试模式和基于云的代码片段库等高级功能。

安装WPCode插件并添加自定义代码片段

首先,安装并激活WPCode插件。激活后,进入Code Snippets » + 添加片段,选择“添加自定义代码(新片段)”并点击“使用片段”。现在你会来到代码编辑器。首先为你的自定义代码片段命名以便以后识别。这个示例,我们将其命名为“Facebook JavaScript SDK”。保持这个标签页打开,同时在浏览器中新建一个标签页并访问Facebook开发者页面,点击“登录”并登录你的Facebook账号。

如果这是你第一次访问该页面,完成创建免费账户的引导向导。然后,进入Facebook开发者控制面板,点击“创建应用”按钮。在下一个页面中,选择“其他”作为使用案例,然后点击“下一步”。

你将看到可以为Facebook页面创建的各种应用。选择“商业”并点击“下一步”。为你的应用命名,可以是任何容易识别的名字,并输入你的邮箱地址,选择一个可选的商业账户。点击“创建应用”。返回到Facebook开发者页面的社交插件部分,填写你的Facebook页面URL,清空“标签”字段,并根据需要指定Like Box的宽度和高度。你还可以选择使用较小的标题,禁用封面照片等。我们还选择使Like Box适应容器宽度以使其大小根据放置在网站的位置自适应。

完成后点击“获取代码”按钮,将看到一个显示两种代码片段的弹窗:JavaScript SDK和iFrame。一般建议使用JavaScript SDK因为它们通常加载速度更快。在JavaScript SDK标签下,确保选择你之前创建的应用名称。然后复制步骤2的JavaScript SDK API代码,返回到WPCode标签并将代码粘贴在代码编辑框中,然后保存代码片段。

接下来,创建第二个代码片段,称之为“Facebook Like Box”。返回到Facebook开发者页面并复制步骤3的代码,导航回WPCode标签,将代码粘贴在代码预览框中,保存代码片段。配置插入设置后,使代码生效并保存片段。

在WordPress中嵌入Facebook Like Box部件

如果使用经典WordPress主题,你可能希望在小工具就绪区域(如侧边栏、页头或页脚)显示Facebook Like Box。进入嵌入弹出窗口,选择“添加到小工具”。与之前的方法一样,点击“+ 添加区块”按钮,找到Facebook Feed区块,拖动到适当位置。在区块中选择之前创建的包含Like Box的Facebook动态,点击“更新”,保存更改。

Read More