WordPress 教学

如何從WooCommerce發送Twilio SMS通知 (逐步指南)

最後更新日期:2024年5月21日 | 編輯部 | 評論者:Syed Balkhi

您想從WooCommerce發送Twilio SMS通知嗎?透過SMS通知,您可以與客戶保持聯繫,通知他們訂單狀態更新,發送優惠券代碼等。在本文中,我們將向您展示如何從您的WooCommerce在線商店添加Twilio SMS通知。

為什麼要為WooCommerce添加SMS通知?

SMS通知是一種向客戶提供訂單信息的最佳方式。短信是高度個人化的,通常會在到達使用者手機幾秒內被檢視和打開。您可以使用SMS通知向客戶提供訂單更新,例如訂單確認和運送信息。SMS通知也是鼓勵您的受眾訪問您的商店並購買更多產品的一種創意方式。例如,您可能會使用SMS訊息發送優惠券代碼或提醒他們未完成的購物車。

接下來, 讓我們看看如何使用Twilio發送WooCommerce SMS。您可以使用這些快捷鏈接來導航各個步驟:

步驟1:設置您的Twilio SMS帳戶

首先,您需要一個Twilio帳戶。Twilio是一個在線服務,提供電話、語音訊息和SMS服務,您可以與WordPress和WooCommerce等應用程序一起使用。Twilio提供免費試用,您可以設置帳戶並免費嘗試服務。首先,前往Twilio網站並點擊“免費開始”。

在註冊頁面上,您需要輸入您的個人信息來設置您的Twilio憑證。然後,您需要驗證您的電子郵件地址和電話號碼。接下來,選擇您要使用的產品、使用計劃以及所屬組織。本教程將涵蓋SMS、警報和通知以及獨資/自僱。

輸入您的信息後,滾動到頁面底部並選擇“完全無代碼”。然後,點擊“開始使用Twilio”。註冊帳戶後,您將被帶到Twilio儀表板。要獲取您的帳戶號碼,您需要點擊“獲取電話號碼”按鈕。接下來,滾動到帳戶信息部分。您的帳戶SID、身份驗證令牌和新的Twilio號碼將在這裡列出。您稍後需要這些信息,因此保持此選項卡打開。

步驟2:安裝並激活Uncanny Automator

儘管有許多WooCommerce擴展可以用來將Twilio與WooCommerce連接,但我們嘗試過的最佳方法是使用自動化插件。此插件將連接Twilio和WooCommerce,然後每當您的在線商店發生某些活動時,它會自動通知Twilio發送WooCommerce SMS訊息。

Uncanny Automator是市場上最好的WordPress自動化插件。它讓您可以創建強大的工作流程,節省時間並減少錯誤,而無需編寫任何代碼。Uncanny Automator無縫集成了所有必備的WordPress插件和第三方工具。可以把它想像成適用於WordPress網站的Zapier。

在本教程中,您將需要Pro Uncanny Automator插件,因為它允許您與WooCommerce連接。雖然免費的Uncanny Automator插件允許Twilio集成,但您無法將其與WooCommerce連接。如果您需要安裝插件的幫助,請參閱我們的指南《如何安裝WordPress插件》。有關更多詳細信息,請參閱我們的指南《如何在WordPress中使用Uncanny Automator創建自動化工作流程》。

步驟3:設置Twilio SMS通知觸發器

激活Uncanny Automator後,您就可以準備從您的WooCommerce商店發送自動化SMS通知了。首先,您需要將您的Twilio帳戶連接到Uncanny Automator插件。為此,前往 Automator » 應用集成。在左側菜單中,選擇“Twilio”。現在,輸入您的帳戶SID、身份驗證令牌和Twilio電話號碼。然後,點擊“連接Twilio帳戶”按鈕。

現在,您已經準備好設置通知,以便每當客戶下訂單時,他們就會收到SMS訊息。為此,前往 Automator » 新增。在這裡,系統會要求您選擇“已登錄用戶”或“所有人”。我們將選擇“所有人”,以便所有購物者都能收到SMS通知,即使他們以訪客帳戶結帳。

選擇一種配方類型後,點擊“確認”。接下來,您可以輸入“標題”欄來給您的配方命名。這僅供您參考,因此您可以使用任何您喜歡的名字。然後,在“選擇集成”區域內點擊“WooCommerce”。現在,您可以選擇觸發器,即啟動配方的任何條件。在下拉菜單中,選擇以下選項:“訪客完成、支付、進入感謝頁面……”

接下來,打開“觸發條件”下拉菜單並選擇“完成”,這樣工作流程將在每次客戶完成購買時運行。然後,點擊“保存”。接下來,您可以將此配方鏈接到特定產品。我們希望配方在客戶購買任何產品時運行,因此從下拉菜單中選擇“任何產品”,然後點擊“保存”。 Uncanny Automator現在會保存您的觸發器,您可以繼續進入“動作”部分。這裡,點擊“添加動作”按鈕以開始。

現在,您將看到所有Uncanny Automator的集成服務,如ActiveCampaign和Instagram。在此部分中,點擊“Automator”。接下來,您需要從下拉菜單中選擇一個動作。您可以選擇“調用自定義函數/方法”選項。

首先,輸入您想創建的自定義函數的名稱,可以是類似’sms_notification’的名稱。之後,點擊“添加變量”。您現在可以通過點擊空字段旁的星號“*”按鈕,指定您想在配方中使用的所有數據。在搜索欄中輸入“帳單姓名”,當它出現時選擇它。這讓我們可以在配方中使用客戶的名字。一旦完成,點擊“保存”。

現在,再次點擊“添加動作”按鈕,然後選擇Twilio集成。在下拉菜單中,選擇“發送SMS訊息到號碼”。這將彈出一個新框,您可以在這裡添加“收件人”地址和SMS內容。在“收件人”字段中,點擊星號“*”按鈕,然後從下拉列表中選擇“帳單電話”。現在您可以在“內容”部分創建將發送給客戶的SMS訊息。隨意使用星號“*”按鈕添加購物者的訂單信息,如總價和交貨日期。

當您對訊息感到滿意時,點擊“保存”。現在,導航到“配方”框並點擊“草稿”開關使其顯示為“線上”。您的配方現在已上線,Uncanny Automator將在每次客戶購買時自動使用Twilio發送SMS通知。

附加提示:使用SMS行銷建立客戶關係

從您的WooCommerce商店發送Twilio SMS通知只是SMS行銷的開始。要進一步推進,我們建議使用SMS行銷插件。SMS行銷不僅僅是訂單通知,它可以透過通知買家即將到來的折扣和發送反饋調查來增進客戶關係,以改善他們的購物體驗。

要在WooCommerce商店中實施SMS行銷,您可以查看我們市場上最佳SMS行銷插件列表。我們希望本文幫助您瞭解如何從WooCommerce發送Twilio SMS通知。您可能還想查看我們的指南《如何創建電子郵件通訊》和我們推薦的《最佳WooCommerce積分和獎勵插件》列表。如果您喜歡本文,請訂閱我們的YouTube頻道以獲取WordPress視頻教程。您也可以在Twitter和Facebook上找到我們。

Read More
WordPress 教学

如何在 WooCommerce 商店添加心願單

如何在 WooCommerce 商店添加心願單

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

你是否想為你的 WooCommerce 商店添加心願單功能?心願單允許訪客儲存他們喜愛的商品,以便日後快速找到並完成購買。這也讓訪客可以輕鬆地將喜愛的商品分享給親朋好友,作為婚禮或其他禮品登記的一部分。

在本文中,我們將向你展示如何輕鬆地為 WooCommerce 商店添加心願單。

什麼是心願單以及為什麼在 WooCommerce 中添加它們?

心願單讓你的客戶及訪客可以將他們喜愛的商品儲存到一個列表中,幫助他們記住日後想要購買的熱門商品,並能快速在你的 WooCommerce 商店中找到。除此之外,客戶還可以將他們的心願單分享給朋友和家人,這有助於提升品牌知名度並增加網店流量,以提高銷售額。

另一個好處是你可以看到哪些商品被人們最多次儲存到心願單中。為了增加銷量,你可以針對熱門心願單商品進行促銷優惠和折扣活動。

接下來,讓我們看看如何輕鬆地在 WooCommerce 商店中添加心願單。

在 WooCommerce 商店中添加心願單

添加心願單到你的 WooCommerce 商店的最佳方式是使用像 YITH WooCommerce Wishlist 這樣的 WordPress 插件。這是一個免費加收費功能的插件,允許你的訪客儲存他們喜愛的商品到一個心願單中並分享給朋友和家人。

首先,你需要安裝並啟動 YITH WooCommerce Wishlist 插件。更多詳情請參閱我們的WordPress 插件安裝指南

啟動後,你可以從 WordPress 儀表板前往 YITH » Wishlist 並點擊‘添加到心願單選項’標籤來配置插件。

該插件會自動在每個商品上添加‘添加到心願單’鏈接,購物者可以點擊該鏈接來儲存商品。在設置中,你可以選擇在用戶將商品添加到心願單後顯示的鏈接位置。例如,你可以繼續顯示‘添加到心願單’按鈕,或者更改鏈接顯示‘查看心願單’或‘從列表中移除’選項。

接下來,你會看到循環設置和商品頁面設置。你可以選擇在商品頁面的哪個位置顯示‘添加到心願單’按鈕。默認情況下,它會顯示在添加到購物車按鈕之後。然而,你可以點擊產品頁面選項前的下拉選單來選擇不同的位置。

之後,簡單地向下滾動以自定義心願單文本,以及編輯添加到心願單按鈕的顏色和樣式。

完成後,請務必點擊頁面底部的‘保存選項’按鈕。

心願單頁面選項

接下來,你可以前往‘心願單頁面選項’標籤。該插件會在你的 WooCommerce 商店中新建一個心願單頁面。如果你願意,你可以從心願單頁面下拉選單中選擇另一個頁面,或使用 [yith_wcwl_wishlist] 短代碼在任何頁面顯示心願單。

之後,你可以向下滾動並選擇在 WordPress 後台心願單表中顯示的詳細信息。例如,有顯示商品變體、添加到心願單的日期、價格等選項。

你甚至可以選擇人們分享心願單時使用的社交媒體渠道,添加自定義文本當心願單在社交媒體上分享時等。

該插件還提供設置來更改文本和編輯分享按鈕、社交媒體渠道按鈕等的樣式和顏色。

當你自定義心願單頁面設置後,務必點擊‘保存選項’按鈕來保存你的更改。

你現在可以訪問你的 WooCommerce 商店,並在商品頁面上的添加到購物車按鈕下方看到添加到心願單的圖標和選項了。

當用戶點擊添加到心願單鏈接後,他們可以瀏覽自己的心願單並從列表中移除商品或添加到購物車。

除此之外,該插件還提供選項將心願單分享到社交媒體平台如Facebook、Twitter 和Pinterest,或者通過電子郵件和WhatsApp發送列表。

超越心願單以促進 WooCommerce 銷售

現在你已經為你的電子商務網站添加了心願單功能,你可能希望優化它來進一步促進銷售和轉化。

我們建議使用 FunnelKit 插件(前稱 WooFunnels)來優化你的 WooCommerce 結帳過程,添加一鍵追加銷售和其他營銷自動化功能。更多詳情請參閱我們的 WooCommerce 高轉化 funnels 建立指導

除此之外,這裡有五個我們推薦用於幫助增長 WooCommerce 商店的插件:

  • Advanced Coupons for WooCommerce – 幫助你添加聰明的優惠券,以提供一定金額以上免費送貨折扣、買一送一優惠等。
  • WooCommerce Gift Cards – 允許你為你的 WooCommerce 商店銷售禮品卡。這對於增強心願單以提升收入非常有幫助。
  • PushEngage – 幫助你在訪客離開網站後保持聯繫。許多聰明的電商零售商如 1800-flowers、Harrys 和 Davids 等均使用該技術來促進銷售。
  • Uncanny Automator – 這個工具幫助你自動化日常工作流程以節省時間。簡直是 WooCommerce 商店主的最佳任務自動化插件。
  • WP Mail SMTP – 確保你的 WooCommerce 電郵實際上能夠送達用戶的收件箱。這是所有 WordPress 網站的必備工具。更多詳情請參閱我們的WordPress 不發送郵件問題解決指南

我們希望這篇文章能幫助你了解如何在 WooCommerce 商店添加心願單。你可能還想看看我們精選的增長 WooCommerce 商店的最好的插件,以及隨著你的 WordPress 網站成長而擴展的最佳 WooCommerce 主機公司。

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

Read More
WordPress 教学

如何在 WordPress 管理中修復遺失的主題自訂器

如何在 WordPress 管理中修復遺失的主題自訂器

你的 WordPress 儀表板中是否缺少主題自訂器?支援全站編輯 (FSE) 的 WordPress 主題不會在管理面板中顯示主題自訂器選項,取而代之的是“外觀”選單下的新“編輯器”選項。在這篇文章中,我們將教你如何輕鬆修復 WordPress 管理後台中遺失的主題自訂器。

WordPress 管理中主題自訂器發生了什麼變化?

隨著 WordPress 推出全站編輯器,許多主題不再在管理後台顯示主題自訂器選項。全站編輯允許你使用塊來自訂 WordPress 網站的設計,就像在 WordPress 內容編輯器中編輯博客文章或頁面一樣。你可以使用塊、掛件和選單來添加和編輯主題模板的不同部分。

然而,如果你使用的是像默认的 Twenty Twenty-Two 主題這樣的塊基主題,你的“外觀”選單將會有所不同。你會發現“自訂”選項不見了,取而代之的是一個“編輯器”選項,這將啟動全站編輯器。透過使用全站編輯器,你應該能夠做出任何原本使用自訂器工具可以進行的修改。然而,你可能更喜歡使用自訂器而不是學習一種全新的自訂主題方式。在這種情況下,我們準備了一些方法來幫助你仍然能夠在你的 WordPress 博客上使用自訂器。

修復 WordPress 管理面板中遺失的主題自訂器的方法

有三種簡單的方法可以修復你的 WordPress 管理面板中遺失的主題自訂器。我們將逐一說明這些方法,以便你可以選擇最適合你的那一種。

方法1:在瀏覽器中手動輸入主題自訂器 URL

如果你使用的是支援全站編輯的 WordPress 主題並且想要訪問主題自訂器,你可以在你的 WordPress 管理 URL 後添加 ‘customize.php’。你的网站 URL 將如下所示: https://example.com/wp-admin/customize.php。只需將 ‘example.com’ 替換為你自己網站的域名,然後在瀏覽器中輸入該鏈接,這將啟動你網站的主題自訂器。

重要的是要指出,對於使用全站編輯的主題,自訂器中的編輯選項將受到限制。例如,你可能只會看到網站標識、首頁設置和額外 CSS 的一些簡單設置。如果你想要使用主題自訂器提供的所有選項來編輯你網站的主題,你可以使用下一種方法。

方法2:切換你的 WordPress 主題以修復遺失的主題自訂器

另一種解決主題自訂器遺失問題的方法是更改你的 WordPress 主題。全站編輯正在逐步推進,即使在 WordPress 6.3 版本中,它仍處於早期階段,這意味著目前還不多主題完全支援全站編輯,而那些支援的主題可能會比較繁瑣並且難以使用。此外,如果你訪問主題自訂器,塊基主題的自訂選項將有限。通過將你的 WordPress 主題切換到不包括全站編輯的主題,可以簡單地恢復主題自訂器選單。

一旦你這樣做,你可以通過訪問 WordPress 管理邊欄中的 外觀 » 自訂 頁面來輕鬆打開網站的主題自訂器。你可以查看我們的最受歡迎 WordPress 主題列表以獲得豐富的選擇。如果你有仿 WooCommerce 商店,你還可以參考我們針對最佳 WooCommerce WordPress 主題的專家推薦。

有關如何切換到不同主題的詳細信息,請參見我們的初學者指南:如何更換你的 WordPress 主題

方法3:使用 WordPress 主題生成器來修復遺失的主題自訂器

你還可以使用 WordPress 主題生成器,如 SeedProd 來自訂你的 WordPress 網站並修復 WordPress 管理中缺少主題自訂器的問題。WordPress 主題生成器允許你在不編寫任何代碼或僱用開發人員的情況下自訂你網站的主題。它們的拖放界面還可讓你構建不同的主題模板,並消除使用 WordPress 主題自訂器的需求。SeedProd 是市場上最佳的 WordPress 主題生成器和頁面生成器插件,由超過 100 萬專業人士使用。它提供預構建的主題模板,讓你可以立即創建自訂 WordPress 主題。

選擇模板後,你可以使用拖放生成器來自訂你的設計。只需從左邊的選單拖動任意元素,然後將其放到模板上。此外,還有選項進一步自訂模板中的每個元素,並更改其顏色、大小、字體和對齊方式。SeedProd 甚至包括 WooCommerce 塊,你可以用它來創建在線商店。

請參見我們的初學者指南:如何創建自訂 WordPress 主題 (無代碼),以獲得分步說明。

額外:修復 WordPress 管理邊欄中遺失的選單標籤

如果你使用的是塊主題,你會發現 外觀 » 選單 標籤不再可用。這一標籤通常用於打開“選單”頁面並將導航選單添加到你的 WordPress 網站。然而,在塊主題中這個選項將不可見。在這種情況下,你可以訪問 WordPress 儀表板中的 外觀 » 編輯器 頁面,然後單擊左上角的“添加塊” (+) 按鈕。接著,你可以從打開的塊選單中添加‘導航’塊到你的主題中。

在那之後,你可以在塊中單擊‘+’按鈕來添加頁面鏈接並創建一個選單。完成後,別忘了在頂部單擊‘保存’按鈕。另一個使用選單標籤的選項是切換到經典 WordPress 主題。然而,請記住,如果這樣做,你將失去所有的主題自訂設置。請參見我們的初學者指南:如何在 WordPress 管理中修復遺失的外觀選單

希望這篇文章幫助你了解如何修復 WordPress 管理中遺失的主題自訂器。你還可以參考我們的指南:如何檢查任意網站的流量 或參考我們的專家推薦:最佳 WordPress SEO 插件以改進你的排名

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

Read More
WordPress 教学

如何為 WordPress 撰寫部落格文章大綱(8 步驟)

如何為 WordPress 撰寫部落格文章大綱(8 步驟)

最後更新於 2024 年 6 月 10 日,由編輯團隊撰寫 | 經 Syed Balkhi 審核

你想學會如何為 WordPress 撰寫部落格文章大綱嗎?撰寫大綱能夠幫助您減少從頭開始撰寫的壓力。有大綱在手,您可以克服寫作的瓶頸,並以邏輯且易於閱讀的結構安排文章。

本文將分享如何為您的 WordPress 網站撰寫部落格文章大綱的逐步指南。

為什麼需要部落格文章大綱?

如果您是內容寫手、部落客或內容經理,可能會想知道是否真的值得花時間撰寫大綱。事實是,如果想撰寫一篇出色的文章,首先需要寫好大綱。這就是原因:

大綱能克服空白頁面的恐懼

每個寫手都知道打開 Google 文件或 WordPress 編輯器,看到空白頁面的感覺。可能會感到不知所措,甚至開始流汗,然後過度思考整篇文章以至於拖延撰寫。

有了大綱,在撰寫新文章前,您不會再感到害怕。您會將文章分解為主題標題和討論點,這樣您就知道要寫什麼。

大綱能幫助您更快地寫作

提前創建大綱是前期研究的一種方法。您可以分析搜索結果中的競爭對手來計劃內容,這可以防止在撰寫過程中被研究困住。將研究與撰寫分開,確保在開始撰寫時手頭有所有必要的資源,撰寫部落格文章變得輕而易舉。

以下是撰寫最佳部落格文章大綱的8個步驟,幫助您撰寫高質量、受搜索引擎喜愛的內容。

步驟1:選擇您的主題

創建部落格文章大綱首先需要知道要寫什麼主題。這意味著您需要決定一個主題。

從頭腦風暴幾個您想要涵蓋的部落格主題開始。如果您已經熟悉該主題,可能會有一些亟待解決的問題想要討論。否則,可以使用 All in One SEO 的搜索統計功能來找到主題。

步驟2:確定您的內容格式

不是每種類型的內容都有一種通用的格式。有時,格式是顯而易見的。如果您在討論「如何開始花園」,這可能是一個步驟指南。如果您在撰寫園藝技巧,這可能是一個列表。

步驟3:決定您的文章角度

對於任何主題,您都可以選擇要採取的方向。例如,如果您的主題是「如何種花園」,那麼您可能需要決定是指花園還是菜園。

步驟4:分析排名最高的頁面

得到角度後,您便可以開始構建大綱的實際結構和佈局。您可以通過上網搜索該主題,查看競爭對手的內容來確定需要涵蓋的標題和信息。

步驟5:在每個標題下添加要點

一旦有了主要標題,您可以充實每個部分,以便了解每個部分要寫什麼信息,包括將要涵蓋的要點、要強調的例子和要引用的統計數據。

步驟6:創建引人注目的文章標題

您的文章標題對 SEO 排名和流量有巨大影響。它的主要作用是告訴搜索引擎和訪問者文章的內容。

步驟7:尋找相關關鍵字

在撰寫部落格文章時,加入相關的關鍵字有助於搜索引擎更好地理解您的文章。這些關鍵字能幫助您的文章在合適的查詢中排名,將內容展示給正確的受眾。

步驟8:完成您的大綱

此時,您應該會有一個全面的草稿,包含所有的標題、副標題和重要要點,以及所有的研究文章和關鍵字在手,讓您具備撰寫一篇出色部落格文章的一切信息。

在開始撰寫之前,最好將大綱發送給編輯、同事或內容經理。他們可以指出您錯過的東西或不準確之處。準備就緒後,您可以開始撰寫草稿。

我們希望這篇文章能幫助您學會如何撰寫深度大綱,為實際帶來流量的部落格文章。如果您想學習更多關於部落格撰寫的知識,請查看我們的文章「如何開始 WordPress 部落格」或「如何增加部落格流量」。

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

Read More
WordPress 教学

如何修复WordPress登录页面刷新和重定向问题

WordPress登录页面刷新和重定向问题的原因

WordPress登录页面刷新和重定向错误通常是由错误的WordPress URL设置或未正确设置登录Cookie引起的。通常,当你登录时,WordPress会验证你的用户名和密码,然后在浏览器中设置一个登录Cookie,之后它会将你重定向到WordPress仪表板。如果WordPress未能正确设置登录Cookie,或你的WordPress管理区域URL不正确,那么你将被重定向回登录页面,而不是进入管理仪表板。

登录问题还可能由不同的WordPress错误引起,例如建立数据库连接错误、内部服务器错误或白屏死机。

方法1: 清除Cookie以解决登录问题

WordPress使用Cookie进行登录验证,所以排查WordPress登录问题的第一步是清除浏览器的Cookie和缓存。在谷歌浏览器中,只需点击浏览器设置菜单,然后选择更多工具 » 清除浏览数据。然后,选择‘清除Cookie和其他网站数据’及‘缓存的图片和文件’选项。接着,点击‘清除数据’按钮,谷歌浏览器会清除浏览器缓存。确保浏览器已启用Cookie。之后重新启动浏览器,尝试再次登录。这应该可以解决大多数人的问题。

方法2: 更新WordPress URL设置

WordPress具有设置你的网站URL和WordPress安装URL的选项。如果这些URL不正确,WordPress会将你重定向回登录页面。由于你无法访问WordPress管理区域,你需要编辑wp-config.php文件以修复此问题。你可以使用FTP客户端或通过你的WordPress主机账户的文件管理应用访问该文件。将如下代码粘贴在‘那就到这里吧,继续编辑吧!愉快的发布!’之前:

define(‘WP_HOME’,’https://www.example.com’);
define(‘WP_SITEURL’,’https://www.example.com’);

别忘了将‘example.com’替换为你自己的域名。保存更改并将文件上传回网站。现在访问你的网站并尝试登录。

方法3: 删除WordPress中的.htaccess文件

有时,.htaccess文件可能会损坏,导致内部服务器错误或登录页面刷新错误。使用FTP客户端或通过主机提供商的文件管理应用访问你的网站,找到根目录下的.htaccess文件并下载备份,然后删除该文件。如果wp-admin目录中另有一个.htaccess文件,则也将其删除。尝试再次登录你的WordPress网站。如果成功,说明.htaccess文件阻止了你的登录。登录后,访问设置 » 固定链接页面并点击‘保存’按钮,生成一个新.htaccess文件。

方法4: 停用所有WordPress插件

有时,WordPress插件可能会引起此问题,尤其是当两个插件发生冲突时。使用FTP客户端访问你的网站,进入/wp-content/目录,重命名插件文件夹为‘plugins_backup’即可停用所有插件。之后,尝试登录你的网站。如果成功,说明是某个插件引起了问题。

方法5: 恢复到默认主题

WordPress主题在升级到新版本后也可能引起冲突。在/wp-content/themes/目录中重命名当前主题为‘themes_backup’,然后尝试重新登录。如果成功,说明问题由主题引起。你可以重新安装主题的最新版,或者联系主题支持。

方法6: 重新安装WordPress核心

在极少数情况下,持续的登录页面刷新问题可能由WordPress核心文件损坏引起。首先,下载最新版本的WordPress并解压缩。使用FTP客户端连接你的网站,将解压后的文件上传到网站根目录中覆盖现有的核心文件。完成后,访问你的网站查看问题是否解决。

Read More
WordPress 教学

如何將 Microsoft Outlook 連接到 WordPress(逐步指南)

為什麼使用 Microsoft Outlook 發送 WordPress 郵件?

Microsoft Outlook 是經常使用 Office 365 的企業主的絕佳選擇。您可以使用現有的 Microsoft Outlook 帳戶,從您的 WordPress 網站向訂閱者發送電子郵件。使用 Outlook 的最大好處是它允許您一次發送大量電子郵件,每天最多可以發送 10,000 封郵件,而這個數量遠高於其他郵件服務。

如果您有一個忙碌的在線商店,這將幫助您向所有客戶發送收據、跟踪信息和購物車遺棄郵件。Microsoft Outlook 提供的另一個好處是,您不必使用默認的 WordPress PHP mail() 函數來發送電子郵件。默認的郵件發送方法存在很多問題,而且許多 WordPress 主機服務沒有正確配置 PHP mail,這會導致電子郵件可送達性問題。您的郵件可能會進入垃圾郵件文件夾,因為像 Gmail 這樣的電子郵件服務提供商無法檢測到郵件發件人。

然而,通過使用 SMTP 服務提供商來通過您的 Outlook 帳戶發送 WordPress 電子郵件,您可以輕鬆克服這個問題。

什麼是 SMTP?

SMTP,或簡單郵件傳輸協議,是用於發送電子郵件的行業標準技術。它使用正確的身份驗證,確保您的電子郵件到達用戶的收件箱,而不會進入垃圾郵件文件夾。要發送電子郵件,您可以連接 SendLayer、SMTP.com、Brevo、Office 365 / Outlook、Gmail、Amazon SES 等流行服務。

說到這裡,讓我們來看看如何將您的 Microsoft Outlook 帳戶連接到 WordPress。

如何將 Outlook 連接到您的 WordPress 網站

將 Microsoft Outlook 添加到 WordPress 的最簡單方法是使用 WP Mail SMTP 插件。它讓您可以安全地使用 Microsoft API 來驗證您的網站電子郵件。

本文將使用 WP Mail SMTP Pro 版本,因為它包含 Office 365 / Outlook.com 集成。WP Mail SMTP 也有免費版本,但它不允許您將 Outlook 帳戶與 WordPress 連接。

設置 WP Mail SMTP

首先,您需要在您的 WordPress 網站上安裝並激活 WP Mail SMTP 插件。請參考我們的逐步指南來安裝 WordPress 插件。

注意:請記住,如果您的網站上沒有 SSL 證書,Outlook 郵件發送器將無法工作。您可以查看我們的指南來設置 WordPress 的 SSL。

激活後,您可以通過 WordPress 管理區域中的 WP Mail SMTP » 設置來連接您的 Outlook 帳戶。在設置頁面上,您將看到 “發件人電子郵件” 和 “發件人名稱” 設置。您可以跳過這些設置,因為您的 Outlook 帳戶設置將覆蓋它們。

接下來,您將看到不同的郵件發送器選項。請選擇 “Outlook” 作為您的郵件發送器選項。

隨後,WP Mail SMTP 會顯示一個新的設置區域,用來設置您的 Outlook 帳戶。您需要在 Microsoft Azure 賬戶內創建 Web 應用程式來找到應用程式 ID、應用程式密碼和重定向 URI。請隨時開啟 WP Mail SMTP Outlook 設置頁面於其他分頁或視窗,因為您將需要返回此頁面輸入信息。

創建應用程式 ID

一旦您打開了 Azure 入口,請在左側側邊欄點擊 “所有服務”。在接下來的屏幕中,您會看到 Microsoft Azure 提供的不同服務。在 “身份” 部分中,點擊 “應用程式註冊”。點擊 “+ 新註冊” 按鈕,以創建您的應用程式。然後,為應用程式命名。在 “重定向 URI” 設置中,保留 “Web” 選項並粘貼 WP Mail SMTP Outlook 設置中的重定向 URI 地址,並點擊“註冊”按鈕。

Microsoft Azure 會將您重定向到一個新的屏幕,您將看到應用程式(客戶端)ID。點擊 “複製” 圖標以複製應用程式 ID 並將其輸入到 WP Mail SMTP 設置中。

創建應用程式密碼

接下來,您需要創建應用程式密碼。首先點擊左側的 “證書與密鑰” 選項。在接下來的屏幕中,跳過證書部分,並向下滾動到用戶端密碼部分。點擊 “+ 新用戶端密碼”,並為其設定描述和過期時間。點擊“新增”後,Microsoft Azure 將生成應用程式密碼。複製此密碼並將其粘貼到 WP Mail SMTP 設置中的 “應用程式密碼” 欄位。

設置 API 權限

在 WP Mail SMTP 設置中設置應用程式 ID 和應用程式密碼後,接下來需要新增 API 權限。點擊左側選單中的 “API 權限”,然後點擊 “添加權限” 按鈕。選擇 “Microsoft Graph”,然後選擇 “委派的權限”。在“選擇權限” 搜索欄中輸入 “send”,選擇 “郵件” 標籤並勾選 “Mail.Send.Shared”。然後再次新增 “Microsoft Graph” 權限,這次選擇 “應用程式權限”,並搜索 “send”,勾選 “Mail.Send”。最後回到 WP Mail SMTP 設置,點擊 “保存設置”。

保存設置後,向下捲動至 WP Mail SMTP 設置中的授權部分,並點擊 “允許插件使用您的 Microsoft 帳戶發送電子郵件” 按鈕。點擊後,您將被重定向到 Microsoft 權限表單,點擊底部的 “是” 按鈕允許連接。您將被重定向回到 WP Mail SMTP 設置頁面。

現在,您可以發送測試郵件以檢查是否一切正常。去到 WP Mail SMTP » 設置,點擊頂部的 “電子郵件測試” 標籤,在底部點擊“發送郵件” 按鈕。發送測試郵件後,檢查您的收件箱以確認收到測試郵件。

獎勵:使用 WP Mail SMTP 查看郵件日誌

設置 WP Mail SMTP 並連接 Microsoft Outlook 後,您可以輕鬆地從 WordPress 儀表板查看所有電子郵件日誌。這將確保您的電子郵件已送達收件人收件箱並跟蹤用戶活動。前往 WP Mail SMTP » 設置頁面,切換到 “電子郵件日誌” 標籤,打開 “啟用日誌” 開關,然後點擊 “保存設置” 按鈕。前往 WP Mail SMTP » 電子郵件日誌頁面,檢視您啟用該功能後發送的所有電子郵件列表,並點擊“編輯”連結查看詳細信息。

結論

我們希望這篇文章幫助您了解如何將 Microsoft Outlook 連接到 WordPress。您可能還想查看我們的其他 WordPress 指南,以助於您的電子郵件行銷活動。

最佳 WordPress 指南

  • 小型企業最佳電子郵件營銷服務

  • 如何將 Web 推送通知添加到您的 WordPress 網站

  • WordPress 電子郵件營銷自動化初學者指南

  • 如何正確創建電子郵件通訊(逐步指南)

  • 什麼是電子郵件爆炸? 如何“正確”進行電子郵件爆炸

  • 揭示:為何今天建立電子郵件列表如此重要

  • 如何設置 WordPress 電子郵件追蹤(打開,點擊等)

  • 如何在 Google Analytics 中設置電子郵件通訊追蹤

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

Read More
WordPress 教学

如何在 WordPress 中添加箭頭鍵鍵盤導航

為什麼在 WordPress 中添加箭頭鍵鍵盤導航?

添加鍵盤導航允許用戶輕鬆瀏覽您 WordPress 網站上的博客文章。用戶可以通過按鍵盤上的左右箭頭鍵查看下一篇和上一篇博客文章。

當您希望用戶輕鬆以順序瀏覽文章時,此功能特別有用。例如,如果您使用博客文章發佈書籍的章節、作品集項目、歷史事件等。

添加箭頭鍵鍵盤導航還可以通過鼓勵用戶更多地探索您的網站,提高 WordPress 博客的用戶體驗。

方法 1:使用 WPCode 添加箭頭鍵鍵盤導航(推薦)

您可以通過向 WordPress 主題的 functions.php 文件添加代碼,輕鬆在您的 WordPress 網站上添加箭頭鍵導航。這樣,用戶將能夠使用鍵盤上的箭頭鍵在網站上的不同頁面和文章之間切換。

然而,請記住,向 WordPress 核心文件添加自定義代碼可能存在風險,一個小錯誤可能會損壞您的網站。因此,我們總是推薦使用 WPCode。它是市場上最好的 WordPress 代碼片段插件,使得向網站添加代碼變得安全且簡單。

步驟 1:安裝和激活 WPCode 插件

首先,您需要安裝和激活 WPCode 插件。詳情請參閱我們的初學者指南,了解如何安裝 WordPress 插件。

注意:WPCode 還有免費版,您可以用於本教程。然而,升級到付費計劃將解鎖更多功能,如代碼片段庫、條件邏輯、CSS 代碼片段選項等。

步驟 2:添加自定義代碼片段

啟動後,從 WordPress 管理儀表板進入 Code Snippets » + Add Snippet 頁面。到達後,您可以點擊 ‘Use Snippet’ 按鈕,選擇 ‘Add Your Custom Code (New Snippet)’ 選項。

這將帶您到 ‘Create Custom Snippet’ 頁面,您可以從這裡開始為您的代碼片段命名。然後,從屏幕右上角的下拉菜單中選擇 ‘Universal Snippet’ 作為 ‘Code Type’。

注意:請勿選擇 ‘JavaScript’ 作為代碼類型。雖然這是 JavaScript 代碼,只有選擇 ‘Universal Snippet’ 選項,代碼才會在您的網站上運行。

步驟 3:粘貼代碼

接下來,僅需將以下代碼複製並粘貼到 ‘Code Preview’ 框中:

<script type="text/javascript"> document.onkeydown = function (e) { var e = e || event, keycode = e.which || e.keyCode; if (keycode == 37 || keycode == 33) location = ""; if (keycode == 39 || keycode == 34) location = ""; } </script>

步驟 4:選擇插入位置

之後,向下滾動到 ‘Insertion’ 部分,選擇代碼片段的位置。這裡,從下拉菜單中選擇 ‘Site Wide Footer’ 選項在 ‘Location’ 邊。

步驟 5:激活代碼片段

接下來,選擇自動插入方法 ‘Auto Insert’。激活後,代碼將自動在您的網站上執行。然後,返回頁面頂部,將開關從 ‘Inactive’ 切換到 ‘Active’,然後點擊 ‘Save Snippet’ 按鈕。

方法 2:使用箭頭鍵導航插件添加箭頭鍵鍵盤導航

如果您不想向網站添加代碼,那麼您可以使用 Arrow Keys Navigation 插件。此插件允許您使用鍵盤上的左、右箭頭鍵瀏覽網站的上一篇和下一篇文章。

首先,您需要安裝和激活 Arrow Keys Navigation 插件。詳情請參閱我們的分步指南,了解如何安裝 WordPress 插件。

注意:此插件最近沒有更新。然而,我們測試了最新版本的 WordPress,插件依然有效。

由於這是一個非常簡單的插件,不需要額外配置。激活後,您現在可以使用箭頭鍵在網站上的不同文章之間切換。

請記住,此插件僅允許您在網站上的不同文章之間切換,無法使用箭頭鍵從一個頁面移動到另一個頁面。例如,您無法從‘首頁’切換到‘聯繫我們’頁面。

WordPress 幻燈片和圖片庫的箭頭鍵導航

以上兩種解決方案允許用戶使用箭頭鍵瀏覽博客文章。但是,有時您可能希望添加其他功能,例如允許用戶使用箭頭鍵移動圖片或幻燈片。

在這些情況下,您需要使用 WordPress 圖片庫插件和/或 WordPress 幻燈片插件。大多數受歡迎的幻燈片和圖片庫插件內建箭頭鍵導航功能。

我們推薦使用 Envira Gallery,因為它是最好的圖片庫插件,允許您根據需要自定義圖片,包括水印、箭頭鍵和替代文本。

詳情請參閱我們的教程,了解如何在 WordPress 中創建圖片庫。

我們希望這篇文章能幫助您學會如何在 WordPress 中添加箭頭鍵鍵盤導航。您可能還會對我們精選的最佳 WordPress 插件或我們的指南感興趣,了解如何在 WordPress 中添加特殊字符。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何在WooCommerce中添加批发定价(逐步指南)

为什么要在WooCommerce中添加批发定价?

如果您有足够的资源和员工来管理大额订单,那么您可能希望为您的在线商店设置批发定价。这可以使您的网站对需要批量购买的公司或组织更具吸引力。

各种类型的企业都会选择为其产品显示批发定价以及常规价格,比如代发货业务和B2B公司。不幸的是,WooCommerce并不允许店主根据数量或客户的用户角色提供不同的定价。

这意味着您的批发客户将需要手动协商价格和折扣才能下订单。如果您不为批发客户提供自动折扣,那么这些客户最终会另寻他处。

话虽如此,让我们来看看如何轻松在WooCommerce中添加批发定价,以便客户可以快速下大订单。

步骤1:安装WooCommerce批发套件插件

添加批发价格的最佳WooCommerce扩展是WooCommerce批发套件。这是一套允许您启动批发店铺和管理批发客户的插件。

首先,您需要安装并激活免费的WooCommerce批发价格插件和高级版的批发套件扩展。虽然仅使用免费插件也能设置批发定价,但扩展将为您提供更多高级功能。比如,您可以设置最低订单门槛,使客户的订单有资格享受批发定价。

安装并激活插件后,前往Wholesale»License。

您可以现在输入您的商业邮件地址和许可证密钥。您可以通过登录批发套件账户找到许可证密钥。此信息也包含在您的购买确认邮件中。添加这些信息后,点击‘保存更改’按钮。

步骤2:设置批发客户账户

批发套件会自动创建一个名为‘批发客户’的新用户角色。此角色允许您一次性为所有批发客户提供折扣。默认情况下,拥有‘批发客户’角色的任何人登录其账户时都会看到折扣价格。

要创建一个‘批发客户’账户,请转到用户»新增。

在这里,输入您要使用的所有信息,如批发商的商业邮件地址和用户名。然后,只需打开‘角色’下拉菜单并选择‘批发客户’。

之后,滚动至屏幕底部并点击‘新增用户’按钮。

您现在可以通过重复上述过程来创建更多的批发客户账户。

步骤3:在WooCommerce中添加批发定价

创建了一些批发账户后,下一步就是为他们提供独家折扣。一种选择是将批发定价添加到单个WooCommerce产品中。要实现这一点,只需创建一个新产品或打开现有产品进行编辑。

随后,滚动到‘产品数据’部分。如果您尚未设置,可以设置‘常规价格’,这是默认提供给所有访问您WordPress网站的人的零售价。您还可以设置销售价格。

之后,滚动到‘批发价格’部分并打开‘折扣类型’下拉菜单。您现在可以选择为批发客户提供固定折扣或百分比折扣。如果选择‘百分比’,请在‘折扣(%)’字段中输入一个金额。批发套件将计算出价格并以美元显示数值。

如果从下拉菜单中选择‘固定’,则只需在‘批发价格’字段中键入一个值即可。

您还可以为批发折扣设置时间限制。例如,您可能会在流行假期前提供更大的批发折扣以尝试获得更多销售。

要实现这一点,点击‘安排’链接。这会添加两个新字段,让您可以输入开始日期和结束日期。这样,您可以为批发折扣创建自动化工作流程。

之后,滚动到‘批发最低订购数量’部分。在这里,输入客户必须购买的最低商品数量才能解锁批发定价。

这就是提供简单批发定价所需的一切,所以您可能希望继续更新或发布产品。现在,任何登录其账户的批发商在产品页面上会看到折扣后的产品价格旁边还有常规价格。

设置基于数量的批发定价

提供分级折扣可以鼓励批发客户购买更多单位。例如,如果客户购买至少50个单位,您可能会提供25%的折扣,如果购买超过100个单位,则提供50%的折扣。

要创建分级折扣,只需打开您希望提供分级定价的产品,然后滚动到‘基于产品数量的批发定价’部分。在这里,勾选以下选项:‘根据购买数量启用进一步的批发定价折扣?’

这将添加一些新设置,您可以在其中设置起始和结束数量,以及您希望提供的折扣。

输入这些信息后,点击‘添加数量折扣规则’。

您可以通过上述过程添加更多分级定价。

强制执行批发客户的最低订单

默认情况下,批发商不需要满足最低订单数量。他们可以购买任意少的产品,尽管他们可能不符合批发折扣的条件。在这种情况下,您会希望防止批发商滥用其批发特权。

一种方法是滚动到‘批发订单数量步长’部分,然后在字段中输入‘1’。之后,点击‘发布’或‘更新’按钮以保存对产品的更改。

接下来,进入WordPress仪表板中的Wholesale»Roles。现在,您可以将鼠标悬停在‘批发客户’角色上,当出现‘编辑’链接时点击它。 在此屏幕上,勾选以下选项:‘如果未满足批发条件,防止购买。’

完成后,只需点击‘编辑批发角色’按钮保存更改。现在,批发商在满足最低数量之前将无法结账。

步骤4:创建新的批发客户角色

如前所述,批发套件会创建一个名为‘批发客户’的新角色。如果您想为所有批发客户提供相同的折扣,则可以简单地使用这个默认角色。然而,有时您可能希望创建不同的批发角色拥有不同的折扣,甚至不同的福利,例如免费送货。

例如,您可能会为下最大的订单的批发商提供更大的折扣。这样,您可以让您的有价值的客户持续返回您的电商商店或数字产品市场。

要创建更多角色,请转到Wholesale»Roles页面。然后,为角色命名和指定一个键,并键入一个可选的描述。输入满意的信息后,点击‘新增批发角色’。

现在,您可以通过在WordPress仪表板中打开该人的用户资料来为任何客户分配此角色。在这里,只需打开‘角色’下拉菜单并选择刚创建的批发角色。

您还可以为特定产品创建不同的批发定价等级。只需打开产品并滚动到‘批发价格’部分。现在,您会看到每个用户角色的不同设置。

要为新用户角色创建折扣或其他福利,只需按照上述相同的过程进行。

专业提示:您可以像自定义任何其他WordPress角色一样自定义您的批发用户角色。要了解更多信息,请参阅我们的指南,了解如何在WordPress中为特定用户添加或删除功能。

步骤5:为批发客户设置全局折扣

很多时候,您会希望为每个产品添加不同的批发价格。但是,您也可以使用Wholesale Prices WooCommerce插件为所有产品设置全局百分比折扣。批发套件将把全局折扣应用于所有未添加独特批发价格的产品。这使您可以为批发商提供全店的好处,因此如果您有一个拥有大量产品的大型WooCommerce商店,这是一个很好的选择。

只是要注意,没有最低订单价值。这可能是鼓励批发商通过小额订单尝试新产品的好方法,但您也应该考虑这对您的利润的影响。

要为批发客户创建全局折扣,请进入WooCommerce»Settings。然后,点击‘批发价格’选项卡。在此选项卡,您可以配置批发客户的默认设置。例如,您可能会提供运费折扣或为批发客户提供更多的WooCommerce支付网关选择。

为了改善客户体验,花些时间查看不同的选项卡是个好主意。

要创建全局折扣,点击‘折扣’链接。完成后,打开‘批发角色’下拉菜单并选择将获得全局折扣的角色。之后,只需在‘百分比折扣’字段中输入一个数字。

完成后,点击‘添加映射’按钮以保存更改。

步骤6:添加批发订单表单

设置批发定价后,您还需要添加一个订单表单,让客户批量购买产品。批发订单表单使批发客户能够轻松地在您的网站上下单。与逐一浏览每个产品或产品类别相比,他们可以通过表单选择所需数量的产品。

要了解更多信息,可以查看我们关于如何在WordPress中创建批发订单表单的指南。这个教程展示了三种不同的方法:使用Wholesale Suite、WPForms和WP Simple Pay。有了批发定价和订单表单,您现在可以自信地接受客户的批发订单。

了解更多管理WooCommerce批发店铺的方法

添加批发价格只是启动WooCommerce批发店铺的第一步。查看以下文章,以改善您的客户体验:

  • 如何创建仅限会员的WooCommerce商店(逐步指南)
  • 最佳WordPress库存管理插件(比较)
  • 如何优化WooCommerce商店的客户旅程
  • 如何在WordPress中接受支付宝付款
  • 如何自定义WooCommerce产品搜索结果页面
  • 增加销售额的最佳WooCommerce自动化
  • 最佳WooCommerce多供应商插件(比较)
  • 如何在WooCommerce中提供跟踪发货(逐步指南)

我们希望本教程帮助您在WordPress中添加WooCommerce批发价格。您可能还希望查看我们的小型企业最佳邮件营销服务列表以及如何创建WooCommerce弹出窗口以增加销售额。

Read More
WordPress 教学

了解 Google 的 INP 分數及如何改進 WordPress 網站速度

了解 Google 的 INP 分數及如何改進 WordPress 網站速度

最後更新於 2024 年 3 月 14 日,由編輯部 | 評論者:Syed Balkhi

您是否想知道什麼是 Google 的 INP 分數以及怎麼在您的 WordPress 網站上改進這一指標?互動到下一次繪製(INP)是 Google 的核心網頁指標之一。改善這一指標可以使您的網站對用戶更加響應。在本文中,我們將介紹如何提高你的 Google INP 分數以及解釋什麼是 Google 的 INP 分數。

什麼是 Google 核心網頁指標?

Google 核心網頁指標是 Google 認為對整體用戶體驗很重要的網站性能指標。這些網頁指標是 Google 整體頁面體驗指標的一部分,將影響您的 SEO 排名。

這些指標非常有用,因為即使您的 WordPress 網站加載速度很快,它也可能不完全對用戶功能。如果一個頁面已加載,訪客可能無法執行他們想做的事情或訪問所需的信息。

什麼是 Google INP?

INP 代表“互動到下一次繪製”。這是一個新的 Google 核心網頁指標,用於衡量引起您網站延遲的用戶互動。

INP 測試用於衡量從用戶與您的網站互動開始(如點擊某物)到您的內容在視覺上更新的時間。這種視覺更新稱為“下一次繪製”。

為什麼 Google 將 FID 指標改為 INP?

舊的 FID 測試衡量的是頁面加載後,網站對第一次用戶輸入的反應速度,如鼠標點擊或鍵盤按鍵。通過測量用戶的第一次輸入與您網站開始響應之間的時間來實現這一點。

然而,這一指標並不是那麼有用,因為它只衡量第一次用戶互動,且僅關注開始處理互動的時間,而不關注用戶實際看到視覺反饋的時間。所以 Google 更改測試以更全面地反映網頁的整體響應性。INP 測試將在用戶離開頁面之前測量整個時間。

如何在 WordPress 上測量 Google INP 分數

測試您的 Google 核心網頁指標分數最簡單的方法是使用 PageSpeed Insights 工具。只需輸入您要測試的 URL,然後點擊“分析”按鈕即可。

該工具將分析網頁幾秒鐘,然後顯示測試結果。注意:您還可以使用 DebugBear 的免費網站速度測試或 Site Speed Chrome 擴展來查看核心網頁指標,這些是某些開發者偏好的工具。

現在,除了其他 Google 核心網頁指標外,您還將看到該頁面的互動到下一次繪製(INP)分數。桌面和移動用戶的分數會有所不同。

當您能看到自己的網站分數時,您可能會想知道它與其他網站的比較情況以及是否需要改進。Google 提供了一些指南來解讀您的 INP 分數:

  • 小於 200 毫秒 – 響應性好
  • 200-500 毫秒 – 需要改進
  • 大於 500 毫秒 – 響應性差

請確保檢查您網站移動和桌面用戶的分數,並目標達到響應性良好的標準。接下來,您可以遵循以下指南來改善您的 INP 分數。

案例研究:在 Awesome Motive 的網站上發現慢速互動

我們已經開始測量我們品牌網站的 INP 分數,包括 All in One SEO、MonsterInsights 和 WPForms。當我們的團隊檢查我們網站的 INP 分數時,初步結果顯示我們最受歡迎的頁面需要改進。

使用 Chrome 用戶體驗(CrUX)儀表板,我們可以看到:

  • 80% 的會話被評為“良好”
  • 12% 的會話被評為“需要改進”
  • 8% 的會話被評為“差”

現在,我們還不知道哪些具體的互動在頁面上是很慢並需要優化的。這些信息在 Google 測試中沒有提供。這意味著我們接下來需要自己進行測試,以便找到低 INP 分數頁面上的慢速互動。這是一個需要由開發者執行的詳細而先進的任務。

您可以查看 Google 的文章,了解如何使用 Web Vitals 擴展進行調試。需要注意的是,評分較低的會話很可能發生在較慢的設備或連接上。因此,在測試時建議限制瀏覽器的速度,否則可能無法發現慢速互動。

找到頁面的 INP 分數後,您可以使用本教程下一部分中的提示來改進它們。

如何提高 WordPress 的 Google INP 分數

大部分 INP 分數優化工作需要由開發者完成,包括您網站所使用的主題和插件的作者,以及任何自定義 JavaScript 的開發者。這是因為 INP 分數主要與網站上 JavaScript 互動所需的時間有關。

如果您是一個網站所有者,有幾個步驟可以用來減少第一個和第三個延遲時間。我們會在下一部分展示如何做。

網站所有者如何優化 INP

以下是一些您可以採取的步驟,以實現這一目標。

1. 確保正在運行最新版本的 WordPress

首先,請確保您正在運行最新版本的 WordPress。這是因為 WordPress 6.2 和 6.3 版引入了顯著的性能改進,這些改進將提高您網站在服務器端和客戶端的性能,從而提高您的 INP 分數。

2. 優化 WordPress 中的後台進程

如果您的網站過多地運行這些後台任務,那麼可能無法立即意識到用戶已點擊鼠標或按下按鍵,從而導致差的 INP 分數。

3. 檢查 PageSpeed Insights 性能建議

在您運行 PageSpeed Insights 測試後,可以向下滾動到測試結果的性能部分。在這裡,您將找到一些提高網站性能的機會,以及如果您遵循建議可以節省的估計時間。

如何優化 JavaScript 代碼以提高 INP

如果您是開發者,那麼最大的 INP 分數增益將來自於優化您的代碼。這裡有一些能幫助的具體事例:

立即視覺確認用戶輸入

這些將使您的代碼對用戶更具響應性,並產生更好的 INP 分數。

例子 1: 在進行重 CPU 任務前更新屏幕

CPU 重度任務需要時間,如果寫了不好的代碼並將屏幕更新放在此任務之前,將導致高 INP 分數。以下是一個更新屏幕前進行 CPU 重度任務的糟糕示例:

稍後,我們將展示一些改進的示例。

例子 2: 安排在下一次重繪前運行的函數

您還可以使用 requestAnimationFrame 來安排在下一次重繪前運行函數:

例子 3: 避免佈局抖動

布局抖動發生在您反复讀寫 DOM(文檔對象模型)時,導致瀏覽器多次重新計算佈局。

通過合批讀和寫,可以避免這種情況。這是一個更好的示例:

Read More
WordPress 教学

如何在WordPress中仅向RSS订阅者显示内容

你想在WordPress中仅向RSS订阅者显示内容吗?虽然RSS(简易信息聚合技术)不如社交媒体流行,但仍有一些用户通过它来跟踪他们最喜欢的博客。如果你有RSS订阅者,可以向他们提供独家内容。

在本文中,我们将向你展示如何隐藏一般用户的内容,仅向RSS订阅者显示。

为什么要向WordPress RSS订阅者显示独家内容?

为RSS订阅者提供独家内容可以为你的网站带来双赢的局面。

对于读者来说,这会让他们有理由订阅你的RSS源,确保不会错过你的最新内容。这可以包括从新播客的优先访问到赢得激动人心奖品的独家抽奖等。

作为网站所有者,奖励读者的忠诚可以让用户保持参与,并不断回归,这对于试图建立追随者的新网站特别有帮助。

让我们看看如何在WordPress中仅向RSS订阅者显示内容。

如何在WordPress中仅向RSS订阅者显示内容

本教程需要向WordPress添加自定义代码,尤其是在你的functions.php文件中。为了使流程安全且适合初学者,我们将使用WPCode插件。

WPCode是市场上最好的代码片段插件。通过它,你可以轻松地向你的网站添加代码片段,而不需要直接处理WordPress主题文件。这大大降低了破坏网站或引发巨大错误的风险。

在使用以下方法之前,请确保先安装WPCode插件。无论是专业版还是免费版插件都适用于本教程。

详细的安装说明请参考我们的初学者指南,了解如何安装WordPress插件。

以下所有教程都使用相同的步骤,代码本身会根据你选择的用例有所不同。安装插件后,需要进入WordPress仪表盘中的“代码片段” » “+ 添加片段”。然后,选择“添加自定义代码(新片段)”并点击“使用片段”按钮。

方法1:仅向WordPress RSS订阅者显示特定内容片段

如果你想创建一个常规博客文章,但包含一个仅供RSS订阅者阅读的独家内容片段,可以使用此方法。此代码将从常规访客中隐藏一个特别的文章内容片段,并仅向RSS订阅者显示。

首先,为你的代码片段命名,如“显示特定内容给RSS”。然后,将代码类型更改为“PHP片段”。

之后,将以下代码添加到代码预览框中:

function wpb_showcontent_rss( $atts, $content ) {
if ( is_feed() )
return $content;
}
add_shortcode( 'showcontentrss', 'wpb_showcontent_rss' );

此函数检查当前请求是否为RSS供稿。如果是,则函数将显示在[showcontentrss]短代码标签内的内容。

添加代码后,向下滚动确保插入方法为“自动插入”并且位置为“在任何地方运行”。然后,点击“未激活”切换,使其变为“激活”,并点击“保存片段”按钮。

现在,打开Gutenberg块编辑器创建一个新的WordPress帖子,并像往常一样添加块。

然后,在页面的任意位置点击‘+’号添加块按钮并选择短代码块。

在新的短代码块中,添加[showcontentrss]和[/showcontentrss]标签。之后,可以在这两个标签之间写一些内容。

例如,我们写了:[showcontentrss]使用这个独家WPForms优惠码SAVE50享受50%的折扣[/showcontentrss]

完成后,发表文章。当你像常规访客一样访问你的网站时,你不会看到短代码内的内容。然而,如果你从RSS阅读器中打开WordPress博文,你将会看到它。

方法2:仅向RSS订阅者显示特定博客文章

如果你想把整个博客文章隐藏起来,不让常规访客看到,而仅向RSS订阅者显示,可以使用此方法。

第一步是给你的片段命名,如“排除特定帖子给RSS”。确保将代码类型更改为“PHP片段”。

现在,你需要复制下面的代码并粘贴到代码预览框中:

function excludePosts($query) {
// 检查查询是否为首页或存档页
if ($query->is_home() || $query->is_archive()) {
// 指定要排除的文章ID
$excludedPosts = array(1, 2, 3); // 替换1、2、3为你要排除的文章ID
$query->set('post__not_in', $excludedPosts);
}
return $query;
}
add_filter('pre_get_posts', 'excludePosts');

此功能指定要从一般浏览中排除并仅限RSS订阅者查看的文章ID。确保将ID号替换为所选的文章ID。如果你不确定在哪里找到你的文章ID,可以阅读我们的文章了解如何在WordPress中找到文章、分类、标签、评论或用户ID。

完成后,向下滚动确保插入方法为“自动插入”并且位置为“在任何地方运行”。然后使代码“激活”,并点击“保存片段”按钮。

如果代码有效,当你使用浏览器查看时,你将看不到这些博客文章,但在RSS阅读器中可以看到。

方法3:仅向RSS订阅者显示特定分类

如果你决定将仅供RSS使用的博客文章分组到一个分类中,可以使用此最终方法。此选项的好处是,当你创建新的RSS订阅者博客文章时,不需要每次更新代码。

像往常一样,给你的代码片段命名(如“排除分类给RSS”)并将代码类型更改为“PHP片段”。

然后,将以下代码插入到代码预览框中:

function excludeCategory($query) {
// 检查查询是否为首页或存档页
if ($query->is_home() || $query->is_archive()) {
// 从特定分类中排除文章,通过ID
$query->set('cat', '-1'); // 将‘1’替换为你想排除的分类ID
}
return $query;
}
// 将函数挂钩到‘pre_get_posts’过滤器
add_filter('pre_get_posts', 'excludeCategory');

此功能指定要从公共视图中排除并在RSS阅读器中显示的分类ID。激活此代码之前,确保将‘1’替换为分类ID,并保留‘-’号不变。

完成后,向下滚动确保插入方法为“自动插入”并且位置为“在任何地方运行”。然后使代码“激活”,并点击“保存片段”按钮。

如果你在浏览器中看不到该分类的博客文章,但在RSS阅读器中可以看到,则代码成功。

WordPress RSS Feed: 常见问题解答

现在我们已经展示了如何仅向RSS订阅者显示WordPress内容,让我们看看一些关于WordPress RSS源的常见问题。

RSS源仍然流行吗?

虽然RSS可能不是最热门的趋势,但许多人仍然使用它来跟踪他们最喜欢的网站。可以把它看作一种无需逐个检查每个站点就能收到新帖子通知的方式。

WordPress RSS源的好处是什么?

第一个好处是新帖子通知。订阅者可以在你发布新内容时自动收到提醒,确保不会错过你的任何文章。

第二个好处是RSS源可以帮助WordPress SEO(搜索引擎优化)。它们可以向搜索引擎信号你的网站在不断更新新内容。

你可以查看我们的快速简单提示,了解如何优化你的WordPress RSS源。

如何在WordPress中找到你的RSS源URL?

大多数情况下,WordPress已经为你的网站添加了RSS源。你只需要在域名后面加上/feed即可访问。有时,如果第一个选项不起作用,你需要加上/index.php/feed。

如何允许用户订阅你网站的RSS源?

允许用户订阅你网站的RSS源的最佳方式之一是使用像Brevo这样的电子邮件营销服务。此平台可以连接到你网站的源,并在你发布新内容时发送电子邮件通知。

然后,你可以将电子邮件营销平台与像WPForms这样的表单插件连接,以在你的网站上创建订阅表单。

有关更多信息,请参阅我们的文章,了解如何在WordPress中通知订阅者新帖。

我们希望这篇文章能帮助你学习如何在WordPress中仅向RSS订阅者显示内容。你可能还想查看我们精选的最佳WordPress RSS插件以及我们的逐步指南,了解如何提高你的WordPress速度和性能。

Read More