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
WordPress 教学

如何在WordPress中将访客重定向到维护页面

为什么要将用户重定向到WordPress维护页面?

您可能会想为什么不让用户直接看到 WordPress 网站的工作进度。虽然将事情摆在那里并非没有诱惑,但使用维护页面确实有几个优势。例如,一个设计良好的维护页面显示了即使在停机期间您仍然重视用户体验。它比一个损坏的网站或令人困惑的错误信息更专业。坦诚维护还可以向访客表明您正在积极进行后端工作,这有助于建立信任和管理预期。

将用户重定向到维护页面也有助于 WordPress SEO。搜索引擎会惩罚那些经常宕机或显示错误的网站。使用维护页面可以指出是临时问题,从而保护您的搜索引擎排名。此外,维护页面可以用来收集电子邮件地址、推广社交媒体渠道,甚至展示未来的预告片,使访客即使在您网站离线时也保持互动。

在WordPress中创建维护页面

首先,您需要创建一个维护页面,最佳工具是SeedProd。这是一个对初学者友好的拖放页面构建器,提供预建模板和大量自定义选项。它可以让您轻松构建吸引人的维护页面并设置 WordPress 维护重定向。在本教程中,我们将使用免费版本的 SeedProd Lite。还有一个提供更多功能和自定义选项的高级版本。该插件还允许您可以选择在整个网站或特定页面上展示维护页面。

首先,您需要安装并激活 SeedProd 插件。如果您需要帮助,请参见我们的 WordPress 插件安装指南。激活后,您应该会看到 SeedProd 的设置向导。要配置插件,只需点击“开始”按钮并按照屏幕上的说明进行操作。

接下来,您可以从 WordPress 仪表盘前往 SeedProd » 登陆页面。从这里,只需点击“设置维护模式页面”按钮。此后,SeedProd 将向您显示多个页面模板可供选择。免费版本提供的选择有限。然而,如果您订阅 SeedProd 的新闻通讯,您可以解锁 10 个更多模板。要选择模板,只需将鼠标悬停在其上,然后点击橙色的勾选按钮。选择模板后,您应该会看到一个拖放页面构建器。在这里,您可以通过添加新模块或重新排列现有模块来编辑维护页面的设计。

例如,插件允许您添加像标题和图片这样的标准模块,或者从高级模块中选择,如联系表单,以便用户在有任何关于您计划的维护的问题时可以联系到您。您还可以添加倒计时器,告诉用户您的网站何时会重新上线。如果您点击或选择模板中的现有模块,您还可以对此块进行进一步编辑。例如,您可以更改文本、字体、颜色和样式,或者简单地删除不符合您需求或品牌主题的模块。

完成维护页面设计的编辑后,您可以从顶部切换到“页面设置”选项卡。在“常规”设置中,您可以输入页面标题。如果您愿意,接下来需要将页面状态从草稿更改为发布完成后,请点击顶部的“保存”按钮并退出页面构建器。

在WordPress中将访客重定向到维护页面

您关闭页面构建器时,将弹出一个对话框,询问您是否激活维护模式。请继续点击“是,激活”按钮。您也可以通过从 WordPress 仪表盘前往 SeedProd » 登陆页面来设置 WordPress 维护重定向。在维护模式部分,您可以点击开关将其设为“激活”以启用页面。

接下来,您可以访问您的网站以查看新创建的维护页面。现在,如果访客访问您的网站,他们将看到该页面而不是实际的网站。

附加选项:将维护任务外包给专业人士

如果您需要处理多个维护任务以保持网站的顺利运行并提供新功能,则应该考虑聘请 WordPress 支持机构。机构可以改善您的网站性能、进行定期云备份、监控正常运行时间、扫描网站以查找恶意软件,并提供 24/7 的全方位托管 WordPress 维护。这将让您腾出手来专注于其他任务,例如发展您的业务。在我们看来,WPressize Me的WordPress维护服务是市场上最优秀且最实惠的一种。我们有超过16年的经验,曾帮助100,000多位用户处理WordPress问题。我们的专家提供全天候支持、常规备份和网站优化,以实现快速性能。

维护页面的其他资源

以下是一些有关WordPress维护页面的实用指南和资源:

  • WordPress维护:初学者终极指南
  • 您可以在WordPress网站上使用的维护页面创意
  • 即将推出模式与维护模式:有什么区别?(解释)
  • 如何为WooCommerce启用维护模式
  • 如何将WordPress网站设置为维护模式
  • 如何为客户创建WordPress维护报告

我们希望本文能帮助您了解如何在WordPress中将访客重定向到维护页面。您可能还会想看看我们关于如何在WordPress中创建漂亮即将推出页面的指南,以及我们的顶级电商网站维护技巧。如果你喜欢这篇文章,请订阅我们的 YouTube 频道以获取 WordPress 视频教程。您也可以在 Twitter 和 Facebook 上找到我们。

Read More
WordPress 教学

如何自訂 WooCommerce 電子郵件(兩種簡單的方法)

如何自訂 WooCommerce 電子郵件(兩種簡單的方法)

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

分享

435

編輯提示:在 WPressize Me,我們從合作夥伴鏈接中賺取佣金。佣金不會影響我們編輯的意見或評價。瞭解更多有關我們的編輯流程

為什麼要自訂您的 WooCommerce 電子郵件?

在經營 WooCommerce 商店時,您的客戶會收到不同的交易電郵。這些電郵幫助他們獲得訂單確認、追踪訂單狀態、獲得發票、學習如何退貨,以及瞭解更多有關您的網上商店的信息。預設情況下,由 WooCommerce 發送的電郵設計和佈局是簡單和通用的。大多數商務業主沒有自訂它們,而是使用標準模板,如下所示:

自訂 WooCommerce 電子郵件的好處

自訂 WooCommerce 電子郵件可以開闢很多機會。當您的電郵與您的品牌相符時,可以幫助建立客戶的信任,提升品牌認知度,並讓他們再次光臨您的商店。您甚至可以在電郵中包含折扣券、展示熱門產品或宣布即將到來的特賣。這樣一來,您將通過鼓勵人們購買更多產品獲得更多銷售。

如何自訂您的 WooCommerce 電子郵件

在這裡,我們將展示如何自訂您的 WooCommerce 電子郵件。我們將介紹兩種方法:使用 WooCommerce 的預設電郵設置,和使用強大的 WooCommerce 電郵自動化插件進行自訂。

使用全局設置自訂 WooCommerce 電子郵件

要編輯您的 WooCommerce 電子郵件的文字和基本顏色,您可以使用 WooCommerce 的預設全局設置。只需從您的 WordPress 管理面板導航到 WooCommerce » 設置,然後點擊「電郵」標籤。

在這裡,您可以看到 WooCommerce 發送給客戶的所有電郵,包括新訂單通知、訂單取消通知、訂單失敗通知、訂單退款通知、密碼重設、新帳戶創建等電郵。接下來,您可以向下滾動到「電郵發件者選項」和「電郵模板」部分。在這些部分中,您可以選擇編輯發件人名稱和電郵地址。

此外,您可以通過添加標題圖片、頁尾文字、改變基本顏色、背景顏色和正文文字顏色來自訂您的 WooCommerce 電郵,使它們更符合您的品牌。

完成後,別忘了保存您的變更。請注意,這些變更是全局性的,將影響所有的 WooCommerce 電郵。您還可以點擊「點擊這裡預覽您的電郵模板」鏈接來預覽變更。

WooCommerce 還允許您自訂每封單獨的電子郵件。在 WooCommerce 設置中的電郵標籤中,您可以點擊任何一封電郵或點擊「管理」按鈕來查看特定電郵的設置。

之後,您可以自訂電郵的不同元素,例如輸入新的電郵主題行、內容、電郵標題和電郵類型。完成後,請點擊「保存變更」按鈕。

使用 FunnelKit Automations 自訂 WooCommerce 電子郵件

另一種自訂 WooCommerce 電子郵件的方法是使用 FunnelKit Automations,這是一個受歡迎的 WooCommerce 營銷自動化插件。除了可以完全自訂 WooCommerce 電子郵件外,它還允許您設置智能自動跟進電郵和工作流程來提升銷售。

首先,您需要安裝和啟動 FunnelKit Automations 插件。更多詳情,請參閱我們的安裝 WordPress 插件指南。激活後,您可以從 FunnelKit Automations 儀表板導航到 Campaigns » Automations (Next-Gen) » Add New Automation,查看其不斷增長的預構建 WooCommerce 電子郵件庫,這些邮件被證明能獲得成果。

只需點擊一次即可導入整個電子郵件自動化流程,包括預寫的電郵內容、延遲間隔、目標等。然後,您可以使用可視化電郵自動化生成器來進行任何需要的自訂。例如,這是 WooCommerce 廢棄購物車回收電郵的工作流程。

FunnelKit Automations 允許您自訂任何 WooCommerce 電郵,甚至可以使用 WordPress 內置的拖放式電郵生成器來創建自訂 WooCommerce 電郵。您可以從 WordPress 儀表板導航到 FunnelKit Automations » Templates,然後點擊「新增電郵模板」按鈕。

接下來,您可以為您的電郵模板輸入一個名稱。只需點擊「添加」按鈕繼續。

之後,插件會讓您選擇您的電郵主題行和預覽文字。除此之外,您還可以通過三種方法來自訂您的 WooCommerce 電郵內容,包括豐富文本、原始 HTML 或可視化生成器。請選擇「可視化生成器」選項並點擊「開始」按鈕。

這將啟動拖放式電郵生成器。您可以從左側選單中選擇不同的元素並將它們放置在模板上。例如,在「內容」標籤中,您可以添加列、按鈕、標題、菜單、文本等。

如果您進入「主體」標籤,則可以進一步自訂每個元素,如編輯文字顏色、對齊方式、字體、尺寸等。完成後,可以點擊頂部的「保存」按鈕。

有一個選項可以向指定地址發送測試電子郵件,查看您的 WooCommerce 電子郵件的外觀。您現在可以重複這些步驟,創建任意多的自訂 WooCommerce 電子郵件。

FunnelKit Automations 的強大之處在於其基於目標的自動化電郵生成器,為每封電郵顯示內聯分析。

FunnelKit Automations 是 FunnelKit (前身為 WooFunnels) 的姊妹產品,後者是一個強大的 WooCommerce 銷售漏斗生成器。您可以使用它從頭到尾創建完整的銷售漏斗,並最大化您的銷售。它帶有預構建的自訂結帳頁面模板、訂單升級、一鍵升級銷售等。

如果您認真想要增長您的 WooCommerce 商店,那麼 FunnelKit Automations 是不可或缺的解決方案。

額外提示:修復 WooCommerce 電郵無法發送問題

直接從 WordPress 發送電子郵件可能會導致投遞問題。這是因為 WordPress 使用 PHP mail() 函數來發送電子郵件,而大多數網絡託管公司並未正確配置它。結果,您的 WooCommerce 電子郵件無法到達收件人或進入垃圾郵件夾。為了解決這個問題,您可以使用 SMTP 服務。SMTP (安全郵件傳輸協議) 是一種標準的電子郵件發送方式,確保電子郵件到達客戶的收件箱。

WP Mail SMTP 是最好的 WordPress SMTP 服務。它可以顯著提高電郵投遞率,解決電郵丟失或進入垃圾郵件夾的問題。WP Mail SMTP 兼容不同的郵件服務商,如 Sendinblue、Amazon SES、Microsoft Outlook、Gmail 等。此外,它還能輕鬆與 FunnelKit 集成。

要將 WP Mail SMTP 與 FunnelKit Automations 連接,只需從 WordPress 儀表板導航到 FunnelKit Automations » 電郵設置。然後點擊「安裝」按鈕,安裝並啟動 WP Mail SMTP。安裝後,只需點擊「開始設置」按鈕,並按照屏幕上的說明配置插件。

您可以參閱我們的詳細設置 WP Mail SMTP 的指南以開始使用。

我們希望本文幫助您學習如何自訂 WooCommerce 電子郵件。您可能還想閱讀我們的最佳商務電話服務指南最佳 WooCommerce 託管指南

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

分享

435

Read More
WordPress 教学

如何将WordPress小工具转换为区块(逐步指南)

什么是WordPress小工具与区块的区别?

WordPress小工具是可以添加到小工具就绪区域的内容元素,通常包括侧边栏、页脚、页眉和其他您的WordPress主题认为是小工具就绪的部分。技术上,WordPress区块的工作原理相同,但区块和小工具的区别在于您使用的是经典主题还是区块主题。如果您使用经典主题,那么WordPress区块是您添加到主页面或帖子区域的内容元素。但是,区块主题没有单独的小工具编辑器,这意味着您添加的所有内容元素无论是在页眉、页面本身还是其他地方都被称为WordPress区块。在5.8版本中,WordPress引入了新的基于区块的小工具编辑器,这使得添加社交媒体内容等视觉小工具变得更容易。但如果您仍依赖于尚未升级为WordPress区块的传统小工具怎么办?幸运的是您仍然可以使用它。

WordPress小工具能否简单转换为区块?

如果您是开发人员并为WordPress创建了传统小工具,您可能会想知道是否可以将其转换为新区块小工具。虽然小工具和区块看起来相似,但实际上它们是相当不同的。例如,它们是用完全不同的编程语言编写的。小工具是用PHP编写的,而区块是用JavaScript编写的。这意味着没有简单的方法将小工具转换为区块。不过,这不是问题。现有的小工具将在新版本的WordPress中继续工作。如果您不计划更新小工具代码,那么可以保持原样。但是,如果您想继续为小工具添加新功能,最好创建一个新的区块来替代传统小工具。

如何在经典主题的WordPress侧边栏中添加小工具

如果您使用的是经典主题,则可以通过使用传统小工具将经典小工具添加到WordPress网站的侧边栏或其他小工具就绪区域。首先,您需要导航到WordPress管理区域中的“外观 » 小工具”。接下来,点击“+ 添加区块”按钮。在弹出窗口中,点击“传统小工具”图标。现在,您可以从下拉菜单中选择希望使用的小工具。点击它后,小工具将添加到侧边栏中。确保点击屏幕顶部的“更新”按钮以保存新小工具。

如何在区块主题的WordPress侧边栏中添加小工具

如默认的Twenty Twenty-Two主题等区块主题允许您使用WordPress中的完整站点编辑器。完整站点编辑提供了用于样式化网站主题的自定义区块,但默认情况下不包括传统小工具。这意味着在完整站点编辑器中无法访问传统小工具。幸运的是,您可以通过插件添加传统小工具支持。只需安装并激活X3P0 Legacy Widget插件即可。激活后,插件将传统小工具添加到完整站点编辑器中,从而允许您在新主题中使用传统小工具。一旦添加完成,点击“保存”按钮使更改生效。

如何在WordPress的帖子内容中添加小工具

WordPress区块内容编辑器的一大优点是您可以将小工具添加到超出小工具就绪区域的地方,例如帖子或页面内容中。当您在内容编辑器中时,点击屏幕顶部的“+ 添加区块”按钮。接下来,向下滚动到“小工具”部分,找到您想要添加到内容中的小工具。然后,将小工具拖动到您的帖子中。可以使用屏幕右侧的设置面板来自定义小工具。完成后,只需发布或更新您的博客文章或页面。

了解更多使用WordPress区块和小工具的技巧

现在您已经对WordPress中的小工具和区块有了更多的了解,您可能希望了解更多使它们发挥最大作用的方法。以下是一些您可以查看的文章以开始:如何在WordPress区块编辑器(古登堡)中创建可重用的区块,新手指南:如何使用WordPress区块模式,如何在WordPress中创建粘性浮动侧边栏小工具,如何在移动设备上隐藏WordPress小工具(简单指南),如何为WordPress小工具添加自定义样式,如何在特定WordPress页面上显示或隐藏小工具。希望本教程能帮助您学习如何将WordPress小工具转换为区块。

Read More
WordPress 教学

如何用CodeGuard设置自动WordPress备份

什么是CodeGuard?

CodeGuard是一种网站备份服务,可以自动备份您的WordPress站点并将其保存在云端。它还允许您每日跟踪更改。尽管市面上有很多WordPress备份插件,但使用插件意味着您必须保持其更新,并且大多数情况下,备份不会妥善存储在异地。如果您管理客户网站,那么分别管理所有备份将非常困难,更不用说客户可能会意外关闭备份了。

CodeGuard的价格

CodeGuard是一种付费备份服务,适用于包括WordPress在内的所有网站平台。他们的月度计划从每月$5起,支持1个站点和无限制数据库,存储空间最多为5GB。他们还为所有计划提供14天的免费试用。

我们决定尝试CodeGuard,因为它大胆地宣称自己是您的网站的“时间机器”。在这篇评测中,我们将测试这一说法。

在CodeGuard上设置WordPress备份

首先,访问CodeGuard网站并点击“开始免费试用”按钮。

这将带您进入注册表单。填写表单并点击“开始我的免费试用”按钮。系统会要求您为您的账户设置密码。请使用强密码(参见WordPress 用户密码管理指南),然后点击下一步按钮。

这将带您进入添加网站页面。首先,您需要输入您网站的URL,然后提供您的FTP信息。

如果您不知道您的FTP用户名或密码,请联系您的WordPress托管提供商。您也可以在您注册时WordPress托管提供商发给您的邮件中找到这些信息。或者,您可以使用cPanel,通过点击FTP或FTP管理器找到这些信息。

输入您的FTP/SFTP信息,点击测试连接按钮。CodeGuard会显示成功信息。现在您可以点击连接您的网站按钮。

CodeGuard会连接到您的网站,并显示存储在服务器上的所有文件。

您需要选择包含所有WordPress文件的文件夹,然后点击“选择根目录”按钮继续。

现在稍微向下滚动,您会看到“选择网站内容”部分。您需要选择所有文件和文件夹。只需点击顶部文件夹,里面的所有文件将自动选中。接着点击“开始第一次备份”按钮继续。

您会看到成功信息。CodeGuard会自动开始在后台下载您的WordPress文件到云服务器。

添加WordPress数据库备份

您会被要求添加WordPress数据库进行备份。

下一步是连接数据库,为此您需要以下信息:

  • 您的数据库主机名或IP地址
  • MySQL用户名
  • MySQL用户密码

您可以在您的WordPress网站的wp-config.php文件中找到这些信息。或者,您可以联系您的网络托管商获取这些信息。

如果您使用localhost作为主机名连接到主机,那么您需要输入您的域名作为主机名。

如果您使用像mysql.example.com这样的主机名,那么您需要输入该主机名或添加您的MySQL服务器的IP地址。

输入您的数据库连接信息。在点击下一步按钮之前,您需要复制右侧帮助提示框中的IP地址。

您的网络主机会禁止外部IP连接到您的数据库,除非您明确允许访问。为此,您需要将这些IP地址列入白名单。

只需登录您的cPanel账户,点击远程MySQL图标。

复制一个IP地址,然后点击添加主机按钮。对CodeGuard提供的所有IP地址重复此操作。

完成后,返回CodeGuard的添加数据库页面,点击下一步按钮。

CodeGuard连接和备份数据库

CodeGuard会连接到您的数据库。如果您有多个数据库,系统会要求您选择一个。选择您的WordPress数据库并点击添加数据库按钮。

CodeGuard会开始将您的数据库备份到他们的云服务器。完成后,它会显示您的数据库和一些基本的WordPress统计信息。

如何从CodeGuard备份恢复站点和数据库

作为网站所有者,您需要确保所使用的备份解决方案易于恢复。CodeGuard提供自动恢复选项,允许您一键恢复WordPress文件和数据库。

您还可以下载备份到自己的计算机以进行手动恢复。

CodeGuard评测

CodeGuard确实不辜负“时间机器”的称号。通过使用FTP / MySQL方法,您可以备份几乎任何网站,包括WordPress和其他网站。

我们始终建议将备份存储在第三方云服务器上,这使得CodeGuard成为刚起步者的理想备份解决方案。尽管选择是否备份是个人决定,但我们强烈建议您备份网站而不是不做备份。我们有很多用户的网站被黑而没有备份,最终失去了数年的内容。

定期备份网站是您可以为网络业务购买的最佳保险。

我们强烈建议您使用WordPress备份解决方案,CodeGuard 绝对是我们推荐的首选之一。

希望本文帮助您设置了CodeGuard的自动WordPress备份,并且您发现我们的CodeGuard评测有用。您还可能希望查看我们的WordPress站点上线前要做的11件事指南。如果您喜欢这篇文章,请订阅我们的YouTube频道,获取更多WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何用WordPress创建一个登陆页面

什么是登陆页面?

登陆页面是为特定的广告、邮件、社交媒体或营销活动创建的独立页面。用户从这些来源进入网站时,首先看到的就是这个页面,因此称之为登陆页面。登陆页面旨在获取转化,这意味着让访问者在你的网站上执行希望的操作,例如购买特定产品、订阅邮件列表、填写表单或任何其他对网站有益的操作。

主页和登陆页面的区别是什么?

主页是访问者在浏览器中输入你的域名时看到的页面,可以认为它是你网站的首页或橱窗。一个好的主页会鼓励访问者与网站互动,探索其他页面、浏览产品或注册邮件通讯。相反,登陆页面的设计目的是转化访问者,并且通常只有一个目标,即所谓的行动号召(CTA)。你可以使用任何CTA,但许多登陆页面鼓励访客购买或分享信息,作为潜在客户获取的策略。你的网站只有一个主页,但可以创建多个登陆页面。

方法一:使用WordPress区块编辑器创建登陆页面(无需插件)

如果你使用区块主题,可以用全站编辑器设计一个自定义登陆页面。这使你能够使用熟悉的工具创建自定义页面。不幸的是,这种方法并不适用于所有WordPress主题。如果你没有使用基于区块的主题,我们建议使用页面构建插件。在右侧菜单中,点击‘页面’标签,然后点击‘模板’旁边的链接。出现一个弹窗,点击‘新建模板’图标,命名模板并点击‘创建’。进入模板编辑器后,可以像在标准的WordPress区块编辑器中那样设计你的登陆页面。

方法二:使用SeedProd创建WordPress登陆页面(推荐)

使用SeedProd是创建登陆页面的最简单方法。它是市场上最好的页面构建器,允许你无需编写代码即可创建任何类型的登陆页面。这个插件有320多个专业设计的模板,包括帮助你获得转化的页面。与WordPress全站编辑器不同,SeedProd适用于任何WordPress主题。详细信息请参阅我们的完整SeedProd评测。

方法三:使用Thrive Architect创建WordPress登陆页面

Thrive Architect是另一个流行的拖放式WordPress页面构建器,它允许你使用预制模板轻松创建登陆页面。首先安装并激活Thrive Architect插件,然后在WordPress管理控制台中创建一个新页面,并点击‘启动Thrive Architect’按钮选择一个登陆页面模板。编辑模板后,点击‘保存并返回文章编辑器’并发布页面。

获取更多潜在客户的顶级登陆页面技巧

已经在WordPress中创建了你的登陆页面?太好了。以下是一些简单的优化技巧:保持简洁——设计应该简单,避免任何分散注意力的元素;清晰按钮——让你的行动号召按钮容易找到,并告诉访客接下来要做什么;吸引人的写作——使用吸引眼球的标题和副本,解释你的提议如何使访客受益。SeedProd的John Turner提供了关于高转化率登陆页面的重要见解。我们还有额外的技巧可以将你的登陆页面转化率提高多达300%。

Read More
WordPress 教学

如何将您的WordPress网站添加到Yandex Webmaster Tools

如何将您的WordPress网站添加到Yandex Webmaster Tools

您是否希望扩大WordPress网站在俄语市场的可见度?将您的网站添加到Yandex Webmaster工具是优化在线存在并改善在俄罗斯最受欢迎的搜索引擎上的搜索排名的重要步骤。

根据我们的经验,像Google Search Console, Bing和Yandex这样的站长工具有助于优化网站、监控流量、管理robots.txt、检查网站错误等等。在本篇文章中,我们将逐步向您展示如何将WordPress网站添加到Yandex Webmaster工具以监控搜索引擎流量。

什么是Yandex?

Yandex是俄罗斯的一个类似于Google和Bing的流行搜索引擎。您可以在Yandex上优化SEO以获得更多来自俄罗斯的访问者。

Yandex提供多种工具,如通用搜索引擎、图片搜索、电子邮件、视频、地图等等。它还提供站长工具,帮助您提升网站排名并监控流量统计、搜索查询、关键词等等。

您可以使用All in One SEO插件将WordPress网站与Yandex连接起来。其工作方式与Google Search Console和Bing Webmaster工具类似。

如何将您的WordPress网站添加到Yandex Webmaster Tools

在开始前,您需要创建一个Yandex Webmaster工具账号以连接您的网站。

创建账号后,您可以登录到您的WordPress网站,使用All in One SEO插件配置Yandex Webmaster工具。您可以在我们的指南中学习如何安装和配置该插件。

All in One SEO的免费版本包括站长工具验证功能。专业版则提供更强大的SEO功能。

以下是将您的网站添加到Yandex Webmaster工具并立即开始优化的步骤:

第一步:创建Yandex账号

首先,您需要登录Yandex Webmaster工具账号。如果没有Yandex账号,您可以创建一个。

创建账号后,您将看到Yandex Webmaster页面。在该页面中,点击顶部栏中的‘+’按钮将您的网站添加到Yandex。

在网站地址字段中,添加您网站的完整域名,并点击‘添加’按钮。

注意:如果您的主域名在URL中使用了www,那么您需要在域名前添加www(例如:www.wpressizeme.com)。

第二步:登录到WordPress管理区域添加代码

现在,您需要登录到WordPress管理区域,并在All in One SEO站长设置中添加验证代码。前往All in One SEO » 常规设置并点击‘站长工具’菜单项。

接下来,选择‘Yandex Webmaster工具’模块。然后,在Yandex验证代码字段中粘贴代码并点击‘保存更改’按钮。

添加代码到您的WordPress网站后,返回刚刚复制代码的Yandex Webmaster工具页面。点击‘检查’按钮以验证所有权。

验证成功后,页面将显示有权管理您网站的用户名。您还可以通过添加其他用户名并点击‘委派权限’按钮来分配管理权限。

现在,您的网站已验证并添加到Yandex Webmaster工具中,您可以在Yandex控制面板中查看流量统计、搜索错误、搜索查询、内部和外部链接、网站信息、robots.txt分析、移动页面审计等。

您可以使用屏幕左侧的菜单查找所需信息。

Yandex Webmaster有一些用于网站优化的选项,从故障排除到重要设置如robots.txt和.htaccess。您可以单独进一步优化robots.txt以提升SEO,并定期执行WordPress维护任务以保持网站最新。

网站提交给搜索引擎的专家指南

现在您已经知道如何将网站添加到Yandex Webmaster工具了,您可能还想看看其他关于将WordPress网站提交给搜索引擎的相关文章:

如何将您的网站提交给搜索引擎(新手指南)

如何让我的WordPress网站被Google收录?(新手指南)

如何将您的WordPress网站提交给Google新闻(逐步指南)

如何请求Google重新抓取您的WordPress网站URL

如何从Google搜索处罚中恢复您的WordPress网站

为什么我的WordPress网站被Google取消索引了?

如何将您的WordPress网站添加到Google Search Console

如何将您的网站添加到Bing Webmaster Tools

什么是XML网站地图?如何在WordPress中创建网站地图

我们希望这篇文章能帮助您了解如何将您的WordPress网站添加到Yandex Webmaster工具。您可能还想看看我们精选的最佳WordPress SEO插件和工具,以及我们的博客文章优化SEO技巧,以便在搜索引擎中提高网站排名。

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

Read More