WordPress 教学

如何修復WordPress白屏死機(逐步講解)

如何修復WordPress白屏死機(逐步講解)

最後更新於2024年2月23日 | 由編輯組撰寫 | 評審:Syed Balkhi

編輯注意:我們從WPressize Me的合作夥伴鏈接中獲得佣金。佣金不影響我們編輯的意見或評價。了解更多關於編輯過程的信息。

WordPress白屏死機是最常見的WordPress錯誤之一。這也是一個令人沮喪的錯誤,因為沒有提示信息,並且您被鎖定在WordPress之外。

白屏死機錯誤的另一個問題是它有時只會影響您網站的某個部分。例如,您可能只在WordPress管理區域內看到白屏死機,而其它部分正常運行。在其他情況下,您可能僅在特定的文章中看到它。

在本文中,我們將展示如何通過不同的解決方案來修復WordPress白屏死機。

注意:在對您的網站進行任何更改之前,請確保您擁有WordPress站點的備份。如果您無法訪問管理區域,請參閱我們的手動創建WordPress數據庫備份指南。

為什麼會看到WordPress白屏死機?

大部分時間,當您嘗試訪問您的WordPress網站時看到白屏死機,這意味著您網站上的某個腳本耗盡了內存限制。

無響應的腳本要麼被您的WordPress託管服務器殺死,要麼超時。因此,沒有生成實際的錯誤消息,您只看到一個空白的白屏。

然而,有時您可能會看到錯誤消息。例如,您可能會看到一條關鍵錯誤消息,而不是一個空白頁面。

無論是看到空白屏還是 ”您的網站發生了關鍵錯誤“ 消息,這是相同的錯誤。此錯誤還可能由您網站上安裝的程式碼不良的主題或插件引起。有時,這可能是您的網頁託管服務器有問題。

由於白屏錯誤可能由多種原因引起,因此需要有條不紊地進行故障排除以修復它。以下是您應該嘗試的步驟:

1. 檢查問題是否發生在您的其他網站中

如果您在相同的託管帳戶上安裝了其他WordPress網站,那麼您想要先檢查問題是否在其他網站上也發生。

如果是,那麼這是一個強有力的指標,表明您的WordPress託管服務有問題。這可能是一個暫時影響其服務的問題,您需要聯繫他們的支持以獲得更多幫助。

另一方面,如果問題僅發生在一個網站或該網站的特定部分,那麼您知道問題出在該特定網站上。

2. 通過WordPress恢復模式修復白屏錯誤

如果白屏死機錯誤是由WordPress插件或主題引起的,WordPress可能能夠捕捉到它。

WordPress 5.2引入的新致命錯誤保護功能有時能夠捕捉到錯誤,因此您甚至可能不會看到白屏。相反,您將會看到一則消息,提示該站點有技術困難。

WordPress還會將有關問題的電子郵件發送到您的管理郵件地址。郵件主題是 ”您的網站遇到了技術問題“。

此電子郵件消息將指出引起錯誤的插件或主題,並且還包含一個特殊鏈接。該鏈接將允許您登錄到WordPress恢復模式並停用故障插件。

然而,如果您看到的是普通的白屏死機而沒有電子郵件或恢復模式選項,那麼您需要手動修復錯誤。

3. 增加內存限制

通常,這個錯誤發生是因為某個腳本耗盡了您的網頁服務器的內存並且中途退出。要修復此問題,您需要增加WordPress可用的PHP內存。

您需要編輯WordPress站點的 wp-config.php 文件或使用類似WPCode的代碼片段插件。

您可以按照我們的教程中的指示來增加WordPress中的PHP內存。

4. 通過停用所有插件修復白屏錯誤

如果增加PHP內存限制沒有幫助,或者您有一個較高的內存限制,例如256M或512M,那麼您需要開始排查問題。

在我們排查此問題的經驗中,我們總是發現問題出在特定的插件或主題上。讓我們繼續來停用所有插件。

如果您仍然能夠訪問WordPress管理儀表板,那麼您可以簡單地進入插件 » 已安裝插件頁面。選擇所有已安裝插件,然後在 “批量操作” 下拉菜單中選擇“停用”。

然而,如果您無法訪問WordPress管理區域,那麼您需要通過FTP停用所有插件。首先,使用FTP客戶端或您的託管提供商的文件管理器連接到您的WordPress站點。連接後,進入 wp-content 文件夾,您將看到 plugins 文件夾。

現在,您需要右鍵單擊 plugins 文件夾,然後選擇 “重命名”。您可以將文件夾重命名為 “plugins-deactivated”。

WordPress會查找名為 plugins 的文件夾以加載所有插件。當找不到該文件夾時,它會簡單地停用所有插件。

如果這解決了問題,那麼您應該一次啟用一個插件以找出問題的根源。一旦找到引起問題的插件,您可以用替代插件替換它或向插件作者報告問題。

5. 啟用默認主題

如果插件排除故障沒有解決問題,那麼您應該嘗試將您的活動主題替換為默認主題。

首先,使用FTP客戶端連接到您的網站並進入 /wp-content/themes/ 文件夾。該文件夾包含網站上安裝的所有主題。

右鍵單擊以選擇您的當前WordPress主題,並將其下載到您的計算機作為備份。接下來,您需要從網站上刪除當前的主題。只需右鍵單擊您的主題文件夾並選擇 “刪除”。您的FTP客戶端現在將從網站上刪除該主題。

現在,如果您的網站上已安裝默認WordPress主題(例如Twenty Twenty-Two或Twenty Twenty-Three),那麼WordPress將自動開始使用它作為默認主題。

然而,如果您沒有安裝默認主題,那麼您需要通過FTP手動安裝它。如果這解決了問題,那麼您應該檢查您的主題的 functions.php 文件。如果文件底部有額外的空格,那麼您需要刪除這些空格,有時候這樣就能解決問題。如果您的主題的 functions.php 文件中使用了糟糕的函數,它也會引起白屏死機錯誤。

考慮從其來源下載一份主題的新副本,然後通過FTP手動安裝它。

6. 啟用調試模式以捕獲WordPress中的錯誤

如果到目前為止沒有任何幫助,接下來的步驟是開啟WordPress中的調試模式。這將保留錯誤日誌,讓您看到哪些類型的錯誤正在輸出。只需將以下代碼添加到您的 wp-config.php 文件中:

define( 'WP_DEBUG', true); define( 'WP_DEBUG_LOG', true );

添加此代碼後,空白屏將現在顯示錯誤、警告和通知。這些可能會幫助您確定根本原因。如果您沒有看到任何錯誤,您可能仍然需要檢查調試日誌。只需使用FTP客戶端訪問網站的 wp-content 文件夾。那裡您會找到一個新的 debug.log 文件,其中包含所有錯誤、通知和警告的日誌。

7. 清除WordPress緩存

有時候,您可以訪問後台,但網站前端卻是白屏死機。這可能是因為緩存插件的原因。在這種情況下,您只需清空WordPress緩存。您可以參閱我們的《如何清除WordPress中的緩存》指南來獲取詳細說明。

8. 修復長文章的白屏錯誤

如果您僅在非常長的文章或頁面上看到白屏死機,那麼這個方法可能會有效。這個技巧基本上是通過增加遞歸和反向跟踪限制來提高PHP的文本處理能力。您可以將以下代碼粘貼到您的 wp-config.php 文件中:

/** 解決長文章問題的技巧 */ ini_set('pcre.recursion_limit',20000000); ini_set('pcre.backtrack_limit',10000000);

我們理解這是一個非常令人沮喪的錯誤,我們希望以上技巧中的一個能幫助您解決此問題。

您可能還想參考我們的WordPress故障排除指南,學習如何自行捕獲和修復WordPress問題,或者查看我們的專家推薦的最佳WordPress託管服務提供商。

如果您喜歡本文,請訂閱我們的YouTube頻道以獲取WordPress視頻教程。您也可以在Twitter和Facebook上關注我們。

Read More
WordPress 教学

如何在 WordPress 中創建 AMP 表單(簡便方法)

為什麼要在 WordPress 中創建 AMP 表單?

加速移動頁面(AMP)是一個由 Google 主導的項目,旨在讓網站在移動設備上加載得更快。雖然 AMP 能通過加快頁面加載速度提供出色的移動瀏覽體驗,但它禁用了許多在您的 WordPress 網站上有用的功能。其中之一就是聯絡表單。由於 AMP 使用的 HTML 和 JavaScript 範圍有限,無法在 AMP 頁面上正確加載您的 WordPress 表單。

您也可以使用許多提供卓越桌面和移動性能的響應式 WordPress 主題。這樣,您不必為了提供優秀的移動體驗而犧牲網站的樣式設計。然而,如果您在 WordPress 網站上使用 AMP,那麼可以使用插件來顯示表單。讓我們看看如何向您的網站添加 AMP 表單。

在 WordPress 中添加 AMP 表單(一步步指南)

第 1 步:安裝和啟用 WPForms 插件

在本教程中,我們將使用 WPForms Pro 版,因為它提供了更多的功能、表單模板、附加組件和自訂選項。不過,您也可以使用 WPForms Lite 版開始免費創建基本的 AMP 兼容聯絡表單。

首先,您需要安裝和啟用 WPForms 插件。如果您需要幫助,請參閱我們的有關如何安裝 WordPress 插件的指南。

第 2 步:在您的 WordPress 網站上添加 AMP

在我們創建表單之前,確保已經在您的 WordPress 網站上設置了 AMP。要將 AMP 與 WordPress 一起使用,您需要安裝並啟用官方的 AMP 插件。更多詳情請參閱我們的逐步指南。

啟用後,插件將自動在您的 WordPress 網站上添加 Google AMP 支持。不過,您可以前往 AMP » 設置頁面更改 AMP 的設置。在設置頁面上,您可以啟用或禁用 AMP、選擇 AMP 網站模式及支援模板。有關詳細信息,請參閱我們的指南,了解如何在 WordPress 網站上正確設置 Google AMP。

第 3 步:在 WPForms 中創建一個新的 AMP 表單

前往 WPForms » 添加新頁面來創建新的 WordPress 表單。WPForms 默認兼容 AMP,因此不需要啟用任何特殊設定。在表單設置界面,您可以選擇一個表單模板並在頂部輸入名稱。您可以選擇空白表單或使用預置模板來快速根據您的需求進行編輯。為了本教程,我們選擇「簡單聯絡表單」模板。

接下來,您將看到表單構建器頁面,其中有不同的選項可以自定義模板。從這裡,您可以添加或移除表單字段。要添加新字段,只需從左邊面板點擊一個字段並將其拖到表單模板上。注意:現代樣式下拉選單和數字滑塊字段不兼容 Google AMP。您需要使用數字和經典樣式下拉字段。

然後,您可以配置字段選項。只需點擊字段,左側將顯示字段選項。例如,您可以編輯字段標籤和格式,設為必填字段,設置條件邏輯等。類似地,您可以自定義所有其他字段完成後,點擊「設置」選項卡配置您的表單設置。「一般」設置允許您更改表單名稱、提交按鈕文本、提交處理文本等。接下來,點擊「通知」選項卡設置電子郵件通知,這樣當用戶完成表單時您會收到通知。然後,點擊「確認」選項卡設置當用戶提交表單後顯示的確認消息。WPForms 可以在表單提交後顯示消息、顯示頁面或將用戶重定向到 URL。

設置完成後,保存您的表單。

第 4 步:將您的 AMP 表單添加到頁面

現在,您的 WordPress 表單已經準備好,您可以將其添加到頁面。在 WPForms 表單構建器頂部,您會看到「嵌入」按鈕。點擊此按鈕將表單添加到新頁面或現有頁面。彈出窗口將打開,要求您創建新頁面或選擇現有頁面。為了本教程,我們選擇「創建新頁面」選項。接下來,輸入新表單頁面的名稱。然後,點擊「開始吧」按鈕。

從這裡,您可以在內容編輯器中預覽 AMP 表單。您還可以使用 WPForms 區塊在內容編輯器中添加表單。只需從下拉菜單中選擇您的 AMP 表單。接下來,您可以發布或更新您的頁面。

就是這麼簡單,不需要進行其他設置。WPForms 插件現在會為您的表單添加完整的 AMP 支持。如果您想查看表單效果,可以在手機上打開頁面。或者在桌面瀏覽器中在頁面 URL 的末尾添加 /amp/ 或 /?amp,如:https://www.example.com/contact/?amp。

向您的 AMP 表單添加 Google reCAPTCHA

默認情況下,WPForms 包含反垃圾郵件設置以捕獲和阻止垃圾郵件。此外,您還可以使用 Google reCAPTCHA 減少垃圾提交。要在 AMP 表單中使用 Google reCAPTCHA,您需要註冊您的網站並獲得 Google API 密鑰。首先,前往 Google reCAPTCHA 網站並點擊頁面右上角的「v3 管理控制台」按鈕。然後,使用您的 Google 帳戶登錄。完成後,您會看到「註冊新網站」頁面。接著,在標籤字段中輸入您的網站名稱。Google AMP 僅支持 reCAPTCHA v3,因此必須選擇「基於評分(v3)」類型選項。然後,在域字段中輸入您的域名(不帶 https://www.)。點擊「提交」按鈕。接著,您將看到成功消息,以及添加 reCAPTCHA 到網站的網站密鑰和秘密密鑰。複製這些密鑰。現在,您已經擁有添加 reCAPTCHA 到表單的 Google API 密鑰,但還需要一個設置來確保 AMP 的兼容。首先,點擊「設置」鏈接。然後,您會在 reCAPTCHA 設置中看到「允許此密鑰在 AMP 頁面上使用」的複選框。勾選該框並點擊下方的「保存」按鈕。

現在您擁有 Google API 密鑰來在 AMP 表單中添加 reCAPTCHA,您需要將其輸入 WPForms。在您的 WordPress 儀表板中,打開 WPForms » 設置 » CAPTCHA 頁面。然後,選擇「reCAPTCHA v3」選項。粘貼網站密鑰和秘密密鑰。完成後,點擊「保存設置」按鈕。現在,Google reCAPTCHA 已添加到 WPForms,您可以在需要的表單中啟用它。前往 WPForms » 所有表單並選擇您要啟用 reCAPTCHA 的表單,點擊表單名稱下的「編輯」按鈕。進入表單設置界面後,點擊「設置」選項卡並選擇「垃圾保護和安全」選項卡。在這裡,啟用 Google v3 reCAPTCHA 選項。完工後,點擊右上角的「保存」按鈕保存您的表單。

之後,您可以重新訪問您的聯繫頁面,查看帶有 reCAPTCHA 的 AMP 表單效果。希望這篇文章能幫助您輕鬆學會如何在 WordPress 中創建 AMP 表單。您可能還需要查看我們有關如何在 WordPress 中創建 GDPR 合規性表單以及最佳拖放式頁面構建器的指南。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視頻教程。您還可以在 Twitter 和 Facebook 上關注我們。

Read More
WordPress 教学

如何在WordPress中为餐厅设置在线订餐系统

你需要什么来设置在线订餐系统

您需要一个网站来为您的餐厅设置在线订餐系统。如果您还没有网站,不用担心。您可以轻松地使用WordPress建立一个网站,WordPress是全球数百万小企业使用的最佳网站构建器。创建一个WordPress网站也不会占用您太多的利润。Bluehost,WordPress推荐的托管服务提供商之一,为我们的读者提供了一个很好的优惠。基本上,您可以获得一个免费域名、免费的SSL证书,以及巨大的网络托管折扣。

向您的网站添加在线订餐功能

一旦您建立了WordPress网站,您可以轻松添加一个在线表单,让客户可以订餐。最简单的方法是使用WPForms,这是市场上最好的WordPress表单生成插件。它允许您轻松地在网站上创建在线表单(无需编码)。首先,您需要安装并激活WPForms插件。如果您不确定如何操作,可以查看我们关于如何安装WordPress插件的完整说明。激活后,从WordPress管理侧边栏访问WPForms»设置页面以输入您的许可证密钥。您可以在WPForms网站上的您的帐户中找到此信息。

设置您的订餐表单通知

您需要确保订单发送到正确的人。WPForms会自动向您的网站管理员发送电子邮件,但这可能不是您希望订单发送到的地方。首先,您需要点击屏幕左侧的 “设置 “选项卡。接下来,切换到“通知”选项卡,您将在右侧看到默认通知。您可以更改“发送到电子邮件地址”以使其不同于网站管理员的电子邮件。只需删除{admin_email},并在此输入一个或多个电子邮件地址。确保用逗号分隔多个电子邮件地址。

编辑客户看到的确认信息

当客户完成表单时,WPForms会向他们显示一条成功提交表单的确认消息。您可以通过进入设置»确认选项来编辑这条消息。只需将您想要的消息输入框中。您甚至可以使用可视化编辑器来格式化此消息。您还可以选择更改“确认类型”,如果您愿意,可以将客户发送到感谢页面。完成后,别忘了点击“保存”按钮来存储您的设置。

通过您的订餐表单进行付款

标准外卖表单没有设置付款选项。如果您仅接受货到付款,那还好。然而,在某些情况下,您可能更希望客户提前在线支付。如果您希望接受付款,您需要使用特殊字段设置您的表单,以便计算客户的欠款,并将其与PayPal等支付处理器一起使用。为此,请转到左列中的“字段”选项卡,然后向下滚动到“支付字段”部分。接下来,替换任何列出价格的字段为“项目”字段。在我们的表单上,我们移除了原本用于的人数字段,并替换为“多个项目”支付字段。

将在线订餐表单添加到您的网站

最后,您需要将创建的表单添加到您的网站。首先,您需要选择一个现有页面或创建一个新页面来放置该表单。要创建一个页面,请在WordPress仪表板中转到页面»添加新页面。到达那里后,点击“添加区块”(+)按钮以打开区块菜单。接下来,简单地找到并将WPForms区块添加到页面上。之后,您需要从区块本身的下拉菜单中选择您制作的在线订餐表单。它将自动被添加到您的页面中。只需发布(或更新)您的页面,将表单上线到您的网站上。我们建议测试您的表单以确保其按预期工作。检查您是否收到电子邮件通知。如果没有,您可以按照我们的说明来解决WordPress不发送电子邮件的问题。

附加内容:在WordPress中创建在线餐厅菜单

如果您设置了在线订餐,那么在您的餐厅网站上创建一个菜单页面也是个好主意。这将使客户更容易浏览您的产品并做出决定。包括菜单项目和描述在您的网站上甚至可以提高SEO。 这意味着当访问者在您的地区搜索餐厅时,您的网站会出现在顶部搜索结果中。您可以使用SeedProd轻松创建一个吸引人的餐厅菜单。 这是市场上最好的WordPress页面生成器,它带有一个拖放生成器,与电子邮件营销服务集成,以及300多个预制模板。

安装插件后,只需访问SeedProd»登录页面屏幕,点击“添加新登录页面”按钮。这将带您进入“选择模板”屏幕,您可以选择任何您喜欢的预制模板。一旦这么做,登录页面将在拖放生成器中启动。从这里,您可以使用左栏中的标题、段落和图像区块来为您的网站创建一个视觉上令人愉悦的餐厅菜单。更多详细说明,您可以查看我们的教程,了解如何在WordPress中轻松创建在线餐厅菜单。

我们希望这篇文章能帮助您学习如何为餐厅设置在线订餐系统。您可能还对如何获取企业电子邮件以及我们专家挑选的最佳WordPress插件来发展您的业务感兴趣。

Read More
WordPress 教学

如何在WordPress中创建带有数字签名的合同协议表单

为什么要创建在线合同协议表单?

在线合同协议表单易于填写和提交。通常,您会将协议作为PDF发送,对方需要打印、填写、扫描并发送回您。这是一个繁琐的过程。通过在WordPress网站上创建在线合同协议表单,用户可以立即填写并以电子签名的方式签署。

这不需要任何昂贵的SaaS软件,同时适用于各种法律文件。例如,您可以使用它来创建行为规范表单、就业表单、非营利或志愿者申请表单等。

数字签名合法吗?

是的,数字签名和数字签署的文件具有法律效力。如果双方都同意电子签名,并且所使用的软件保存记录,那么它们就被视为具有法律约束力的合同。然而,并非所有类型的法律文件都能使用电子签名。例如,需要公证的法律文件或表单需要法庭印章或见证人。需要注意的是,这篇文章并非法律建议,请咨询律师以获取实际的法律建议和指导。

准备您的合同协议表单

如果您还没有起草合同,建议咨询律师。您需要确保合同合法,并避免将来可能出现的问题。除了合同条款本身,您的合同表单可能需要填写以下内容:

  • 签署人的姓名
  • 签署人的地址
  • 签署日期
  • 客户或新员工签署合同的空间

准备好后,让我们在WordPress中创建包含数字签名字段的合同协议表单。

方法一:使用WPForms创建带有数字签名的合同表单

如果您想从WordPress仪表盘创建带有数字签名的合同表单,那么这种方法适合您。首先,安装并激活WPForms插件。详细信息请参阅我们的逐步指南,了解如何安装WordPress插件。

注意:WPForms也有免费版本。然而,本教程需要使用WordPress插件的专业版以解锁Signature插件。

激活后,前往WPForms » Settings页面,输入您的许可证密钥。您可以在WPForms网站的账户中找到此信息。

接下来,访问WordPress管理侧边栏中的WPForms » Addons页面,前往Signature插件。在这里,点击“Install Addon”按钮,插件将在您的网站上自动安装并激活。

现在,您已经准备好创建带有数字签名功能的合同协议表单。只需在WordPress仪表盘中转到WPForms » Add New页面以创建表单。这将启动WPForms表单构建界面,您需要为表单提供一个标题,然后选择一个模板。在本例中,我们将使用“Blank Form”模板,但您也可以选择其他模板。点击模板即可加载。

您可能希望在表单上方包含合同文本,可以将您的签名作为图像放置在页面上。在实际的表单中,您只需添加需要填写的字段。为了添加新字段,将其从左栏拖放到模板中。您可以通过在预览栏中上下移动字段来重新排列它们。

如果您想将签署后的表单副本发送给用户,请记得添加一个电子邮件字段,以便用户能够提供他们的电子邮件地址。当您对添加的字段感到满意时,是时候添加最重要的字段:签名字段。向下滚动到“Fancy Fields”部分,点击以将签名字段添加到表单中。

之后,点击该字段以在左栏中打开其设置。您可以在这里更改标题、添加描述,或者开启必填选项,这样用户在未填写此字段时将无法提交合同协议表单。完成后,您还可以切换到顶部的“Advanced”选项卡,以更改链接颜色、调整字段大小或为字段添加CSS类。

配置您的合同协议表单设置

只需点击“Settings”选项卡以查看表单设置。默认设置在大多数情况下适用,但您可能希望做出一些更改。特别是,您需要检查“Notifications”是否正确。默认情况下,签署的合同协议表单将在表单提交后发送到管理员的电子邮件地址。此地址通常是设置WordPress网站的人的电子邮件。如果不是您,那么请在此处输入您的电子邮件地址。

您还可能希望将表单副本发送给用户。为此,转到Settings » Notifications选项卡,并点击“Add New Notification”按钮。此时将弹出一个窗口,您需要为新的通知添加名称。让我们命名为“Send to User”。输入名称后,点击“OK”按钮。

现在您应该能看到新的通知。在“Send to Email Address”部分,点击Smart Tags链接并选择Email字段。检查其他所有通过了所有设置,并根据需要调整它们。WPForms现在将表单确认电子邮件也发送给用户。有关详细的指令,您可能想看看我们的如何创建具有多个收件人的联系表单的教程。

接下来,切换到“Confirmation”选项卡。在这里,您可以编辑签署此表单的客户(或员工或志愿者)将看到的确认消息。一切设置完毕后,只需点击屏幕顶部的“Save”按钮。您现在可以关闭并退出表单构建器。

将您的合同协议表单添加到您的网站

最后,您需要在您的WordPress网站上嵌入合同协议表单。您可以创建一个新页面或编辑现有页面。首先,需要在包含表单之前添加合同条款的正文。之后,只需将WPForms区块添加到内容区域。

从下拉菜单中选择您的合同协议表单,WPForms将在内容编辑器中自动加载表单预览。您现在可以保存或发布WordPress页面,使您的表单公开可用。之后,访问页面以查看您的合同协议表单的实际效果。不要忘记测试合同协议表单。您应该能够使用鼠标、触控板或触摸屏输入签名。

确保提交表单后看到确认消息并收到电子邮件。如果没有收到电子邮件,不要担心,这是一个常见问题,我们有修复WordPress不发送邮件的指令。

方法二:使用signNow电子签署合同表单

如果您已经有PDF或Microsoft Word格式的表单或协议,并希望邀请其他人签署合同,那么可以使用signNow。它可用于设置电子签名、生成协议、协商合同、与他人协作等。最好的部分是它提供免费试用。

首先,访问signNow网站并点击顶部的“Free Trial”按钮。也可以输入您的电子邮件地址并点击“Try for free”按钮。在下一个屏幕上,您需要为您的账户输入密码。signNow也允许您使用Facebook、微软或谷歌账户创建账号。之后,您将看到一个欢迎屏幕,您可以在这里输入您的姓名以创建数字签名。完成后,点击“Next”按钮。

接下来,signNow将向您显示签名样式和您的姓名缩写。如果需要,您可以更改签名样式,然后点击“Next”按钮。之后,您需要选择您对signNow感兴趣的内容。只需使用复选框选择一个或多个选项,然后点击“Next”按钮。然后,您可以邀请其他人在signNow上协作文档。只需输入电子邮件地址并点击“Invite”按钮。您也可以跳过此步骤,稍后邀请他人。

您现在已经准备好使用signNow在文档中添加电子签名。只需点击“Upload Your First Document”按钮即可开始。之后,从笔记本电脑或电脑中上传一份合同协议文档。signNow将加载您的合同文档查看器。在左侧菜单中,您可以选择谁将填写表单。例如,选择“Me (Fill Out Now)”选项,然后在合同的任意位置添加您的签名。之后,继续选择“Recipient 1”在“Select who will be filling out”部分。然后,将“Signature”元素添加到您希望他人签署之处。

接下来,点击顶部的“Continue”按钮。现在,您可以输入收件人的电子邮件地址,并点击“Send Invite”按钮。完成!您的收件人现在将收到电子邮件邀请以签署文件。一旦他们发回签署的合同,signNow将保存签名记录。

附加内容:在文章内容后添加您的签名

如果您是WordPress博客的作者,您可能希望在文章内容后添加签名以建立您的信誉。添加签名也可以作为版权声明,表明您对内容的所有权。为此,您需要安装并激活Ad Inserter插件。详细信息请参阅我们的如何安装WordPress插件教程。

激活后,前往WordPress仪表盘的Settings » Ad Inserter页面。在这里,您将看到多个选项卡,可以在其上添加签名或广告。现在,您需要在页面的内容编辑器中添加签名文字。您也可以通过添加以下代码并替换为您的首选图像链接来添加实际的签名图像。

<img src=”link-to-image”>

接下来,向下滚动页面以配置签名的位置。您将看到默认选中“Post”选项。现在选择下拉菜单中的插入点。要在每篇文章后显示广告或签名,您应选择“After content”选项。最后,不要忘记点击“Save Settings”按钮以保存设置。

有关详细说明,请参阅我们关于如何在WordPress文章内容后添加签名或广告的教程。我们希望这篇文章能帮助您了解如何在WordPress中创建带有数字签名的合同协议表单。您还可能对我们的WordPress最佳域名注册商初学者指南以及我们挑选的最佳WordPress电子签名软件感兴趣。如果您喜欢这篇文章,请订阅我们的YouTube频道以获取WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何禁用WordPress登录错误提示

什么是WordPress登录错误提示?

每当有人尝试使用错误的用户名或密码登录您的网站时,WordPress会在登录屏幕上显示错误消息。如果该人输入了错误的用户名或电子邮件地址,WordPress会显示以下错误信息:“该用户名没有注册在此站点。如果您不确定您的用户名,请尝试使用您的电子邮件地址。”

这对真正的用户可能很有帮助,但也告诉黑客他们输入了错误的用户名。输入正确的用户名但密码不正确会触发以下错误信息:“您为该用户名输入的密码不正确。忘记密码了吗?”这确认了攻击者猜测的用户名是正确的。

一旦黑客猜到了正确的用户名,接下来他们只需要猜测或窃取您的密码。WordPress网站所有者还可以使用电子邮件地址而不是用户名登录网站,这意味着黑客可以输入不同的电子邮件地址来尝试确定您用于WordPress帐户的地址。一旦黑客猜出了正确的电子邮件地址,WordPress会切换到“您为该用户名输入的密码不正确”错误信息。

隐藏WordPress登录错误提示

禁用WordPress登录错误提示的最简单方法是在WordPress中粘贴一些代码。尽管我们通常不建议初学者这样做,但WPCode使任何人都可以轻松地向其WordPress网站添加代码。您可以将以下代码片段添加到站点函数.php文件的底部,但这有可能破坏您的站点。我们建议安装免费的WPCode插件。有关详细说明,请参阅我们的WordPress插件安装指南。

您需要做的只是转到WordPress管理仪表板中的代码片段 » + 添加片段。将鼠标悬停在“添加自定义代码”上,然后点击“使用片段”。之后,只需为新的片段命名,并将以下代码粘贴到代码预览区域:

function no_wordpress_errors(){
  return '出了点问题!';
}
add_filter('login_errors', 'no_wordpress_errors');

此代码将默认登录页面错误消息更改为自定义消息,如“出了点问题!”。 您可以根据需要更改此行以显示任何消息。

确保从“代码类型”下拉菜单中选择PHP,然后您可以将开关从“非激活”切换到“激活”,并点击“保存片段”。

完成后,建议测试新的错误消息。为此,只需前往您的网站的登录页面,输入错误的用户名、密码或电子邮件,然后点击“登录”按钮。 WordPress现在将显示您的新错误消息,而不会给出任何可能出错的提示。

进一步保护您的WordPress网站

虽然这段代码会禁用WordPress中的登录提示,但它并不能保护您免受更高级的尝试或暴力攻击。阻止黑客进入您的站点的最简单方法是使用WordPress安全插件,如Sucuri或WordFence。

我们希望本文能帮助您学习如何隐藏WordPress登录错误消息中的提示。您可能还想查看我们为您推荐的最佳托管WordPress托管服务以及我们的WordPress安全专家指南。

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

Read More
WordPress 教学

如何阻止WordPress评论中存储IP地址

默认情况下,WordPress记录并存储评论者的IP地址,以保护您免受垃圾评论的困扰。鉴于数据隐私法的兴起,您可能希望停止此功能以保护网站访客的数据隐私。在本文中,我们将展示如何在WordPress评论中阻止存储IP地址。

是否应该停止在WordPress评论中存储IP地址?

如果您希望确保网站符合《通用数据保护条例》(GDPR),那么您应该考虑停止在WordPress评论中存储IP地址。默认情况下,WordPress会在您的网站上存储用户的IP地址(除非他们使用VPN)。这主要用于对抗来自可疑IP地址的垃圾评论。一些网站安全插件也可能使用IP地址将用户列入评论黑名单或阻止恶意IP地址,以防止诸如暴力破解攻击和DDoS攻击等威胁。

然而,一些用户可能会因为他们的IP地址被记录而感到不舒服,这会使您的WordPress网站的GDPR合规性降低。因为GDPR将IP地址归类为个人数据。大多数WordPress虚拟主机提供商会在有限的时间内保留所有访客的原始访问日志。此外,您可以在查看WordPress仪表板上的评论页面时查看这些IP地址。

现在,让我们看看如何停止存储IP地址以及如何提高您的WordPress安全性。以下是我们将介绍的内容概述:

  • 如何在WordPress评论中停止存储IP地址
  • 如何从旧的WordPress评论中删除IP地址
  • 发现更多保护WordPress网站的方法

如何在WordPress评论中停止存储IP地址

第一种方法是使用WPCode插件。我们将使用这个插件插入一个自定义代码片段,以阻止您的网站在评论部分存储IP地址。如果这是您第一次使用代码,不用担心。WPCode的用户友好界面使得插入和管理自定义代码变得很容易,即使对初学者也是如此。

要使用WPCode,您需要先安装插件。有关更多指导,请查看我们关于如何安装WordPress插件的文章。

注意:本文将使用WPCode的免费版,但您可以升级到专业计划以获取更高级的功能,例如条件逻辑和定时片段。

现在,您需要从WordPress管理面板转到代码片段» + 添加片段。然后,点击“添加自定义代码片段”下的“使用片段”按钮。

您现在会看到创建自定义片段屏幕。首先,您需要为代码片段添加一个标题,可以是“禁用评论中的IP地址”。

在代码类型下拉菜单中,选择“PHP代码片段”。然后,在代码预览框中,您可以插入以下代码:

function wpb_remove_commentsip( $comment_author_ip ) {
return '';
}
add_filter( 'pre_comment_user_ip', 'wpb_remove_commentsip' );

接下来,滚动到“插入”部分。确保插入方法是“自动插入”,位置是“在所有地方运行”。这将确保代码正确添加到您的WordPress主题的functions.php文件中。

然后,确保右上角的开关显示为“激活”并点击“保存片段”。

现在,下次有人发表评论时,您不会在WordPress评论页面上看到他们的IP地址。

然而,您会注意到以前的评论仍然存储了这个信息。在教程的下一部分中,我们将讨论如何删除这些数据。

如何从旧的WordPress评论中删除IP地址

要从旧的WordPress评论中删除IP地址,您需要使用phpMyAdmin。这是一个通常与您的WordPress托管控制面板一起提供的数据库管理平台。

注意:在做任何事情之前,我们强烈建议您先备份WordPress数据库。这样,如果您犯了严重错误,您可以恢复数据库。

完成后,您需要登录到您的WordPress托管账户,并在控制面板中找到phpMyAdmin菜单。对于Bluehost用户,您可以通过转到“网站”并在仪表板中选择您要配置的网站来找到phpMyAdmin。它应位于“快速链接”下。

在phpMyAdmin中,您可以导航到“SQL”选项卡。然后,输入以下查询:

UPDATE wp_comments SET comment_author_IP = '';

请注意,如果您有自定义的WordPress数据库前缀,那么请将wp_comments更改为您的自定义表前缀。

完成后,只需点击文本区域下方的“执行”按钮运行您的查询。

此时,只需返回WordPress评论页面查看查询是否正常工作。就这么简单!

发现更多保护WordPress网站的方法

阻止WordPress在评论中存储IP地址是使您的网站更符合用户隐私法的重要一步。以下是您可以采用的其他方法,以更进一步:

  • 如何在WordPress中添加GDPR评论隐私选择项复选框
  • 如何在WordPress中创建GDPR合规表单
  • 如何为GDPR/CCPA在WordPress中添加Cookie弹出窗口
  • 改进合规性的最佳WordPress GDPR插件
  • 如何知道您的WordPress网站是否使用了Cookie

我们希望这篇文章能帮助您了解如何在WordPress评论中阻止存储IP地址。您可能还希望查看我们专家推荐的最佳WordPress安全插件以及我们关于黑客劫持WordPress网站的标志的指南。

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

Read More
WordPress 教学

如何在 WordPress 中添加聊天機器人(步驟詳解)

在 WordPress 中添加聊天機器人(步驟詳解)

最後更新於 2024 年 3 月 28 日,編輯部 撰文 | 審核:Syed Balkhi

您是否正在尋找在 WordPress 中添加聊天機器人的方法?聊天機器人是一種可以與訪問您網站的訪客進行對話的軟件。通過將聊天機器人添加到您的網站,您可以提供即時客戶支持,生成潛在客戶並改善用戶體驗。在這篇文章中,我們將逐步向您展示如何輕鬆地在 WordPress 中添加聊天機器人。

什麼是聊天機器人?

聊天機器人是一種使用聊天界面與您的網站訪客進行對話的計算機程序。它的作用就像您的客戶支持團隊使用實時聊天插件時一樣。然而,實時聊天是客戶與您的支持人員之間的實時對話,而聊天機器人是自動化的。

這意味著它們只能提供您為其編程的答案。例如,客戶服務聊天機器人可以回答有關產品或服務的問題,排除故障並提供建議。同樣,醫療保健聊天機器人可以即時回應有關健康狀況的問題,提供約會提醒並將患者與醫生聯繫。

為什麼要在 WordPress 中使用聊天機器人?

在您的 WordPress 網站中添加聊天機器人將允許您即使在您的支持團隊不在時,也能為訪客提供 24/7 的客戶支持。這將減少您的網站上的支持工單數量並改善用戶體驗。

聊天機器人還可以用於自動執行其他客戶支持任務,如回答常見問題,提供產品支持和解決小問題。這將節省大量時間,讓您的團隊專注於更複雜的問題。

如果您有一家在線商店,您還可以使用聊天機器人來了解客戶的興趣並詢問他們的需求。然後,聊天機器人可以回答客戶的問題並完成交易,提高用戶參與度。

方法一:使用 Heroic KB 添加聊天機器人(最佳客戶支持)

如果您希望創建一個自定義的聊天機器人來自動回應客戶支持查詢,那麼此方法最適合您。Heroic KB 是最佳的 WordPress 知識庫插件,該插件將可搜索的知識庫添加到您現有的網站。

它還帶有一個強大的 Heroic AI 助手,可以將聊天機器人添加到您的知識庫頁面。AI 聊天機器人直接從您的知識庫文章中進行培訓,為訪客問題提供準確的回應。您需要安裝並激活 Heroic KB 插件。要開始,請參閱我們的 WordPress 插件安裝教程。

安裝插件後,您必須創建一個知識庫,以便您可以在其上訓練您的 AI 聊天機器人。請確保您的知識庫包含詳細且高質量的文章,這樣可以幫助您的受眾了解如何使用您的產品/服務。

完成知識庫創建後,您可以設置 Heroic AI 助手。訪問 WordPress 儀表板上的 Heroic KB » 設置頁面,然後點擊 ‘幫助助手’ 標籤。在這裡,您需要勾選 ‘啟用幫助助手’、’在此站點顯示幫助助手’ 和 ‘AI 幫助助手’ 選項。

接下來,在 Heroic KB 設置頁面上點擊 ‘AI 幫助助手’ 標籤。在這裡,您需要添加 OpenAI 和 Pinecone 的 API 密鑰。您可以在 OpenAI 網站生成 API 密鑰,並在 Pinecone 網站生成 Pinecone API 密鑰。

複製並粘貼您的 API 密鑰後,您還需要填寫 ‘Pinecone 環境’ 字段。對於免費的 Pinecone 帳戶,您可以使用 gcp-starter 作為 Pinecone 環境。對於付費帳戶,您可以使用 Pinecone 支持的任何 GCP 區域。

方法二:使用 ChatBot 添加聊天機器人(最佳銷售和客戶服務)

如果您正在尋找一體化的聊天機器人來進行潛在客戶生成、銷售、客戶服務等,那麼此方法適合您。您可以使用 ChatBot 輕鬆地將聊天機器人添加到您的 WordPress 網站。這是最好的 AI 聊天機器人軟件,讓您可以使用拖放生成器製作聊天機器人。它還提供更多的聊天機器人自定義選項和多語言功能。

首先,您需要安裝並激活免費的 ChatBot 插件。激活後,訪問 WordPress 管理面板中的 ChatBot 選單標籤,然後點擊 ‘連接帳戶’ 按鈕。這將在新窗口中打開 ChatBot 網站,您需要輸入登錄憑證並點擊 ‘登錄’ 按鈕。

請注意,創建的聊天機器人需要 3-4 小時才能在 WordPress 儀表板中可見。選擇您剛創建的聊天機器人,然後點擊 ‘添加到站點’ 按鈕,現在您可以訪問您的網站查看聊天機器人。

方法三:使用 HubSpot 添加聊天機器人(免費又簡單)

如果您正在尋找免費且簡單的方法來構建聊天機器人,那麼您可以使用此方法。HubSpot 是一個出色的客戶關係管理 (CRM) 系統,提供一套用於銷售、客戶服務、營銷和內容管理的工具。

它甚至讓您可以通過其免費的聊天機器人生成器與網站訪客創建自動對話。首先,您需要在您的網站上安裝並激活 HubSpot 插件。激活後,您必須從 WordPress 管理側邊欄訪問 HubSpot 選單標籤並輸入您的電子郵件地址來創建 HubSpot 帳戶。

接下來,訪問 HubSpot » 即時聊天頁面,然後點擊 ‘創建聊天流’ 按鈕。這將引導您到 HubSpot 帳戶,在這裡您將創建聊天機器人的其餘部分。

額外提示:將實時聊天添加到您的 WordPress 網站

實時聊天是一種通過您的網站上的聊天窗口使訪客能夠與您的客戶支持團隊成員進行交流的通信工具。添加實時聊天到您的 WooCommerce 商店,允許客戶快速輕鬆地獲得幫助,而不需要等待或發送電子郵件。

您可以使用 LiveChat,包括預製的實時聊天模板、實時聊天、多支持渠道、預製回應等功能,輕鬆地將此功能添加到您的網站。

Read More
WordPress 教学

如何創建聯盟產品框(不需要編碼)

編輯註:我們通過 WPressize Me 上的合作夥伴鏈接賺取佣金。佣金不會影響我們編輯的意見或評價。了解更多有關我們的編輯流程。

你想在 WordPress 中創建一個聯盟產品框嗎?

一個產品框可以幫助你更吸引地展示聯盟產品,吸引用戶的注意力並增加他們點擊聯盟鏈接的機會,從而幫助你從博客中賺取一些被動收入。

在這篇文章中,我們將向你展示如何輕鬆地在 WordPress 中創建一個聯盟產品框。

為什麼要在 WordPress 中創建聯盟產品框?

聯盟產品框被營銷人員用於他們的 WordPress 網站上,以向讀者展示和推廣特定產品。

此框通常包含產品標題、圖片、描述和促進點擊和購買的行動號召(CTA)。

這是一個受歡迎的聯盟營銷策略,可以提高轉化率、增加品牌曝光度並節省時間和資源,是在線賺錢的好方法。

你可以輕鬆地將聯盟產品框添加到博客文章中,以吸引潛在客戶並從任何由此產生的銷售中賺取佣金。

話不多說,讓我們看看如何輕鬆地在 WordPress 中創建一個聯盟產品框而不使用任何代碼:

方法1:使用 Pretty Links 創建聯盟產品框(推薦)
方法2:在區塊編輯器中創建聯盟產品框(免費)
方法3:使用 SeedProd 為聯盟登陸頁面創建產品框
額外:在你的網站上創建聯盟計劃

方法1:使用 Pretty Links 創建聯盟產品框(推薦)

你可以輕鬆地使用 Pretty Links 創建產品聯盟框。它是最好的聯盟營銷工具,可以非常輕鬆地在你的 WordPress 網站上創建和管理聯盟鏈接。

首先,你需要安裝和激活 Pretty Links 插件。更多指示請參閱我們的初學者指南,了解如何安裝 WordPress 插件。

注意:Pretty Links 也有免費版。但是,你需要購買專業版計劃才能使用產品展示插件。

激活後,從 WordPress 管理側邊欄訪問 Pretty Links » 附加插件頁面。從這裡,只需點擊“安裝插件”按鈕即可安裝和激活“產品展示”插件。

激活插件後,只需轉到 Pretty Links » 添加新頁面開始創建聯盟鏈接。首先,你必須在頂部的“添加標題”字段中輸入聯盟產品名稱。該標題將顯示為你的產品聯盟框的標題。

然後,在“目標URL”框中輸入聯盟URL。接下來,在“Pretty Link”框中輸入鏈接的最後部分。

接下來,從左側邊欄切換到“產品展示”標籤。一旦到了這裡,你可以從“主題”下拉菜單中選擇產品聯盟框的主題。

接下來,點擊“更新圖片”按鈕,從 WordPress 媒體庫或你的電腦上傳產品圖片。

完成後,在“描述”框中輸入產品描述。接著,請在“價格”選項旁邊設置產品價格。

你還可以在你的產品聯盟框頂部添加徽章。例如,如果你正在推廣的商品正在促銷,你可以向顧客顯示此信息。要添加徽章,只需在“徽章文本”選項旁鍵入文本。

接下來,為聯盟產品的行動號召按鈕輸入文本。這將是產品聯盟框內按鈕顯示的文字。

我們創建的聯盟鏈接將自動添加到 CTA 按鈕中。如果你在博客上撰寫了該聯盟產品的評論,你可以將該文章的URL添加到“評論URL”框中。點擊它的讀者將被引導到你的評論文章。

要為評論按鈕添加 CTA,只需在“評論按鈕文本”選項中輸入一些文本。完成後,點擊頂部的“更新”或“發布”按鈕。

在頁面或文章中添加產品聯盟框

現在,你需要將產品聯盟框添加到你的 WordPress 網站上的某個頁面或文章中。對於本教程,我們將產品聯盟框添加到文章中。首先,從 WordPress 管理側邊欄打開一個新的或現有的文章。

接下來,點擊左上角的“添加區塊”按鈕以查找並添加 PL 產品展示區塊到文章編輯器中。然後,點擊“添加展示”按鈕。

這將打開 “產品展示” 提示框。從這裡,在下拉菜單中選擇“單鏈接”選項。選擇聯盟鏈接後,產品展示框將自動添加到你的文章或頁面中。最後,點擊“更新”或“發布”按鈕保存更改。

方法2:在區塊編輯器中創建聯盟產品框(免費)

對於此方法,我們將向你展示如何使用區塊編輯器輕鬆創建聯盟產品框。首先,從 WordPress 管理側邊欄打開一個新的或現有的文章。到達那裡後,點擊左上角的“添加區塊”按鈕打開區塊菜單。接下來,查找並添加“列”區塊到文章中。

一旦完成,將顯示列變體列表。要繼續,請點擊 50/50 變體。

這將向你的文章添加兩個並排的區塊。你可以通過點擊屏幕左側的“+”按鈕,然後選擇圖像區塊,從 WordPress 媒體庫中添加聯盟產品圖片。

接下來,必須在右側列點擊“+”按鈕,然後選擇標題區塊並輸入產品名稱。

然後,點擊區塊工具欄中的“選擇列”圖標,然後點擊底部的 “+” 按鈕打開區塊菜單。從這裡,選擇段落區塊並輸入產品描述。

現在,要完成你的產品聯盟框,你需要添加行動號召按鈕及其聯盟鏈接。為此,你需要退出區塊編輯器。別忘了點擊“保存草稿”按鈕保存設置後再返回 WordPress 管理儀表板。

創建聯盟鏈接

有很多聯盟營銷工具可以在你的 WordPress 網站上創建和管理聯盟鏈接。對於本教程,我們將使用 Pretty Links,這是最好的 WordPress 聯盟營銷插件。首先,安裝和激活 Pretty Links 插件。更多指示請參閱我們的初學者指南,了解如何安裝 WordPress 插件。

激活後,前往 Pretty Link » 添加新頁面。到達後,必須在“添加標題”字段中輸入產品名稱。接下來,將你的聯盟產品 URL 複製並粘貼到“目標URL”選項旁邊。

現在,你可以在“Pretty Link”框中輸入自定義 URL 字尾。Pretty Links 會使用它作為為你創建的聯盟URL的末尾。完成後,點擊“更新”按鈕生成聯盟鏈接。你將被重定向到“鏈接”頁面。從這裡,只需從“Pretty Links”列中複製聯盟鏈接。

將聯盟鏈接添加到產品框中

現在,返回到你正在創建聯盟產品框的博客文章。一旦到達那裡,只需在你的 “列” 區塊右側列中點擊以打開區塊工具欄,然後點擊“選擇列”按鈕。這將打開區塊菜單。接下來,添加按鈕區塊。要添加鏈接,請點擊 “按鈕” 區塊工具欄中的“鏈接”圖標。這將打開一個彈出框,你必須將從 Pretty Links 頁面複製的聯盟鏈接粘貼到其中。你也可以在框中的搜索欄中搜索聯盟鏈接。

最後,你需要在 CTA 按鈕中添加一些文本。確保用一個令人興奮的短語作為你的行動號召,以鼓勵顧客點擊鏈接。你還可以使用區塊設置來樣式化你的聯盟產品框。為此,切換到區塊面板中的“樣式”圖標。從這裡,你可以使用顏色選擇器選擇聯盟產品框的背景和文本顏色。最後,點擊“發布”或“更新”按鈕保存更改。

方法3:使用 SeedProd 為聯盟登陸頁面創建產品框

如果你想為自定義聯盟登陸頁面創建一個美觀的產品框,那麼此方法適合你。你可以使用 SeedProd,這是市場上最好的 WordPress 頁面生成器插件。它幫助你無需任何代碼即可創建視覺上吸引的網站。首先,安裝和激活 SeedProd 插件。更多詳情請參閱我們的逐步指南,了解如何安裝 WordPress 插件。

注意:SeedProd 也有免費版。但是我們將使用高級版,因為它提供了更多設計功能。激活後,訪問 SeedProd » 設置頁面輸入插件許可密鑰。你可以在 SeedProd 網站的帳戶中找到此信息。

接下來,轉到 SeedProd » 登陸頁面部分,然後點擊“添加新登陸頁面”按鈕。對於本教程,我們將在登陸頁面中添加聯盟產品框。你現在將被帶到“選擇新頁面模板”屏幕。從這裡,你可以選擇 SeedProd 提供的任何預製模板。選擇完畢後,你會被要求輸入頁面名稱並選擇 URL。輸入詳細信息後,點擊“保存並開始編輯頁面”按鈕。

這將啟動 SeedProd 的拖放頁面生成器。從這裡,在左側邊欄找到列區塊並將其拖到右側的設計界面上。添加區塊後,系統會要求你選擇列佈局。要添加兩個並排的區塊,請簡單地點擊 50/50 變體。

現在,你可以通過將圖像區塊拖放到左側列來開始。接下來,點擊圖像區塊以在側邊欄中打開其區塊設置。從這裡,只需點擊“使用你的圖片”按鈕,從媒體庫中選擇聯盟產品圖片或從你的電腦上傳。

之後,將標題區塊拖放到右側列中並添加聯盟產品名稱。你可以使用左側列中的設置調整對齊方式和字體大小。完成後,需要將文本區塊拖放到產品標題下方。你可以為你正在推廣的聯盟產品添加描述。之後,點擊“保存”按鈕保存更改。

創建聯盟鏈接

首先,你需要安裝和激活 Pretty Links 插件。更多詳情請參閱我們的初學者指南,了解如何安裝 WordPress 插件。激活後,從管理側邊欄轉到 Pretty Link » 添加新頁面。在這裡,你可以首先在“添加標題”字段中鍵入產品名稱,以便於查找聯盟鏈接。簡單地輸入聯盟公司的名稱或產品本身名稱。接下來,將聯盟鏈接添加到“目標URL”選項旁邊。之後,在“Pretty Link”框中鍵入字尾。該字尾將出現在你的聯盟鏈接的末尾。

最後,點擊“更新”按鈕生成鏈接。你將被重定向到“鏈接”頁面。從這裡,只需從“Pretty Links”列中複製聯盟鏈接。

將聯盟鏈接添加到 SeedProd 產品框中

複製聯盟鏈接後,你需要打開正在設計聯盟產品框的 SeedProd 登陸頁面。到這裡後,只需將按鈕區塊拖放到產品描述下方。接下來,你需要點擊按鈕以在左側欄中打開其區塊設置。在這裡,你必須將聯盟鏈接複制並粘貼到“鏈接”框中。然後,將一些文本輸入到“按鈕文本”框中,作為行動號召。

要樣式化聯盟產品框,你需要選擇列區塊以在左側列中打開其設置。從這裡,你可以選擇背景顏色甚至添加背景圖片到你的產品框中。你還可以根據需要調整列區塊的寬度和對齊方式。完成後,點擊“保存”按鈕保存設置。這是我們演示網站上聯盟產品框的效果。

額外:在你的網站上創建聯盟計劃

除了促銷其他公司的產品外,你還可以創建自己的聯盟計劃來增加在線業務的銷售。這是一種成本效益高的營銷策略,允許其他公司加入你的計劃並在他們的網站上推廣你的服務,以獲得小額佣金。通過啟動推薦計劃,你可以觸及更廣泛的受眾,建立潛在買家的信任,最終提升你網站上的轉化率。

例如,如果你擁有電子商務商店,通過啟動聯盟計劃,你可以為客戶、粉絲和其他數字營銷人員提供推廣你的產品的激勵,每次銷售都能獲得少量佣金。

你可以輕鬆地使用 AffiliateWP 在你的網站上啟動推薦計劃。它是市場上最好的 WordPress 聯盟追踪和管理軟件,讓你完全掌控你的聯盟計劃。它具有簡易設置、高級聯盟鏈接追踪、詳細報告、靈活的付款選項,以及與流行插件如 MemberPress、Easy Digital Downloads 和 WooCommerce 的集成。

更多信息請參閱我們的完整 AffiliateWP 評論。這些插件讓你輕鬆地啟動聯盟計劃,進入新市場以增加品牌知名度和生成潛在客戶。詳細指導請參閱我們的教程,了解如何在 WordPress 中創建推薦計劃。

我們希望這篇文章幫助你了解如何在 WordPress 中添加聯盟產品框。你也許還想看看我們的文章,了解如何在你的 WordPress 網站上遮蔽聯盟鏈接,以及我們對 Pretty Links 和 Thirsty Affiliates 的比較,以找到適合你網站的聯盟管理插件。

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

Read More
WordPress 教学

如何輕鬆優化 WordPress CSS 傳遞(2 種方法)

如何輕鬆優化 WordPress CSS 傳遞(2 種方法)

最後更新時間:2024 年 2 月 9 日,編輯團隊 | 審核人:Syed Balkhi

分 享

193

分享

推文

分享

Facebook Messenger

WhatsApp

電子郵件

編輯註:我們從 WPressize Me 的合作夥伴連結中賺取佣金。佣金不會影響我們編輯的意見或評價。了解更多有關編輯流程的資訊。

您想優化您的 WordPress CSS 傳遞嗎?

CSS 文件控制著您的 WordPress 網站的視覺格式和樣式。但是,如果您的 CSS 代碼未以最佳方式傳遞,那麼它可能會減慢您的網站速度。

在這篇文章中,我們將向您展示兩種簡單的方法來優化您的 WordPress CSS 傳遞。

WordPress CSS 傳遞如何影響 WordPress 性能

CSS 文件用於定義您的 WordPress 網站的視覺外觀。您的 WordPress 主題包含一個 CSS 樣式表文件,有些插件也可能使用 CSS 樣式表。

CSS 是現代網站必不可少的,但根據其設置方式,CSS 文件可能會降低網站的速度和性能。

即使是網站速度的小延遲,也會造成不良的用戶體驗,並可能影響您的搜索排名和轉換,導致流量和銷售減少。

CSS 文件減慢您的網站的一種方式是,如果它們需要在頁面顯示之前被加載,那麼您的訪客將會看到一個空白頁面,直到 CSS 文件加載完成。這被稱為阻止渲染的 CSS。

另一個常見的原因是 CSS 文件包含了顯示當前頁面可見部分所需的更多代碼。這些額外的未使用的 CSS 代碼意味著其加載時間將更長。

好消息是,您可以通過優化 CSS 代碼的傳遞方式來提高您的 WordPress 站點性能。

這是通過識別顯示當前網頁第一部分所需的最小 CSS 代碼來完成的,這被稱為「關鍵 CSS」。

然後,將這部分關鍵代碼內聯添加到頁面的 HTML 中,而不是在單獨的樣式表中,以便在不需要先加載 CSS 文件的情況下可以渲染代碼。

其餘的 CSS 可以在訪客看到頁面內容後加載,這被稱為「延遲加載」。

話不多說,讓我們看看兩種優化 WordPress CSS 傳遞的方法,您可以選擇最適合您的方法:

使用 WP Rocket 優化 WordPress CSS 傳遞

使用 Autoptimize 優化 WordPress CSS 傳遞

方法一:使用 WP Rocket 優化 WordPress CSS 傳遞

WP Rocket 是市場上最好的 WordPress 緩存插件。它提供了最簡單的方法來優化您的 WordPress CSS 傳遞。事實上,這樣做就像勾選一個框一樣簡單。

WP Rocket 是一個付費插件,但最棒的是所有功能都包含在其最低的計劃中。

首先,您需要安裝和激活 WP Rocket 插件。 有關更多詳細資訊,請參閱我們的分步指南,了解如何安裝 WordPress 插件。

激活後,您需要導航到「設置」»「WP Rocket」頁面,並切換到「文件優化」標籤。

然後,您需要向下滾動到 CSS 文件部分。

到達那裡後,需要勾選「優化 CSS 傳遞」選項旁邊的框。

這一功能將智能地識別設置訪客首先看到的頁面部分所需的關鍵 CSS。您的頁面將加載得更快,其餘的 CSS 將在訪客看到其內容後加載。

現在,您只需要點擊「保存更改」按鈕,並等待 WP Rocket 為您的所有文章和頁面生成必要的 CSS 文件。

它還會自動清除您網站的快取,以便訪客看到最新的優化版本,而不是存儲在快取中的未優化版本。

WP Rocket 可以幫助您改善網站性能的方式還有很多。要了解更多,請參閱我們的指南,了解如何正確安裝和設置 WP Rocket 在 WordPress 中。

方法二:使用 Autoptimize 優化 WordPress CSS 傳遞

Autoptimize 是一個免費的插件,旨在改進您的網站 CSS 和 JavaScript 文件的傳遞。

雖然 Autoptimize 是一個免費插件,但它不如 WP Rocket 功能齊全,並且需要更多的設置時間。

例如,它無法像 WP Rocket 一樣自動識別關鍵 CSS。相反,Autoptimize 需要第三方服務的幫助,這是一個額外的費用,並需要額外的配置時間。

然而,這可能是一個不錯的選擇,如果您的預算緊張且不需要 WP Rocket 的所有功能來加速您的網站。

首先,您需要安裝和激活 Autoptimize 插件。 有關更多詳細資訊,請參閱我們的分步指南,了解如何安裝 WordPress 插件。

啟用後,您需要訪問「設置」»「Autoptimize」頁面來配置插件設置。到那裡後,您需要向下滾動到 CSS 選項部分,並勾選頂部的「優化 CSS 代碼」框。

一旦這樣做,您需要確保「聚合 CSS 文件」選項未勾選,然後勾選「消除阻塞渲染的 CSS」。

您現在可以點擊「保存更改和清空快取」按鈕來儲存您的設置。

但是,插件將無法正常工作,直到您註冊一個 Critical CSS 帳戶。這是一個付費訂閱服務,將為 Autoptimize 提供其所需的關鍵 CSS 代碼,以優化您的 WordPress CSS 傳遞。

為此,導航到 Autoptimize 設置中的 Critical CSS 標籤。在這裡您會找到註冊 Critical CSS 所需的資訊。您可以通過點擊第三段中的註冊鏈接開始。

收到您的 Critical CSS API 金鑰後,向下滾動到 API 金鑰部分,您可以將其粘貼到「您的 API 金鑰」文本框中。

之後,確保點擊「保存更改」按鈕。

Autoptimize 現在擁有所有資訊,可以內聯添加關鍵 CSS,並在頁面渲染後延遲加載樣式表。結果是,您的網站將具有更快的加載速度。

我們希望這篇教程能幫助您了解如何優化 WordPress CSS 傳遞。您可能還想查看我們的終極指南,了解建立 WordPress 網站的真實成本,以及我們精選的最佳受管理 WordPress 主機公司。

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

分 享

193

分享

推文

分享

Facebook Messenger

WhatsApp

電子郵件

Read More
WordPress 教学

如何向WordPress视觉编辑器添加自定义样式

如何向WordPress视觉编辑器添加自定义样式

你想在WordPress视觉编辑器中添加自定义样式吗?添加自定义样式可以让你在不切换到文本编辑器的情况下快速应用格式。在本文中,我们将向你展示如何将自定义样式添加到WordPress的视觉编辑器中。

为什么以及何时需要为WordPress视觉编辑器添加自定义样式

默认情况下,WordPress视觉编辑器提供一些基本的格式和样式选项。然而,有时你可能需要自己的自定义样式来添加CSS按钮、内容块、标语等。你可以随时从视觉编辑切换到文本编辑器并添加自定义HTML和CSS。但如果你经常使用某些样式,那么将它们添加到视觉编辑器中会更好,这样你就可以轻松地重复使用它们。这样可以节省你在视觉编辑器和文本编辑器之间来回切换的时间。此外,它还可以让你在整个网站中一致地使用相同的样式。最重要的是,你可以轻松调整或更新样式,而无需编辑网站上的文章。

方法1:使用插件在视觉编辑器中添加自定义样式

首先,你需要安装并激活TinyMCE Custom Styles插件。激活后,你需要访问设置 » TinyMCE Custom Styles页面来配置插件设置。插件允许你选择样式表文件的位置。它可以使用你的主题或子主题的样式表,或者你可以选择自己的自定义位置。之后,你需要点击“保存所有设置”按钮以存储更改。现在你可以添加你的自定义样式。你需要向下滚动一点到样式部分,然后点击“添加新样式”按钮。首先,你需要为样式输入一个标题。这个标题将在下拉菜单中显示。接下来,你需要选择它是内联、块还是选择器元素。之后,添加一个CSS类,然后添加你的CSS规则。

方法2:手动向WordPress视觉编辑器添加自定义样式

步骤1:在WordPress视觉编辑器中添加自定义样式下拉菜单

首先,我们将在WordPress视觉编辑器中添加一个格式下拉菜单。这个下拉菜单将允许我们选择并应用我们的自定义样式。你需要将以下代码添加到你的主题的functions.php文件或站点特定的插件中。

function wpb_mce_buttons_2($buttons) { array_unshift($buttons, 'styleselect'); return $buttons; } add_filter('mce_buttons_2', 'wpb_mce_buttons_2');

步骤2:向下拉菜单添加选择项

现在你需要向刚刚创建的下拉菜单添加选项。这些选项可以在格式下拉菜单中选择和应用。对于本教程,我们添加了三个自定义样式来创建内容块和按钮。你需要将以下代码添加到你的主题的functions.php文件或站点特定的插件中。

function my_mce_before_init_insert_formats( $init_array ) { $style_formats = array( array( 'title' => '内容块', 'block' => 'span', 'classes' => 'content-block', 'wrapper' => true, ), array( 'title' => '蓝色按钮', 'block' => 'span', 'classes' => 'blue-button', 'wrapper' => true, ), array( 'title' => '红色按钮', 'block' => 'span', 'classes' => 'red-button', 'wrapper' => true, ), ); $init_array['style_formats'] = json_encode( $style_formats ); return $init_array; } add_filter('tiny_mce_before_init', 'my_mce_before_init_insert_formats');

步骤3:添加CSS样式

最后一步是为你的自定义样式添加CSS规则。你需要将这些CSS添加到你的主题或子主题的style.css和editor-style.css文件中。

.content-block { border:1px solid #eee; padding:3px; background:#ccc; max-width:250px; float:right; text-align:center; } .content-block:after { clear:both; } .blue-button { background-color:#33bdef; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #057fd0; display:inline-block; cursor:pointer; color:#ffffff; padding:6px 24px; text-decoration:none; } .red-button { background-color:#bc3315; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #942911; display:inline-block; cursor:pointer; color:#ffffff; padding:6px 24px; text-decoration:none; }

编辑器样式表控制你在视觉编辑器中内容的外观。查看你的主题文档以找到这个文件的位置。如果你的主题没有编辑器样式文件,那么你可以创建一个。只需创建一个新的CSS文件并命名为custom-editor-style.css。你需要将这个文件上传到你的主题根目录,然后在你的主题的functions.php文件中添加此代码。

function my_theme_add_editor_styles() { add_editor_style( 'custom-editor-style.css' ); } add_action('init', 'my_theme_add_editor_styles');

就是这样。你已经成功地在WordPress视觉编辑器中添加了你的自定义样式。随意通过添加自己的元素和样式来玩转这个代码。我们希望这篇文章能够帮助你学习如何在WordPress视觉编辑器中添加自定义样式。

Read More