WordPress 教学

如何輕鬆創建自訂的 WordPress 塊

如何輕鬆創建自訂的 WordPress 塊

最後更新日期:2024 年 7 月 15 日

Gutenberg 編輯器為 WordPress 提供了強大的內容創建體驗。然而,預設的塊庫可能無法涵蓋所有網站的特定需求。多年來,我們撰寫了數百篇關於內容編輯器的文章,深入了解它的局限性。

透過自訂塊,你可以拓展 WordPress 編輯器的功能,添加特定設計元素,以簡化團隊的內容創建過程。本文章將指導你如何創建自訂的 WordPress 塊。我們將探討入門友好和基於代碼的方法,讓你能輕鬆創建無縫整合到現有工作流程中的自訂塊。

為何創建自訂的 WordPress 塊?

WordPress 帶有直觀的塊編輯器,讓你可以輕鬆地透過添加內容和布局元素來構建文章和頁面。默認情況下,WordPress 提供多個常用的塊,外掛程式也可以添加自己的塊。但是,有時你可能需要創建自訂塊來實現特定功能,因為找不到合適的塊外掛程式。

透過自訂塊,你可以為網站添加獨特的功能和特性,讓 WordPress 博客的內容創建更加高效。例如,你可以創建一個自訂塊來顯示用戶評價,然後輕鬆插入和管理該塊而不需任何代碼知識。

讓我們來看看如何輕鬆創建完全自訂的 WordPress 塊。

方法一:使用 WPCode 創建自訂塊(推薦)

如果你是初學者且缺乏代碼經驗,那麼這個方法適合你。WPCode 是市場上最棒的 WordPress 代碼片段外掛程式,使你能夠輕鬆安全地將自訂代碼添加到網站。它帶有塊片段功能,讓你可以輕鬆創建無需編寫任何代碼的自訂塊。

步驟一:安裝和啟用 WPCode 外掛程式

首先,你需要安裝並啟用 WPCode 外掛程式。詳細說明請參閱我們的初學者指南:如何安裝 WordPress 外掛程式

激活後,前往 WordPress 管理側邊欄的代碼片段» + 添加片段頁面。在這裡,點擊“使用片段”按鈕。

步驟二:創建自訂塊片段

在創建自訂片段頁面,你可以開始輸入要創建的新塊的名稱。然後從右上角的“代碼類型”下拉選單中選擇“塊片段”選項。這將在“代碼預覽”框中顯示“使用塊編輯器編輯”按鈕,只需點擊該按鈕來啟動塊編輯器。

在這裡,你可以使用現有的塊來創建你自訂的塊,例如我們將創建一個評價塊。完成後,別忘了點擊“更新”按鈕來保存你的自訂塊設置。

步驟三:配置塊插入位置

回到代碼片段頁面,選擇“自動插入”模式來激活代碼片段。然後,在“插入”部分選擇自訂塊的位置,例如頁面結束後顯示評價塊。

步驟四:設定條件邏輯

如果你想要在特定頁面或邏輯條件下顯示自訂塊,可以開啟“智能條件邏輯”部分並添加條件邏輯規則。例如,你可以設定只在特定頁面顯示自訂塊。

方法二:使用 Genesis Custom Code 外掛程式創建自訂塊(免費)

如果你是中級用戶並且尋找免費方案,那麼這個方法適合你。首先,安裝並啟用 Genesis Custom Blocks 外掛程式。然後,依據以下步驟創建和配置你的自訂塊。

步驟一:創建自訂塊

前往左側邊欄的 Custom Blocks » Add New 頁面,將你的自訂塊命名並添加欄位和屬性。

步驟二:創建塊模板

在自訂塊編輯頁面,切換到“模板編輯器”標籤並輸入你的 HTML 和 CSS 欄位。保存並上傳模板文件至你的佈景主題資料夾。

步驟三:預覽自訂塊

在 WordPress 管理介面中設定測試數據以預覽自訂塊。在前端預覽標籤中查看塊的顯示效果,並在需要時進行調整。

步驟四:在 WordPress 中使用自訂塊

編輯任何文章或頁面,點擊“添加塊”按鈕並從塊選單中找到你的自訂塊。填寫塊欄位,保存文章或頁面後即可在網站前端看到你的自訂塊效果。

額外:為你的文章創建自訂模板

除了創建自訂塊,你還可以為網站上的文章或頁面創建自訂模板。你可以使用組塊功能來創建自訂模板,或使用 SeedProd 工具進一步設計精美的自訂模板。

希望這篇文章能幫助你輕鬆創建自訂的 WordPress 塊。你也可以查看我們的指南 如何從頭開始創建自訂 WordPress 佈景主題 和我們推薦的 最佳塊主題

Read More
WordPress 教学

如何追踪 WordPress 网站的访客

为什么需要追踪网站访客

追踪网站流量是评估网站性能的最重要指标之一。更多访客意味着更多将其转化为订阅者和客户的机会。同时,这也可以解锁许多您可能错过的有价值见解。例如,您可以找到访客来自哪个国家或城市,这可以帮助您提供个性化内容或选择需要翻译的网站语言。

设置 Google Analytics 追踪网站访客

Google Analytics 是市场上最强大的网站访客追踪软件。它允许您查看网站的访客数量以及他们在网站上的行为。然而,设置 Google Analytics 需要编辑代码,这对于初学者来说可能有些复杂,而且稍有不慎就会影响网站的追踪功能。

这时候 MonsterInsights 插件就派上用场了。它是 WordPress 的最佳 Google Analytics 插件,您可以使用它在不编辑代码的情况下将 Google Analytics 与网站连接。

首先,您需要安装并激活 MonsterInsights 插件。激活后,您将看到一个欢迎界面,并且在管理区域会有一个新的菜单项 ‘Insights’。在欢迎界面上,点击 ‘启动向导’ 按钮并按照屏幕上的说明将您的网站与 GA4 连接。

在 WordPress 中查看网站访客报告

要查看网站访客报告,您可以使用 MonsterInsights 的各种报告。首先,进入 Insights » Reports 页面,您将看到 ‘概览’ 报告。这里显示了您的网站会话总数和页面浏览量,以及平均会话持续时间和跳出率。

在 ‘流量’ 报告中,您可以看到用户如何找到您的网站,并显示过去 30 天内的会话数量。如果您向下滚动,还可以看到哪个渠道带来的流量最多,比如有机搜索、付费社交、电子邮件等。

‘发布者’ 报告为您提供更多关于访客的洞察,例如流行的着陆页和跳出率。’电子商务’ 报告显示了在线商店的转换率、交易数、收入和平均订单价值。

最后,’实时’ 报告显示了当前活跃在您网站上的访客数量,可以实时查看您的流量。

希望本文帮助您了解如何在 WordPress 网站上追踪访客。您可能还对我们的 Google Analytics 4 初学者终极指南和提升网站流量的专家提示感兴趣。

Read More
WordPress 教学

如何在 WordPress 創建 HubSpot 表單(兩種簡單方法)

如何在 WordPress 創建 HubSpot 表單(兩種簡單方法)

最後更新日期:2024 年 4 月 12 日 | 審核:Syed Balkhi

您是否希望在您的 WordPress 網站中添加 HubSpot 表單?HubSpot 是一個非常受歡迎的一體化行銷和 CRM 平台,旨在幫助您的業務增長。使用 HubSpot 的表單生成器,您可以開始將網站訪客轉化為合格的潛在客戶。

本文將展示如何在 WordPress 中創建 HubSpot 表單。

為何使用 HubSpot 創建表單?

HubSpot 是一個行銷和銷售平台,幫助公司發展。它包含多種工具,包括客戶關係管理(CRM)、內容管理系統(CMS)、內建電子郵件行銷及潛在客戶生成。

它還有一個強大的 WordPress 表單生成器,可以與 WordPress 無縫整合,讓您輕鬆創建自訂表單,無需任何技術專業知識。如果您已經在使用 HubSpot 的 CRM 應用程式,每位填寫您表單的訪客將自動添加到您的數據庫中。

方法一:使用 HubSpot 插件創建表單

您可以使用 HubSpot 插件輕鬆為您的 WordPress 網站創建表單。首先,您需要安裝和啟用 HubSpot 插件。啟用後,該插件會在 WordPress 管理員側邊欄中新增一個新菜單項目。點擊 HubSpot 進行設置,如果您還沒有帳戶,則需要創建一個。

登入後,HubSpot 會提示您連接您的網站。完成連接後,前往 WordPress 管理員儀表板中的 HubSpot » Forms 頁面。

在這裡,點擊‘Create a Free Form’按鈕,選擇表單類型並點擊‘Next’。選擇一個模板,然後開始編輯表單。當完成自訂後,點擊‘Submit’和‘Publish’按鈕來發布表單。系統會生成一個短代碼,您可以將其嵌入到任何頁面中。

方法二:使用 WPForms 創建 HubSpot 表單

您還可以使用 WPForms 來創建 HubSpot 表單。安裝和啟用 WPForms 插件並升級到 Elite 計劃以使用 HubSpot 附加程式。在激活附加程式後,前往 WPForms » Settings 的‘Integrations’標籤,並添加新的 HubSpot 帳戶。

接下來,建立一個新表單,並在表單生成器中選擇‘Marketing’選項,然後選擇‘HubSpot’。添加 HubSpot 連接後,設置相關操作。當準備就緒後,嵌入表單並發布頁面。

這就是全部!我們希望您學會如何在 WordPress 中創建 HubSpot 表單。如需更多資訊,請訂閱我們的 YouTube 頻道,並在 Twitter 和 Facebook 上關注我們。

Read More
WordPress 教学

如何在 WooCommerce 中輕鬆創建購後調查表

想知道您的 WooCommerce 商店客戶對您的產品和網站有何看法嗎?購後調查表可以收集寶貴的反饋,幫助您做出數據驅動的決策。本文將向您展示如何在 WooCommerce 中輕鬆創建購後調查表。

為什麼要在 WooCommerce 中使用購後調查?

如果您有 WooCommerce 商店,那麼您可能會想知道您的客戶對您的產品和線上商店有什麼看法。實際上詢問他們是了解這些信息的最佳方式。

幸運的是,您可以使用 WordPress 調查外掛快速收集真實的用戶反饋,減少猜測的麻煩。這些反饋有助於發現每個網站訪客行為背後的「為什麼」。這是 Google Analytics 無法告訴您的。

通過利用這些調查獲得的見解,您可以改進網站的可用性、產品缺陷、運輸問題和轉化率。根據反饋進行改進,您將建立起信任和客戶忠誠度。

如何創建購後調查表的方法

方法一:使用 UserFeedback 創建購後調查表

UserFeedback 是 MonsterInsights 團隊開發的易用調查外掛。它允許您實時向網站訪客提問並收集他們的反饋。此外,您還可以輕鬆地將調查添加到特定的 WooCommerce 頁面,例如訂單確認頁面。

首先,您需要安裝並啟用 UserFeedback 外掛。安裝和啟用後,設置嚮導將自動啟動,點擊「開始」按鈕以開始設置。您可以選擇幾個預寫的問題或創建您自己的問題。點擊「下一步」按鈕繼續。

設置完成後,您可以進入 UserFeedback » Surveys 頁面,並點擊「創建新調查」按鈕。選擇「購後審查」模板,並根據需要修改問題。例如,您可以添加「您是如何發現我們的?」「我們的定價頁面是否易於理解?」等問題。

當編輯完您的調查問題後,點擊「下一步:設置」按鈕。設置頁面可以讓您進一步定制調查,例如啟用或禁用 Google Analytics 跟踪。選擇您希望調查顯示的頁面,建議在結帳後的訂單確認頁面顯示。

最後,設置調查通知,以便每次有新回應時都能收到電子郵件。確定所有設置後,點擊「儲存並發布」按鈕,即完成調查創建。

方法二:使用 WPForms 創建購後調查表

WPForms 是市場上最好的 WordPress 聯絡表單外掛之一。它配有強大的調查和投票附加功能,讓您可以快速創建高度互動的調查表單。

首先,安裝並啟用 WPForms 外掛。接著,進入 WPForms 設置頁面,輸入您的許可密鑰並啟用調查和投票附加功能。然後,進入 WPForms » 新增頁面,選擇調查表單模板,並根據需要修改問題。

WPForms 支援各種常用的表單欄位,包括下拉選單、單選按鈕、複選框、Likert量表、文字輸入和評分量表等。您可以輕鬆建立高度互動的調查表單,並設置條件邏輯來根據用戶回應展示或隱藏問題。

調查表單創建完成後,保存設置並將表單添加到自定義感謝頁面或使用簡碼在 WooCommerce 訂單確認頁面上顯示調查。

查看調查結果

一旦開始收到調查回應,您可以在 WordPress 管理員儀表板中查看調查結果。無論是 UserFeedback 還是 WPForms,都提供了易讀的報表和圖表,可以導出數據以便進一步分析。

希望本文幫助您了解如何在 WooCommerce 中創建購後調查表。您可以參考我們的其他指南,例如如何在 WooCommerce 中創建智能優惠券或選擇最佳 WooCommerce 外掛。

Read More
WordPress 教学

如何在WordPress中创建用户提交的活动日历

你是否想让用户在你的网站上提交活动日历?添加用户提交的活动是建立社区和提升网站参与度的绝佳方式。

在这篇文章中,我们将向你展示如何轻松地在WordPress中创建用户提交的活动日历,而无需让访客访问你的管理后台。

为什么要创建用户提交的活动日历?

众包活动到你的WordPress日历是一种很好的方式,可以建立社区,吸引新游客,并使你的日历始终更新最新活动。它还能节省时间,因为你不必自己上网寻找即将发生的活动。当你的社区成员可以添加活动到你的日历时,他们的活动将得到免费的宣传。而且,你的网站访客和其他社区成员也能轻松了解周边的活动。

例如,如果你运行一个慈善或非营利会员网站,你可以允许成员添加不同的筹款活动、研讨会、慈善活动、网络研讨会和其他社区活动到你网站的日历中。

然而,WordPress默认并不允许用户在前端提交活动或上传文件。你必须为每个用户创建一个账户并允许访问管理区域。这种方法既费时又可能存在风险。幸好,有一种更简单的方法。让我们看看如何让用户在WordPress中添加活动。

在WordPress中创建用户提交的活动日历

让用户添加活动到你的WordPress日历的最佳方式是使用WPForms。这是一个受超过600万家企业信赖的最佳联系表单插件。

插件让你可以创建文件上传表单,并提供了一个帖子提交插件,它允许你在网站前端接受活动列表、PDF、文章、报价和其他内容。

注意:WPForms有一个免费版本,但你需要购买插件的Pro计划,因为它包括帖子提交插件、高级集成和其他自定义功能。

首先,你需要安装并激活WPForms插件。如果需要帮助,请查看我们新手指南。在激活后,从WordPress后台进入WPForms » 设置页面并输入你的许可证密钥。信息可在WPForms账户区域找到。

然后点击“验证密钥”按钮继续。接下来,访问WPForms » 插件页面,然后滚动到帖子提交插件。点击“安装插件”按钮。

插件安装后,你会看到状态从“未安装”变为“激活”。

设置活动日历插件

接下来,你需要一个WordPress活动日历插件来在你的站点上创建活动日历。我们将使用The Events Calendar插件作为教程。它是一个功能强大的活动管理系统,提供了许多功能。你可以轻松用它添加活动并管理组织者和场地。查看我们对The Events Calendar的评论以了解更多细节。

首先,你需要安装并激活The Events Calendar插件。更多详情,请查看我们的插件安装指南。激活后,你会被重定向到WordPress后台的活动 » 设置页面。你可以暂时点击“跳过”按钮。

然后,你可以浏览不同的活动日历设置。如在“常规”选项卡中有更改每页显示活动数量、为活动激活块编辑器、显示评论、编辑活动URL别名等设置。

你还可以在滚动下后设置活动日历的时区设置。插件让你可以使用站点的时区或为每个活动手动设置时区。我们建议使用“在每个地方使用站点时区”选项。这样可以帮助匹配用户提交的活动时间与站点时区。

做出更改后,点击“保存更改”按钮。

接下来,你可以进入“显示”选项卡并编辑活动日历的外观。例如,有选项可以关闭默认样式、选择模板、启用事件视图等。

进行更改后,让我们看看如何创建一个表单以接受活动日历。

创建用户提交的活动表单

接下来的步骤是使用WPForms创建一个表单,在你的网站上设置活动注册页面。首先,你可以从WordPress后台访问WPForms » 添加新页面。这将启动拖放表单构建器。

在顶部输入表单名称,然后选择“博客文章提交表单”模板。我们使用这个模板,因为使用The Events Calendar插件时,每个活动是一个自定义文章类型。使用WPForms,你可以编辑博客文章提交表单模板,以提交事件自定义文章类型,而不是常规博客文章。

接下来,你可以自定义你的帖子提交表单。使用拖放表单构建器,WPForms让你可以添加不同的表单字段。你可以添加下拉菜单、复选框、电话号码、地址、网站URL等。

此外,它让你可以重新排列每个表单字段的顺序并删除不需要的字段。例如,我们将添加“日期/时间”字段到表单模板,以显示“活动开始日期/时间”和“活动结束日期/时间”。

专业提示:添加日期/时间字段时,确保选中“禁用过去的日期”复选框。可以在高级选项卡中找到这个选项。这将确保所有新活动都有未来日期。如果有人意外输入错误年份,也有助于纠正错误。

创建表单时,你可以重命名不同的表单字段。要做到这一点,只需点击他们,然后在左侧菜单的字段选项下更改标签。

对于我们的教程,我们将帖子标题更改为活动标题,将帖子摘要更改为活动描述。

然后,你需要进入表单构建器中的设置 » 帖子提交选项卡。确保“帖子提交”选项已打开。

除了这些,你还需要匹配表单字段与活动日历插件查找的字段。例如,这是我们演示表单字段的映射方式:

  • 帖子标题到活动标题
  • 帖子摘要到活动描述
  • 帖子特色图片到特色图片
  • 文章类型到活动
  • 帖子状态到待审核
  • 帖子作者到当前用户

待审核状态允许你审核每个事件提交。此外,如果你接受在线支付,可以在批准活动前检查支付是否成功。

接下来,你还需要映射事件的开始和结束日期/时间。为此,滚动到“自定义文章元数据”部分并输入代码以映射表单中的相应字段。首先,添加_EventStartDate代码并从下拉菜单中选择你的事件开始时间字段(例如活动开始日期/时间)。然后点击“+”按钮添加另一个自定义文章元数据并输入_EventEndDate代码以映射事件结束时间字段(例如活动结束日期/时间)。

接下来,你还可以更改表单的其他设置。如果你进入“确认”选项卡,会看到提交活动时用户看到的感谢页面设置。可以在页面上显示信息或在用户提交表单时重定向到另一个URL。

除此之外,你还可以更改“通知”设置。插件让你可以选择不同设置,收到有人提交表单时的电子邮件通知。例如,可以更改发送到的电子邮件地址、主题行、发件人名等。

不要忘记点击顶部的“保存”按钮以保存对事件提交表单的更改。

发布用户提交的活动表单

现在你已经创建了用户提交的活动表单,是时候在你的网站上发布了。WPForms提供多个选项嵌入你的WordPress表单。你可以使用块编辑器中的WPForms块,使用短代码,添加侧边栏小工具等。

对于本教程,我们将使用WPForms提供的嵌入向导。

首先,点击右上角的“嵌入”按钮。点击按钮后,会弹出一个窗口。点击“创建新页面”按钮,WPForms会自动为你的表单创建一个新页面。你也可以点击“选择现有页面”按钮添加表单到发布的页面。

接下来,输入页面名称。完成后,点击“开始吧!”按钮。

在下一屏幕上,你可以在新页面上看到用户提交的活动表单。预览页面,然后点击“发布”按钮。

现在可以访问你的网站,看看表单的实际效果。前端显示如图所示。

接下来,你可以从WordPress后台进入活动页面,查看用户提交的活动。所有用户提交的活动将在这里列为待办。你可以点击每个活动下的“编辑”按钮进行审核。确认用户填写了所有必需的活动信息。如果有任何信息缺失,可以添加或如果不符合你的网站要求,可以拒绝活动。

之后,简单发布用户提交的活动。然后可以访问由The Events Calendar创建的URL查看你的活动:

https://www.example.com/events

奖励:在WordPress中创建简单的日历

如果你只想创建一个只有你自己可以添加活动的日历,可以使用Sugar Calendar。它是市场上最好的日历插件,让你可以创建多个日历,设置活动的开始和结束时间,与Google日历同步等。

插件激活后,只需从WordPress后台访问日历页面。在“日历”选项卡中,点击“添加新”按钮。会打开一个提示窗口,首先添加日历名称。

完成后,切换到“活动”选项卡并点击“添加新活动”按钮。内容编辑器现在会启动,你可以添加活动的所有信息包括名称、日期和时间、持续时间。

最后,点击“发布”按钮保存设置。你已经成功地添加了一个活动到你的日历。详情,请参阅我们关于如何创建简单日历的教程。

希望这篇文章帮助你学习如何在WordPress中创建用户提交的活动日历。你可能还想查看我们的指南,了解如何将网站从HTTP迁移到HTTPS,以及最佳的WordPress SEO插件和工具提升你的网站排名。

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

Read More
WordPress 教学

如何禁用所有用户(除管理员外)的WordPress管理栏

什么是WordPress管理栏?

默认情况下,WordPress会在所有已登录用户的屏幕顶部显示一个管理栏。当您登录您的帐户时,可以在WordPress管理区及所有其他页面上看到这个工具栏。

WordPress管理工具栏提供了指向WordPress后端不同区域的有用快捷方式,这些快捷方式会根据用户的角色和权限而变化。

然而,当您查看您的网站前端时,管理栏可能会分散注意力,甚至影响网站的设计和用户体验。如果您正在为第三方构建或管理一个WordPress网站,这可能会导致他们看不到自己网站的真实外观。

幸运的是,有多种方法可以为所有用户(除管理员外)禁用管理栏。只需使用以下快速链接跳转到您想要使用的方法:

  • 方法1:为个别用户禁用WordPress管理栏
  • 方法2:为所有用户(除管理员外)禁用管理栏(推荐)
  • 方法3:为所有用户(除管理员外)禁用WordPress管理栏(无需代码)
  • 方法4:为所有用户(包括管理员)禁用管理栏

方法1:为个别用户禁用WordPress管理栏

您可以通过编辑用户档案来为特定用户禁用管理栏。如果您的网站用户不多,这是一个快速且简单的方法。然而,如果您运行一个有大量用户的会员网站,我们推荐使用其他方法。

手动移除管理栏,首先进入WordPress管理后台的用户»所有用户页面。然后将鼠标悬停在不需要管理栏的用户上,当出现‘编辑’选项时点击它。

这将打开该用户的档案。从这里,取消选中‘查看站点时显示工具栏’选项旁边的复选框。

之后,滚动到屏幕底部并点击‘更新用户’以保存您的更改。这将仅为该特定用户禁用管理栏。要为更多用户隐藏工具栏,只需按照上述步骤操作即可。

方法2:为所有用户(除管理员外)禁用管理栏(推荐)

如果您需要为很多用户隐藏管理栏,那么手动更改每个用户的设置将会非常耗时。为此,我们推荐通过向functions.php文件添加代码来禁用管理栏。如果您以前没有做过此操作,可以查看我们的复制和粘贴代码片段入门指南。

有些教程会建议您手动编辑主题文件,但这可能会导致常见的WordPress错误,甚至可能完全破坏您的网站。

因此,我们推荐使用WPCode插件。它是最佳代码片段插件,可以简化添加自定义代码的过程,而且不会令您的网站面临风险。

首先,您需要安装并激活免费WPCode插件。有关更多信息,请参阅我们关于如何安装WordPress插件的分步指南。

插件激活后,进入代码片段»添加片段页面。在这里,您将看到可以添加到网站的预制片段,其中包括完全禁用评论、上传WordPress不支持的文件类型、禁用附件页面等。

在下一个屏幕上,将鼠标悬停在‘添加自定义代码(新片段)’选项上,当出现‘使用片段’按钮时点击它。

在接下来屏幕上,为代码片段输入一个标题。这只是供您参考的,因此您可以使用任何名称。然后,打开‘代码类型’下拉框并选择‘PHP片段’。

完成后,将以下代码粘贴到编辑器中:

add_action('after_setup_theme', 'remove_admin_bar');
function remove_admin_bar() {
if (!current_user_can('administrator') && !is_admin()) {
show_admin_bar(false);
}
}

这个代码识别所有非管理员用户,并为他们禁用WordPress管理栏。

之后,向下滚动页面到‘插入’部分。在这里,您可以保持默认的‘自动插入’方法,以确保代码在任何地方运行。

最后,向上滚动屏幕并点击‘非激活’滑块,使之显示‘激活’。然后,只需点击‘保存片段’或‘更新’按钮使代码片段生效。

搞定!请记得检查您的WordPress网站,以确保一切正常。

方法3:为所有用户(除管理员外)禁用WordPress管理栏(无需代码)

如果您不想向网站添加代码,可以使用插件来隐藏管理栏。‘根据用户角色隐藏管理栏’插件允许您根据不同的用户角色移除工具栏,因此如果您想为所有会员、WooCommerce客户或其他用户角色禁用工具栏,这是一个不错的选择。

首先,您需要安装并激活‘根据用户角色隐藏管理栏’插件。有关详细信息,请参阅我们的分步指南,了解如何安装WordPress插件。

激活后,进入设置»隐藏管理栏设置页面。从这里,选中您要禁用管理栏的用户角色旁边的复选框。

完成后,点击‘保存更改’以保存您的设置。

方法4:为所有用户(包括管理员)禁用管理栏

您是否想为所有用户(包括网站管理员)禁用管理栏?您可以通过添加一些代码来为所有查看网站公共页面的用户禁用管理栏。这意味着管理栏仅会在您进入WordPress仪表板区域时出现。

为简单起见,WPCode内置片段库有您需要的代码片段。进入代码片段»库页面。

在这里,搜索‘禁用WP管理栏’。当正确的片段出现时,点击‘使用片段’按钮。

插件会自动将代码添加到网站,为代码设置描述性标题,选择正确的插入方式,甚至添加标签以帮助您识别片段。

下面是代码的样子:

add_filter( 'show_admin_bar', '__return_false' );

现在,您需要做的就是将开关从‘非激活’切换为‘激活’,然后点击‘更新’。

现在,如果您在登录到您的WordPress帐户时访问网站前端,管理栏将会消失。

希望这篇文章帮助您了解如何为所有用户(除管理员外)禁用WordPress管理栏。您可能还想查看我们的终极WordPress安全指南,以及我们对最佳WordPress页面构建器的比较,以便无需任何代码就能创建自定义页面布局。

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

Read More
WordPress 教学

如何在WordPress中创建高转化率的销售页面

你想增加你网站的销售额吗?一个好的销售页面可以是将更多网站访问者转化为付费客户的关键,从而提升你的利润。在本教程中,我们将向你展示如何在WordPress中创建一个高转化率的销售页面。

什么是销售页面?

销售页面的唯一目的是让人们购买你的产品或服务。你可能会为你的新电子书、即将到来的会议、订阅盒子、电子商务产品或咨询服务创建销售页面。但目标始终是相同的:为你的小型企业增加更多销售额。

每个销售页面都是独特的。然而,大多数高转化率的页面会推销产品或服务,然后以号召性用语(CTA)作为结尾。

销售页面和着陆页面的区别

销售页面和着陆页面有很多相似之处。有时,着陆页面就是为了销售产品和服务而创建的。但并不总是这样。你可能会创建一个WordPress着陆页面来增加新闻通讯注册或推广即将到来的网络研讨会。然而,销售页面始终是为了进行销售。

如何在WordPress中创建一个高转化率的销售页面

方法一:使用SeedProd创建WordPress销售页面(推荐)

此方法最简单,并且适合所有WordPress用户。我们将使用SeedProd,它是最好的WordPress着陆页面构建器。SeedProd允许你轻松创建漂亮的页面布局,帮助你获得更多销售。

步骤1:安装和激活SeedProd插件

首先,你需要安装并激活SeedProd插件。安装后,SeedProd会请求你的许可证密钥。你可以在SeedProd网站的账户中找到这些信息。

步骤2:选择销售页面模板

在SeedProd中,你可以选择多个专业设计的模板。选择一个适合你的销售页面模板,然后点击‘选择此模板’。

步骤3:使用拖放构建器编辑页面

使用SeedProd的拖放构建器,你可以轻松添加和自定义各种块,如标题、按钮和图像。你还可以使用一些专门为销售页面设计的块,如评论、价格表、星级评分和倒计时块。

方法二:使用区块编辑器创建WordPress销售页面

WordPress内置的区块编辑器使创建独特设计变得容易。如果你预算有限,可以使用仅限于WordPress区块编辑器的方式创建销售页面。

首先,创建一个页面并命名。使用区块编辑器添加各种元素,如站点标志、封面块、媒体和文本块。这些元素有助于构建一个有效的销售页面。

高转化率销售页面应该包含的元素

  • 引人注目的主标题和副标题
  • 吸引人的产品或服务视觉效果
  • 详细的产品描述
  • 定价信息及优惠
  • 社交证明,如推荐、评论
  • 明确的行动号召按钮
  • 常见问题解答部分

设计销售页面时,请务必考虑这些元素并进行A/B测试,以了解哪些最能吸引你的目标受众。

提升销售页面效果

一个美观、专业设计的销售页面可以提升你的销售额。然而,总有改进转化率的空间。以下是一些WordPress插件,可以帮助你获得更多销售:

  • All in One SEO (AIOSEO):这款搜索引擎优化工具包可帮助你从搜索引擎吸引更多流量。
  • MonsterInsights:监控页面统计数据可以帮助你了解销售页面上的优缺点。
  • OptinMonster:OptinMonster的退出意图弹窗可以将即将流失的访问者转化为付费客户。
  • TrustPulse:TrustPulse是最佳的社交证明插件,它通过显示实时通知来利用FOMO效果。

我们希望这篇文章帮助你了解如何在WordPress中创建一个高转化率的销售页面。你还可以查看我们关于如何向网站添加推送通知的指南,以及我们为商业网站挑选的必备WordPress插件。

Read More
WordPress 教学

如何修復 WordPress 的 DNS 伺服器無法回應錯誤(5種方法)

您是否在尋找最簡單的方法來修復 WordPress 中的「DNS 伺服器無法回應」錯誤?

您可能會因多種原因在自己的 WordPress 網站或第三方網站上遇到 DNS 無法回應錯誤。

在本文中,我們將向您展示如何輕鬆排除並修復 WordPress 中的「DNS 伺服器無法回應」錯誤。

何謂 WordPress 中的「DNS 伺服器無法回應」錯誤?

「DNS 伺服器無法回應」錯誤是用戶在使用 WordPress 時可能遇到的最常見錯誤之一。

此錯誤會阻止您訪問您的網站,這使得排除故障變得困難。許多初學者不確定是只有自己看到此錯誤,還是其他人也看到了。

「DNS 圖姚無法回應」錯誤意味着您的瀏覽器無法與托管網站的伺服器建立連接。

此錯誤通常發生在 DNS 供應商不可用、防火牆問題、網絡連接問題或互聯網調制解調器或路由器出現問題時。

話不多說,讓我們看看有哪些方法可以輕鬆地排除並修復您的網站上的「DNS 伺服器無法回應」錯誤:

1. 檢查您的網絡連接

您可能會因為網絡連接已斷開而收到「DNS 伺服器無法回應」錯誤。因此,首先,您需要確保當前已連接到互聯網。

如果您的 Wi-Fi 已連接但錯誤仍然存在,您可以通過開關電腦來重新啟動網絡連接。

或者,您可以簡單地將路由器斷電,然後等待至少一分鐘,再重新連接。

之後,嘗試訪問您的 WordPress 博客,看看錯誤是否已消失。

2. 嘗試切換到其他網絡瀏覽器或隱身模式

有時,這個錯誤會因為默認網絡瀏覽器出現問題而發生。

您可以簡單地通過使用不同的瀏覽器(如 Mozilla Firefox 或 Microsoft Edge)訪問您的 WordPress 網站來解決「DNS 伺服器無法回應」錯誤。

例如,如果您使用 Google Chrome 且瀏覽器顯示「DNS 圖姚無法回應」錯誤,則嘗試使用 Mozilla Firefox 訪問您的網站。

您還可以嘗試在私人標籤頁中打開該頁面,例如使用 Chrome 的隱身模式。如果可以在其他瀏覽器中訪問該網站,這意味著問題出在默認的網絡瀏覽器上。

在這種情況下,您可以清除瀏覽器緩存,看看是否能解決問題。如果這樣還無法解決問題,您可以嘗試重新安裝瀏覽器。

3. 禁用您的防火牆或防病毒軟件

防火牆和防病毒程序保護您的電腦免受惡意軟件的侵害。

但是,有時候,這些程序可能會因嚴格的設置或程序本身的問題而阻止可信的網站。

要檢查是否因為這些軟件而收到「DNS 伺服器無法回應」錯誤,您需要暫時停用防火牆和防病毒程序。

如果您使用的是 Windows,那麼可以通過在「開始」菜單中選擇「設置」應用程序來輕鬆禁用防火牆和防病毒程序。

打開後,從側邊欄中選擇「隱私與安全」選項。

從這裡,選擇「Windows 安全」選項。

這將引導您進入一個新屏幕,在這裡您必須從列表中選擇「病毒和威脅保護」選項。

之後,切換「Microsoft Defender 防火牆」選項下的開關,並將其設置為關閉。

如果您使用的是 Mac,那麼只需從 Apple 工具欄中訪問「系統偏好設置」»「安全與隱私」。

這將帶您進入「安全與隱私」窗口。

在這裡,簡單地點擊「防火牆」選項卡,然後關閉防火牆。

您現在已經在計算機上禁用了防病毒和防火牆程序。

在禁用防火牆後,訪問您的網頁,看是否已解決錯誤。

4. 更改 DNS 伺服器地址

有時候,「DNS 伺服器無法回應」錯誤發生在您的互聯網服務供應商分配給您的 DNS 伺服器不可用或存在錯誤信息時。

在這種情況下,您可以通過切換到其他公共 DNS 伺服器來解決問題,例如 Cloudflare 或 Google Public DNS,其提供免費的 DNS 地址。

如果您使用的是 Windows,在任務欄的搜索框中輸入『ncpa.cpl』以訪問網絡連接頁面。

進入後,右鍵點擊當前使用的網絡連接。

然後,簡單地在彈出窗口中選擇「屬性」選項。

此時,您可能需要提供管理員密碼。如果沒有這些權限,請聯繫您的 IT 部門或計算機管理員。

之後,您將看到「屬性」窗口。

在這裡,您需要從列表中找到並雙擊「Internet 協議版本 4 (TCP/IPv4)」選項,這將打開一個新窗口。

進入後,簡單地選中「自動獲取 IP 地址」框,然後選中「使用以下 DNS 伺服器地址」框。

之後,您需要輸入從公共 DNS 伺服器獲得的 DNS 地址,並點擊底部的「確定」按鈕。

例如,Cloudflare 的公共 DNS 是 1.1.1.1,Google 的公共 DNS 是 8.8.8.8 和 8.8.4.4。

現在重新啟動您的計算機,訪問您的網站,看是否已解決錯誤。

如果您使用的是 Mac,只需從工具欄中選擇 Apple 圖標,然後點擊「系統偏好設置」選項。

在出現的彈出窗口中,選擇「網絡」並點擊「高級」按鈕。

之後,簡單地打開「DNS」選項卡。這裡,您會找到底部左側的一個「+」按鈕。

點擊它將添加一個地址為 0.0.0.0 的新 DNS 伺服器。

現在,繼續輸入您想使用的首選 DNS 伺服器的數字。

例如,Cloudflare 的公共 DNS 是 1.1.1.1,Google 的公共 DNS 是 8.8.8.8 和 8.8.4.4。

之後,簡單地點擊「確定」按鈕,這將使您返回到之前的彈出窗口。

在這裡,點擊「應用」按鈕保存更改。

現在,您需要訪問您的網站,查看是否已解除錯誤。

5. 清除您的 DNS 緩存

就像您的瀏覽器一樣,計算機也會存儲您訪問的網站的所有 IP 地址,因此不需要兩次查詢相同的 IP 地址。

然而,DNS 緩存信息可能會過時,這可能會導致網站顯示「DNS 伺服器無法回應」錯誤。

這可能發生在您將網站移至新的域名或將網站移至新的 WordPress 主機時。

清除 DNS 緩存可以消除「DNS 伺服器無法回應」錯誤。只需查看我們的如何在 Mac、Windows 和 Google Chrome 上清除 DNS 緩存的指南以獲取更多指示。

額外提示:使用 WPressize Me 專業服務進行網站維護

一旦您已經修復了「DNS 伺服器無法回應」錯誤,定期更新和維護您的 WordPress 網站非常重要。這將有助於防止惡意軟件和惡意代碼,並改善用戶體驗。

如果您沒有時間管理自己的網站,我們建議使用 WPressize Me 專業服務,這是 WordPress 最佳的網站維護服務。

我們提供經濟實惠的優質維護套餐,包括正常運作監控、雲備份、主題和插件更新、緊急支持等。

我們將全天候監控您的網站,並根據需要進行定期更新。您還將與專屬客戶經理聯繫,他們可以協助解決您網站上的任何錯誤和問題。

您還可以僱用 WPressize Me 專業服務的專家進行被黑網站修復、自定義網站設計和開發以及網站速度優化等任務。

希望本文能幫助您了解如何輕鬆修復 WordPress 中的「DNS 伺服器無法回應錯誤」。您可能還想查看我們的 WordPress 終極安全指南和小型企業最佳電子郵件營銷服務。

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

Read More
WordPress 教学

如何在 WordPress 中嵌入 TikTok 視頻 (3 種簡單的方法)

為什麼要在 WordPress 中嵌入 TikTok 視頻?

根據我們的博客統計數據,帶有視頻的文章比沒有視頻的文章多獲得83%的流量。因此,將你已經發布的 TikTok 視頻嵌入到你的 WordPress 網站是有意義的。

這樣,你可以在不花費額外時間創建新內容的情況下,獲得更多訪客。這些視頻還可以吸引訪客的注意,讓他們在你的网站上停留更長時間,從而增加頁面瀏覽量並降低跳出率。同時,這些視頻還可以向訪問你網站的人宣傳你的 TikTok 頻道,從而獲得更多的互動和關注者。

方法1:使用 TikTok 塊 (適用於任何主題)

在你的 WordPress 站點嵌入 TikTok 視頻最簡單的方法是將視頻的 URL 粘貼到頁面或文章編輯器中。WordPress 將自動檢測視頻並為你自動獲取它。

首先,你需要訪問要嵌入的 TikTok 視頻,然後複製視頻的 URL。

接下來,打開你希望顯示 TikTok 視頻的 WordPress 頁面或文章。然後,你可以簡單地將 URL 粘貼到 WordPress 塊編輯器中。WordPress 會自動檢測你正在嵌入 TikTok 視頻並添加一個帶有視頻嵌入的 TikTok 塊。

默認情況下,WordPress 會自動為較小的屏幕(包括智能手機和平板電腦)調整 TikTok 視頻的大小,並在瀏覽器調整大小時保持視頻比例。這是一個良好的用戶體驗,因此我們建議保持該設置啟用。不過,有時你可能希望視頻保持相同的大小,無論設備如何。在這種情況下,選擇 TikTok 塊,然後禁用’為較小設備調整大小’切換。

方法2:使用全站編輯器 (適用於基於塊的 WordPress 主題)

如果你正在使用塊主題,則可以利用全站編輯器將 TikTok 添加到任何小工具就緒區域或模板中。這允許你在無法使用標準內容編輯器編輯的頁面和文章中顯示 TikTok 視頻。

在你的 WordPress 儀表盤中,轉到 ‘外觀 » 編輯器’。默認情況下,全站編輯器會顯示你的主題的主模板。示範中,我們將在歸檔頁面模板中添加 TikTok,但無論你正在編輯哪個模板、模式或頁面,步驟都大致相同。

首先,點擊 ‘模板’ 菜單。接下來,找到你想嵌入 TikTok 視頻的模板並點擊它。WordPress 將顯示模板的預覽。

編輯佈局時,點擊屏幕左上角的小鉛筆圖標。按下 ‘+’ 按鈕,在彈出的搜索欄中輸入 ‘TikTok’。

當顯示正確的塊時,拖動並將其放到佈局上,然後粘貼視頻的 URL 並單擊 ‘嵌入’ 按鈕。保存更改後,訪問你的网站以查看活動中的 TikTok 視頻。

方法3:使用 Smash Balloon (嵌入整個 TikTok 動態)

如果你只想在 WordPress 網站中添加少量 TikTok 視頻,那麼方法1和方法2都是不錯的選擇。然而,有時你可能希望展示所有最新的 TikTok 視頻,並且動態自動更新。

使用 Smash Balloon 的 TikTok Feeds Pro 插件是將 TikTok 動態嵌入 WordPress 網站的最佳方式,它可以將你所有的視頻以網格、砌體和輪播等畫廊佈局進行展示。

首先,你需要安裝並激活 TikTok Feeds Pro 插件。接下來,從 WordPress 儀表板導航到 ‘TikTok Feeds » 所有動態’,然後單擊頁面頂部的’新建添加’ 按鈕。

接下來,你需要將新動態與 TikTok 帳戶連接,這樣插件才能顯示你的視頻。單擊 ‘連接源’ 按鈕,並在新頁面單擊 ‘連接 TikTok’。這將重定向到 TikTok 網站,在那裡 Smash Balloon 將請求只讀訪問你的 TikTok 帳戶,授權後你將返回至 WordPress 儀表板。

選擇你的 TikTok 帳戶後,點擊 ‘下一步’。接下來,你可以從默認網格、卡片、列表、最新視頻、輪播和展示輪播等模板中選擇一個佈局。點擊任意一個模板並點擊 ‘下一步’ 以繼續。

這將啟動視覺編輯器,在左側你會看到所有定制選項,右側是你的動態實時預覽。你可以選擇佈局並調整選項,保存設置後,Smash Balloon 會生成一個短代碼,可將動態添加到任何頁面或小工具區域中。最後,訪問你的网站查看活動中的 TikTok 動態。

附加提示:將各種社交媒體動態添加到你的 WordPress 網站

現如今,大多數品牌都有多個社交媒體帳戶。如果你有 TikTok 帳戶,可能還有 Instagram 帳戶來發布 Reels。這是很好的數字營銷方式,因為你可以在多個平台上接觸盡可能多的用戶。如果你希望將其他社交動態也添加到你的 WordPress 網站,Smash Balloon 提供的社交媒體動態插件可以讓你從 Facebook、Instagram、YouTube、Twitter 等平台添加動態。

Read More
WordPress 教学

如何在WordPress中禁用屏幕选项按钮

屏幕选项按钮允许用户在不同的WordPress后台页面中显示和隐藏元素。然而,如果你与他人共享后台,这个按钮可能会引发问题,尤其是当某人意外隐藏了重要设置时。

为什么你可能想禁用屏幕选项按钮

如果你访问WordPress后台的某些区域,你会看到右上角的‘屏幕选项’按钮。这个按钮允许已登录用户通过显示和隐藏重要设置来自定义后台。

如果你是独立的博客作者或网站所有者,屏幕选项按钮是自定义WordPress管理后台的简便方式。但是,如果你与其他人共享后台,它可能会引发问题。例如,如果你管理一个多作者博客,作者可能会隐藏重要设置,其他作者无法轻松访问这个选项,这会影响编辑工作流程。

方法1:使用Adminimize(针对特定用户角色禁用屏幕选项)

有时你可能想针对特定用户角色禁用屏幕选项按钮。例如,如果你接受客座文章,你可以对所有具有客座角色的用户隐藏该按钮。最简单的方法是使用Adminimize插件。这个免费插件允许你隐藏某些用户的内容。首先,你需要安装并激活Adminimize插件。激活后,前往设置» Adminimize页面,点击‘全局选项’链接。

你将看到可以在后台隐藏的所有内容。页面顶部显示了你网站上所有不同的用户角色。找到‘屏幕选项’,然后勾选要禁用屏幕选项按钮的每个角色的复选框。为了隐藏其他内容,按照上面描述的相同步骤操作。当你对更改满意时,点击‘更新选项’以保存设置。

方法2:使用WPCode(对所有用户禁用屏幕选项)

或者,你可以对所有用户禁用屏幕选项按钮。如果你已经花时间优化和改进WordPress管理区域,并希望阻止任何人更改这些设置,这会很有用。你可以通过向网站添加自定义代码来禁用屏幕选项按钮。首先,你需要安装免费的WPCode插件。然后,访问代码片段» 添加片段页面。

在这里,你会看到所有可以添加到WordPress网站或博客的现成代码片段。WPCode自带一个现成的片段,可以对所有用户(包括网站管理员)隐藏屏幕选项按钮。找到代码片段,点击‘使用片段’按钮。

你现在将看到‘编辑片段’页面,已经包含了所有正确的设置。点击‘未激活’的切换按钮,使其变为‘激活’。最后,点击‘更新’以使片段生效。

完成这些操作后,屏幕选项按钮将从所有用户的后台中消失,限制了后台访问。如果需要再次访问屏幕选项,只需转到代码片段» 片段页面,找到‘隐藏屏幕选项标签’片段,并点击其状态切换按钮,将其从蓝色(启用)变为灰色(禁用)。

如何显示屏幕选项按钮给管理员用户

WPCode自带一个现成的片段,可以对所有用户隐藏屏幕选项。但是,你也可以通过添加自定义PHP代码,只对管理员用户隐藏该按钮。再次前往代码片段» 添加片段页面,这次需要通过悬停在‘添加自定义代码’上并点击‘使用片段’来向网站添加自定义代码。

输入片段的标题,可以是任何帮助你在后台识别片段的内容。选择‘PHP片段’作为代码类型,然后将以下片段粘贴到代码编辑器中:

function wpb_remove_screen_options() { 
if(!current_user_can('manage_options')) {
return false;
}
return true; 
}
add_filter('screen_options_show_screen', 'wpb_remove_screen_options');

之后,通过点击‘未激活’的切换按钮使其变为‘激活’来使片段生效。最后,点击‘保存片段’。

现在,屏幕选项按钮将从所有用户的WordPress后台消失,除了站点管理员外。

希望这篇文章能帮助你轻松学会如何在WordPress中禁用屏幕选项按钮。你可能也想看看我们关于如何创建自定义WordPress小部件的指南,或者我们精选的保护后台方法。如果你喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。你也可以在Twitter和Facebook上关注我们。

Read More