WordPress 基础知识

如何從 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 視頻教程。您也可以在Twitter和Facebook上找到我們。

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网站的额外导航系统，以帮助用户找到您的内容。

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上找到我们。

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 博客。

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上找到我们。

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动态，点击“更新”，保存更改。

WordPress 插件

如何在WordPress中匿名添加‘问我任何事情’

什么是匿名‘问我任何事情’？

Reddit和Quora等热门网站经常让名人在他们的网站上回答用户提交的问题。Reddit用户还可以自己主持‘问我任何事情’的论坛。在Reddit上，您甚至可以找到一个单独的AMA子版块，在那里您会看到不同职业的人回答问题。

Tumblr也有一个类似的功能，允许博客所有者接收用户的问题。Quora和Tumblr都提供匿名提问的选项。匿名性帮助那些在提出问题时不希望透露身份的用户。

一种选择是在您的WordPress网站上添加一个帖子或页面，让用户可以在评论中向您提问。虽然用户可以使用假名来发布匿名问题，但这种设置可能会使一些读者却步。那么，让我们看看如何在WordPress中添加匿名‘问我任何事情’功能。

在WordPress中添加匿名‘问我任何事情’功能

在WordPress中设置匿名‘问我任何事情’最简单的方法是使用WordPress插件。首先，您需要安装并激活‘Ask Me Anything (Anonymously)’插件。有关详细信息，请参阅我们的逐步指南，了解如何安装WordPress插件。

激活后，您需要从WordPress仪表盘访问‘设置’»‘问我任何事情’页面以生成短代码。

顶部您会看到用于在帖子/页面或侧边栏小部件中显示‘问我任何事情’功能的短代码。它看起来像这样：
[askmeanythingpeople]

即使您打算在侧边栏小部件中显示此功能，您也需要创建一个带有短代码的新帖子/页面。此外，还有其他设置可供您配置匿名AMA。例如，插件允许您选择答案列表顺序、输入将显示给用户的作者姓名、成功信息、问题框标题、验证问题及答案等。

编辑完匿名‘问我任何事情’的设置后，您可以创建一个新的帖子或页面。一旦进入WordPress内容编辑器，只需添加一个短代码块并输入短代码。然后，您可以输入一些文本并将短代码添加到块中。完成后，简单发布或更新您的页面。

现在，您可以访问您的WordPress博客查看‘问我任何事情’功能的实际效果。用户现在可以匿名提问并参与讨论。

在侧边栏中添加匿名‘问我任何事情’

如果您也希望将AMA部分添加到您的WordPress侧边栏，您可以使用这种方法。但是，如果您使用的是块主题，此方法将不起作用，因为它没有侧边栏小部件区域。您可以使用页面构建器插件如SeedProd为块主题设计自定义侧边栏。详细信息请参阅我们的指南，了解如何在WordPress中为帖子和页面显示不同的侧边栏。

首先，您需要创建一个带有短代码的WordPress帖子或页面。您也可以使用之前添加了AMA的相同页面或帖子。在这里，确保您记下帖子或页面ID，因为接下来的步骤中需要用到它。

接下来，您需要从WordPress仪表盘访问‘设置’»‘问我任何事情’并从‘选择位置’下拉菜单中选择‘侧边栏小部件’选项。插件将切换到侧边栏小部件的选项。现在，您需要输入您的帖子或页面ID。满意选项后，只需复制短代码并将其粘贴到侧边栏小部件区域。您可以通过转到外观»小部件页面并添加一个短代码小部件块来完成此操作。

将短代码粘贴到短代码小部件区域并点击‘更新’按钮以保存更改。现在您可以访问您的网站查看侧边栏中的‘问我任何事情’部分。

回答和审核问题

现在，您的匿名AMA功能已准备就绪，您可以允许用户参与并留下问题。用户问题存储在您的WordPress数据库中，作为评论显示。您可以通过访问评论页面查看并批准这些问题。只需查看我们的指南了解如何在WordPress中审核评论以了解更多信息。

您可以通过点击问题下方的‘回复’链接来回答问题。如果不想让某个问题出现在您网站上，也可以删除它。所有问题将在您的网站上匿名显示。已批准的问题及您的回答将出现在AMA表单下方。

希望本文帮助您在WordPress中添加匿名‘问我任何事情’功能。您可能还想查看我们的必备WordPress插件列表以发展您的网站，以及我们的指南了解如何在WordPress中添加论坛。

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

WordPress 主题

如何為 WordPress 選單項目添加第一和最後的 CSS 類別

為什麼要不同樣式化第一和最後的導航項目？

有時候，您可能需要為導航選單中的第一和最後項目添加自定義樣式，這樣可以讓一些重要的鏈接更加醒目，例如網站的聯絡表單或 WooCommerce 購物車頁面的鏈接。在這種情況下，您可以添加自定義的 CSS 類。不過，如果您在之後更改選單順序，這可能會完全破壞自定義樣式。

因此我們建議使用過濾器。在本指南中，我們將向您展示如何樣式化導航選單的第一和最後項目，這樣您可以在不破壞自定義樣式的情況下重新排列選單。

方法 1：使用過濾器添加第一和最後類（推薦）

注意：此方法僅適用於經典 WordPress 主題。如果您使用的是塊主題，請參考方法 2。

樣式化導航選單項目最簡單的方法是向主題添加過濾器。你會經常在 WordPress 教程中發現一些要添加到主題 functions.php 文件的代碼片段。

最大問題是，即使是自定義代碼片段中的一個小錯誤，也可能會破壞您的 WordPress 網站並使其無法訪問。更不用說，如果您更新 WordPress 主題，將會丟失所有自定義設置。

這就是 WPCode 插件的用處所在。這個免費插件可以讓您輕鬆向 WordPress 添加自定義 CSS、PHP、HTML 等，而不會讓您的網站面臨風險。

首先，您需要安裝並激活免費的 WPCode 插件。詳細信息請參考我們的分步指南如何安裝 WordPress 插件。啟動後，前往代碼片段 » 添加片段。

在這裡，簡單地懸停在 ‘添加自定義代碼’ 上。當它出現時，點擊 ‘使用片段’。

首先，為自定義代碼片段輸入一個標題，這可以是任何幫助您在 WordPress 儀表板中識別該片段的內容。

接下來，打開 ‘代碼類型’ 下拉菜單，選擇 ‘PHP 片段’。

您現在可以將以下 PHP 添加到代碼框中：

function wpb_first_and_last_menu_class($items) { $items[1]->classes[] = 'first'; $items[count($items)]->classes[] = 'last'; return $items; } add_filter('wp_nav_menu_objects', 'wpb_first_and_last_menu_class');

隨後，您準備好將頂部的 ‘待用’ 切換為 ‘啟用’。最後點擊 ‘保存片段’ 以使 PHP 片段生效。

這樣就為您的第一和最後的選單項目創建了 .first 和 .last CSS 類。您現在可以使用這些類來為這些項目應用獨特的樣式。

要實現這點，您需要向 WordPress 網站添加第二個片段。首先，按照上述相同的過程創建新的自定義代碼片段。

受此指南中，我們將簡單地將以下 CSS 格式化添加到代碼框中，使第一和最後選單項目加粗：

.first a {font-weight: bold;} .last a {font-weight: bold;}

完成後，點擊 ‘待用’ 切換到 ‘啟用’。最後點擊 ‘保存片段’ 以使 CSS 片段生效。

現在，如果您訪問您的網站，您將看到更新的選單已生效。

方法 2：使用 CSS 選擇器樣式化第一和最後項（適用於所有主題）

如果您不想使用插件，您可以使用 CSS 選擇器為第一和最後的選單項目進行樣式化。不過此方法可能不適用於某些較舊的瀏覽器，例如 Internet Explorer。鑑於此，建議您在不同的瀏覽器中測試您的 WordPress 網站。

要遵循此方法，您需要向主題樣式表或 WordPress 主題定制器的 ‘額外 CSS’ 部分中添加代碼。如果您之前沒有這樣做過，請參考我們的指南如何輕鬆向您的 WordPress 網站添加自定義 CSS。

首先是編輯主題的 style.css 文件，或前往外觀 » 自定義，然後點擊 ‘額外 CSS’。

接下來，添加以下代碼片段到您的網站：

ul#yourmenuid > li:first-child { } ul#yourmenuid > li:last-child { }

注意，您需要將 ‘yourmenuid’ 替換為導航選單的 ID。選擇器 ‘first-child’ 和 ‘last-child’ 選擇其父級的第一和最後子元素，也就是導航選單的第一和最後項。

例如，我們使用此代碼來加粗我們的 WordPress 部落格中的第一和最後導航菜單項：

ul#primary-menu-list > li:first-child a { font-weight: bold; } ul#primary-menu-list > li:last-child a { font-weight: bold; }

如果您使用的是 WordPress 塊主題，則在 WordPress 管理中將找不到主題定制工具。您需要在瀏覽器中輸入此 URL 以訪問主題定制工具：

https://yourdomainname.com/wp-admin/customize.php

請確保將域名替換為您的網站域名。然後像以前一樣打開 ‘額外 CSS’ 標簽並插入以下代碼。注意，這段代碼看起來有些不同，因為您不需要添加選單 ID。

li:first-child a, li:last-child a { background-color: black; border: none; color: white !important; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 12px; }

隨意根據需要自定義此代碼。在下面的例子中，我們將第一和最後的鏈接變成按鈕。效果如下：

希望本教程幫助您學習如何為 WordPress 導航選單添加 .first 和 .last 類。您可能還想看看我們的指南如何使用 WordPress 創建登陸頁面或查看我們推薦的最佳拖放式頁面構建器列表。

如果您喜歡這篇文章，請訂閱我們的YouTube 頻道以獲取 WordPress 視頻教學。您還可以在Twitter和Facebook上找到我們。

WordPress 主题

如何在 WordPress 中使用 Masonry 添加 Pinterest 風格的文章網格佈局

步驟 1：將必要的庫添加到主題中

首先，您需要使用以下代碼將 Masonry 加載到您的主題中：

if (! function_exists('slug_scripts_masonry') ) : if ( ! is_admin() ) : function slug_scripts_masonry() { wp_enqueue_script('masonry'); wp_enqueue_style('masonry’, get_template_directory_uri().'/css/’); } add_action( 'wp_enqueue_scripts', 'slug_scripts_masonry' ); endif; //! is_admin() endif; //! slug_scripts_masonry exists

這段代碼加載了 Masonry 並使其可供您的主題模板文件使用。

步驟 2：初始化 JavaScript

下一個函數設置了 Masonry，定義了將與其一起使用的容器，並確保所有操作按正確順序進行。以下是頁腳輸出的初始化腳本：

if ( ! function_exists( 'slug_masonry_init' )) : function slug_masonry_init() { ?>


步驟 3：創建 Masonry 循環
創建一個名為 “content-masonry.php” 的新文件並將其添加到您的主題中，這將允許您將 Masonry 循環添加到任何不同的模板中。以下是代碼：




	
		
		
			
				Read More





	
		
		
			WordPress 插件
		
	


5 最佳 WordPress 相關文章外掛（比較）

為什麼要在 WordPress 網站展示相關文章？
展示相關文章是讓用戶更長時間留在您網站的最佳方法。這已被證明是一種有效的方法來增加頁面瀏覽量。
為什麼信任 WPressize Me？
在 WPressize Me，我們的專家團隊在 WordPress 外掛、SEO、託管和線上行銷方面擁有超過 16 年的經驗。我們深入審查每個提到的相關文章外掛，以提供最佳推薦。
1. MonsterInsights
MonsterInsights 是最優秀的 Google Analytics 外掛，超過 3 百萬人使用。
優點：
MonsterInsights 提供不同的主題和自訂輸入選項，可以自動決定顯示哪些文章。
缺點：
若需要更強大的追踪功能，需要購買 MonsterInsights Pro 授權。
價格：
MonsterInsights 高級版每年 $99.50 起。首先可以嘗試 MonsterInsights Lite 版本。
2. Yet Another Related Posts Plugin (YARPP)
YARPP 是最受歡迎的相關文章外掛之一，擁有超過 100,000 個活躍安裝。
優點：
YARPP 使用內嵌算法來找到相關文章，支持展示文章縮圖和文字。
缺點：
與 WPML 插件不兼容，且對大網站來說資源消耗較大，同時不支持一些託管服務，如 WP Engine。
價格：
Yet Another Related Posts Plugin 是免費的。
3. Contextual Related Posts
Contextual Related Posts 是另一個展示相關文章的外掛，使用上下文匹配文章。
優點：
簡單的設定頁面，嘗試使用內文中的圖片作為縮圖。
缺點：
外掛沒有內建的縮圖模板，大網站上效率較低。
價格：
Contextual Related Posts 是免費的。
4. Related Posts Thumbnails Plugin for WordPress
這個外掛讓您可以簡單地在您的 WordPress 網站上添加相關文章縮圖。
優點：
提供多種自訂選項，可以改變背景顏色、邊框顏色、字體顏色等。
缺點：
沒有高級選項來選擇顯示哪些文章。
價格：
此外掛是免費的。
5. Inline Related Posts
Inline Related Posts 與此列表中的其他外掛不同，會在文章內部顯示相關文章。
優點：
當用戶更專注於內容時顯示相關文章，提高點擊率。
缺點：
若需要在每篇文章末尾顯示相關文章，需要安裝另一個外掛。
價格：
Inline Related Posts 是免費的。
常見問題
什麼是相關文章？
相關文章是您可以在頁面底部、內容內或側邊欄顯示的相關內容。
如何在 WordPress 中添加相關文章？
有許多 WordPress 相關文章外掛可以使用，最簡單的是 MonsterInsights。
如何按分類顯示相關文章？
首先需要將最新文章區塊添加到小部件區域。在設定中選擇要顯示文章的分類。
希望這篇文章能幫助您找到最佳的相關文章外掛。



	
		
		
			
				Read More