WordPress 教学

如何在WordPress中显示面包屑导航链接

什么是面包屑导航以及为什么需要它?

面包屑导航是一种层次导航菜单,通常以链接路径的形式呈现。它用于帮助用户在网站内导航,也可以帮助搜索引擎理解页面的结构和层次。如果配置正确,搜索引擎会在搜索结果中显示面包屑导航链接,从而提高网站的可见度和点击率。

方法一:使用All in One SEO添加面包屑导航(推荐)

这种方法简单且推荐给所有WordPress用户。All in One SEO是功能强大的WordPress SEO插件,支持轻松添加面包屑导航。

步骤一:安装和设置All in One SEO

激活插件后,按照向导完成设置,然后访问插件的“通用设置”页面,切换到“面包屑”选项卡。打开“启用面包屑”选项以显示面包屑导航链接。

步骤二:通过简码添加面包屑导航

编辑需要添加面包屑导航的文章或页面,插入以下简码:


保存并预览,即可看到面包屑导航。

步骤三:通过Gutenberg模块添加面包屑导航

编辑文章或页面,添加“AIOSEO – 面包屑”模块,保存并预览效果。

步骤四:使用组件添加面包屑导航

访问外观中的“组件”页面,添加“AIOSEO – 面包屑”组件到侧边栏或页脚等区域。保存设置后,所有文章和页面将自动显示面包屑导航。

步骤五:通过代码添加面包屑导航

编辑主题文件,添加以下代码:


保存并上传文件后,页面将显示面包屑导航。

方法二:使用Breadcrumb NavXT插件添加面包屑导航

此方法适用于任何WordPress SEO插件。安装并激活Breadcrumb NavXT插件后,访问设置页面配置插件。

步骤一:使用组件添加面包屑导航

访问外观中的“组件”页面,添加“Breadcrumb Trail”组件到侧边栏或页脚等区域。保存设置后,即可显示面包屑导航。

步骤二:通过代码添加面包屑导航

编辑主题文件,添加以下代码:


保存并上传文件后,即可显示面包屑导航。

总结

我们希望这篇文章帮助您了解如何在WordPress中显示面包屑导航链接。您还可以参考我们关于如何获取更多网站流量的指南。

Read More
WordPress 教学

如何修復 Chrome 中的 ERR_CONNECTION_REFUSED 錯誤

如何修復 Chrome 中的 ERR_CONNECTION_REFUSED 錯誤

最後更新日期:2024年7月24日 – 編輯團隊 | 審核人:Syed Balkhi

編輯備註:我們從 WPBeginner 的合作夥伴鏈接中賺取佣金。佣金不會影響我們編輯的意見或評價。了解更多關於編輯過程的信息。

ERR_CONNECTION_REFUSED 錯誤是網路用戶的常見挫折。許多讀者詢問我們如何修復它。

此錯誤發生當您的網頁瀏覽器無法連接至您嘗試訪問的網站時。當嘗試訪問某個網站或在瀏覽器的檢查工具中探究某些資源無法加載時,可能會看到此錯誤。

在本文中,我們將展示多種修復 Chrome 中 ERR_CONNECTION_REFUSED 錯誤的方法,幫助您成功訪問網站。

什麼是 Chrome 中的「ERR_CONNECTION_REFUSED」錯誤?

當 Google Chrome 瀏覽器嘗試打開網頁或網站資源但因連接問題無法打開時,就會顯示 ERR_CONNECTION_REFUSED 訊息。

這個錯誤代碼通常包含在以下錯誤訊息內:

  • 「此網站無法訪問。」
  • 「資源加載失敗。」

有許多常見的 WordPress 錯誤,但這個錯誤可能會阻止您訪問自己的網站和登錄到 WordPress 管理區域。您通常希望儘快解決這個問題。

通常,當您看到此錯誤訊息時,您的 WordPress 網站仍然在運行,但某些原因阻止瀏覽器訪問。在很多情況下,您只需要修復自己的瀏覽器或網路連接問題即可。

說到這裡,我們來看看如何修復 Chrome 中的 ERR_CONNECTION_REFUSED 錯誤。

如何修復「此網站無法訪問」錯誤

通常,當您無法訪問整個網站時會顯示此訊息。

您會看到 Chrome 錯誤訊息「此網站無法訪問」以及 ERR_CONNECTION_REFUSED 錯誤代碼。訊息甚至可能建議一些解決方法,如檢查連接、代理設置、防火牆和 DNS 設置。

  • 其他瀏覽器將顯示類似的訊息,如:「無法連接。」「嗯……無法到此頁面。」

有很多因素會干擾您與網站的連接,您需要遵循一些故障排除步驟來識別和解決問題。

檢查您的網路連接

最簡單的方法是檢查您是否已連接到網路並重啟調製解調器和路由器。重置網路連接可能就是恢復連接的所有需要做的。

如果不行,您應該檢查您的網站是否正常運行。只需訪問 網站運行狀態檢查器,然後輸入您網站的 URL。

如果您的網站對所有人都宕機,那麼您應該聯繫您的 WordPress 主機提供商讓他們知道。

清除瀏覽器緩存

您的網頁瀏覽器存儲來自您訪問網站的文件和數據,以便不必再次下載它們。然而,如果緩存文件變得過時或損壞,這些瀏覽紀錄可能會引發問題。

您可以輕鬆地在 Google Chrome 中清除瀏覽器緩存,只需點擊右上角的三點圖標,然後選擇“更多工具”,接著選擇“清除瀏覽數據…”

在彈出窗口中,勾選“緩存的圖片和文件”旁邊的框,然後點擊“清除數據”按鈕。

現在,您可以重新訪問該網站以檢查是否可以訪問。

故障排除您電腦上的軟體

您電腦上的一些安全和網路軟件可能會干擾您與網站的連接。這包括您的防火牆、防毒軟體、VPN 和代理伺服器。

我們在如何修復「此網站無法訪問」錯誤指南中提供了每個這些步驟的詳細說明。

故障排除您的 DNS 設置

類似於瀏覽器緩存,您的電腦存儲了您訪問的所有網站的 IP 地址。這意味著瀏覽器不需要多次查詢相同的 IP 地址。

通過刷新您的 DNS 緩存,您將獲得網站的最新信息,包括其新的域名或地址。

這可能需要您輸入一些命令,如 ipconfig /flushdns,這對一些用戶來說可能較為複雜。為幫助您,我們製作了一個完整指南,說明如何適用於 macOS、Microsoft Windows 和 Google Chrome 的清除 DNS 緩存方法。

如果這樣做之後仍無法訪問網站,您還可以嘗試更改您的 DNS 伺服器地址。可以參考我們指南中的“更改 DNS 伺服器步驟”,了解如何修復「此網站無法訪問」錯誤的詳細說明。

重置 TCP/IP 設置

最後,如果您的網路連接配置存在問題,那麼重新啟用 TCP 和 IP 協議將恢復連接到其默認設置,這可能解決問題。

您可以在我們的如何修復「此網站無法訪問」錯誤指南中的重置 TCP/IP 設定步驟中學習如何逐步執行此操作。

如何修復「資源加載失敗」錯誤

可能您會發現網站可以加載,但某個特定資源或文件無法加載。這個文件可能是一個圖片或其它媒體文件,JavaScript,或 CSS 樣式表。缺失的資源會導致網站異常或功能失常。

當發生這種情況時,瀏覽器會在錯誤控制台中添加一個調試用的通知。

大多數情況下,您會在使用「檢查」工具時在瀏覽器的錯誤控制台中看到此錯誤。您可能會看到錯誤訊息 Failed to load resource: net::ERR_CONNECTION_REFUSED。

這個錯誤訊息發生在您的網站代碼中提到這個文件,但瀏覽器無法下載它時。這可能是因為文件本身或指向它的 URL 出現了問題。

我們將簡要介紹您應遵循的步驟。詳細說明參見我們的 WordPress 中如何修復「資源加載失敗」錯誤指南。

檢查您的 WordPress URL 設置

首先,您應該通過訪問“設定”»“一般”頁面檢查您的 WordPress URL 設置,找到“WordPress 地址”和“網站地址”選項。

您需要確保兩個 URL 都是正確的。并且这两个选项应该具有相同的 URL。

如果這些 URL 是正確的,那么您需要替換導致錯誤的丟失或有問題的資源。

替換丟失的圖像資源

如果丟失的資源是一張圖片,那麼您應該在媒體庫中尋找它。

如果能找到,請嘗試通過編輯文章或頁面重新添加它。如果在媒體庫中無法找到,請嘗試重新上傳。

如果該圖片在媒體庫中但顯示損壞,請參見我們的如何修復 WordPress 圖片上傳問題教程。

替換丟失的主題文件

如果失敗的資源是 WordPress 主題文件,那麼您需要重新安裝主題。

首先,停用當前的 WordPress 主題。如果您的網站上已安裝另一個主題,請按訪問“外觀”»“主題”頁面選擇啟用它。

如果沒有其他主題已安裝,您需要安裝一個默認主題。

一旦您啟用了其他主題,您可以訪問您的網站,看看錯誤是否已解決。如果是,則需要重新安裝您的主題。

替換丟失的插件文件

如果丟失的資源是一個 WordPress 插件文件,那麼您需要重新安裝該插件。詳細步驟参见我們的如何安裝 WordPress 插件逐步指南。

您還可以使用 FTP 連接到您的 WordPress 主機帳戶,手動替換特定文件。更多詳情參見我們的如何使用 FTP 指南。

我們希望這個教程幫助您學會了如何修復 Chrome 中的 ERR_CONNECTION_REFUSED 錯誤。您可能還想看看我們的終極 WordPress 安全指南或專家推薦的最佳電子郵件行銷服務以增加您的網站。

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

Read More
WordPress 教学

如何将LiveChat添加到您的WooCommerce商店(并提高销售额)

为什么将LiveChat添加到您的WooCommerce商店

实时聊天帮助您实时与网站访问者连接,并且已被证明可以提高满意度。根据Popupsmart的数据,实时聊天在所有客户服务渠道中具有最高的满意度水平,为73%,相比之下,电子邮件为61%,电话为44%。

在我们自己的经验中也是如此。通过适当的帮助台支持,客户在遇到问题或有疑问时立即获得帮助。然而,添加实时聊天到您的电子商务网站的最大原因是它可以带来巨大的转化率提升。

解决实时聊天的最大挑战

将实时聊天添加到您的电子商务商店的最大挑战是管理代理。您需要添加经过培训的支持和销售代理来成功运行实时聊天。这时,LTVPlus派上了用场。他们提供专门的、受过良好培训的实时聊天代理,来管理您的预售聊天和简单支持查询。这些代理与您一起了解您的产品/业务,并充当您现有团队的延伸。

如何轻松将LiveChat添加到您的WooCommerce网站

步骤1:注册LiveChat

首先,您需要访问LiveChat网站并注册一个账户。只需输入您的业务邮箱,然后点击“免费注册”。

步骤2:将LiveChat连接到您的网站

在WordPress站点中,您需要安装并激活LiveChat插件。激活后,插件将在您的WordPress管理员中添加一个名为“LiveChat”的新菜单项。

步骤3:自定义您的实时聊天

点击“设置”按钮,然后转到聊天小工具»自定义以自定义LiveChat窗口的外观。您可以选择聊天窗口的颜色和主题,以匹配您的网站色调。

步骤4:邀请代理加入LiveChat

转到“团队”选项卡,然后点击“+”按钮以添加新代理。您需要输入他们的电子邮箱地址并选择您希望给予的访问类型。

步骤5:预览您的实时聊天

您的LiveChat已成功安装在您的WooCommerce商店中。您现在可以访问您的网站,查看实时聊天在您网站上的实际效果。

LiveChat插件设置

LiveChat不仅可以添加聊天功能,还可以让您在对话期间查看客户的购物车详情。要切换这些选项,只需在WordPress面板中前往LiveChat»设置,然后在配置下选择您想启用的选项。

手动安装LiveChat

如果您运行的是非WordPress网站,也可以轻松地将LiveChat添加到您的网站。

通过使用LiveChat和LTVPlus,我们在我们的电子商务网站上看到了非常好的效果,并且我们还会将LiveChat添加到更多我们自己的网站中。

我们希望这篇文章能帮助您将LiveChat添加到您的WooCommerce商店。

Read More
WordPress 教学

如何解决WordPress中的“评论已关闭”问题(初学者指南)

什么是WordPress中的“评论已关闭”消息?

WordPress博客的评论区域允许网站访客提供反馈、提问、发表他们对主题的看法并回应其他评论。默认情况下,WordPress页面上的评论是禁用的,因此你不会在页面上看到“评论已关闭”消息。然而,你仍然可以通过以下步骤打开页面和帖子的评论。

对于博客帖子,你可以禁用特定帖子或整个WordPress网站的评论。例如,你可能希望在公告帖子上禁用评论。当你在一个已有评论的帖子上禁用评论时,你会看到“评论已关闭”的消息,这说明即使帖子上有评论,访客也不能再发表评论了。

如果你在没有评论的帖子上禁用评论,你将不会看到“评论已关闭”消息,WordPress将简单地不显示评论表单。

启用未来帖子的评论

有时,由于过去某个设置的选项被勾选,导致默认情况下禁用了新帖子的评论。你可以通过导航到设置»讨论来检查此设置。在这里,你会找到一组控制评论如何处理的复选框。

首先查看“允许人们对新文章发表评论”选项,此框应被勾选,以便未来帖子的默认设置为允许评论。接下来查看“自动关闭XX天以上文章的评论”选项,如果你希望允许所有文章的评论,则应确保此框未勾选。

确保你对讨论设置满意后,点击屏幕底部的“保存更改”按钮以存储设置。

启用特定帖子的评论

此方法将向你展示如何逐个启用现有帖子上的评论。然而,如果你希望在许多帖子上启用评论,那么你应当遵循下面介绍的“批量启用评论”方法。

如果你在你的WordPress网站上使用块编辑器,则需要向下滚动屏幕右侧的设置面板,直到看到讨论面板。点击“讨论”以展开选项,然后确保“允许评论”框被勾选。

点击屏幕顶部的“更新”按钮以保存设置,评论将对该帖子启用。你应重复这些步骤以启用其他博客文章的评论。你也可以用相同的方式在WordPress页面上启用评论。

如何显示隐藏的讨论面板

虽然讨论面板默认是显示的,但它可能在你的网站上被隐藏。如果你找不到它,需要点击屏幕右上角的“选项”图标,该图标看起来像三个垂直的点。

接下来,点击“首选项”,然后导航到“面板”选项卡。找到“讨论”开关并将其切换为开启状态。

启用经典编辑器中特定帖子的评论

如果你使用的是经典编辑器,那么启用帖子评论的步骤略有不同。在这里,讨论元框默认是隐藏的。要显示它,你需要点击屏幕右上角的“屏幕选项”。

接着,勾选“屏幕元素”下的“讨论”框。然后再次点击“屏幕选项”返回到你的帖子。

现在你可以向下滚动到帖子底部,你会找到讨论元框。确保“允许评论”框被勾选。点击“更新”按钮保存设置后,评论将对该帖子启用。

批量启用帖子的评论

如果你需要在多个帖子上启用评论,你可以批量更新它们。为此,请导航到帖子»所有帖子页面,在这里你会找到所有帖子的列表。

需要通过点击每个帖子的复选框来选择评论已禁用的帖子。然后从批量操作下拉框中选择“编辑”,然后点击“应用”按钮。这将打开批量编辑屏幕。

在这里,点击“评论”下拉菜单,选择“允许”。别忘了点击“更新”按钮以更改所有选定帖子的设置。

一次选择所有帖子的方法

如果你想一次启用所有网站帖子上的评论,那么如果你的网站上有数百篇博客文章,按照上面的步骤将花费很多时间。为了更快地完成,还有一些额外的步骤。首先,你需要确保所有帖子都显示在一个页面上。

你可以在屏幕顶部的“帖子”标题下看到你网站上的所有帖子数量。如果你有20个或更少的帖子,那么它们已经显示在一个页面上。如果你有超过20个帖子,那么你需要增加每页显示的项目数量。

点击页面顶部的“屏幕选项”。然后,在分页下,找到每页项目数量设置。在这里你需要输入一个大于你网站上所有帖子总数的数字。例如,如果你的网站上有65个帖子,那么你可以输入70。然后点击“应用”按钮,所有帖子将显示在一个页面上。你可以再次点击“屏幕选项”来隐藏设置。

现在,通过点击“标题”旁边的复选框,可以选择你网站上的所有帖子。要在这些帖子上启用评论,请点击“批量操作”然后“编辑”,然后按照前面介绍的步骤更改评论设置为“允许”。

检查主题或插件不兼容的情况

如果你尝试了上述所有步骤后,评论仍然在你的网站上被禁用,可能是由于你的主题或某个插件的不兼容导致的。有时候,编码不佳的WordPress主题可能会错误地显示“评论已关闭”消息,即使评论是开启的。要检查你的主题是否有问题,导航到外观»主题并暂时激活其他主题。如果“评论已关闭”消息现在被修复,那么你的主题有问题。你可以请求主题开发者修复该问题。

如果你认为是插件可能引起了问题,则可以前往插件»已安装插件并确保你没有安装设计为禁用评论的插件,如禁用评论。如果你已经安装了这些插件,只需禁用该插件并测试评论是否现在正常工作。如果评论仍然关闭,则需要测试不兼容的插件。需要逐个临时禁用插件以检查是否恢复正常。

我们希望本教程帮助你学会如何修复WordPress中的“评论已关闭”。你可能还想了解如何增加博客流量或查看我们列出的WordPress最佳社交媒体插件列表。

Read More
WordPress 教学

如何在WordPress中添加主图(4种简单方法)

在WordPress中添加主图的初步准备

在将主图添加到您的WordPress网站之前,您需要创建一个能够抓住访问者注意的图像。一个好的主图区首先需要一个突出的图像,以展示您网站的主题内容。Canva是设计网站图形的热门工具,使用简单,并附带大量模板,可以创建您的主图。

确定主图尺寸

在创建主图时,首先考虑其尺寸。主图通常不太高,并且往往覆盖您的主页全宽。一个常见的WordPress主图大小约为1920像素宽,400-600像素高,但具体尺寸取决于您的WordPress主题。

传达网站信息

接下来,想想您想要传达的内容。主图应迅速展示您网站的主题。这可能是一个产品主图、代表您品牌的照片,甚至是一个令人印象深刻的全屏视频背景。同时,留出一些空间以放置文本。许多主图区域有标题或按钮,确保为这些元素留出空间并易于阅读。

如何在WordPress中添加主图

WordPress提供了几种添加主图的方法,您可以根据自己使用的网站设计功能或插件选择合适的方法:

方法1:通过主题定制器(仅适用于经典主题)

添加主图到经典WordPress主题并非总是简单,新手可能会遇到一些困惑。根据所使用的主题不同,过程可能非常不同。有些主题自带主图部分,增加了便利性。然而,如果您所选的主题没有,则可能会令人生厌。

方法2:使用完整网站编辑器(仅适用于区块主题)

使用区块主题的用户可以使用完整网站编辑器的“封面”块来在WordPress轻松创建主图,而无需任何插件。将主图放在一个显眼的位置通常是个好选择。

方法3:利用页面构建器(自定义登陆页/主题)

如果您正在构建网站的初期阶段,或试图创建一个不受主题限制的个性化页面,那么我们推荐使用带有主图模块的页面构建器,例如SeedProd。

方法4:利用Hero Banner插件+短代码(适用于所有主题)

这一方法技术上适用于所有主题,但我们最推荐给那些使用没有内置主图功能的经典主题的用户。

通过这几种方法,您可以在WordPress网站上添加一个吸引眼球的主图。希望这篇文章能帮到您!

Read More
WordPress 教学

如何在WordPress文章和文章类型中添加自定义元框

什么是WordPress中的自定义元框?

创建文章、页面或自定义文章类型时,这些内容通常会有自身的元数据。这些元数据是与内容相关的信息,如日期和时间、作者姓名、标题等。

您还可以使用默认的自定义字段框添加自己的元数据。

提示:在文章编辑器中看不到自定义字段框?请参阅我们的指南,了解如何解决WordPress中不显示自定义字段的问题。

如果您只是想为少量文章添加自定义元数据,那么自定义字段框是一个不错的解决方案。然而,如果您计划为大量内容添加大量独特信息,那么创建一个自定义元数据框是明智的选择。

事实上,许多流行的WordPress插件都会在文章和页面的编辑屏幕上添加自定义元框。在下面的图片中,您可以看到使用AIOSEO插件提供的自定义元框,轻松添加SEO信息。

如何在WordPress文章和文章类型中添加自定义元框

向WordPress添加自定义元框的最简单方法是使用Advanced Custom Fields插件。此插件允许您将各种附加信息附加到文章和页面,然后使用短代码向访问者显示这些数据。

首先,您需要安装并激活Advanced Custom Fields插件。有关详细信息,请参阅我们的WordPress插件安装分步指南。

创建自定义元框

激活后,从WordPress管理侧边栏访问ACF » Field Groups页面。

点击“添加新”按钮。

现在,您可以创建将在元数据框中显示的自定义字段。首先,您需要在默认显示“Field Group Title”的字段中输入标题。这个标题将出现在WordPress内容编辑器中,并用作元框的标题。

因此,尤其是在您管理一个多作者的WordPress博客或与其他人共享仪表板时,您应使用一些描述性的标题。

完成后,您可以准备向元框添加第一个字段。

向WordPress元框添加自定义字段

首先,打开“字段类型”下拉列表,并选择要添加的字段类型,例如日期选择器、复选框或文本字段。

之后,为字段输入标签。Advanced Custom Fields会在字段前显示此标签,因此可以帮助用户理解需要输入什么信息。

Advanced Custom Fields会自动生成“字段名称”,因此您可以将此字段留空。

完成后,您可以输入一个“默认值”。如果用户没有添加自己的信息,则此值将自动添加到页面、文章或自定义文章类型中。

根据您创建的字段类型,您可能会看到更多选项。例如,如果选择从“文件类型”下拉列表中选择“图像”,则可以选择图像格式。

大多数选项都是自解释的,您可以按照屏幕上的说明配置自定义字段。

当您对字段的设置感到满意时,点击“关闭字段”按钮以折叠部分。

现在,您可以通过点击“添加字段”按钮向自定义元框添加更多字段。

然后,只需按照上面描述的相同过程配置字段即可。

将自定义元框添加到WordPress内容编辑器

当您对自定义元框的设置感到满意时,您需要定义元框的出现位置和时间。

为此,请滚动到“设置”部分,然后点击“位置规则”选项卡。

Advanced Custom Fields可以将框添加到各种内容中。例如,您可以在特定的文章类型、分类、分类法、导航菜单等上显示元框。

只需使用下拉菜单选择元框在WordPress仪表板中的显示位置。例如,如果您接受客座文章,则可能希望将框添加到“客座文章”类别中的所有文章中。

之后,点击“呈现”选项卡。

在这里,您可以选择元框样式、它在WordPress博客上的显示位置以及标签和说明的显示位置。

如果计划在同一位置添加多个框,则可以通过在“顺序号”字段中输入值来更改它们的顺序。

例如,将最重要的元框显示在屏幕顶部可以提高您的编辑工作流程。

如果不确定的话,可以将此字段设置为0。

在此屏幕上,您还会看到WordPress通常在文章编辑屏幕上显示的所有字段列表。

如果要隐藏某个字段,只需选中相应的复选框。例如,如果您使用自定义字段创建一个作者信息框,则可能希望隐藏默认的“作者”字段。

当您对所做的更改感到满意时,点击“保存更改”,使字段组生效。

您现在已经成功为WordPress文章、页面或自定义文章类型创建了自定义元框。根据您的设置,现在可以访问文章编辑器,以查看自定义元框的实际效果。

在WordPress主题中显示自定义元框数据

您现在已经成功地将自定义元框添加到WordPress仪表板。用户在保存或发布文章时输入到元框中的所有信息将存储在WordPress数据库中。然而,这些信息默认不会出现在您的网站上。

考虑到这一点,让我们确保自定义元数据在您的WordPress主题中显示,以便访客可以看到。

您可以使用短代码或编辑WordPress主题文件来实现这一点。

如何使用短代码显示自定义元数据

在WordPress中添加短代码是最简单的方法,并允许您精确控制信息在网站上的显示位置。

例如,如果您创建了一个“星级评定”字段,则可以通过添加短代码将此信息显示在文章标题后、内容内部、页脚或任意位置。

不过,您需要手动向每个页面、文章或自定义文章类型添加短代码。这可能需要大量时间和精力,尤其是当您有很多内容时。

要获取字段的短代码,转到ACF » Field Groups页面。然后,悬停在要显示的字段组上,当它出现时点击“编辑”链接。

现在,您将看到构成此组的所有字段。

对于每个要显示的字段,请记下“名称”字段中的值。

完成后,转到要显示自定义元数据的页面、文章或自定义文章类型。

现在,您可以点击“+”图标并输入“短代码”。

当正确的块出现时,点击将其添加到布局中。

现在可以将以下短代码添加到块中,确保将“article_byline”替换为要显示的字段名称。

现在可以重复这些步骤,将多个自定义字段添加到文章中。

当您对所做的更改感到满意时,点击“发布”或“更新”按钮。现在,访问您的WordPress网站,以查看自定义元数据的实际效果。

如何通过编辑WordPress主题显示自定义元数据

如果您希望在每个页面、文章或自定义文章类型的同一位置显示自定义元数据,则可以将代码添加到WordPress主题文件中。

从长远来看,这可以节省您的时间,但这并不是最适合初学者的方法。下次更新WordPress主题时,您还会丢失所有自定义代码,这就是我们建议创建子主题的原因。然后,您可以将自定义代码添加到子主题。

如果您之前没有编辑过主题文件,请查看我们的WordPress中如何复制和粘贴代码的初学者指南。

您需要编辑要显示自定义元数据的文件。这将根据您的主题有所不同,但通常需要编辑站点的single.php、content.php或page.php文件。

找到正确的文件后,您需要在WordPress循环中添加代码。要找到此循环,只需搜索类似如下代码:


然后,可以在此行后和结束循环的行之前粘贴代码:


例如,您的自定义字段代码应如下所示:

注意,我们将代码包裹在带有CSS类的h2标题中。这允许我们通过向主题添加自定义CSS来格式化和样式化自定义字段。

这是另一个示例:

添加代码到主题时,请不要忘记替换字段名称。

完成后,可以访问已经在自定义字段中输入数据的任何文章。现在,您将看到您的独特元数据实际效果。

Read More
WordPress 教学

如何在 WordPress 中添加圖片懸停效果(步驟指南)

為什麼在 WordPress 中使用圖片懸停效果?

圖片懸停效果允許您向圖片添加短動畫,例如放大、淡入淡出、彈出窗等,這將使您的圖片更具吸引力,即使頁面上有很多圖片。您還可以使用懸停效果將訪問者的注意力引向最重要的內容,例如使用 CSS 動畫強調您的網站標誌或行動號召。一些懸停效果甚至可以以更有趣的方式呈現信息,例如創建翻轉圖片以顯示價格、評分或客戶評論。

選項 1:在 WordPress 中添加 Flipbox 效果(簡單快捷)

添加懸停效果最簡單的方法是使用翻轉框。翻轉框是一種當您將鼠標懸停在上面時,會翻轉顯示不同圖像、文本或行動號召的框。如果您是攝影師,可以在翻轉框的一面顯示照片,另一面顯示相機型號或解析度的信息。如果您在線銷售數字藝術或圖形,還可以添加訪問者可以點擊購買的按鈕。創建翻轉框最簡單的方法是使用 Flipbox 插件。

選項 2:添加圖片縮放和放大效果(最適合在線商店)

縮放效果允許用戶查看通常不可見的細節。如果您有一個電子商務店或在線市場,這可以讓購物者更詳細地查看產品,從而增加銷售。縮放效果還可以使您的網站更加互動和吸引人。例如,可以創建簡單的謎題和遊戲,以挑戰訪問者在圖片中發現小細節。

選項 3:在 WordPress 中的滑鼠懸停淡入淡出效果(最佳性能)

另一個選項是添加淡入淡出的動畫,這樣當訪問者懸停在圖片上時,圖片會慢慢出現或消失。這允許您在訪問者瀏覽頁面時突出顯示和隱藏不同的圖片。

選項 4:在 WordPress 中添加多重圖片懸停效果(最可定制)

您可能希望在網站上使用多種不同的圖片懸停效果。例如,如果有許多圖片庫,您可能希望以不同有趣的方式動畫化這些照片。添加多種懸停效果的最佳方法是使用 Image Hover Effects Ultimate 插件。

選項 5:使用可視化 CSS 編輯器添加圖片懸停彈出效果

多數插件允許您構建高級動畫圖像,如翻轉框,並使用短碼將它們放置在頁面上。有時,您可能希望為已經在頁面上的圖片添加懸停效果。在這種情況下,可以使用 WordPress 自定義 CSS 插件。

了解更多添加動畫效果的方法

圖片懸停效果不是添加網站視覺興趣的唯一方法。還有其他類型的動畫可以用來增強用戶體驗。例如,使用 SeedProd,您可以為頁面添加粒子背景動畫。此外,還可以為網站添加預載動畫,給用戶一種頁面正在加載的印象,讓他們耐心等待加載完成。如果運營業務網站,使用數字計數動畫顯示當前銷售量、客戶數量、訪客量等數據,展示業務的增長和受歡迎程度。

我們希望這篇文章幫助您了解如何在 WordPress 添加圖片懸停效果。您也可能想看看我們的 WordPress 登陸頁面創建指南和小型企業最佳在線聊天軟件選擇。如果喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視頻教程,也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何在WordPress中创建定期捐赠表单(逐步指南)

为什么要在WordPress中创建定期捐赠表单?

定期捐赠是指捐赠者按固定间隔(如每周、每月、每季度或每年)自动汇出捐款,而不是一次性捐赠。这种方式不仅能提供稳定的收入来源,还能方便预算和资源分配。

定期捐款不但增加了用户的便利性,还能帮助您更好地规划营销和使用这些资金。此外,通过设置会员奖励制度,您还能激励更多人参与捐赠。

三种在WordPress中创建定期捐赠表单的方法

方法一:使用Charitable插件创建定期捐赠表单

Charitable是一个非常受信任的非盈利组织筹款插件。以下是使用Charitable创建定期捐赠表单的步骤:

步骤1:安装Charitable插件

首先,您需要下载并安装Charitable插件。然后,启用“Charitable定期捐赠附加组件”。

步骤2:设置支付网关

在Charitable的设置页面中,启用Stripe支付网关并进行连接。

步骤3:创建捐赠表单

前往Charitable的“新增”页面,选择一个模板并开始编辑。您可以添加表单字段、调整文本、添加图片等。

步骤4:开启定期捐赠选项

在设置页面中,启用“允许定期捐赠”选项,并设置默认的捐赠金额和周期。

步骤5:发布表单

保存表单并发布。您可以将表单嵌入到任何页面或文章中。

方法二:使用WP Simple Pay创建定期捐赠表单

WP Simple Pay也是一个很好的选项,支持多种支付方式和货币。以下是步骤:

步骤1:安装WP Simple Pay插件并连接Stripe账户

下载并安装WP Simple Pay插件,然后通过设置向导连接Stripe账户。

步骤2:创建捐赠表单

选择一个适合的模板并进行编辑。设置支付选项,确保捐款将按周期扣款。

步骤3:发布表单

保存并发布表单,将其添加到相应的WordPress页面。

方法三:使用WPForms创建定期捐赠表单

WPForms是一个功能强大的WordPress表单构建器,有多种捐赠表单模板。以下是步骤:

步骤1:连接WPForms到Stripe

下载并安装WPForms插件,在设置页面中连接Stripe。

步骤2:创建捐赠表单

进入WPForms的新增页面,选择一个可变捐赠表单模板并进行编辑。

步骤3:启用定期支付

在支付设置中启用定期捐赠选项,设置捐赠周期和金额。

步骤4:发布表单

保存并发布表单,将其嵌入到适当的页面中。

总结:本文帮助您了解了如何在WordPress中创建定期捐赠表单。您还可以参考我们的详细指南来优化您的WordPress网站的速度或了解捐赠表单的最佳实践。

Read More
WordPress 教学

如何在 WordPress 中添加終極 SEO 儀表板

最後更新:2024 年 6 月 14 日

為什麼要將 SEO 儀表板添加到您的 WordPress 網站?

如果您運行的是 WordPress 網站,那麼您可能希望將 SEO 儀表板直接添加到管理區域。這意味著您不需要在不同平台之間切換,節省大量時間。

SEO 儀表板可以提供有價值的網站健康數據,有助於您了解網站在搜尋引擎結果頁面(SERPs)中的表現,識別需要改進的地方,並提高可見度。

對於電子商務商店,SEO 儀表板可以幫助您識別哪些產品頁面排名良好,哪些需要提升。您可以跟踪最重要產品的關鍵詞排名並優化內容以吸引更多潛在客戶。

同樣,對於潛在客戶生成,SEO 儀表板可以讓您看到登錄頁面對目標關鍵詞的優化情況,以確保它們符合SEO要求,最大限度地增加合格潛在客戶。

專家提示

更願意將 SEO 交給專家處理嗎?我們的 WPressize Me SEO 服務可以為您的內容進行關鍵詞優化、進行技術 SEO 審核,並幫助您在高知名度網站上發表客座文章。這樣一來,您只需專注於管理業務即可。

如何設置 WordPress SEO 儀表板

使用 All in One SEO 設置儀表板

我們已經嘗試了多種 WordPress SEO 工具,包括流行的 Yoast SEO 插件。但要訪問終極 SEO 儀表板,我們首選 All in One SEO (AIOSEO)。

這一選擇有兩個主要原因。首先,AIOSEO 非常適合初學者,即使是 WordPress SEO 新手也能輕鬆導航其功能。其次,這個 SEO 插件擁有全面的儀表板,除了關鍵字排名追蹤和 SEO 變化監控,還提供詳盡的連結細分。

我們將使用 AIOSEO 的高級版,因為它解鎖了我們需要的所有儀表板功能。不過,請隨意先從免費版開始探索其功能,然後再升級。

要設置 AIOSEO,請從您的 AIOSEO 帳戶頁面下載插件並安裝到您的 WordPress 儀表板。您可以參考我們的逐步指南了解如何安裝 WordPress 插件。

然後,按照設置向導進行操作。設定完成後,您需要激活您的許可金鑰,這應該是您購買高級方案後收到的。請參考我們的指南,了解如何在 WordPress 中設置 AIOSEO。

設置完 AIOSEO 後,您就可以開始探索 SEO 儀表板功能了。

檢查您的 TruSEO 和 SEO 站點分數

主儀表板位於 All in One SEO » 儀表板。這裡提供了您的 SEO 表現概覽。

該儀表板有兩個關鍵小部件:「AIOSEO 概覽」和「SEO 站點分數」。

AIOSEO 概覽展示了所有已發佈文章和頁面的 TruSEO 分數。這是 AIOSEO 提供的個性化建議,用於提高您內容的內頁 SEO,包括元標題和描述的存在和長度、內容可讀性以及焦點關鍵詞的使用。

TruSEO 分數分為五類:「需要改進」、「一般」、「良好」和「無焦點關鍵詞」。理想情況下,您希望大多數文章、頁面和自定義文章類型獲得「良好」評分。您可以通過 使用「選擇文章類型」下拉菜單檢查每個文章類型的分數。

SEO 站點分數則提供了網站整體表現的更廣泛視圖,而不僅僅是單個頁面和文章。該分數考慮了多種技術方面,例如站點速度、網站地圖和 HTTPS 的使用。AIOSEO 建議目標分數應為 70 或更高。

該小部件將得分分解為三部分:「重要問題」(需要立即關注的關鍵問題)、「推薦改進」(需要改進的方面)和「良好結果」(表現良好的方面)。如果您點擊「完整站點審核檢查清單」,您將獲得更詳細的分解,我們將在後面的部分探索這些。

檢查您的網站排名統計數據

保持對搜索引擎中網站排名的跟踪是任何 SEO 策略的關鍵。了解您的內容在搜索結果中的表現,有助於改進關鍵詞研究並引導更多的自然流量。

AIOSEO 提供了一種簡單的方法,可以直接在 WordPress 儀表板中檢查您的網站排名統計數據。您只需前往 All in One SEO » 搜索統計,在管理側邊欄中找到這裡。

在這裡,我們將關注「儀表板」選項卡。要查看此部分的數據,您需要將您的網站與 Google Search Console 連接。請參考我們的指南,了解如何將您的 WordPress 網站添加到 Google Search Console。

儀表板選項卡提供了網站排名和點擊率(CTR)的快速概覽。頂部,您可以方便地設置所需查看數據的時間範圍(最近 7 天、最近 28 天、最近 3 個月或自定義)。

儀表板有五個關鍵領域。第一個是 SEO 統計數據。此部分提供圖表,幫助您可視化網站在搜索引擎結果頁中的可見性,以及點擊人數。

內容包括:

  • 搜索印象數:網站在選擇時間範圍內出現在搜索結果中的總次數。
  • 總點擊數:網站在期間從搜索結果中獲得的總點擊次數。
  • 平均 CTR:內容在搜索結果中的平均點擊率。
  • 平均位置:此圖表顯示選擇時間範圍內內容在搜索結果中的平均關鍵詞位置。

此外,懸停在每個圖表上,可以查看選擇時間範圍內任何日期的具體數據。例如,在屏幕截圖中,懸停在 2024 年 5 月 7 日的「總點擊」圖表上,顯示我們的演示網站當天獲得了 1.1k 次點擊。

您還可以懸停在顯示增加或減少的數字上,查看相對於之前時期數據變動的詳細信息。

您可以點擊「打開報告」按鈕,以獲取此數據的更詳細分解。

尋找內頁 SEO 審核機會

接下來,前往 All in One SEO » SEO 分析並導航到「SEO 審核清單」選項卡。此部分詳細介紹您的整體 SEO 健康狀況。

在頂部,您將看到您的 SEO 站點分數,和之前一樣。這裡,50 到 75 之間的得分很不錯,但理想情況下,您應該瞄準 70 或以上。此分數基於各種標準,您可以在「完整 SEO 清單」部分向下滾動查看。

完整的 SEO 清單分為四個類別:基本 SEO、高級 SEO、性能和安全。

基本 SEO 涵蓋網站上已實施的基本內頁 SEO 元素,包括 SEO 頁面標題、元描述、標題標籤、圖像替代文字以及內部連結。

如果缺少某個元素,只需點擊旁邊的箭頭按鈕。一個按鈕會出現,允許您立即解決這個問題。例如,缺少元描述可以通過點擊「編輯元描述」按鈕來解決,這將直接帶您進入首頁的阻止編輯器,以便您可以添加元描述。

監控外部和內部連結

下一個我們要查看的儀表板位於 All in One SEO » 連結助理。儀表板在「概覽」選項卡中,顯示有關網站連結的信息。

搜索引擎通過跟蹤連結發現新內容。破損或結構不佳的連結可能阻止搜索引擎抓取工具有效地索引您的網站,這會影響排名。此外,維護良好的連結確保訪客的用戶體驗順暢。破損的連結會導致死胡同,讓用戶感到挫折,可能損害網站的可信度。

讓我們逐一瀏覽此儀表板的各個部分。頂部是一個欄顯示您的文章掃描、孤立文章、外部連結、內部連結和聯盟連結的數目。「文章掃描」表示連結助理已掃描的文章和頁面數量。根據連結的數量,您可能會在右上方看到一個百分比指示器,告訴您已掃描的連結數量百分比。

接下來是「孤立文章」,它是指缺乏來自網站其他部分的內部連結的文章或頁面。通過發現並解決孤立內容,您可以幫助搜索引擎正確發現和索引所有頁面。

外部連結是指向其他網站的連結,包含指向相關和權威來源的外部連結可以增強內容的可信度和用戶體驗。

添加 Google Analytics 儀表板

AIOSEO 為您提供了一個很棒的 WordPress 內部 SEO 儀表板,您可以使用 Google Analytics 和 MonsterInsights 更進一步。MonsterInsights 讓您只需幾次點擊就可以輕鬆將 WordPress 網站連接到 Google Analytics,解鎖許多網站信息和指標。

此外,您可以直接將筆記添加到這些報告,以提醒自己對網站所做的任何更改。例如,如果您重新設計了網站,則可以記下筆記,然後查看是否影響了接下來幾週的訪問人數。

MonsterInsights 流量報告顯示訪客來自何處,這有助於您確定投入最大的努力來獲得更多流量的最佳地方。

MonsterInsights 也有一個網站速度報告,這對於優化核心網絡指標並保持訪客的滿意度非常重要。

我們希望這篇文章能幫助您了解如何在 WordPress 中添加終極 SEO 儀表板。您可能還想查看我們的 WooCommerce SEO 終極指南和我們挑選的最佳 SEO 排名追踪工具。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視頻教程。您還可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何在WordPress中导入和导出导航菜单

为什么在WordPress中导入和导出导航菜单?

每个WordPress网站都内置了导入和导出功能。您可以通过进入WordPress仪表盘中的工具 » 导入和工具 » 导出找到它们。这里,您可以选择导出所有内容或只导出您的帖子、页面或媒体。如果您选择‘所有内容’,那么WordPress将导出所有您的页面和帖子,以及您的评论、自定义字段、术语、自定义帖子类型和导航菜单。

然而,有时候您可能只想导出导航菜单。例如,您可能正在为新产品创建一个姊妹网站,并希望保留相同的菜单布局和设计。考虑到这一点,让我们来看看如何在不导出其余内容的情况下将导航菜单复制到新的WordPress博客。

如何在WordPress中导出和导入导航菜单

在进行任何操作之前,请确保您对计划导出的菜单感到满意。例如,您可能会修改菜单的样式、突出重要的菜单项或进行其他更改。您可以通过进入WordPress仪表盘中的外观 » 菜单找到您站点的菜单。

有关如何更改菜单的详细信息,请参阅我们关于如何在WordPress中添加导航菜单的详细指南。接下来,您需要安装并激活WPS菜单导出器插件。有关更多详细信息,请参阅我们的分步指南,了解如何安装WordPress插件。

激活后,您需要进入WordPress管理仪表盘中的工具 » 导出。您会看到一个新的选项来导出导航菜单项。这将包括菜单本身及其链接的所有内容。该插件还将导出与链接帖子相关的任何评论。

要导出此内容,只需选择‘导航菜单项’单选按钮,然后点击‘下载导出文件’按钮。这会下载导航菜单以及其所有链接的页面和评论。

所有这些内容都存储在一个名为site.wordpress.yyyy-mm-dd的.xml文件中,其中“site”是您网站的名称,“yyyy-mm-dd”是您创建下载的日期。

将您的WordPress菜单导入新网站

现在,您可以使用WordPress的标准导入功能导入.xml文件。在开始之前,检查目标网站是否没有任何与新菜单同名的页面,包括垃圾桶中的任何页面。如果跳过此步骤,那么WordPress可能不会正确导入这些页面。

之后,登录到您希望导入导航菜单的网站。然后,前往工具 » 导入。如果您还没有安装WordPress导入工具,请在‘WordPress’标题下找到它,然后点击‘立即安装’。

安装WordPress导入器后,您应该会看到一个新的‘运行导入器’链接。您可以继续点击此链接。在“导入WordPress”界面上,点击‘选择文件’按钮,选择您之前下载的.xml文件。

之后,继续点击‘上传文件并导入’按钮。在下一个屏幕上,WordPress会要求您将导入的内容分配给一个作者。如果您运行一个多作者的WordPress博客,您可以打开‘将文章分配给现有用户’下拉菜单,从列表中选择一个用户名。

另一种选择是通过在‘创建新用户…’字段中输入登录名,为此内容添加一个新用户或作者。如果您连同菜单一起导入页面,那么您还希望勾选‘下载并导入文件附件’框,以确保任何图片都包含在导入中。当您对导入的设置感到满意时,点击‘提交’按钮。几秒钟后,您应该会看到一条消息,表示导入成功。

查看导入的菜单和页面

要查看导入的菜单,只需进入外观 » 菜单。在这里,您可以确保所有设置都正确无误。您可能还想对导入的菜单进行一些更改,例如添加搜索栏或社交媒体图标。

您还可以点击WordPress仪表盘中的页面标签,以检查是否连同菜单一起导入了任何链接页面、评论和图片。

我们希望这篇文章能帮助您了解如何在WordPress中导入和导出导航菜单。您可能还想查看我们关于如何在导航菜单中添加主题的指南,或查看我们精心挑选的最佳教程,掌握WordPress导航菜单的使用方法。如果您喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

Read More