WordPress 教学

如何从WordPress主页中排除分类

为什么要从WordPress主页中排除分类?

WordPress允许你将内容分类到不同类别和标签中。有时,你可能希望将某些文章分类到一个不同于你的正常博客文章的类别中。 默认情况下,WordPress不会允许你从主页或存档中隐藏某些特定分类的文章。这会导致一些不需要的文章出现在你的主页上。

话虽如此,让我们来看一下如何轻松地从WordPress主页中排除某个特定的分类。我们将展示两种不同的方法,你可以选择最适合自己需求的方法。

方法1:使用插件排除分类

首先,你需要安装并激活Ultimate Category Excluder插件。有关更多详情,请查看我们的指南了解如何安装WordPress插件。 激活后,你需要转到设置 » 分类排除页面。它会显示你在WordPress博客上可用的所有分类。 在这里,你可以简单地勾选一个或多个分类,选择‘从首页排除’列。如果需要,你还可以排除RSS源、存档甚至WordPress搜索中的该类别。

别忘了点击‘更新’按钮来保存这些设置。 现在你可以访问你的网站,查看选定分类的文章是否已经从首页中排除了。

方法2:使用代码从WordPress主页中排除分类

此方法需要你向WordPress文件中添加代码。如果你以前没有这样做过,请查看我们的指南了解如何在WordPress中复制和粘贴代码片段。 你需要将以下代码添加到你的主题的functions.php文件、站点特定插件或代码片段插件中。

function exclude_category_home( $query ) { if ( $query->is_home ) { $query->set( 'cat', '-5' ); } return $query; } add_filter( 'pre_get_posts', 'exclude_category_home' );

不要忘记将ID(-5)替换为你的分类ID。这将隐藏属于该ID的分类中的所有博客文章。

注意:确保在分类ID前添加负号(-)。

不知道如何找到分类ID?请查看我们的指南了解如何在WordPress中查找分类ID。 添加代码到WordPress中最安全和最简单的方法是使用WPCode插件。它允许你添加自定义代码,而无需直接编辑WordPress文件。这样,你不必担心会破坏你的网站。

要开始,你需要安装并激活免费WPCode插件。如果你需要帮助,请查看此指南了解如何安装WordPress插件。 激活WPCode后,前往代码片段 » + 添加片段在你的WordPress仪表盘中。

然后,将鼠标悬停在‘添加自定义代码(新片段)’选项上,并点击下面的‘使用片段’按钮。 在‘创建自定义片段’页面上,你可以首先为你的片段添加一个标题。 这可以是任何帮助你记住该代码用途的标题。 接下来,简单地将上面的代码粘贴到‘代码预览’框中,并从下拉菜单中选择‘PHP片段’作为代码类型。

之后,你只需要将开关从‘未激活’切换到‘激活’,并点击页面顶部的‘保存片段’按钮。如果你希望排除多个分类,可以像这样更改代码:

function exclude_category_home( $query ) { if ( $query->is_home ) { $query->set( 'cat', '-5, -9, -23' ); } return $query; } add_filter( 'pre_get_posts', 'exclude_category_home' );

只需将ID(-5, -9, -23)替换为你的分类ID即可将它们从WordPress主页中排除。

我们希望这篇文章能帮助你学习如何从WordPress主页中排除分类。你可能还想查看这些最受欢迎的分类技巧和插件,它们将帮助你更高效地使用分类,或查看我们专家推荐的最佳联系表单插件。

Read More
WordPress 教学

如何在 WooCommerce 添加訂閱功能(免費且簡單)

如何在 WooCommerce 添加訂閱功能(免費且簡單)

最近更新於 2024 年 3 月 13 日,編輯部 | 審核者:Syed Balkhi

想要在 WordPress 中添加 WooCommerce 訂閱功能?

透過添加訂閱,您可以提供會員資格、創建優質內容,並為您的業務創造穩定的收入。

在本文中,我們將展示如何使用多種方法輕鬆地為 WooCommerce 添加定期訂閱。

為何要在 WooCommerce 添加訂閱功能?

在您的 WordPress 網站添加 WooCommerce 訂閱有很多好處。

首先,它可幫助自動化計費過程,節省大量時間。您不必每個月手動向客戶開發票。

通過向您的電子商務業務添加訂閱付款,您將擁有更穩定的現金流、更少的付款錯誤和付款延遲。

它還為您創建不同類型的 WooCommerce 網站提供更多靈活性。近年來,一些最受歡迎的電子商務品牌都使用訂閱模式來經營。

  • 如 Dollar Shave Club 這樣的重複性實體產品訂閱
  • 如 Hello Fresh 這樣的會員制餐飲服務
  • 如 Stitch Fix 這樣的精選訂閱盒服務

話不多說,讓我們來看看如何向 WooCommerce 添加訂閱。

我們將介紹多種方法,您可以選擇最適合您的業務的方法。

方法1. 使用付費選項添加 WooCommerce 訂閱

這是最簡單的方法,適用於大多數 WooCommerce 店鋪老闆。

我們將使用官方的 WooCommerce 訂閱擴展。

這個擴展是由 WooCommerce 團隊開發的。它允許您創建和管理訂閱產品並設立定期付款。

您可以創建數碼產品和實體產品的訂閱、每月訂閱盒、年度軟件包等等。

它提供了25個支付網關集成,包括 PayPal 和 Stripe 等熱門選項,這意味著您的客戶將有順暢的結帳體驗。客戶可以選擇手動訂閱更新方法,如果他們已取消訂閱並希望重新加入您的計畫。

該擴展還支持訂閱付款失敗時的自動重計算,這樣您永遠不會失去收入。

開始使用 WooCommerce 訂閱的最簡單方法是註冊 Bluehost WooCommerce 主機。

Bluehost 已同意為我們的讀者提供專屬折扣,還包括免費的 $199 WooCommerce 訂閱擴展。

點擊此處申請這個獨家 Bluehost 優惠

除了免費的 WooCommerce 訂閱,這個 Bluehost 計畫還包含近 $1000 的高級擴展,包括線上預訂和約會、Jetpack Premium 等。

這就是為什麼他們在我們的 WooCommerce 主機提供者列表中名列前茅。

註冊主機後,WooCommerce 和 WooCommerce 訂閱擴展將自動安裝。

之後,您可以輕鬆地將訂閱添加到您的任何 WooCommerce 產品。

您會在 WooCommerce 產品編輯頁面中找到設定訂閱的選項。

方法2. 使用免費插件添加 WooCommerce 訂閱

這種方法適用於預算有限的店鋪老闆,他們想要添加 WooCommerce 訂閱。

為此,我們將使用 YITH WooCommerce Subscription 插件。這個免費插件讓您可以簡單地為簡單、數字或下載產品添加訂閱。如果您需要更多功能,您可以升級到 Pro 版本,每年 $199。

YITH 是一個專注於 WooCommerce 的開發者,您可以在他們的多個插件中找到您所需的幾乎任何功能。查看他們的完整庫存這裏

首先,您需要安裝並啟用這個插件。如需更多詳細信息,請參閱我們的逐步指南了解如何安裝 WordPress 插件。

安裝並啟用插件後,您的 WordPress 儀表板中將出現一個新的菜單項目叫做『YITH』。

導航至 YITH » Subscriptions,選擇『Settings』,並確保『Enable Subscription』框設置為『Yes』。

接下來,打開您想要轉為訂閱的產品,導航至產品 » 所有產品。

然後,選擇您的訂閱產品。

之後,前往『產品數據』框,選擇『訂閱』復選框。

這將添加一個新的選項,您可以設置訂閱價格和最大訂閱長度。

設置完訂閱後,確保通過點擊『更新』按鈕保存產品。

現在,當您的訪客購買產品時,他們將有訂閱付款選項。

注意:如果您想要以不同的價格點添加不同的訂閱計畫,您可以使用 YITH WooCommerce Membership。它允許您設置分層定價,高級計畫提供比基本會員級別更多的優質福利。

方法3. 為會員和課程添加 WooCommerce 訂閱

您是在創建會員網站或銷售在線課程並希望為您的訪客設置訂閱付款嗎?

這時候,MemberPress 就能派上用場了。它是市場上最好的 WordPress 會員插件。

您可以使用這個插件銷售訂閱、在線課程、優質內容和數字下載。

欲了解更多信息,請參見我們詳細的MemberPress 評測

要添加會員訂閱,您首先需要創建您的會員網站。為了開始,請參閱我們的逐步指南了解如何創建 WordPress 會員網站。

之後,您可以使用 MemberPress 添加定期訂閱會員。欲了解更多信息,請參看我們的逐步指南了解如何在 WordPress 中接受定期付款。

設置好訂閱會員後,您可以將您的 WooCommerce 產品分配給您的會員。

這樣,您可以隱藏特定產品,使用戶需註冊會員才能查看您的產品或進行購買。

為此,導航至 MemberPress » Rules 並點擊『Add New』。

接下來,在『Rule Options』設置中,從下拉列表中選擇『All Products』。

然後,選擇您希望提供產品訪問權限的會員級別。在本文中,我們只為『Monthly Subscription』成員提供我們店鋪中的產品訪問權限。

更改完成後,請確保通過點擊『Save Rule』保存更改。

MemberPress 也可以作為完整的學習管理系統 (LMS) 插件來創建課程,您可以設置為定期訂閱。MemberPress 是市場上最好的 WordPress LMS 插件。

您可以使用簡單的拖放構建器創建具有沉浸式學習體驗的在線課程。他們的課程附加功能允許您分批釋放內容以保持訂閱用戶的活躍。

MemberPress 的『Courses』功能可與任何 WordPress 主題無縫配合。

我們最喜歡的功能是他們的課堂模式,因為它提供了無干擾的學習體驗。

一旦您的客戶註冊了 MemberPress 會員級別,他們將自動註冊您的課程。您甚至可以將多門課程捆綁在一起,打折銷售這些課程的訪問權限,也可以設置為定期訂閱。

希望這篇文章能幫助您在 WooCommerce 中添加訂閱功能。您可能還想查看我們的店鋪最佳 WooCommerce 插件清單和我們的WooCommerce SEO 終極指南

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

Read More
WordPress 教学

如何在 WordPress 上本地託管字體以加快網站速度

美麗的字體排版可以改善您網站的設計並吸引觀眾。然而,作為 WordPress 性能專家,我們發現依賴第三方字體服務可能會減慢您的網站速度,損害用戶體驗並可能影響SEO。

解決方法是本地託管字體。通過掌控您的字體文件,您的網站可以略過那些額外的加載步驟,確保網站快速加載,提升用戶體驗並優化SEO。

在這篇文章中,我們將展示如何在 WordPress 中本地託管字體,讓您的網站既具有吸引力又性能優異。

為什麼要在 WordPress 上本地託管字體?

雖然字體排版和自定義字體可以提高網站的整體美感,但它們對您的 WordPress 性能有負面影響。例如,如果您使用來自 Google 字體的自定義字體,那麼它們將從第三方服務加載,這會減慢您的網站速度。

幸運的是,有一種方法可以在不減慢網站速度的情況下使用自定義字體。WordPress 6.0 中引入了一個新的 Webfonts API,這允許您本地託管字體,使其加載速度更快。

本地託管 Google 字體的另一個原因是為了保持 GDPR 合規。如果您有來自歐盟的網站訪客,這是一個重要的法律考慮因素。

當有人訪問使用 Google 字體的網站時,他們的IP地址在字體加載時會被Google記錄下來。由於這是未經他們允許的,因此歐盟現在認為這是違反隱私法規的,您可能需要對此負責。

說到這裡,讓我們來看看如何在 WordPress 中本地託管字體以加快網站速度。我們將介紹兩種方法,第一種方法推薦給大多數用戶使用。

使用插件在 WordPress 上本地託管字體

首先,您需要安裝並啟用 OMGF(Optimize My Google Fonts)插件。有關更多詳細信息,請參閱我們的逐步指南,了解如何安裝 WordPress 插件。

OMGF 是最好的 WordPress 字體排版插件之一。它提供了一種適合初學者使用的方式來改善性能並通過本地託管 Google 字體來實現 GDPR 合規。

激活後,您需要訪問設置 » 優化 Google 字體來配置插件。您應該看到“優化字體”選項卡。

請注意“優化 Google 字體”標題下的聲明,您只需要使用默認設置來自動將您的 Google 字體替換為本地託管的副本。

這意味著當您向下滾動設置頁面時,所有需要做的就是確保字體顯示選項的默認設置為“替換(推薦)”。

現在您只需要點擊頁面底部的“保存並優化”按鈕。

您將在屏幕頂部看到一條消息,說明“優化已成功完成”。

恭喜!您的 Google 字體現在已本地託管。您的網站將加載更快,並且減少了被歐洲法律起訴的風險。

手動在 WordPress 上本地託管字體

您也可以使用我們關於如何在 WordPress 中添加自定義字體的指南中的 @font-face 方法,手動本地託管字體。雖然這種方法需要更多的工作,但它允許您在網站上使用任何您喜歡的字體。

您需要下載您希望使用的字體,並確保它們是網頁格式。在很多地方可以找到免費的網頁字體,如 Google Fonts, Typekit, FontSquirrel 等。

如果您的字體沒有網頁格式,您可以使用 FontSquirrel Webfont 生成器進行轉換。

現在您需要將字體存儲在您的 WordPress 託管服務器上。您可以使用 FTP 或使用主機的 cPanel 文件管理器上傳文件。

您應該在您的主題或子主題目錄中創建一個名為 “fonts” 的新文件夾,然後將字體上傳到那裡。

上傳字體後,您需要使用自定義 CSS 在主題樣式表中加載字體。您可以將代碼直接添加到主題的 style.css 文件,或者使用主題定制器的附加 CSS 部分。

您可以使用 CSS3 @font-face 規則來完成這一操作,如下所示:

@font-face {
font-family: Arvo;
src: url(http://example.com/wp-content/themes/twentytwentyone/fonts/Arvo-Regular.ttf);
font-weight: normal;
}

不要忘記用您的字體家族和URL替換。

之後,您可以在主題樣式表或主題定制器的附加CSS部分的任何地方使用該字體。您使用的CSS將取決於您的主題以及您希望在哪裡使用本地字體。這是我們示範網站的示例:

h1 {
font-family: Arvo, Arial, sans-serif;
}

如您所見,我們的標題現在使用的是本地託管的 Arvo 字體。

WordPress 字體的專家指南

現在您知道如何本地託管字體,您可能會希望查看一些關於在 WordPress 中使用字體的其他指南。

  • 什麼是 Web 安全字體 + 19 種最佳 Web 安全字體
  • 如何更改您的 WordPress 主題中的字體(簡單方法)
  • 如何輕鬆更改 WordPress 中的字體大小
  • 如何在 WordPress 中添加自定義字體
  • 如何使 Google 字體隱私友好
  • 如何在您的 WordPress 網站上禁用 Google 字體
  • 如何輕鬆在您的 WordPress 主題中添加圖標字體
  • 改善設計的最佳 WordPress 字體排版插件

我們希望這個教程能幫助您學習如何在 WordPress 中本地託管字體以加快網站速度。您可能也會希望查看我們的指南,了解如何增加您的博客流量,或我們精選的必要 WordPress 插件以促進您的網站增長。

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

Read More
WordPress 教学

如何在WordPress中顯示隨機文章(簡易教程)

你是否在尋找一種方法在WordPress中顯示隨機文章?顯示隨機文章可以鼓勵用戶瀏覽網站上的不同文章,從而增加頁面瀏覽數並提高用戶互動。在本教程中,我們將展示如何簡單地在WordPress中顯示隨機文章。

為什麼要在 WordPress 中顯示隨機文章?

默認情況下,WordPress 按倒序顯示你的博文(從最新的到最舊的)。這使得用戶可以先看到你最新的帖子。但是,多數用戶無法看到你較早的文章。例如,如果你已經運行WordPress博客很長時間,那麼你的舊文章將不會在網站的任何地方突出顯示。

一種克服這個問題的方法是使內部鏈接成為習慣。在新文章中鏈接到較早的文章,這將有助於用戶發現它們。這也會增加你的頁面瀏覽量並改善SEO。另一種解決此問題的方法是,在你的WordPress頁面、文章或側邊欄中顯示隨機文章。這有助於用戶發現他們可能未曾找到的內容,並且還可以展示較早的文章,從而改善整體用戶體驗。

方法1:使用WPCode在 WordPress 中顯示隨機文章(推薦)

如果你正在尋找一種簡單且可自定義的方法來在 WordPress 中顯示隨機文章,那麼這種方法適合你。許多教程會告訴你通過將代碼添加到主題的functions.php文件中來完成此操作。但是,輸入代碼時最小的錯誤都會破壞你的網站並使其無法訪問。這就是為什麼我們推薦使用WPCode,這是市場上最好的WordPress代碼片段插件。它是添加自定義代碼到你網站的最簡單和最安全的方式。

首先,你需要安裝並激活WPCode插件。詳細說明請參閱我們的初學者指南——如何安裝WordPress插件。

注意:你也可以使用免費的 WPCode 插件來進行此教程。但是,升級到專業版将使你可以訪問雲代碼片段庫、智能條件邏輯等更多功能。

插件激活後,從WordPress管理員側邊欄導航到 Code Snippets » + Add Snippet 頁面。到達此處後,點擊“Use Snippet”按鈕在“Add Your Custom Code (New Snippet)”選項之下。

這將把你帶到“Create Custom Snippet”頁面,你可以從輸入代碼片段名開始。這個標題僅供你參考,不會在網站前端顯示。之後,你必須從屏幕右側的下拉菜單中選擇“PHP Snippet”作為“Code Type”。

接下來,簡單地複製並粘貼以下代碼到‘Code Preview’框:

function wpb_rand_posts() { 
$args = array(
 'post_type' => 'post',
'orderby' => 'rand',
'posts_per_page' => 5,
);
$the_query = new WP_Query($args); 
if ($the_query->have_posts()) { 
$string .= '
    '; while ($the_query->have_posts()) { $the_query->the_post(); $string .= '
  • '. get_the_title() .'
  • '; } $string .= '
'; wp_reset_postdata(); } else { $string .= 'no posts found'; } return $string; } add_shortcode('wpb-random-posts','wpb_rand_posts'); add_filter('widget_text', 'do_shortcode');

此代碼將在你網站上顯示5篇隨機文章。你也可以更改 ‘posts_per_page’ 的值來顯示不同數量的文章。

接下來,滾動到‘Insertion’部分並選擇‘Auto Insert’模式。即使選擇了這個模式,你仍需將 [wpb-random-posts] 短代碼添加到網站的側邊欄、頁面或文章中來顯示隨機文章。

最後,滾動回頁面頂部,將‘Inactive’開關切換到‘Active’,然後點擊‘Save Snippet’按鈕來保存你的更改。

在WordPress頁面或文章中顯示隨機文章

保存代碼片段後,你可以通過此方法在網站的頁面或文章中顯示隨機文章。首先,從WordPress儀表盤打開一個新的或現存的頁面/文章。接下來,點擊屏幕左上角的‘Add Block’(+)按鈕來打開區塊菜單。從這裡,找到並添加 Shortcode 區塊到頁面或文章中。

然後簡單地將以下短代碼複製並粘貼到區塊中:
[wpb-random-posts]

最後,點擊頁面頂部的發佈或更新按鈕來保存你的更改。現在,你可以訪問你的 WordPress 網站來查看顯示的隨機文章。

在側邊欄中顯示隨機文章作為小工具

如果你使用經典主題,那麼此方法適合你。首先,從 WordPress 管理員側邊欄導航到 Appearance » Widgets 頁面。到達此處後,點擊屏幕左上角的‘Add Block’(+)按鈕來打開區塊菜單。從這裡,定位並添加 Shortcode 區塊到‘Sidebar’選項卡中。然後,將以下短代碼複製並粘貼到區塊:
[wpb-random-posts]

最後,點擊頁面頂部的‘Update’按鈕來保存你的更改。現在,你可以訪問你的网站來查看顯示在WordPress側邊欄中的隨機文章。

在區塊主題中顯示隨機文章

如果你使用具有完整網站編輯器的區塊主題,那麼此方法適合你。你可以從WordPress管理員側邊欄導航到 Appearance » Editor 頁面。這將啟動WordPress全站編輯器。在這裡,你需要點擊頁面頂部的‘Add Block’(+)按鈕並將Shortcode區塊添加到網站的首選位置。

之後,將以下短代碼複製並粘貼到區塊:
[wpb-random-posts]

最後,點擊頁面頂部的‘保存’按鈕來存儲你的更改。現在,你可以訪問你的网站來查看隨機文章列表。

方法2:使用Recent Posts Widget Extended在WordPress側邊欄中顯示隨機文章

如果你不想使用任何代碼在WordPress側邊欄中顯示隨機文章,那麼此方法適合你。首先,你需要安裝並激活 Recent Posts Widget Extended 插件。說明請參閱我們的教程——如何安裝WordPress插件。

插件激活後,你可以簡單地使用區塊在WordPress側邊欄中顯示隨機文章。

注意:該插件僅適用於經典WordPress主題中的小工具區域。如果你使用區塊主題,那麼插件的區塊將無法使用。同樣,該插件不允許你在WordPress頁面或文章中顯示隨機文章。

要在WordPress側邊欄中顯示隨機文章,請從管理儀表盤導航到 Appearance » Widgets 頁面。在這裡,點擊頁面左上角的‘Add Block’(+)按鈕來打開區塊菜單。然後,找到並添加 Recent Posts Extended 區塊到‘Sidebar’選項卡中。這將打開區塊的配置設置。在這裡,你可以從輸入一個標題開始,該標題將顯示在隨機文章列表的上方。

完成後,切換到左側欄中的‘Posts’選項卡。從這裡,你可以選擇要在網站上顯示的文章類型、文章狀態和排序順序。你也可以選擇自定義文章類型。

然後,下拉到‘Orderby’下拉菜單並選擇‘隨機’選項。如果你未配置此設置,那麼區塊將僅顯示你網站上發布的最新文章。之後,你還可以通過在‘Limit to Category’部分中選擇特定分類來限制文章。

你還可以切換到其他選項卡來配置縮略圖、摘錄、自定義CSS等設置。最後,點擊頁面頂部的‘更新’按鈕來保存你的更改。你現在可以訪問你的网站來查看顯示在WordPress側邊欄中的隨機文章。

額外提示:優化你的博客文章以提高SEO

除了在WordPress網站上顯示隨機文章外,優化每篇文章以提高SEO也很重要。這將提升你网站的搜索引擎排名並帶來更多流量,幫助你獲得客戶。所以,使用關鍵詞研究工具,如 WPBeginner Keyword Generator,是非常必要的。這些工具可以幫助你找到與內容相關的關鍵詞。

此外,使用 SEO 寫作助手工具如 Semrush 來發現 LSI 和相關關鍵詞,改變語言語氣,並找出平均文章長度,也是非常有用的。你還可以使用 All in One SEO 進一步提高你的內容質量。它是市場上最好的 WordPress SEO 插件,允許你添加 FAQs,並且帶有標題分析器、AI 標題生成器、文章模式、鏈接助手等功能。

所有這些功能最終可以幫助你提升博客文章的質量和SEO。更多詳細內容請參見我們的完整AIOSEO評論。其它增加博客文章排名的技巧包括使用分類和標籤、提高可讀性、添加元描述,以及在文章中使用視覺內容(如視頻和圖片)。欲了解更多,請參見我們的初學者指南——如何優化你的博客文章的技巧。

我們希望這篇文章能幫助你學會如何在WordPress中顯示隨機文章。你可能還想查看我們的初學者指南——如何為你的网站選擇最佳域名註冊商,以及我們推薦的適合小企業的最佳電子郵件營銷服務。

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

Read More
WordPress 教学

如何在WordPress中显示你的MailChimp订阅者数量

如何在WordPress中显示你的MailChimp订阅者数量

你想展示你的MailChimp订阅者数量吗?最近有用户询问我们如何在WordPress中显示他们的MailChimp订阅者数量。展示社会证明会鼓励更多用户加入你的通讯。本文将向你展示如何在WordPress中显示MailChimp订阅者数量。

MailChimp是最适合初学者的电子邮件营销服务提供商之一。如果你还没有使用MailChimp,请查看我们关于如何在WordPress中使用MailChimp的指南。

我们将展示两种不同的方法来显示MailChimp订阅者数量。第一种方法更简单,需要你安装一个WordPress插件。第二种方法更高级,需要你基于不同的源文件创建一个插件。如果你不习惯编辑代码片段,我们建议你使用第一种方法。

方法一:使用MailChimp Subscriber Chiclet插件

首先,你需要安装并激活MailChimp Subscriber Chiclet插件。激活插件后,访问设置 » MailChimp Subscriber Chiclet来配置插件。

首先,你需要输入你的MailChimp API密钥。如果你还没有创建一个,可以登录到你的MailChimp帐户仪表板获取一个。

输入API密钥后,点击“保存更改”按钮。插件将从你的MailChimp帐户加载你的邮件列表。选择你的邮件列表并配置插件设置。

完成后,只需从插件底部复制短代码,并将其添加到你想显示订阅者数量的任意文章、页面或文本小部件中。

方法二:使用MailChimp API获取订阅者数量

你会注意到,使用插件方法时,你会得到一个带有MailChimp标志的订阅者数量。许多用户只想获取数字,以便他们可以在自己的电子邮件注册表单中使用。

在这种方法中,我们将创建一个插件。这个插件将使用MailChimp的API获取订阅者数量。你可以使用短代码在任意位置显示订阅者数量。

步骤1:首先,你需要在桌面上创建一个文件夹并命名为mc-subscriber-count。

步骤2:在文件夹内创建一个新文件,命名为mc-subscriber-count.php,并将以下代码粘贴到其中。

重要提示:不要忘记将Your_MailChimp_API_Key替换为你的实际MailChimp API密钥。

<?php
/*
Plugin Name: MailChimp Subscriber Count
Description: Retrieves MailChimp subscriber count and displays it as text
Version: 1.0
Author: WPressize Me
*/

function wpb_mc_sub_count() {
include "Mailchimp.php";
$lastRunLog = 'logs/lastrun.log';
$subfile = 'logs/subcount.log';
$lastRun = file_get_contents($lastRunLog);

if (time() - $lastRun >= 86400) {

$MailChimp = new MailChimp('Your_MailChimp_API_Key');
$mc = $MailChimp->call('lists/list');
$subscriber_count .= $mc[data][0][stats][member_count];
file_put_contents($lastRunLog, time());
file_put_contents($subfile, $subscriber_count);
} else {

$subscriber_count .= file_get_contents($subfile);
}

return number_format($subscriber_count);
}

add_shortcode('mc-subscribers', 'wpb_mc_sub_count');
add_filter('widget_text', 'do_shortcode');

?>

步骤3:在mc-subscriber-count文件夹内创建另一个文件夹并命名为logs。在logs文件夹内使用纯文本编辑器创建两个空文件,如记事本。一个文件命名为lastrun.log,另一个文件命名为subcount.log。

步骤4:从MailChimp仓库下载MailChimp PHP Wrapper源代码。在右栏底部可以找到下载链接。下载后,你需要解压缩文件。在解压文件夹中,你会看到一个包含Mailchimp.php文件和Mailchimp文件夹的src文件夹。

步骤5:将Mailchimp.php文件和Mailchimp文件夹复制并粘贴到你的插件文件夹中。

步骤6:使用FTP客户端将mc-subscriber-count文件夹上传到你的网站的/wp-content/plugins/文件夹中。

步骤7:访问WordPress管理区域的插件页面并激活MailChimp Subscriber Count插件。

步骤8:使用短代码[mc-subscribers]在WordPress的任意文章、页面或文本小部件中显示MailChimp订阅者数量。

我们希望这篇文章能帮助你在WordPress网站上以文本形式显示MailChimp订阅者数量。

Read More
WordPress 教学

如何在WooCommerce中安排优惠券(节省时间)

为什么要在WooCommerce中创建定时优惠券?

优惠券是推广您的在线商店并增加销售的好方法。然而,按时开启和关闭这些不同的优惠券可能会耗费大量精力,同时您也可能忘记激活某个优惠券,这会让想使用优惠券的访客感到沮丧。如果您忘记关闭一个优惠券,还会降低您的利润。因此,聪明的商店主会安排他们的优惠券。通过设置一个开始和结束日期,无论您有多忙,您的促销活动都能顺利进行。例如,您可以为黑色星期五、圣诞节、新年、母亲节、情人节等热门节日安排优惠券。这些自动化工作流程将解放您的时间,让您专注于推广您的优惠并尽可能多地完成销售。

如何在WooCommerce中创建定时优惠券

安排优惠券最简单的方法是使用Advanced Coupons。它是市场上最好的WooCommerce优惠券代码插件,可以让您创建各种优惠、优惠券、忠诚计划等。首先,您需要安装并激活Advanced Coupons插件和高级附加组件。如需详细说明,请参阅我们的WordPress插件安装指南。

激活后,前往Coupons » License,输入您的许可证密钥,并输入购买Advanced Coupons时使用的电子邮件地址,然后点击“Activate Key”。要在WooCommerce中安排一个优惠券,请访问WordPress管理区域中的Marketing » Coupons页面。接下来,点击“Add coupon”按钮。

在下一个屏幕中,为您的优惠券输入一个标题。这将成为客户实际输入的优惠券代码,因此使用易于购物者记住和输入的内容是个好主意。您还可以反映您创建的优惠,例如‘BlackFriday20%’或‘SummerSale’。您还可以点击“Generate coupon code”按钮,生成一串随机字母和数字,但这会使优惠券复杂且难以记住,因此我们不推荐这样做。Advanced Coupons可以创建各种优惠券,包括免费礼品优惠券、运费折扣优惠券等。在本指南中,我们将通过滚动到’Coupon data’部分创建一个百分比折扣优惠券。

完成后,在“Discount type”下拉菜单中选择“Percentage discount”。然后,在“Coupon amount”字段中输入您要使用的百分比折扣。例如,输入‘10’会创建一个10%的折扣券。之后,点击“Scheduler”标签,并勾选“Date Range Schedules”框。在“Coupon start date”中输入优惠券应何时激活的日期和时间,然后使用“Coupon expiry date”指定客户不再能使用优惠券的日期和时间。提示:默认情况下,优惠券将在开始日期的12:00:00激活,并在计划结束日期的前一天23:59:59过期。Advanced Coupons使用您在WordPress中设置的时区。您可以更改错误消息,完成后,发布优惠券。

在WooCommerce中推广您的定时优惠券

安排优惠券后,您还需要吸引客户访问您的网站。许多在线市场使用浮动标题栏、退出意图弹出窗口和滑入滚动框等动态内容来推广他们的促销和优惠券代码。这可以帮助吸引人们的注意,并且通过使用OptinMonster的自动化工具,您可以进一步节省时间并提升推广效果。

通过OptinMonster强大的展示规则,您可以提前安排每个活动,还可以基于购物者的位置个性化每个活动。另外,监控访客使用您的优惠券代码的情况,可以为未来的优惠券和营销策略提供有价值的见解。如需详细说明,请参阅我们的关于如何设置WooCommerce转化跟踪的指南。希望本文能帮助您学习如何在WooCommerce中创建定时优惠券,从而自动化您的销售。您还可以查看提高WooCommerce销售的最佳方法和适合您商店的WooCommerce插件。如果您喜欢这篇文章,请订阅我们的YouTube频道获取更多WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何将JavaScript移动到WordPress底部或页脚

将JavaScript移动到底部的好处

JavaScript是一种客户端编程语言。它由用户的浏览器执行,而不是由您的网络服务器执行。当您将JavaScript放置在顶部时,浏览器可能会在加载页面的其余部分之前执行或处理JavaScript。当JavaScript移动到底部时,您的网络服务器将快速渲染页面,然后用户的浏览器将执行JavaScript。由于所有服务器端渲染已经完成,JavaScript将在后台加载,从而整体加载速度更快。

这将在使用Google页面速度或Yslow测试时提高您的速度评分。Google和其他搜索引擎现在将页面速度视为显示搜索结果时的性能指标之一。这意味着加载速度更快的网站将在搜索结果中更突出。

在WordPress中正确添加脚本的方法

WordPress有一个强大的排队系统,允许主题和插件开发者将他们的脚本按需排队和加载。正确地排队脚本和样式可以显著提高您的页面加载速度。

为了向您展示一个基本示例,我们将一个小的JavaScript添加到WordPress主题中。将您的JavaScript保存在一个.js文件中,并将该.js文件放在主题的js目录中。如果您的主题没有JavaScript目录,请创建一个。放置脚本文件后,编辑主题的functions.php文件并添加此代码:

function wpb_adding_scripts() {
wp_register_script('my-amazing-script', get_template_directory_uri() . '/js/my-amazing-script.js','','1.1', true);
wp_enqueue_script('my-amazing-script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );

在此代码中,我们使用了wp_register_script()函数。此函数具有以下参数:

<?php
wp_register_script( $handle, $src, $deps, $ver, $in_footer );
?>

要将脚本添加到WordPress页面的页脚或底部,您只需要将$in_footer参数设置为true。

我们还使用了另一个函数get_template_directory_uri(),该函数返回模板目录的URL。此函数应在WordPress主题中用于排队和注册脚本和样式。对于插件,我们将使用plugins_url()函数。

问题:

问题是有时WordPress插件会将其自己的JavaScript添加到或页面正文中。为了将这些脚本移动到底部,您需要编辑插件文件并正确地将脚本移动到底部。

查找JavaScript源

在Web浏览器中打开您的网站并查看页面源代码。您将看到指示文件位置和来源的JavaScript文件链接。例如,下面的截图告诉我们,我们的脚本属于一个名为‘test-plugin101’的插件。脚本文件位于js目录中。

有时您会看到直接添加到页面中的JavaScript,而不是通过单独的.js文件链接的。在这种情况下,您需要逐一停用所有插件。在每次停用插件后刷新页面,直到找到将脚本添加到页面的插件。如果停用所有插件后JavaScript仍然存在,那么尝试切换到另一个主题,看看JavaScript是否是由您的主题添加的。

注册和排队脚本

一旦找到在头部部分添加JavaScript的插件或主题,下一步是找到插件调用文件的地方。在您的主题或插件的PHP文件中,您将看到对特定.js文件的调用。

如果插件或主题已经使用排队方法添加JavaScript文件,那么所有您需要做的就是在插件或主题中更改wp_register_script函数,为$in_footer参数添加true。像这样:

wp_register_script('script-handle', plugins_url('js/script.js', __FILE__), '', '1.0', true);

假设您的插件或主题在头部或内容之间添加了原始JavaScript。在插件或主题文件中找到原始的JavaScript代码,复制JavaScript并将其保存在.js文件中。然后,使用wp_register_script()函数将JavaScript移动到底部。

编辑者注:重要的是要了解,当您对核心文件进行更改并更新插件时,您的更改不会被覆盖。更好的做法是取消注册脚本并从主题的functions.php文件中重新注册。请参阅本教程。

除了将脚本移动到页脚外,您还应考虑使用更快的社交媒体插件和延迟加载图像。除此之外,您还应使用W3 Total Cache和MaxCDN来提高网站速度。

我们希望这篇文章帮助您在WordPress中移动JavaScript到底部并提高页面速度。如有问题和反馈,请在下方留言。

Read More
WordPress 教学

如何查看任何 WordPress 網站的舊版本(3個工具)

為什麼要查看 WordPress 網站的舊版本?

互聯網發展迅速,除了回憶之旅,看舊版網站有很多好處。網站元素會隨時間改變,從重新設計到內容刪除,有時甚至整個網站會下線。能夠查看舊版網站在許多情況下都是非常有用的,例如:

  • 需要檢索舊網站上的內容。
  • 想重建已不再在線的資源。
  • 需要在網站重新設計前後的截圖。
  • 從舊網站中獲取設計靈感。

接下來,我們來看看如何使用不同工具查看任何網站的舊版本。

如何查看任何網站的舊版本(3個工具)

有幾個在線工具可以創建網站的存檔,這些工具會在不同時間點拍攝網站的快照並存檔,類似於你的 WordPress 備份,但這些是開放給整個互聯網的。

通常,這些工具是根據網站的受歡迎程度和流量來進行存檔的。有些網站會有數千個存檔,而有些可能很難找到。以下是你可以用來查找任何網站舊版的3個不同工具。

1. Wayback Machine

Wayback Machine,或稱互聯網存檔,是一個數字圖書館,擁有超過 8600 億個存檔網頁。它是一個網頁存檔工具,允許你在不同時間點查看舊版網站的截圖。

使用這個工具,只需訪問 Wayback Machine 網站,輸入你想查看的網站 URL,然後點擊“Browse History”按鈕。

系統會顯示不同日期的網站副本圖表。你可以按年份排序,然後點擊特定日期選擇時間,載入快取的網站副本。

頁面載入後,可以像正常瀏覽一樣互動,包括導航、查看圖片、點擊連結等。請注意,不是每個連結都會正常工作,也無法導航到每個頁面,特別是內容和博客文章非常多的大型網站。

2. Oldweb.today

Oldweb.today 是一個獨特的工具,允許你使用當時的舊瀏覽器瀏覽網站舊版,提供類似當時上網的體驗。

這個工具從第三方存檔如互聯網存檔和全球國家數字圖書館中提取網站副本。請注意,這個工具載入舊網站需要一些時間,它會仿真舊瀏覽器如 Internet Explorer 和 Netscape Navigator,但首先需要找到並加載那些網站。

使用這個工具,導航到 Oldweb.today 網站,選擇一個瀏覽器,輸入網站 URL,確保選中“Browse Archives At”選項,輸入日期並點擊進入。

工具會自動生成結果,然後你就可以查看和導航網站,如同網站凍結在那個時間點一樣。

3. 國會圖書館網頁存檔

美國國會圖書館擁有大量的報紙、書籍、音頻記錄和網站的數字收藏。它也有一個網站存檔搜索工具,其操作方式類似於 Wayback Machine,但結果略有不同。

如果找不到網站的舊版,可以嘗試這個工具。導航到國會圖書館網頁存檔,輸入網站 URL 並點擊搜索圖標。

選擇默認的網頁存檔選項,或從下拉菜單中更改為音頻記錄、報紙、地圖等。工具會顯示網站的不同存檔,點擊一個結果,然後查看截圖,選擇日期和時間查看存檔網站。

希望上述三個工具之一能幫助你找到所需的舊網站。如果你想重建舊頁面,最好的工具是 SeedProd,它是一個最佳的 WordPress 拖放頁面構建器,讓你輕鬆創建任何網站而不需編輯代碼。請參考我們的指南了解如何在 WordPress 中創建登陸頁面。

希望這篇文章幫助你了解如何查看任何 WordPress 網站的舊版本。你還可以查看我們的如何創建電子郵件新聞的指南來增加流量,以及 WordPress 會員插件比較來創建和銷售在線課程。

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

Read More
WordPress 教学

如何在WordPress中添加Facebook Like Box / Fan Box

为何在你的WordPress网站上添加Facebook Like Box?

在WordPress网站添加Facebook Like Box有很多好处。首先,它能帮助人们更容易地喜欢你的Facebook粉丝页或商业页,这意味着你的帖子会出现在他们的Facebook动态中,让你能够超越你的网站继续接触用户。此外,Facebook Like Box显示了有多少人点赞了你的Facebook页面,这能作为社交证明,鼓励更多访客点击“赞”。

方法1:使用插件添加Facebook Like Box(适合初学者)

第一种方法是最简单并且推荐的给初学者的方法来在他们的网站上添加Facebook Like Box。它还允许你在网站上显示Facebook动态。这种方法使用Smash Balloon,这是一个用户友好的WordPress插件,可以在WordPress中嵌入各种社交媒体动态,包括Like Box。对于本教程,你可以使用免费的Smash Balloon Social Post feed插件。但如果你想要比Like Box更多的特性(例如显示视频、照片和事件),那么我们推荐升级到专业版。

设置Smash Balloon Facebook Feed插件

首先,你需要在管理区域安装WordPress插件。之后,进入Facebook Feed » 所有动态并点击“添加新的”。现在,选择“时间线”动态类型,然后点击“下一步”按钮。在这个阶段,你需要将你的Facebook页面连接到你的WordPress网站。点击“添加新的”按钮。

Smash Balloon将指导你进入新的屏幕。在这里,选择“页面”作为来源类型,然后点击“连接到Facebook”。现在,你需要登录你的Facebook账号。之后,选择你希望在WordPress博客或网站上显示Like Box的页面,然后点击“下一步”。

你现在会看到Smash Balloon的权限设置。我们建议启用所有权限以确保一切正常运行。现在,点击“完成”。最后一个弹出窗口将确认你已成功将Smash Balloon与Facebook连接。点击“确定”以继续。Smash Balloon将把你重定向到管理区域,在这里你必须选择一个Facebook页面用来显示在你的时间线动态中。选择一个页面并点击“添加”。你现在将看到你刚刚连接的Facebook页面作为Smash Balloon插件页面中的来源。选择那个页面并点击“下一步”。

定制Facebook Like Box

在这个阶段,Smash Balloon将带你进入Facebook动态编辑器。第一步是点击“动态布局”选项,然后滚动到“帖子数量”部分,设置桌面和手机的帖子数量为0,这将去除所有最近帖子的显示,只显示Like Box。如果你也想显示你的Facebook动态 juntamente com Like Box,你可以参考我们的教程:如何在WordPress中创建自定义Facebook动态。

现在,返回到主动态编辑器页面并打开“Like Box”设置,然后启动“Like Box”功能。在这里,你可以调整Like Box的尺寸、位置、封面照片显示、自定义宽度、自定义操作呼叫文本等。完成后,只需点击右上角的“保存”按钮。

在WordPress页面或文章中嵌入Facebook Like Box

在这个阶段,你可以在页面或小工具就绪区域(如侧边栏)显示Facebook Like Box。为此,点击右上角的“嵌入”按钮,现在会出现一个嵌入弹出窗口,提供两个选项来显示Like Box:一个是使用简码,另一个是直接添加到页面或小工具就绪区域。第二个选项更简单,所以我们将首先演示这个方法。如果你想将Like Box添加到特定页面,点击“添加到页面”按钮,选择一个页面并点击“添加”。然后进入Gutenberg区块编辑器,点击“+ 添加区块”按钮,打开区块插入器库,找到Facebook Feed区块,并将其拖放到页面上的合适位置。在区块中,选择你之前创建的带有Like Box的Facebook动态。区块将显示Like Box。

如果你有多个Facebook页面并已为每个页面创建了Like Box,你也可以在区块设置边栏中通过选择下拉菜单中的动态来切换它们。最后,点击“更新”按钮以使更改生效。 此外,你还可以使用简码在WordPress网站的其他部分嵌入Facebook Like Box。

方法2:使用代码添加Facebook Like Box

如果你只想显示Like Box而不添加任何其他类型的Facebook动态,那么使用Facebook页面插件可能显得多余。在这种情况下,你可以使用代码添加Like Box。这种方法可能对初学者来说有点吓人,但我们将向你展示如何使用WPCode插件插入代码。通过这个WordPress插件,你可以轻松地将自定义代码片段添加到WordPress而不会破坏你的网站。对于这个教程,免费版WPCode已经足够,尽管你可以升级到Pro版以获得测试模式和基于云的代码片段库等高级功能。

安装WPCode插件并添加自定义代码片段

首先,安装并激活WPCode插件。激活后,进入Code Snippets » + 添加片段,选择“添加自定义代码(新片段)”并点击“使用片段”。现在你会来到代码编辑器。首先为你的自定义代码片段命名以便以后识别。这个示例,我们将其命名为“Facebook JavaScript SDK”。保持这个标签页打开,同时在浏览器中新建一个标签页并访问Facebook开发者页面,点击“登录”并登录你的Facebook账号。

如果这是你第一次访问该页面,完成创建免费账户的引导向导。然后,进入Facebook开发者控制面板,点击“创建应用”按钮。在下一个页面中,选择“其他”作为使用案例,然后点击“下一步”。

你将看到可以为Facebook页面创建的各种应用。选择“商业”并点击“下一步”。为你的应用命名,可以是任何容易识别的名字,并输入你的邮箱地址,选择一个可选的商业账户。点击“创建应用”。返回到Facebook开发者页面的社交插件部分,填写你的Facebook页面URL,清空“标签”字段,并根据需要指定Like Box的宽度和高度。你还可以选择使用较小的标题,禁用封面照片等。我们还选择使Like Box适应容器宽度以使其大小根据放置在网站的位置自适应。

完成后点击“获取代码”按钮,将看到一个显示两种代码片段的弹窗:JavaScript SDK和iFrame。一般建议使用JavaScript SDK因为它们通常加载速度更快。在JavaScript SDK标签下,确保选择你之前创建的应用名称。然后复制步骤2的JavaScript SDK API代码,返回到WPCode标签并将代码粘贴在代码编辑框中,然后保存代码片段。

接下来,创建第二个代码片段,称之为“Facebook Like Box”。返回到Facebook开发者页面并复制步骤3的代码,导航回WPCode标签,将代码粘贴在代码预览框中,保存代码片段。配置插入设置后,使代码生效并保存片段。

在WordPress中嵌入Facebook Like Box部件

如果使用经典WordPress主题,你可能希望在小工具就绪区域(如侧边栏、页头或页脚)显示Facebook Like Box。进入嵌入弹出窗口,选择“添加到小工具”。与之前的方法一样,点击“+ 添加区块”按钮,找到Facebook Feed区块,拖动到适当位置。在区块中选择之前创建的包含Like Box的Facebook动态,点击“更新”,保存更改。

Read More
WordPress 教学

如何在WordPress中为Stripe支付收税(三种简单方法)

为何要在WordPress中为Stripe支付收税?

经营在线业务时,收取税金不仅是良好的操作规范,也是法律责任。不论是销售实物产品、数字下载还是订阅服务,您都需要在结账时收取相应的税金以遵守地方、州和国际法律。未遵守可能导致罚款,还可能对您的业务声誉造成伤害。因此,在WordPress中为所有Stripe支付收税是不可忽视的。

需要记住的是,税金也是用户体验的一个重要部分。在结账时清晰计算和展示税金,客户不太可能会对最终支付金额感到惊讶或沮丧。此外,它也表明您的业务是合法的,同时简化了您的财务记账过程。

方式1:为订阅、服务和单品收税(WP Simple Pay)

如果您在网站上出售订阅、服务或单品,创建简单的支付表单是收款和征税的最便捷方式。我们推荐使用WP Simple Pay,它提供不同的预制支付模板、直观的表单生成器和完备的垃圾信息保护。

方式2:为实物产品收税(WooCommerce)

经营有多个实物产品的在线商店时,支付形式不能提供最简便的方法。我们推荐使用WooCommerce,这个免费的电子商务插件使出售实物产品、通过Stripe接受支付以及收取这些支付的税金变得非常简单。

方式3:为数字产品收税(Easy Digital Downloads)

如果您通过Stripe销售数字产品并想要收税,Easy Digital Downloads(EDD)是最佳选择。这个插件专为销售数字产品而设计,包括Stripe交易的无缝税收功能。它能处理从设置税率到生成报告的所有事情,让商店的税务管理变得更简单。

额外提示:您还可以为客户创建美观的发票。这有助于透明化,并且帮助客户追踪开支、处理报销甚至处理海关申报。

Read More