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 標頭和頁尾代碼,有三種可能解決方案:

  • 手動編輯主題的 header.php 和 footer.php 文件
  • 使用主題內建的標頭和頁尾代碼功能
  • 利用 WordPress 插件

第一種選擇對於初學者來說並不友好,因為需要手動編輯 header.php 和 footer.php 文件。第二種選擇是使用主題內建功能,但如果更換主題,所有添加的代碼片段將會失效。基於此,我們推薦使用第三種選擇,即使用標頭和頁尾插件,這是新增代碼的最簡單和最安全方法。

在第三種選擇中,我們推薦使用 WPCode 插件,它是免費的代碼片段插件,可以輕鬆新增代碼至標頭和頁尾。

使用 WPCode 插件的方法

首先,您需要安裝並啟用免費的 WPCode 插件。安裝完成後,進入 WordPress 管理面板,導航至 Code Snippets » Header & Footer,然後在 ‘Header’ 框中添加您的代碼。如果您向下滾動,還會看到 ‘Body’ 和 ‘Footer’ 框,同樣將代碼粘貼入相應框後,記得點擊 ‘Save Changes’ 按鈕儲存設置。插件會自動在對應位置載入代碼,且您可以隨時編輯和移除不需要的代碼。注意,需保持插件處於啟用狀態,一旦停用,將不會添加自定義代碼。

我們發現許多初學者使用 WPCode 插件是為了將 Google Analytics 添加到他們的網站。對於這個需求,我們推薦使用免費的 MonsterInsights 插件,它是 WordPress 最佳的 Google Analytics 插件,可以幫助您快速設置 Google Analytics 跟蹤,並直接在 WordPress 儀表板中顯示有用的統計數據。

我們希望本文能幫助您輕鬆學會如何在 WordPress 中添加標頭和頁尾代碼。您也可以參閱我們的最佳電子郵件行銷服務和最佳商業電話服務比較。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取更多 WordPress 視頻教程,或在 Twitter 和 Facebook 上關注我們。

Read More
WordPress 基础知识

购买高级WordPress插件是否值得?(解释)

我们经常被用户问到:何时值得投资购买高级WordPress插件?

插件是WordPress成为全球最佳网站构建器的重要原因之一。

在这篇文章中,我们将回答这个问题:何时值得购买高级或付费的WordPress插件?

什么是高级WordPress插件?

高级插件是具有额外功能、优先支持、文档和定期更新的付费版本的WordPress插件。

你可以阅读我们的初学者指南,了解有关WordPress插件及其工作原理的更多信息。

WordPress因其拥有健康的免费和付费插件生态系统而成为全球最受欢迎的博客平台。

截至写这篇文章时,WordPress.org目录中有超过59,000个免费插件。这些免费插件可以让你不花钱访问各种功能。

许多初学者想知道如果插件是免费的,WordPress靠什么赚钱。其实,WordPress并不拥有所有这些插件。

由于WordPress是开源的,大多数免费插件都是由第三方开发者和公司编写的。这些企业和个人希望回馈WordPress社区并建立自己的业务。

但问题是,像任何其他软件一样,WordPress插件也需要正确维护和更新。虽然个人开发者并不需要提供支持,但他们中的大多数都会尽可能帮助用户,甚至根据要求添加新功能。

如你所想,所有这些事情需要大量时间和资源。随着免费插件的用户基础不断增加,插件作者通常无法给予足够的关注。

对于一些插件开发人员来说,长期维护一个免费的产品可能会占用他们的工作和个人生活时间。

这时,高级WordPress插件就出现了。

你可以通过支付小额许可费获取专属支持、保证更新和高级功能。

许可费为插件作者提供了稳定的收入,使他们能够改进产品并投入更多时间发展其WordPress插件业务。

另一方面,作为客户,你将获得更精细的产品及可靠的支持和更新。

接下来,让我们讨论一下你应该在何时为你的WordPress网站购买高级插件。

高级WordPress插件值得花钱吗?

是的,高级WordPress插件是值得的。特别是在高级插件提供的功能或支持对你的企业和网站的成长至关重要时。

如果你阅读过我们关于控制WordPress网站成本的指南,你会知道我们并不提倡不必要的支出。

我们相信大多数初学者可以通过使用免费WordPress插件来控制费用。

市场上许多最佳WordPress插件都有免费版本。这里只是一些提供免费或简版的优秀高级WordPress插件的例子:

  • WPForms Lite 是最好的免费联系表单插件。
  • MonsterInsights Lite – 免费版本帮助你轻松在WordPress中安装Google Analytics。
  • All in One SEO – 最好的免费WordPress SEO插件。
  • WooCommerce – WordPress电商插件用于创立在线商店。
  • SeedProd – 最好的即将上线页和维护模式插件。

然而,随着你的网站或业务的增长,你会需要访问更多的功能、优先支持以及能可靠更新的插件。

为了帮助你做出决定,我们列出了投资高级WordPress插件的主要原因。

1. 特定解决方案的WordPress插件

一些WordPress插件类别提供非常特定的解决方案。例如,构建一个会员网站或在线课程网站是非常复杂的工作。

仅靠免费插件无法满足这些复杂的需求。即使你找到一个免费的插件,也可能需要购买付费附加组件来支持业务。

如果你的网站需要非常特定或高级的功能,使用高级WordPress插件会更好。

2. 高级功能

虽然大多数基本任务都有免费插件,但高级功能通常只能在付费插件中找到。这主要是因为构建和维护高级功能需要大量资源。

例如,WPForms Lite 是最友好的初学者联系表单插件,而其专业版则拥有用户注册表单、调查和投票表单、支付表单等高级功能。

3. 插件开发者的专属支持

免费WordPress插件并不保证提供支持,因为免费插件作者没有义务提供支持。

如果你是WordPress新手且没有编程技能,支持就变得非常重要。高级WordPress插件会为你的支持问题提供更快的电子邮件回复。

4. 广泛的文档和教程

高级和付费WordPress插件提供广泛的技术文档,帮助你在无需联系支持的情况下入门。

许多高级WordPress插件都有文档或资源部分,你可以在那里找到指南、教程和视频说明。这些资源帮助你在没有人帮助的情况下使用插件。

5. 定期和频繁的更新

免费WordPress插件有时会被开发者放弃。这会使你的网站面临WordPress安全漏洞和错误的风险。有时你可能甚至不知道插件被放弃了,直到你在更新WordPress后发现网站行为异常。

高级WordPress插件为你提供定期更新,以解决错误、故障,最重要的是,解决任何安全问题。你无需做任何事情,因为这些更新会自动出现在你的WordPress仪表板中,只需点击几下即可安装它们。

6. 新功能和改进

免费WordPress插件通常没有提升和改进现有功能的动力,因为这些已经满足了很多网站的需求。

另一方面,付费WordPress插件是一种有竞争的业务。为了保持竞争力,它们会不断改进产品,添加新功能和改进现有功能。根据你的许可条款,你会立即获得这些功能。

7. 支持WordPress生态系统

高级WordPress插件公司是小型企业。购买许可帮助他们建立一个可持续的业务,以维持他们的家庭,甚至为全球创造新的工作岗位。

你的小额支付帮助这些开发者为其他小型企业开发优秀产品并改进WordPress生态系统。

关于高级插件的常见问题

我们通过电子邮件回答了很多关于高级WordPress插件的问题。为了帮助你快速找到答案,我们汇总了一些最常见的问题。

1. 我的网站是否应该只使用所有高级插件?

不,在你的网站上不需要只使用付费WordPress插件。你只需在真正需要时购买高级插件。有很多伟大的免费插件没有高级替代品,或者比它们的付费替代品更好。

2. 如何找到高级WordPress插件?

高级WordPress插件并不在官方WordPress.org网站上出售。你需要从它们自己的官网购买。但由于这些官网分散,如何知道哪个插件好呢?

在这里,WPressize Me可以帮你。我们是互联网上最大的WordPress资源网站。我们定期撰写关于不同免费和付费WordPress插件的指南。我们通过实际测试插件并解析其功能、优缺点,为你进行研究。

3. 所有高级WordPress插件都好吗?

不,并不是所有的高级WordPress插件都出色。事实上,有些付费插件可能很糟糕。因此,在购买之前需要仔细评估它们。了解插件背后的人,他们的声誉,以及其他人在互联网上对该插件的评价。

4. 我需要每年继续支付高级WordPress插件费用吗?

一旦购买了WordPress插件,你可以继续使用它。

高级WordPress插件具有不同的许可条款。最常见的许可条款是1年的更新和支持。如果你是按年许可计划,你的插件将继续工作,但在许可过期后将无法获得更新和支持。

如果你喜欢正在使用的插件,那么在许可过期时,应该续订许可。

我们希望这篇文章能帮助你了解何时应购买高级WordPress插件。你可能还会想查看我们关于免费与高级WordPress主题的指南,以及我们专家推荐的最佳电子邮件营销服务以扩展你的网站。

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

Read More
WordPress 主题

如何建立適合手機的響應式WordPress選單

為什麼要建立適合手機的響應式WordPress選單?

一個設計良好的導航選單能幫助訪客快速找到他們需要的內容。然而,一個在桌面電腦上看起來很好的選單,不一定能在手機和平板電腦上呈現同樣的效果。行動裝置的使用者佔據了大約58%的網絡流量,因此若你的選單在行動裝置上無法正常顯示,將會嚴重影響用戶體驗,進而降低你的轉換率。

這將使你難以達成如增長電子郵件名單、促成銷售和推動業務增長等關鍵目標。因此,我們將教你如何創建一個在智慧手機和平板電腦上都能美觀運作的響應式選單。你可以使用以下的方法直接跳轉到你想使用的部分。

方法一:建立適合手機的響應式滑動面板選單

滑動面板是一種導航選單,當訪客點擊或觸碰切換按鈕時,選單會滑入屏幕。這樣,選單始終易於訪問,但不會佔用屏幕空間,這對於較小螢幕的裝置來說尤其重要。

添加滑動面板的最簡便方法是使用Responsive Menu外掛。雖然該外掛有高級版本,但我們將使用其免費版,因為它提供了建立響應式選單所需的一切功能。

首先,你需要安裝並啟用Responsive Menu外掛。更多詳細信息,請參考我們的WordPress外掛安裝教程。啟用後,你可以使用該外掛自訂任何你之前創建的WordPress選單。如果你需要創建新的選單,請參考我們的初學者導航選單指南

若你的主題已包含內建的手機選單,你需要知道該選單的CSS類名以便隱藏它。若跳過這一步,手機用戶將會看到兩個重疊的選單。詳盡的步驟,請參見我們的指南

完成上述步驟後,前往WordPress管理側邊欄的Responsive Menu » Menus頁面,點擊「Create New Menu」按鈕。你會看到一些可用於選單的手機響應主題。我們使用「Default Theme」,但你可以選擇任何你喜歡的主題。

接下來,為選單輸入一個名字。這僅供參考,因此你可以使用任意名稱。你還需要點擊「Link WordPress Menu」並選擇你要使用的選單。

若你的主題已包含內建的手機選單,請將其CSS類名填入「Hide Theme Menu」字段。高級版使用者可以使用額外的設定,如隱藏某些頁面或裝置上的選單。

完成設定後,點擊「Create Menu」。你會在屏幕右側看到WordPress網站的預覽圖,左側是一些設定選項。若要查看手機上的網站狀態,點擊左下角的手機或平板圖示。

然後,選擇「Mobile Menu」,並點擊「Container」。在此,你可以找到各種設定項目。當你進行更改時,即時預覽通常會自動更新,這有助於你監控手機選單的外觀。

預設情況下,外掛會添加標題和一些「Add more content…」文字。你可以用自己的訊息替換這些文字,或完全刪除它們。點擊展開「Title」區域,自訂標題文字。接下來,你可以更改背景色、文字色、字體大小等。

若不需要標題文字,可以停用「Title」。沒有標題文字,會為手機導航選單中的鏈接和其他內容騰出更多空間。

類似地,若想更換「Add more content here…」文字,展開「Additional Content」區域,你可以輸入自己的文字、更改文字色、對齊方式等。若要完全刪除文字,只需停用相應選項,這在螢幕較小的手機和平板電腦上尤其有用。

預設情況下,Responsive Menu會將所有選單項目顯示為單列表形式。若選單短標籤較多,你可能會傾向於多列佈局,這樣可以在不顯得凌亂的情況下顯示更多項目。試試不同的列佈局,點擊展開「Menu」區域,選擇「Menu container columns」下拉選單中的列數。

此外,外掛還會在WordPress選單中添加搜索框,這雖然有助於訪客找到感興趣的內容,但也會佔用屏幕空間。若更喜歡,可以停用搜索框。

配置完選單後,點擊「Update」。然後,用手機訪問你的WordPress網站看看新選單的效果。

方法二:建立適合手機的全螢幕響應選單

另一種選項是添加全螢幕響應選單。這種選單會自動適應不同的螢幕大小,因此無論訪客使用何種裝置,導航選單都能保持良好外觀。

建立全螢幕選單的最簡便方法是使用FullScreen Menu外掛。啟用後,訪問「Fullscreen Menu Options」頁面,勾選「Activate Animated Fullscreen Menu」。我們建議先勾選「Show the menu only for Admin users」箱子,以便在配置選單時訪客不會看到變更。

預設情況下,該外掛會在所有裝置上顯示全螢幕選單。如果只想在智慧手機和平板電腦上顯示,勾選「Mobile only」。接下來,點擊「Design / Appearance」選項卡配置顏色、字體和動畫設定。

選擇完顏色後,滾動到「Menu Appearance」區域更改字體顏色、字體系列和字體大小。選擇額外字體可能會影響網站性能和加載速度,這對於處理能力較弱的手機裝置和網速較差的移動網絡連接來說並不理想。

設定完動畫效果後,點擊「Menu Content」選項卡添加內容。打開「Select Menu」下拉選單,選擇希望顯示的選單。如果沒有建立導航選單,請參見我們的導航選單指南

如果希望在選單中顯示額外內容,可以將它們添加到「Free HTML / Shortcodes」框中。此外,你可以勾選選項添加隱私政策頁面的鏈接,還可以添加社交媒體圖示和搜索框等。

配置好選單後,點擊「Save Changes」,用手機訪問你的网站查看選單效果。

額外提示:如何將響應式選單添加到登陸頁面

如果你正在創建登陸頁面或銷售頁面,則需要確保其在行動裝置上同樣美觀。我們建議使用SeedProd,它是最好的WordPress頁面建立工具,擁有超過300個專業設計模板。

使用SeedProd創建設計後,你可以使用Nav Menu區塊將響應式選單添加到頁面。這個區塊允許你為行動裝置和桌面電腦創建不同的選單,甚至可以根據用戶的裝置顯示不同的鏈接。

欲了解更多信息,請參見我們的指南。添加Nav區塊後,點擊高級選項卡,展開「Device Visibility」區域,然後激活「Hide on Desktop」選項。

我們希望這篇文章能幫助你學會如何建立適合手機的響應式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 基础知识

初学者指南:WordPress用户角色和权限

什么是WordPress用户角色和权限?

正确使用WordPress用户角色和权限可以让您完全控制您的WordPress网站,并帮助提高网站安全性。 WordPress允许您添加多个用户到您的网站。您还可以打开网站的用户注册功能,让其他用户可以注册。

在向您网站添加新用户时,您可以为他们选择一个用户角色。 您还可以为您的站点设置一个默认用户角色,这个角色将自动分配给注册新账户的用户。 用户角色包含特定的能力或权限,规定了用户在网站上可以执行的操作。

WordPress 预设了五个用户角色:

  • 管理员
  • 编辑
  • 作者
  • 贡献者
  • 订阅者

1. 管理员角色

在普通的WordPress网站中,管理员角色是最强大的用户角色。具有管理员角色的用户可以添加新帖子、编辑任何用户的帖子并删除这些帖子。此外,他们可以安装、编辑和删除插件和主题。最重要的是,管理员用户可以添加和删除用户,并更改现有用户的信息,包括他们的密码。这个角色基本上是为网站所有者保留的,赋予您对WordPress博客的完全控制权。如果您运行的是多用户WordPress网站,您需要谨慎分配管理员用户角色。

2. 编辑角色

具有编辑角色的用户对您网站的内容部分拥有完全控制权。他们可以添加、编辑、发布和删除站点上的任何帖子,包括他人写的帖子。编辑还可以审核、编辑和删除评论。编辑无法更改站点设置、安装插件和主题或添加新用户。

3. 作者角色

具有作者角色的用户可以编写、编辑和发布自己的帖子。他们还可以删除自己已发布的帖子。在编写帖子时,作者无法创建新类别,但可以从现有类别中选择。 他们还可以为帖子添加标签。作者可以查看评论,包括待审核的评论,但不能审核、批准或删除任何评论。他们没有访问站点设置、插件或主题的权限,因此这是一个相对低风险的用户角色。唯一的例外是他们可以删除自己已发布的帖子。

4. 贡献者角色

具有贡献者角色的用户可以添加新帖子并编辑自己的帖子,但无法发布任何帖子。在编写帖子时,他们可以从现有类别中选择并创建自己的标签。贡献者角色的最大缺点是他们无法上传文件,因此无法在帖子中添加图片。贡献者还可以查看所有网站评论,但不能批准或删除评论。最后,他们没有访问网站设置、插件或主题的权限,因此无法更改站点的任何设置。

5. 订阅者角色

具有订阅者角色的用户可以登录您的WordPress站点,更新他们的用户资料并更改密码。他们不能写帖子、查看评论或在WordPress管理区域内做任何其他事情。如果您有一个会员网站、在线商店或其他允许用户注册和登录的站点,这个用户角色特别有用。如果您想为访客创建一个自定义登录体验,请参阅我们关于如何在WordPress中添加前端登录页面和小部件的指南。

额外:超级管理员角色

此用户角色仅在WordPress多站点网络中可用。具有超级管理员角色的用户可以在多站点网络中添加和删除站点。 他们还可以安装插件和主题、添加用户并在WordPress多站点设置中执行网络范围内的操作。可以将其视为对网络中每个站点具有管理员访问权限。

如何自定义现有的WordPress用户角色和权限

默认的WordPress用户角色具有适用于大多数WordPress网站和博客的功能。例如,如果您运营一个杂志网站,则可以将“编辑”角色分配给高级员工,将“作者”角色分配给初级作者,将“贡献者”角色分配给客座作者。但有时,您可能希望根据网站的具体需求自定义角色分配的权限和功能。

例如,默认的作者角色允许用户发布他们的帖子,并且还允许他们删除已发布的帖子。在这种情况下,您可能希望删除允许作者删除帖子功能。有一些插件可以向您的网站添加特定角色,例如评论审核员用户角色插件。

但如果您想自定义WordPress用户角色,最简单的方法是使用Members插件。它可以让您轻松创建、管理和更改网站中的用户角色。首先需要做的是激活和安装插件。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。激活后,您将在WordPress管理面板中看到一个名为“成员”的新菜单项。

您需要转到Members » Roles 然后点击您要编辑的用户角色。在本例中,我们将编辑“作者”角色,但您可以选择最适合您的角色。

如何创建自定义用户角色

另一件可以做的事情是创建具有独特功能集合的完全自定义的WordPress用户角色。要做到这一点,您将使用与上述相同的插件。只需导航到Members » Add New Role并为您的新角色命名。例如,您可以创建一个开发者角色,并为具有特定权限的WordPress开发者分配该角色。左侧列有包含可用功能列表的不同部分。我们将选择“外观”选项卡,然后添加编辑、安装和更新主题的功能。之后,点击“添加角色”按钮保存用户角色。

接下来,您可以创建一个新用户并为他们分配新的用户角色。为此,请转到Users » Add New并填写新用户信息。在屏幕底部,您会看到一个“用户角色”部分。只需勾选您想要为新用户分配的用户角色,然后点击“添加新用户”按钮。现在,您已经创建了新的自定义WordPress用户角色,并将其分配给了新用户。有关更多详情,请参阅我们关于如何向WordPress添加新用户和作者的指南。如果您想创建一个仅用于审核评论的WordPress用户角色,请参阅我们关于如何允许博客用户审核WordPress中的评论的指南。

我们希望这篇文章能够帮助您理解用户角色和权限。您可能还想查看我们的关于如何注册域名的指南以及我们挑选的最佳免费网站托管服务的专家推荐。

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

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 插件

如何在WordPress中创建自定义计算器(分步指南)

为什么要在WordPress中添加自定义计算器?

自定义计算器可以让用户在不离开网站的情况下快速计算所需的数据。例如,健康和健身博客可以添加BMI(身体质量指数)计算器,方便用户根据结果选择适合他们的产品。

如果您面向全球销售产品,还可以提供将公制单位转换为英制单位的在线计算器,帮助客户确定产品尺寸或重量。此外,通过提供运输费用计算器,您可以减少购物车的放弃率,因为用户可以提前了解所有费用。

这些自定义计算器也是生成潜在客户的好方法。例如,可以要求用户输入他们的电子邮件地址以发送计算结果,这样一来,还能帮助您在WordPress中建立电子邮件列表。

如何在WordPress中创建自定义计算器

使用WPForms,您可以轻松创建WordPress自定义计算器。WPForms是一款领先的自定义计算器插件和表单构建器,具备拖放功能、2000多个预制模板,并完全支持防垃圾邮件功能。

首先,安装并激活WPForms插件。从WordPress管理侧栏中访问WPForms » 设置页面,输入您的许可证密钥。然后转到WPForms » 插件页面,找到“Calculations Addon”插件,点击“安装插件”以激活它。

接下来,转到WPForms » 新建页面。这将带您进入“选择模板”页面,您可以在此为即将创建的表单命名。点击左侧栏中的“计算器”选项,选择一个预制计算器模板进行使用,例如运费折扣计算器。

根据需要添加或删除表单字段,设置商品的标题、图片和定价,打开“使用图片选项”以显示商品图片。在运费字段中设定折扣规则,根据购物金额自动计算运费折扣。

在完成一切设置后,将计算器表单嵌入所需的WordPress页面中,点击“更新”或“发布”以保存设置。稍后可通过WPForms » 所有表单页面重新编辑和优化表单。

查看计算器表单条目

WPForms会自动将所有条目保存到WordPress数据库中,方便查看用户信息。您可以导出数据,将其另存为CSV或XLSX文件与他人共享。

使用Formidable Forms创建复杂计算器

如果您想创建更加复杂的计算器,我们推荐使用Formidable Forms插件。它具备高级计算功能和多种预制模板,能满足各种特定需求,如百分比计算器、价格计算器等。

我们希望本文能帮助您在WordPress中添加自定义计算器。如需更多指南,请关注我们的WordPress教程频道。

Read More
WordPress 插件

如何在WordPress中接受ACH支付(一次性或定期)

为什么在WordPress中接受ACH支付?

如果您的企业拥有一个美国银行账户,那么在WordPress网站上接受ACH支付可以大大降低交易费用。对于经常接受客户大资金支付的企业来说,这是一个完美的付款方式。比如,Stripe每笔ACH交易只收取0.8%的费用,最高不超过5美元,而信用卡通常收取2.9%加0.30美元。甚至像Apple Pay这样的新兴支付方式也要收取1.5%的费用,几乎是ACH的两倍。

假设客户支付100美元,那么ACH的费用约为0.80美元,而信用卡则是3.20美元。同样,对于800美元的支付,ACH费用是6.40美元,而信用卡则是23.50美元。此外,ACH支付可以帮助您提高客户留存率,因为不会受到信用卡或借记卡到期问题的影响。

接下来,我们来看看如何在WordPress中接受ACH支付。您可以使用以下快速链接在文章中导航:

步骤1:安装和设置WP Simple Pay

在WordPress中允许ACH支付的最佳方法是使用WP Simple Pay插件。它是最佳的Stripe插件,能够让您设置一次性支付或定期支付,无需设置购物车。除了ACH支付,WP Simple Pay还可以接受通过Affirm、分期支付、Giropay等方式的支付。在本教程中,我们将使用WP Simple Pay Pro版本,因为它包括ACH支付、现场支付表单及其他功能。一旦插件激活,它会自动启动设置向导,直接点击“开始”按钮即可。

步骤2:设置WP Simple Pay支付表单

在WP Simple Pay中创建支付表单,可以到WP Simple Pay » 新增来到WordPress仪表盘。此模板适用于不同的支付方式,例如Alipay和SEPA。只需将鼠标悬停到“ACH直接借记表单”模板上,然后点击出现的“使用模板”按钮即可。

步骤3:在WordPress中添加ACH支付表单

您现在可以在WordPress网站的任何地方添加ACH支付表单。在内容编辑器中,简单添加一个WP Simple Pay块后,从下拉菜单中选择您的ACH表单即可。接着,预览您的页面并发布它。现在,您可以访问您的网站,查看ACH支付表单的实际效果。以下是我们演示网站上的预览。

WordPress电商插件可以接受ACH支付吗?

上面的方法是WordPress中接受ACH支付的最简单方法,不需要购物车。但是,如果您将WordPress用于您的在线商店或者销售数字下载,那么大多数电商平台和插件也支持ACH支付。比如,您可以使用Easy Digital Downloads出售数字下载,如电子书、软件、音乐等,支持ACH支付。或者,WooCommerce允许您销售实物商品并接受ACH付款。

我们希望这篇文章能帮助您学习如何在WordPress中接受ACH支付。同时,您也可以查看我们的专家教程,了解如何在WordPress中接受其他类型的支付方式。

Read More