WordPress 插件

如何在WordPress中展示前后对比照片（带滑动效果）

何时在WordPress中使用前后对比照片滑块

前后对比图像是一种交互式的照片，通常显示某种变化。观众可以通过滑动条在不同版本的图像之间切换，以一种吸引人的方式进行互动。

如果您在使用WooCommerce等插件来运营在线商店，那么前后对比照片可以展示产品或服务的效果。您只需展示一张顾客可以感同身受的“之前”照片，以及一张理想的“之后”照片，这将激发顾客购买能够实现这种转变的产品。

如果您是一名联盟营销人员，通过在您的网站上展示说服力强的前后对比照片，是推广联盟链接和提高销售量的好方法。拖动滑块显示“之后”照片不仅能提高互动性，还能让访客在您的网站停留更长时间，这也有助于增加页面浏览量并降低跳出率。

方法1：使用免费插件展示前后对比照片（简单）

创建前后对比照片的最简单方法是使用Ultimate Before After Image Slider & Gallery（BEA）。该插件允许您创建水平和垂直滑块，并使用不同的标签和颜色来自定义图像。

首先，您需要安装并激活Ultimate Before After Image Slider & Gallery（BEA）插件。激活后，进入后台的Before and After Slider » Add New。

接下来，为图像滑块输入一个名称。然后，添加“之前”图像，点击“上传”，选择图像或从您的计算机上传新图像。最好为此图像添加一些图像替代文本（alt text），以帮助搜索引擎理解并展示给合适的人。

接下来，添加“之后”图像，使用同样的步骤，不要忘记添加替代文本，因为这对WordPress SEO很重要。

您可以根据需要添加文本，例如滑块标题和描述，以便为图像增加一些背景信息。

完成后，可以选择创建垂直或水平滑块。根据需要调整滑块的默认偏移百分比。

方法2：使用SeedProd展示前后对比照片（更具定制性）

如果您想为页面或文章添加前后对比图像，BEA插件可能是不错的选择。但如果您使用图像来推广产品、服务或业务，我们推荐使用SeedProd。

SeedProd是最好的拖放式WordPress页面构建器，拥有丰富的模板和功能。“Before After Toggle”块可以帮助您创建漂亮的前后对比图像。

在SeedProd页面编辑器中，只需拖动并放置这个块到您的页面设计中，并通过多种选项自定义滑块效果。

通过丰富的选项来定制滑杆，把您的页面发布上线。

查看更多WordPress图片技巧

希望这篇文章能帮助您学习如何给您的WordPress网站添加带滑动效果的前后对比照片。

Read More
WordPress 教学

如何在WordPress中为特定用户角色应用CSS（简单方法）

更改网站外观以适应不同的用户角色，有助于提高用户体验。通过对网站的外观进行个性化，可以提高用户的满意度、转化率和销量。

无论您是网站所有者、开发者或设计师，控制网站对不同用户的呈现方式都非常有益。

为何以及何时在WordPress中为特定用户角色应用CSS

许多需要用户登录的网站需要根据角色自定义外观。个性化可以极大地增强用户体验，并最终带来更多的客户满意度、转化和销售。

一些常见的应用场景包括：

  • 会员制网站：为高级会员提供不同的体验。
  • 电子商务商店：为已登录的客户突出显示购物车、客户折扣等功能。
  • 多作者博客：使用自定义CSS为编辑器创建简洁高效的界面，同时保持贡献者和订阅者界面的简单。
  • 客户网站：通过自定义CSS隐藏某些元素，为客户创建简化的管理区域。

现在的问题是如何告知WordPress为不同用户角色加载哪些CSS代码。

在WordPress中为特定用户角色应用自定义CSS

管理WordPress中的自定义代码（包括CSS）最简单的方法是使用WPCode。它是WordPress中最好的代码片段插件，使您可以安全地在一个地方管理自定义CSS。

我们推荐WPCode的原因：

  • 它允许您安全地添加任何自定义代码（包括CSS）而不破坏网站。如果代码片段不起作用，您可以轻松禁用它。
  • 拥有强大的代码插入和条件逻辑工具，只在需要时运行片段。
  • 提供丰富的代码库，包含有用的片段，避免安装多个插件。

在WPCode中添加自定义CSS

首先，您需要安装和激活WPCode插件。激活后，进入代码片段 » +添加片段页面。由于您添加的是自定义CSS代码，您需要点击‘+添加自定义片段’开始。

进入代码编辑器后，输入代码片段的标题并选择‘CSS片段’作为代码类型。

现在可以将自定义CSS代码添加到代码预览框中。举个例子，我们这里用了这个代码，它通过改变背景颜色突出显示管理区域的‘文章’菜单：

li#menu-posts { background-color: #bf0505; }

选择用户角色条件逻辑

接下来，滚动到‘智能条件逻辑’框，启用该选项。然后选择‘条件’并点击‘添加新组’。选择‘用户角色’，选择需要应用的角色。完成后，保存片段并激活。

WordPress管理区为特定用户角色添加自定义CSS

如果您只希望在WordPress管理区域添加自定义CSS，则WPCode使其更加简易。

在代码编辑屏幕中，滚动到‘位置’选项，您会看到可自动加载CSS的位置。选择‘管理头部’或‘管理底部’选项。

其他区域为特定用户角色添加自定义CSS

电子商务网站的设计个性化能够提高用户体验，并减少购物车被放弃的销售损失。WPCode可以选择在电子商务网站的多个地方添加自定义CSS。

附加提示

以下是一些额外资源，无需学习CSS即可轻松创建WordPress的自定义用户体验：

  • 如何为不同用户在WordPress中显示个性化内容
  • 如何自定义WordPress网站的颜色
  • 如何自定义和样式化WordPress表单（两种简单方法）
  • 如何在WordPress中创建自定义主页（三种方法）

我们希望本文帮助您学习如何在WordPress中为特定用户角色应用CSS。您可能还想查看我们的WordPress生成的CSS初学者速查表，或者查看这些插件和技巧以改进WordPress管理区。

Read More
WordPress 教学

如何修復 WordPress 中 Facebook 錯誤的縮圖問題

如何修復 WordPress 中 Facebook 錯誤的縮圖問題

由編輯團隊於 2024 年 5 月 16 日最後更新 | 審核者：Syed Balkhi

編者註：我們從 WPBeginner 的合作夥伴連結中賺取佣金。佣金不影響我們編輯的觀點或評估。了解更多關於我們的編輯過程。

您是否注意到在將文章分享到 Facebook 時顯示錯誤的縮圖？這是一個初學者經常抱怨的常見錯誤。要讓 Facebook 顯示正確的縮圖並非總是那麼明確。

在本文中，我們將向您展示如何修復 WordPress 中的 Facebook 錯誤縮圖問題。

為什麼 Facebook 無法顯示縮圖圖片？

有很多原因可能導致 Facebook 貼文顯示錯誤的縮圖或錯誤地顯示正確的縮圖。最常見的原因之一是 og:Image 標籤中設置了多個圖片，而您的特色圖片比其他圖片小。

Facebook 使用 Open Graph og 標籤，許多 WordPress 插件如 All in One SEO（AIOSEO）和 Yoast SEO 會自動將其添加到您的 WordPress 網站以防止縮圖遺失。

其他一些原因包括緩存插件、CDN 衝突或縮圖圖片的 Open Graph 元標籤遺失。

很難猜測問題的根源，因為使用調試工具時並不會顯示具體的錯誤信息。

現在讓我們來看看一些修復 Facebook 錯誤縮圖的方式：

使用 AIOSEO 選擇 Facebook 縮圖

您可以使用免費的 AIOSEO 插件來展示您想要的縮圖。這是市場上最棒的 WordPress SEO 插件，讓您輕鬆優化內容以便於搜尋引擎和社交網站。

我們將向您展示如何使用 AIOSEO 免費版來做到這一點。如果您想解鎖更多 SEO 功能並獲得更多流量，您應該查看 AIOSEO 專業版。查看我們的 AIOSEO 詳細評論以了解更多。

首先，您需要安裝和啟用 AIOSEO。這裡是我們詳盡的 WordPress 插件安裝指南。

安裝插件後，您可以在撰寫文章時輕鬆更改 Facebook 縮圖。只需向下滾動至文章編輯器下方的 AIOSEO 設置元框，然後點擊“社交”標籤。

在頁面稍下方，您將看到一個“圖片來源”的下拉選單，可以在其中選擇 Facebook 縮圖。

例如，您可以使用您的特色圖片或上傳自定義圖片。

一旦將其作為 Facebook 縮圖圖片添加，那麼您需要更新您的文章。這在大多數情況下都可以解決問題。

使用 Yoast SEO 插件選擇 Facebook 縮圖

Yoast SEO 插件也同樣提供向每個文章或頁面添加自定義 Facebook 縮圖的功能。

只需安裝和啟用 Yoast SEO 插件。查看我們逐步指南以了解如何安裝 WordPress 插件。

啟動後，開始設置您想要的 Facebook 縮圖。

撰寫文章時，向下滾動至文章編輯器下方的 Yoast SEO 元框，然後點擊社交標籤。在那裡，您會看到一個上傳 Facebook 縮圖的按鈕。

使用 Facebook 調試工具清除緩存

如果您已添加了正確的縮圖，但 Facebook 仍然未顯示正確的縮圖，那麼問題可能與緩存相關。

首先，您需要確保清除 WordPress 的頁面緩存。

之後，您需要使用 Facebook 的調試工具重置 Facebook 緩存。

Facebook 調試工具是排除 Facebook 縮圖問題的最簡單方式。只需將您的 WordPress 貼文 URL 複製並貼入 Facebook 調試工具。

之後，點擊“再次抓取”按鈕，Facebook 將更新您的貼文縮圖。有時您需要點擊“再次抓取”按鈕兩次。

在 WordPress 中使用社交媒體的專家指南

現在您已知道如何修復 Facebook 錯誤縮圖，您可能會對其他社交媒體相關指南感興趣：

WordPress 完整的社交媒體速查表（更新版）

如何向 WordPress 添加您的社交媒體訊息（步驟指南）

如何使用 Buffer 將 WordPress 貼文安排到社交媒體

如何在 WordPress 側邊欄添加社交媒體圖標

如何將社交媒體圖標添加到 WordPress 選單（簡便方法）

如何在 WordPress 中顯示社交媒體追隨者數量

如何在個人資料頁面顯示作者的 Twitter 和 Facebook

適用於 WordPress 的最佳社交媒體插件

WordPress 用戶最佳的社交媒體監控工具

我們希望本文幫助您解決 WordPress 中的 Facebook 錯誤縮圖問題。您也許還想查看我們的指南，了解如何在 WordPress 中添加社交分享按鈕或我們專家推薦的小型企業最佳商業電話服務。

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

Read More
WordPress 插件

如何在 WordPress 中轻松添加项目符号和编号列表

何时在 WordPress 中添加项目符号和编号列表

与向访问者展示全是文字相比，分解您的内容以便快速浏览是一个好主意。有很多方法可以使您的页面更适合阅读者阅读，其中包括创建表格、使用副标题、添加视频和创建列表。

列表可以帮助访问者一目了然地理解您的内容（如目录），即使您共享复杂的信息。这样可以改善用户体验并让用户在您的 WordPress 网站上停留更长时间。

方法 1：使用内置的 WordPress 列表块（简单）

创建项目符号和编号列表的最简单方法是使用 WordPress Gutenberg 块编辑器中的列表块。这样您无需安装单独的 WordPress 插件即可创建基本的编号或项目符号列表。

通过单击 + 图标在 WordPress 块编辑器中添加新块，选择“列表”，即可创建简单的项目符号列表和编号列表。如果要创建嵌套列表，请点击缩进按钮，同样可以使用退格按钮减少缩进。

方法 2：使用 Shortcodes Ultimate（带自定义图标的列表）

使用 Shortcodes Ultimate 插件可以创建带有自定义图标的列表，使列表更具视觉吸引力和内容主题相匹配。安装该插件并使用 [su_list icon=”icon: star” icon_color=”#ffde0f”] 短代码创建自定义列表。

方法 3：使用页面构建器插件（适合登录页面）

SeedProd 是一个高级 WordPress 主题和页面构建器插件，可让您使用简单的拖放编辑器创建专业设计的页面。该插件包含一个现成的列表块，允许您微调列表设计的每个部分，包括更改个别项目之间的空间、更换标准项目符号点等。

方法 4：使用代码添加项目符号和编号列表（高级）

您也可以使用内置的 WordPress 代码编辑器和 HTML 来创建列表。这更复杂，所以不适合初学者。但确让您在内置列表块中使用更多样式和格式。通过插件对 HTML 的深入修改，您可以创建更具风格的列表。

Read More
WordPress 教学

如何在您的 WordPress 網站上輕鬆接受信用卡付款

您想在您的 WordPress 網站上輕鬆接受信用卡付款嗎？默認狀態下，WordPress 並不提供信用卡支付選項，但有許多插件和工具可以幫助解決這個問題。本文將分享兩種簡單方法，讓您能夠在您的 WordPress 網站上接受信用卡付款。

為什麼在 WordPress 上接受信用卡付款？

信用卡和借記卡是全球最常見的在線支付方式。如果您在您的 WordPress 網站上銷售產品或服務，接受信用卡支付變得至關重要。這不僅能提高您的轉化率，還能減少購物車放棄率。

注意：您需要在網站上啟用 HTTPS/SSL，以便安全地接受信用卡付款。詳細信息請參閱我們的指南，了解如何為您的 WordPress 網站獲取免費的 SSL 證書。

方法 1. 使用 WP Simple Pay 接受信用卡付款

對於這種方法，我們將使用 WP Simple Pay 它是市場上最好的 Stripe 付款插件。WP Simple Pay 與 Stripe 信用卡處理平台集成。儘管 Stripe 會對每筆交易收取少量費用，但註冊 Stripe 是免費的。使用 WP Simple Pay，您可以在沒有設立完整電商插件的情況下接受付款。

首先，安裝並啟用 WP Simple Pay 插件。激活後，插件會自動啟動 WP Simple Pay 安裝嚮導。點擊“開始”按鈕，以連接到您的 Stripe 帳戶。

接下來，創建一個付款按鈕，並將其添加到任何頁面或文章中。您可以使用 WP Simple Pay Lite，因為它是完全免費的。如果需要更高級的功能，可以使用 WP Simple Pay Pro。

方法 2. 使用 WPForms 接受信用卡付款

如果您需要收集更多訪問者的信息，可以使用 WPForms 插件創建付款表單。WPForms 是最好的 WordPress 聯繫表單插件，您可以用它快速添加任何類型的表單，包括付款表單。我們建議使用 WPForms Pro 版本，因為它提供了 Stripe Pro 插件，讓您不需額外交易費用即可通過 Stripe 接受信用卡付款。

首先，安裝並啟用 WPForms Pro，然後安裝和激活 Stripe 插件。接著，創建付款表單並配置付款設置。完成後，將表單添加到您的網站，並開始接受信用卡付款。

附加方法

儘管 WP Simple Pay 和 WPForms 是在 WordPress 上接受信用卡付款最簡單的方法，但某些用戶可能有不同需求。您可以使用一些全功能的解決方案，例如 WooCommerce、Easy Digital Downloads 或 MemberPress，以便根據具體情況接受信用卡付款。

我們希望這篇文章能幫助您學會如何在 WordPress 網站上輕鬆接受信用卡付款。您可能還會想查看我們的商業網站必備 WordPress 插件列表，或我們的指南，了解如何正確創建電子郵件新聞稿。

Read More
WordPress 教学

如何撰寫一篇出色的博客文章（結構 + 範例）

為什麼博客文章的結構如此重要？

根據我們的博客統計研究，有超過 6 億個博客。在如此激烈的競爭中，你需要盡一切努力使你的博客脫穎而出，包括使用正確的結構。井然有序的博客會以邏輯的方式將讀者從一個點引導到另一個點，這樣會更容易理解。此外，許多人只是快速瀏覽博客，因此正確的結構也有助於人們找到他們感興趣的部分。

如何撰寫完美的博客文章（結構 + 範例）

你可能是世界級的作家，但如果沒有清晰的結構，你的博客文章可能仍然難以閱讀。讓我們來看看如何撰寫一篇結構良好的博客文章，即使你完全是個新手。只需使用下面的快速鏈接直接跳到你想閱讀的主題：

1. 開始選擇正確的博客話題

在做任何其他事情之前，你首先需要選擇要在你的博客文章中討論的正確話題。如果你運營的是個人博客，只想在網站上分享故事或軼事，那麼博客話題可以是任何你想要的。但如果你的目標是建立受眾並最終從博客中賺錢，那麼第一步是進行關鍵詞研究。

2. 創建一個描述性且引人注目的標題

一旦你有了博客話題，你就可以考慮博客文章的標題。你的標題通常是人們首先看到的東西。無論你的博客內容有多好，如果標題無聊，你將很難吸引讀者。

3. 撰寫清晰而簡明的介紹

每篇出色的博客文章都需要一個清晰的介紹，告訴訪客該文章是關於什麼的。這有助於人們決定他們是否對這個話題感興趣。就像標題一樣，簡單地陳述博客的主題是不夠的，你還必須讓訪客想繼續閱讀。

4. 用標題分隔內容

無論你的寫作有多好，如果讀者無法集中注意力超過幾個段落，你的所有努力都將白費。這就是為什麼我們建議使用標題將你的文章分成易於消化的小塊。

5. 添加內容目錄

內容目錄列出了文章的主要點，並提供了通往特定部分的鏈接。這樣訪客可以概述博客內容並直接跳到他們感興趣的部分。

6. 保持段落和句子簡短

想像一下，打開一篇博客文章卻看到一整堵文字牆。很可能你會立即離開該頁面。因此，請將你的博客分成短段落和句子。這樣更容易瀏覽並且看起來更少令人畏懼，特別是在移動設備上。

7. 添加圖片、視頻和其他媒體

訪客不希望在訪問你的博客時感到自己在讀小說。因此，最好添加視覺內容如照片、信息圖、截圖、圖表和圖解。

8. 用結論結束博客文章

一個好的結論總結了你在整篇博客文章中所做的所有觀點，而不引入任何新信息。

9. 以有吸引力的行動號召（CTA）結束

當讀者讀到文章結尾時，你需要告訴他們接下來該做什麼。這應該是一個使他們繼續參與你的博客或讓他們轉化的行動，即所謂的行動號召。

10. 預覽你的博客文章並進行最後的潤色

一旦你有了帶有所有圖像的博客文章草稿，你需要確保一切看起來都沒問題。這意味著沒有語法或拼寫錯誤，圖像看起來清晰，你的內容易於理解，等等。

我們希望這個教程幫助你學會如何撰寫一篇出色的博客文章。你可能還想了解如何通過博客在線賺錢，或者查看我們推薦的最佳SEO插件和工具列表。如果你喜歡這篇文章，請訂閱我們的YouTube頻道以獲取WordPress視頻教程。你也可以在Twitter和Facebook上找到我們。

Read More
WordPress 主题

如何將 WordPress 預設的 jQuery 替換為 Google Library

如何將 WordPress 預設的 jQuery 替換為 Google Library

你是否想將 WordPress 預設的 jQuery 腳本替換成來自 Google Hosted Libraries 的 jQuery？

WordPress 預設包含了 jQuery 這個 JavaScript 庫。然而，將其替換為來自 Google Library 的最新版本 jQuery 可以提高網站性能。

在本文中，我們將向你展示如何輕鬆地將 WordPress 預設的 jQuery 腳本替換為 Google Library 來提高性能和速度。

為什麼以及何時應該替換 WordPress 預設的 jQuery

jQuery 是一個受開發者歡迎的 JavaScript 庫，用於創建漂亮的網頁應用。在 WordPress 中，它常被用來添加功能如滑塊、彈出窗口等。

WordPress 包含了與核心軟件一起打包的 jQuery 庫。許多頂級的 WordPress 插件和流行的主題都依賴這個庫來提供基本的功能和特點。

然而，在共享主機伺服器上加載 jQuery 可能會消耗大量資源並使網站變慢，特別是當你使用一些沒有遵循 WordPress 最佳實踐的插件或主題時。

另一個問題是使用 WordPress 包含的 jQuery 版本，這些版本只有在 WordPress 更新時才會被更新。可能會有包含性能或安全修復的新版本，但你將無法使用，直到這些新版本包含在 WordPress 更新中。

有幾個解決方法可以解決這個問題。例如，可以通過 Google 的伺服器或 jQuery 官方的 CDN 加載 jQuery。

Google Hosted Libraries 是一個不錯的選擇，因為他們的伺服器穩定、更新且高度優化，這使得 jQuery 在你的 WordPress 網站上加載更快。

話不多說，讓我們來看看如何輕鬆地將 WordPress 預設的 jQuery 替換為 Google Library。

使用 Google Library 替換 WordPress 預設的 jQuery

WordPress 配備了一種內建方法，可以簡單地添加腳本和樣式表。這也能讓你安全地移除任何使用內建方法加載的腳本或樣式表。

我們將使用這個方法來首先禁用 WordPress 預設的 jQuery。之後，我們將告訴 WordPress 通過 Google Library 加載 jQuery。

你需要將以下代碼添加到主題的 functions.php 文件、特定網站插件或一個代碼片段插件中。

function wpb_modify_jquery() {
  //檢查是否正在查看前台部分
  if (!is_admin()) {
    // 移除 WordPress 預設的 jQuery
    wp_deregister_script('jquery');
    // 註冊通過 Google Library 的新 jQuery 腳本    
    wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js', false, '3.6.0');
    // 將腳本加入佇列   
    wp_enqueue_script('jquery');
  }
}
// 當 WordPress 初始化時執行該動作
add_action('init', 'wpb_modify_jquery');

我們建議使用 WPCode 代碼片段插件來添加這段代碼到 WordPress 中。這個插件免費且易於使用，即使出現任何問題也不會使你網站崩潰。

注意：WPCode 也有高級版，提供如代碼修訂、自動轉換像素、計劃片段、私人雲端庫等進階功能。

要開始使用，你需要安裝並啟用 WPCode。如果需要幫助，請參見我們的指南 如何安裝 WordPress 插件。

插件啟用後，從 WordPress 輸入檢控台導航到代碼片段»添加片段。從這裡，找到“添加自訂代碼（新片段）”選項，並點擊其下方的“使用片段”按鈕。

接下來，你可以為你的代碼片段添加標題。這個標題可以是任何有助於你記住代碼用途的名稱。

之後，簡單地將上面的代碼粘貼到“代碼預覽”框中，並從下拉菜單中選擇“PHP片段”作為代碼類型。

最後，將開關從“未啟用”切換到“啟用”並點擊“保存片段”按鈕。

這就是全部！WordPress 現在將替換預設的 jQuery，並通過 Google Library 加載它。

注意：這個方法將繼續加載 URL 中指定的 jQuery 版本。將來你可能需要更改 Google Library 的 URL 以使用更新的 jQuery 版本。

Google 不會為你自動更新版本號，因為如果你的主題或插件依賴於不同的版本，這可能會導致兼容性問題。

你可以訪問 Google Hosted Libraries 網站來找到最新的 URL。

從那裡，你還可以找到較舊版本的 jQuery 的 URL，以便在需要時用於故障排除。

替換其它預設的 jQuery 庫

除了核心 jQuery 庫外，WordPress 還包括飛其他一堆jQuery腳本。其中某些腳本，如 jQuery Mobile 和 jQuery UI，在Google 庫上託管。

對於其他庫，你可以使用 jQuery 自己的 CDN 伺服器來更快地加載它們。以下例子中，我們已將 WordPress 的 jquery-ui-core 腳本替換為官方的 jquery-ui 版本。

function wpb_modify_jquery_ui() {
  if (!is_admin()) {
    wp_deregister_script('jquery-ui-core');
    wp_register_script('jquery-ui-core', 'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js', false, '1.12.1');
    wp_enqueue_script('jquery-ui-core');
  }
}
add_action('init', 'wpb_modify_jquery_ui');

就像 Google Libraries 一樣，你需要在一段時間後替換 URL 以使用最新版本的腳本。

完全禁用 WordPress 中的 jQuery

鑑於其廣泛使用，我們不建議完全禁用 WordPress 網站上的 jQuery。即使你的 WordPress 主題不使用 jQuery，許多流行的 WordPress 插件仍然需要它。

但是，如果你確信自己的網站不需要 jQuery，那麼你可以安全地禁用它。

簡單地將以下代碼添加到主題的 functions.php 文件、特定網站插件或一個代碼片段插件，如 WPCode。

if ( !is_admin() ) wp_deregister_script('jquery');

這就是全部。此代碼將簡單地禁用 jQuery 腳本從 WordPress 網站的前端加載。

解決 WordPress 中的 jQuery 相關問題

jQuery 的新版本有時可能會廢棄或移除舊的方法和函數。如果你網站上的某個 WordPress 插件使用了較舊的方法，那麼這可能會破壞某些功能。

你可能會在檢查工具的控制台區域中看到警告，或者注意到一些功能停止工作。

WordPress 以前使用一個名為 jQuery-migrate 的腳本來提供對較舊版本 jQuery 的兼容性支持。然而，從 WordPress 5.5 開始，這個腳本已經從 WordPress 中移除了。

如果你想添加回 jQuery-migrate 腳本或在不同 jQuery 版本之間進行故障排除，那麼你可以嘗試以下方法。

簡單地安裝並激活 Version Control for jQuery 插件。詳細信息請參見我們的分步指南 如何安裝 WordPress 插件。

激活後，你需要訪問設置» jQuery 版本控制頁面。從這裡，你可以選擇要使用的 jQuery 版本。

插件將自動從官方 jQuery CDN 加載該版本。

該插件還會加載 jQuery-migrate 腳本。如果你願意，你可以在故障排除期間禁用它。

不要忘記點擊“保存更改”按鈕來保存你的更改。

我們希望本文幫助你學習如何用 Google Library 替換 WordPress 預設的 jQuery。你可能還會感興趣於這些有用的 jQuery 教程或參見我們完整的 WordPress 性能優化指南。

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

Read More
WordPress 教学

如何在 WooCommerce 中建立忠誠度計劃（一步一步）

什麼是忠誠度計劃，以及為什麼要在 WooCommerce 中創建一個？

忠誠度計劃是鼓勵客戶重複購物的最佳方法之一。通常，忠誠度計劃通過提供各種獎勵來回報客戶的重複光顧，如積分系統、分級福利、獨家優惠、現金返還及個性化獎勵。

忠誠度計劃不僅能夠增加銷售額，還可以通過提供額外理由讓客戶添購更多商品來提高每位顧客的平均支出。

設置您的 WooCommerce 忠誠度計劃

創建忠誠度計劃的最簡單方法是使用 Advanced Coupons 插件。首先，您需要安裝並啟用免費的 Advanced Coupons 插件和高級版本的 Advanced Coupons 忠誠度計劃插件。接著，導航到 Coupons » Loyalty Program » Settings，開始設置忠誠度計劃。

您可以設置客戶在商店中執行某些操作時獲得積分，這些操作可能包括留下產品評論、發表評論、購買產品等。例如，客戶每花費 1 美元即可獲得 1 點積分，或者您可以設置更高的積分比率來讓計劃看起來更具吸引力。

此外，您還可以調整積分的兌換比率，例如 10 點積分兌換 1 美元折扣券。您可以更改這些值，也可以在 ‘Points name’ 字段中輸入您自己的忠誠度計劃名稱。

自動為客戶創建賬戶

客戶需要創建賬戶才能收集忠誠度積分。要自動為新客戶創建賬戶，請轉到 WooCommerce » 設置，然後點擊 ‘Accounts and Privacy’ 選項卡。取消勾選 ‘允許客戶無賬戶下單’，並勾選 ‘允許客戶在結賬時登錄現有賬戶’。

接下來，勾選 ‘賬戶創建’ 部分中的所有框，以便 WooCommerce 自動向首次購買的客戶發送如何訪問新賬戶的郵件。

WooCommerce 忠誠度計劃運行中

恭喜！您的忠誠度計劃應該已經開始運行了。客戶賺取積分後，可以前往我的賬戶 » 我的積分，查看自己的積分以及積分的價值進行兌換。

額外提示：創建 WooCommerce 比賽以提高忠誠度和參與度

現在，您已經設置了 WooCommerce 忠誠度計劃，接下來可以通過舉辦比賽來創造一些嗡嗡聲，以提高參與度。使用 RafflePress 插件，您可以輕鬆設置有效的 WooCommerce 比賽，我們的指南將幫助您了解如何設置比賽以提高忠誠度和參與度。

Read More
WordPress 教学

如何在WordPress中提交表单后重定向用户

你是否在寻找一种方法，让用户在提交表单后重定向到你的WordPress网站上的特定页面？通过表单重定向，你可以引导用户到高效的博客文章，展示最新的优惠，或显示感谢页面以建立观众关系。在这篇文章中，我们将展示如何在WordPress中提交表单后重定向用户。

为什么在表单提交后重定向用户？

当用户在你的WordPress网站上提交表单时，许多企业主可能会认为这就是流程的结束。然而，你可以利用表单来增加网站用户参与度并获得更多转化。例如，当用户提交表单后，你可以将他们引导至一个感谢页面，并列出高转换率的文章。这样，你可以为你最好的内容增加页面浏览量并推动更多销售。

在网络商店中，当访客提交表单后，你可以进行追加销售，并提供折扣和免费配送等激励措施。你甚至可以将用户重定向到一个页面，让他们在提交表单后下载免费的资源。例如，你可以创建一个引导磁铁，让人们填写表单以换取一个免费的资源，如电子书、播客、媒体文件、或PDF。

接下来，让我们来看一下在WordPress中提交表单后重定向用户的4种不同方法。只需点击以下链接跳转到你喜爱的章节：

  • 重定向用户在WordPress提交表单后重定向用户
  • 基于其响应后的表单提交重定向用户
  • 在WordPress中评论提交后重定向用户
  • 在注册表单提交后重定向用户

在WordPress表单提交后重定向用户

重定向用户在表单提交后最简单的方法是使用WPForms。它是最好的WordPress联络表单插件，超过600万专业人士使用它来为网站创建不同类型的表单。

WPForms带有内置设置，可以让你选择是否要显示感谢消息，显示特定页面，或将用户重定向到另一个URL。此外，你还可以使用拖放表单构建器轻松自定义表单。

在本教程中，我们将使用免费的WPForms Lite版本，因为它免费且可以在几次点击内完成表单提交后的重定向。WPForms Pro版本提供了1400多个预构建表单模板、自定义选项和强大的附加功能。

设置表单提交后的重定向URL

自定义好联系表单后，进入表单构建器中的设置 » 确认。

在确认类型设置下，点击下拉菜单并选择“前往URL（重定向）”选项。

之后，只需输入在“确认重定向URL”字段中的链接，并指定用户在提交表单后重定向到哪里。

在WordPress中嵌入表单

添加重定向URL后，下一步是将表单嵌入到你的网站。

点击顶部的‘保存’按钮保存你的表单设置，然后点击其旁边的‘嵌入’按钮。

WPForms将询问你是否想在现有页面或新页面上嵌入表单。对于本教程，我们选择‘创建新页面’选项。

接下来，需要为新页面输入一个名称。输入名称后，点击‘开始’按钮。

插件现在会自动将你的表单添加到WordPress内容编辑器中的WPForms块。在准备好后，点击顶部的‘发布’按钮。

评论提交后重定向用户

你知道吗？如果你有第一次评论的用户，你可以将他们重定向到你的WordPress站点上的不同页面。例如，你可以显示一个简单的感谢页面并包含一个电子邮件注册表单，以便在用户评论后让他们订阅你的新闻邮件。同样，你还可以将人们重定向到一个包含你社交媒体链接的页面，以增加追随者。

评论提交后的重定向也有助于提高页面浏览量和转化率。你可以将评论者重定向到你的热门博客文章，显示特别优惠或优惠券页面，或显示引导磁石页面以获得更多转化。

设置评论重定向的最简便方法是使用Comment Hacks插件。更多信息，请参见我们逐步安装WordPress插件的指南。

它允许你选择在首次用户评论后显示哪个页面。你只需导航到WordPress管理控制板中的设置 » 评论黑客。然后，选择‘重定向至’下拉菜单中的特定页面。

注册表单提交后重定向用户

如果你允许用户注册你的网站，那么重定向用户是非常有用的。例如，如果你运营会员网站或销售在线课程，当用户提交注册表单时，你可以将他们重定向到其账户区域或控制面板。这样，用户可以访问他们的下载文件、许可证密钥、课程材料、课程表等。

使用MemberPress，你可以轻松限制访问你网站的不同部分。它是最好的WordPress会员插件，允许你设置多个会员级别。

一旦创建了自定义定价页面，只需在MemberPress的未经授权访问部分中输入URL，以将未注册用户重定向到你的定价页面或注册页面。

如果你需要更多选项，我们建议使用像SeedProd这样的页面构建器。SeedProd是一个拖放页面构建器，让你轻松自定义任何页面的布局和设计。你可以在页面中添加‘定价表’元素进行重定向。更多信息，请参阅我们的指南，了解如何在WordPress中添加一个漂亮的定价表。

我们希望这篇文章帮助你了解如何在WordPress中提交表单后重定向用户。你可能还想查看我们的指南，了解如何选择最佳设计软件以及WordPress.com与WordPress.org的比较。

Read More
WordPress 教学

如何在2024年开始播客（并使其成功）

什么是播客？播客如何工作？

播客是一系列可以订阅、下载并收听的音频文件。也有视频播客，但并不常见。为了使您的播客工作，您需要有一个音频文件和一个RSS订阅源，让用户订阅以保持更新并在有新集时下载。

寻找播客主题和细分市场

每天发布约27,557个播客集。为了竞争，您需要找到您将要在您的播客中涵盖的主题。以下是一些帮助您缩小主题范围并找到细分市场的提示：

  • 遵循您的热情 – 选择激发您兴趣的主题将有助于您创作出更好的内容，同时吸引您的目标受众。
  • 选择一条路线 – 尽量不要讲随机的事情，而是在一个定义明确的主题领域内坚持下去。
  • 从受众的角度思考 – 根据您选择的主题建立一个受众人群画像。谁是您的受众，他们还喜欢什么？
  • 研究您的竞争对手 – 查看您所在领域的其他播客主持人正在做什么。您能否以独特的视角和声音在此基础上进行创作？
  • 选择您的播客格式 – 您想做采访，单人评论，还是其他形式？选择适合您主题和优势的格式。

设置播客所需的东西

要进行专业的播客设置，您需要以下几样东西：

  • 一个网站或博客，人们可以在这里了解您和您的播客。
  • 录制播客集所需的设备。
  • 在互联网发布播客的正确工具，以便您能获得最多的订阅者和覆盖率。

步骤 1：网站设置：WordPress 托管和域名

建立网站的最重要步骤是选择正确的平台。我们推荐使用 WordPress.org，也称为自托管的 WordPress 来设置您的播客网站。WordPress 是免费的，您可以安装插件，自定义您的网站设计，并且最重要的是，没有任何限制地从您的网站赚钱。

设置 WordPress

要开始，您需要一个域名和一个网站托管帐户。域名是您的网站在互联网上的地址。托管是您网站在互联网上的“房子”，这是存放所有文件和图像的地方。

典型的网络托管费用是每月7.99美元，而域名通常每年约为14.99美元。为了帮助初学者，Bluehost 提供给用户一个免费域名并提供高达61%的托管折扣。

选择播客 WordPress 主题

安装 WordPress 后，您的网站将使用默认的 WordPress 主题。您可能希望更改它。主题控制您网站前端的外观。我们专家团队为播客主持人精心挑选了一系列 WordPress 主题列表。所有这些主题都是专为播客网站制作的。

步骤 2：设置媒体托管服务

您需要一个好的媒体托管服务。播客集是大文件，从您的网络主机提供它们会消耗大量服务器资源，使您的网站变慢甚至响应不及时。建议使用播客专用的媒体托管平台如 Blubrry。

步骤 3：选择合适的播客设备

随着播客的发展，您需要投资于新的工具以制作更高质量的播客。初学者最重要的工具是一个好的麦克风。我们推荐使用USB麦克风，因为它们对初学者友好且易于操作。

播客者常用的三种麦克风：Samson C01U (USB)，Røde Podmic (USB)，Heil PR-40 (XLR连接，不是USB)。

步骤 4：规划您的前几集播客

在坐下来录音之前，您需要规划播客集。重要的决策包括：集内容，集长度，支持的媒体（如背景音乐），故事板和编写脚本。

步骤 5：录制您的第一个播客

录制播客需要音频录制软件。大多数播客使用的最好录音软件是 Audacity。它是免费的，可以跨平台使用，并且为录制专业播客提供强大的功能。

步骤 6：用 WordPress 发布您的播客

创建几个集并对其质量满意后，登录 WordPress 管理区域，安装并激活 Blubrry PowerPress 播客插件。

步骤 7：将媒体文件上传到 Blubrry

在 WordPress 发布播客集之前，您需要将播客文件上传到 Blubrry 媒体托管服务。

步骤 8：在 WordPress 中添加您的第一个播客

发布您的第一个播客，去到“文章 > 新建”页面，创建一个类别以便将播客内容与其他内容分开。填写播客信息，然后发布。

步骤 9：使用 iTunes 预览您的播客

设置完 WordPress 播客网站后，使用 iTunes 预览并检查您的播客外观。

步骤 10：提交您的播客到 iTunes

安装最新版本的 iTunes，点击 iTunes 商店，选择“提交播客”，并提供您的播客订阅源 URL。提交后，您的播客将进入 iTunes 审核队列。

成功播客的资源

恭喜您开始了您的播客！为了成功，建议您加入 Podcasters’ Paradise，并安装一些必备的插件如 All in One SEO，RafflePress，MonsterInsights。

从您的播客中赚钱

为了使播客长期可持续发展，您需要找到货币化的方法。我们有一份详细指南，介绍如何使用 WordPress 博客赚钱。这些方法同样适用于您的播客网站：

  • 寻找赞助商。
  • 使用联盟营销推荐第三方产品和服务。
  • 通过在线商店销售自己的产品和服务。
  • 请求订阅者的捐款。
  • 将较旧的集仅供会员访问。

希望本文能帮助您使用 WordPress 开始播客。如有任何疑问，请订阅我们的YouTube频道获取更多视频教程。

Read More