WordPress 教学

WordPress 搜尋功能的運作方式(及改善建議)

WordPress 搜尋功能的運作方式

WordPress.org 附帶一個搜尋系統,將在你的網站內查找內容。搜尋欄的外觀和位置取決於你的 WordPress 主題,但大多數主題都將搜索欄顯示在右上角。

注意:如果你的主題默認沒有顯示 WordPress 搜尋欄,請跳到我們的常見問題部分,我們將會展示如何添加搜尋欄。

訪客可以在輸入框中輸入搜尋詞,WordPress 將會搜索以下內容:

  • 頁面標題
  • 頁面內容
  • 單一圖片標題和描述
  • 圖片 alt 文本
  • 文件名稱

如你所見,它不搜索小工具、用戶評論、分類、標籤、WooCommerce 產品或 PDF 文件。雖然你可以使用像 SearchWP 這樣的搜尋引擎插件來搜索圖片庫的標題、描述和 alt 文本,但默認的 WordPress 搜尋不包括這些內容。

WordPress 搜尋使用 WP_Query 類。它首先顯示包含搜尋詞的文章標題的條目,按倒序排列,這意味著最新的條目將顯示在結果的頂部。之後,它會顯示內容中包含搜尋詞的任何文章。

例如,假設你剛剛發布了一篇標題為「我的最愛寵物」的文章,你還有一篇標題為「最佳貓照片」的舊文章,在這個例子中,搜索「貓」將會首先顯示舊的「最佳貓照片」文章,因為它在標題中包含搜尋詞。

這對於只有少量內容的 WordPress 部落格或網站來說或許不成問題。然而,對於擁有大量內容的部落格、網上商店或商業網站,這種排序邏輯經常會產生不准確或令人困惑的結果。

內建系統還缺乏現代搜尋引擎的某些功能,包括自動完成、即時 Ajax 搜尋、過濾和拼寫檢查。

為什麼要改進默認的 WordPress 搜尋?

一個先進、快速且准確的網站內部搜索工具可以幫助訪客找到有趣和相關的內容,從而讓他們在你的網站上停留更久。這可以提高頁面瀏覽次數並減少 WordPress 的跳出率。

當訪客在你的網站上停留更久時,這會向搜索引擎發出積極信號。這可以改進你的 WordPress SEO,這意味著像 Google 這樣的搜索引擎會向更多人展示你的內容,從而為你的网站帶來更多訪客。

當人們使用你網站的內部搜索時,他們通常高度參與。他們積極地尋找特定內容,這可能意味著他們已準備好進行購物、註冊你的 WordPress 會員網站或訂位。

如果這些人找不到他們需要的內容,他們可能會放棄並訪問其他網站。這意味著你正在失去準備轉化的訪客和客戶。

搜索結果頁也是個人化內容的例子,因為你正在展示匹配訪問者獨特搜索查詢的結果。透過提供準確且有幫助的動態內容,你可以改善使用者體驗,再次激勵他們進行轉化。

性能是另外一個替換默認 WordPress 搜尋功能的理由。隨著你的 WordPress 網站變得更大,WP_Query 掃描你的數據庫以獲取結果的時間會變得更長。這意味著隨著網站規模增大,你的網站搜索速度會變慢。

使用即時 Ajax 搜尋顯示即時結果

即時 Ajax 搜索添加了一個下拉和自動完成功能,這在像 Google 這樣的搜索引擎中很常見。用戶打字時,即時搜索會猜測他們想搜索的內容,並在不重新加載頁面的情況下顯示結果。

這有助於訪客找到正確的內容,而無需手動按下「搜索」按鈕或等待頁面重新加載。最簡單的方法是使用 SearchWP Live Ajax Lite Search 插件為 WordPress 添加即時搜索。這個免費插件自動啟用即時搜索,且無需配置設置,因此非常容易設置。

首先,你需要安裝並激活插件。安裝後,默認的 WordPress 搜尋表單自動使用 Ajax 即時搜尋功能。訪問你的网站並開始在搜索欄中輸入,你會看到即時搜索在運行。

更改默認的搜尋URL Slug

默認情況下,WordPress 搜尋URL的典型樣式如下:

http://example.com/?s=search-term

這個URL中的?s=字符讓訪客更難讀懂,這可能會讓試圖在網站上導航的訪客感到困惑。更糟的是,這些URL未針對搜索引擎進行優化,這可能會阻礙它們正確索引你網站的內容。

最簡單的方法是使用 WPCode 插件在 WordPress 中添加自定義代碼。可以使用以下自定義代碼來替換 URL 中的 /?s=search-term 字符為 search,完成後的 URL 樣式如下: http://example.com/search/wordpress

若想要在 URL 中使用其他字符,只需自定義下面的代碼段:

function wpb_change_search_url() {
    if ( is_search() && ! empty( $_GET['s'] ) ) {
        wp_redirect( home_url( "/search/" ) . urlencode( get_query_var( 's' ) ) );
        exit();
    }
}
add_action( 'template_redirect', 'wpb_change_search_url' );

有關如何將此代碼插入 WordPress 網站的詳細說明,請參見我們關於如何更改默認搜索 URL Slug 的指南。

讓 PDF 文件在 WordPress 中可搜尋

通過將 PDF 上傳到你的 WordPress 網站,你可以分享關於你的服務和產品的信息,這種格式在所有設備上都適用。它們也非常適合提供電子書、用戶手冊、菜單等給你的訪客。

然而,WordPress 默認僅搜索其數據庫中的內容,因此它只會查看你的 PDF 文件的標題和描述,而不是它們的內容。這會導致訪客難以找到符合其搜索查詢的最佳 PDF。

好消息是你可以使用自定義搜索插件來改進默認的 WordPress 搜尋體驗。如果你的 PDF 沒有加密,那麼合適的搜索插件將會索引 PDF 的內容和元數據,並將它們添加到搜索結果中。

詳細說明,請參考我們如何在 WordPress 中添加 PDF 索引和搜索的指南。

在 WordPress 中添加按分類搜索功能

如果你的网站上有多個分類的內容,你可能希望允許用戶將搜索範圍限制在特定分類。這可以幫助訪客更快地找到正確的內容。

例如,如果你有一個在線市場,讓顧客在特定產品分類中搜索通常是有意義的。

如果你運行一個會員網站,你可能會使用按分類搜索來幫助訪客找到其他會員、群組、論壇、在線課程和其他特定種類的內容。

詳細說明,請參考我們關於如何在 WordPress 中添加按分類搜索的指南。

製作智能的 WooCommerce 產品搜索

WooCommerce 有其自帶的搜索功能,但它不會在產品屬性、評論或產品描述中查找匹配項。這可能會阻止顧客找到他們在你的線上商店中想要購買的實體或數字產品,因此你會獲得更少的銷售。

幸運的是,有一些優秀的 WooCommerce 插件可以顯示更有幫助的搜索結果並更快地提取它們。

詳細說明,請參閱我們關於如何製作智能 WooCommerce 產品搜索的指南。

為了獲得更多銷售,你可能希望微調 WooCommerce 在搜索結果中包含的產品類型。例如,你可能只顯示正在銷售或提供免費送貨的產品。

詳細說明,請參閱我們關於如何自定義 WooCommerce 產品搜索結果頁面的指南。

為自訂文章類型建立搜尋表單

自訂文章類型允許你超越文章和頁面,為你的網站建立不同的內容類型。自訂文章類型可以有不同的自訂字段和它們自己的自訂分類結構。

例如,如果你經營一個電影評論網站,你可能會希望創建一個「電影評論」文章類型,該文章類型包含導演、發行日期等字段。

在 WPressize Me,我們使用自訂文章類型來管理我們的術語表部分,將其與部落格文章分開。

如果你使用自訂文章類型,你可能希望創建一個只搜索該內容的表單。

例如,我們還有一個表單只搜索 WPressize Me 的優惠券代碼。

即使你有大量不同類型的內容,這也可以幫助訪客更快地找到正確的內容。詳細說明,請參閱我們關於如何在 WordPress 中為自訂文章類型創建高級搜索表單的指南。

將自訂字段設為可搜尋

如果你為頁面和文章添加了額外的元資料,將自訂字段設為可搜尋是理想的選擇。

從 WordPress 搜尋中排除內容

默認情況下,內建的 WordPress 搜尋將包括其搜索結果中的所有文章和頁面。

然而,你可能希望在搜索結果中排除某些頁面和文章。例如,如果你運行一個 WordPress 會員網站或銷售在線課程,那麼你通常希望在公共搜索結果中排除你的高級內容。

如果你運行一個在線商店,你可能希望隱藏如你的賬戶頁面、結賬頁面和感謝頁面等內容。為幫助你,我們創建了一個指導如何從 WordPress 搜索結果中排除頁面的指南。

你是否希望排除文章、作者、自訂文章類型、分類、標籤甚至自訂分類?那麼,你可以查看我們關於如何排除特定頁面、作者等從 WordPress 搜尋結果中的指南。

將部落格的評論設為可搜尋

有時,讀者希望跟踪你的部落格上的討論,但他們可能會忘記他們正在閱讀的評論。在這種情況下,讓你的評論可搜尋會有所幫助。如果你使用 SearchWP,自訂你的搜索算法時可以輕鬆做到這一點。只需選擇「評論」作為搜索功能的來源之一即可。

此外,你可以根據評論的信息、作者名稱或作者電子郵件優先排列搜索結果。這個功能讓你可以根據受眾需求調整搜索體驗。

詳細說明,請參考我們關於如何讓 WordPress 中的部落格評論可搜尋的文章。

WordPress 搜尋常見問題

在這篇指南中,我們探討了默認的 WordPress 搜尋的工作原理,並分享了改進其搜尋功能的多種小技巧。

然而,你可能還有一些關於這個重要功能的問題。以下是一些關於 WordPress 搜尋的常見問題及解答。

如何改進 WordPress 搜尋?

改進內建 WordPress 搜尋的最佳方法是使用 SearchWP。SearchWP 是最佳的 WordPress 自訂搜索插件,允許訪客搜索網站上的任何內容,包括文件、WooCommerce 產品、自訂字段、標籤、評論等等。它還允許你自訂 WordPress 的搜索算法,讓你能夠控制內容在搜索結果中的顯示位置。

WordPress 搜尋是否包括標籤?

默認情況下,WordPress 搜尋不包括標籤。最簡單的方法是使用像 SearchWP 這樣的 WordPress 搜尋插件,使標籤可搜尋。SearchWP 也有相關性滑塊,因此你可以控制標籤在搜索結果中的影響程度。

如何將搜索添加到我的 WordPress 主題?

如果你的主題沒有內建搜尋表單,我們建議將搜搜尋框添加到 WordPress 導航菜單中。由於主導航菜單通常出現在整個網站上,訪問者將能夠在網站的任何頁面上搜尋頁面、文章、產品等等。

如果你使用的是經典主題,請參閱我們關於如何將搜索欄添加到 WordPress 導導航菜單的文章進行逐步說明。

如果你使用像 ThemeIsle 的 Hestia Pro 或 Twenty Twenty-Three 這樣的基於區塊的主題,則可以使用全站編輯器 (FSE) 將搜索欄添加到主題中。為此,請在 WordPress 儀表板中轉到「外觀」»「編輯器」。

你將看到一些自定義主題的設置。若要將搜索欄添加到導航菜單,點擊「導航」。

在下一屏幕,你將看到一個鉛筆圖標的「編輯」按鈕。點擊該按鈕以訪問區塊編輯器。

你現在會看到預設的導航菜單。點擊屏幕上的「+」按鈕,然後選擇搜索區塊。

你的搜尋區塊現在應該會在導航菜單中出現。可以在區塊設置側邊欄中添加佔位符文本(如「你在找什麼?」)並進一步自訂區塊的外觀。

完成後,點擊「保存」按鈕。

如何在WordPress 頁面或帖子中添加搜尋?

你可以使用內建的搜尋區塊將搜索框添加到特定頁面或帖子中。這是一個不錯的選擇,如果你想控制搜索框在每個頁面和帖子中的出現位置,或者你只需要在網站的特定區域提供搜索功能。

要開始,打開你想添加搜索表單的頁面,然後點擊+圖標。

在彈出窗口中,輸入「搜索」以找到合適的區塊。點擊搜索區塊,它將會添加到你的頁面中。

默認情況下,該區塊使用「搜索」作為其標籤和按鈕文本。你可以通過在文本字段中輸入更具描述性的內容來替換它。此外,你還可以在搜索框中添加佔位符文本。當訪問者開始輸入時,這些文本將自動消失。要添加佔位符,只需點擊「可選佔位符…」然後開始輸入。

當你對搜索區塊的外觀滿意時,可以繼續發布或更新帖子。

希望這篇教程能幫助你了解 WordPress 搜尋的運作方式及如何改進它。你可能還希望了解如何通過 WordPress 網誌賺錢或查看我們為小企業整理的最佳電子郵件行銷服務列表。如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。你也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何外包 WordPress 開發(6 個專家建議)

為什麼要外包 WordPress 網站開發?

外包 WordPress 開發意味著您將部分網站開發任務委派給第三方,如 WordPress 服務提供商。以下是選擇外包的一些原因:

節省時間 – WordPress 網站開發可能會耗費時間,尤其是對於非專家來說。通過外包,您可以將繁重的工作交給第三方開發團隊,專注於提升自己或客戶的在線形象。

獲得專家協助 – 如果您正在創辦小型企業或數字代理公司,內部團隊可能需要幫助來減輕工作量。外包公司在管理 WordPress 開發項目方面積累了多年經驗。

創建自定義功能 – 一些 WordPress 插件可能沒有適合特定需求的功能。如果您的團隊成員無法處理插件開發,那麼最好讓外包合作夥伴來完成這項工作。

您可以外包哪些類型的 WordPress 開發工作?

以下是一些您可以考慮外包的 WordPress 開發工作:

  • 自定義 WordPress 插件開發
  • 具有獨特設計的自定義主題
  • 登錄頁面優化,以獲得更多轉化
  • 網站遷移到不同的主機提供商
  • 後端優化,使網站更快或更安全
  • 用戶體驗審計,以改善網站的問題區域
  • 技術搜尋引擎優化(SEO),如果您沒有處理此事的技能或知識
  • PSD 到 WordPress 轉換,如果您有使用 Photoshop 創建的自訂主題,並希望在 WordPress 上使用它

專家建議

1. 評估您的開發需求

首先,您必須確定自己需要從 WordPress 開發外包服務中獲得什麼。

2. 仔細研究潛在的外包合作夥伴

現在,您對開發需求有了一個想法,可以開始尋找潛在的外包合作夥伴。

3. 明確您的項目描述

當您已經確保了一個外包團隊,準備一份詳細的項目描述文件。

4. 使用項目管理工具

項目管理工具是團隊可以創建和分配任務的平台。

5. 設置客戶儀表板

客戶儀表板作為一個中央樞紐,使客戶可以查看項目進展、訪問重要文件並與您的團隊交流。

6. 將外包合作夥伴視為內部團隊

無論您是短期還是長期外包,將外包開發團隊視為核心業務或代理團隊的一部分非常重要。

最佳 WordPress 開發服務

我們認為,最好的 WordPress 開發服務是 WPBeginner Pro Services,這使您可以輕鬆聘請經驗豐富的 WordPress 專家來創建自訂網站、維護現有 WordPress 網站等。

Read More
WordPress 教学

如何在WordPress分類頁面顯示子分類

為什麼要在分類頁面上顯示子分類?

當您為WordPress網站撰寫文章時,可以通過適當分類內容來優化搜尋引擎並改善網站導航。這將為您的網站帶來更多流量,並讓訪客更容易找到他們正在尋找的內容。

在某些網站上,使用子分類有助於簡化網站結構。例如,您可以有一個頂級(父級)分類名為體育,並在體育下設置子分類,如NFL、NBA和MLB。

當訪客點擊體育分類時,會看到所有體育分類及其子分類的文章。然而,他們不會看到子分類的列表。這使得過濾僅顯示NFL或NBA文章變得困難。於是在分類頁面上顯示子分類列表可以改善網站導航,特別是當您決定在網站的分類小工具中隱藏子分類時。

這樣,訪客能輕鬆從所有體育文章轉到僅NFL。更好的是,您可以在NFL頁面上繼續顯示相同的子分類,讓訪客輕鬆切換到NBA。現在,我們來看看如何在WordPress中顯示分類頁面上的子分類。

如何在WordPress分類頁面顯示子分類

要在分類存檔頁面上顯示子分類,您需要在主題文件中添加代碼。如果需要幫助添加代碼,請參考我們的初學者指南,了解如何將網路片段複製貼入WordPress。

首先,您需要進入主題的文件夾,找到名為category.php的分類存檔文件。如果沒有這個文件,則需要創建它。簡單地複製archive.php並命名為category.php。

注意:如果您的主題不包含category.php或archive.php,那麼您可能正在使用WordPress主題框架,需要手動創建category.php。學習如何創建存檔文件的良好起點是我們的如何創建自定義存檔頁面的指南。

現在,將以下代碼添加到category.php中的循環之前:

<?php
if (is_category()) {
$this_category = get_category($cat);
}
?>

<?php
if($this_category->category_parent)
$this_category = wp_list_categories('orderby=id&show_count=0
title_li=&use_desc_for_title=1&child_of='.$this_category->category_parent.
"&echo=0"); else
$this_category = wp_list_categories('orderby=id&depth=1&show_count=0
title_li=&use_desc_for_title=1&child_of='.$this_category->cat_ID.
"&echo=0");
if ($this_category) { ?>

<ul>
<?php echo $this_category; ?>
</ul>

<?php } ?>

當您訪問分類頁面時,將會看到子分類的列表。
在我們的演示網站中,體育分類頁面顯示了NFL、NBA和MLB子分類的鏈接。

當您點擊NFL鏈接時,會跳轉到NFL子分類頁面。在此頁面,您仍可看到體育子分類的鏈接,讓您可以輕鬆切換不同類型的體育。這可以簡化網站導航。

WordPress分類和子分類的專家指南

現在您已了解如何在分類頁面上顯示子分類,您可能還會希望查看其他相關的指南:

  • 如何在WordPress中隱藏或設置子分類的樣式
  • 如何在WordPress中設置個別分類的不同樣式
  • 如何在WordPress文章循環中僅顯示子分類
  • 如何在WordPress中添加分類和子分類
  • 如何在WordPress網址中包含分類和子分類
  • 如何在WordPress中顯示分類描述
  • 如何正確重命名WordPress中的分類(初學者指南)
  • 如何重命名WordPress中的未分類分類
  • 如何在WordPress中創建分類模板
  • 分類與標籤 – SEO最佳實踐內容排序

我們希望這個教程幫助你學會如何在WordPress分類頁面上顯示子分類。您還可以學習如何改善網站的SEO或查看我們精選的最佳WordPress彈出插件。如果你喜歡這篇文章,請訂閱我們的YouTube頻道進行WordPress視頻教程。您也可以在Twitter和Facebook上找到我們。

Read More
WordPress 教学

如何在WordPress博客文章中隐藏Pinterest图片

为什么要在WordPress文章中隐藏Pinterest图片?

Pinterest是一个流行的社交网络平台,可以分享视觉内容并为您的网站带来更多访问量。这就是为什么许多网站所有者将他们的WordPress网站与Pinterest验证。

通过在博客中添加Pinterest友好的图片,您可以鼓励访客将您的内容固定(pin)到他们的Pinterest帐户。这有助于您在Pinterest的Pin Feed和搜索结果中脱颖而出,增加博客流量。

然而,Pinterest的图片尺寸通常很长(3:2),在WordPress博客布局和图片库中看起来很奇怪。这些大图片也可能减慢您网站的速度,影响用户体验,甚至会损害您的图片SEO。

通过隐藏Pinterest图片,读者可以将您的内容分享到Pinterest,而不会破坏博客布局或减慢网站速度。

如何在WordPress中隐藏Pinterest图片

在博客文章中隐藏Pinterest图片的最佳方法是使用WP Tasty Pins插件。

WP Tasty Pins是最佳的WordPress Pinterest SEO插件,它有助于优化您的Pinterest图片,从而为您的网站带来更多访问者。您可以使用它轻松地在所有图片上添加‘Pin It’悬停按钮,创建完全可定制的‘Pin It’横幅等。

首先,您需要安装并激活该插件。如果需要帮助,请参阅我们关于如何安装WordPress插件的指南。

激活后,进入设置 » Tasty Pins。在屏幕顶部的字段中添加您的许可证密钥。您可以在Tasty Pins网站的账户中找到此信息,以及在购买时收到的确认邮件中。完成后,点击‘保存许可证密钥’按钮。

现在,您可以在WordPress中添加图片。在WordPress内容编辑器中打开任何页面或文章,然后找到Tasty Pins部分。点击‘选择图片’,然后选择您想要使用的图片。

专业提示:尽管此插件可以隐藏Pinterest图片,但大量高清图片仍会影响网站加载速度。因此,在上传图片到WordPress之前,优化图片依旧重要。

然后,您可以选择强制固定这张图片。这意味着无论访客点击哪张图片,都会固定这张图片到Pinterest。这样您可以确保将为Pinterest专门设计的图片固定在这个流行社交网站上,看起来很棒。

要强制固定这张图片,请选中‘隐藏图片的强制固定’旁的复选框。

接下来,您可以输入默认的Pinterest标题和描述。与WordPress的Alt文本和图片标题类似,这有助于优化您的网站搜索引擎。但请记住,Pinterest用户在浏览他们的Feed时会看到标题和描述,因此您还需要让这些信息引人注目。

当你对输入的信息满意后,点击‘更新’或‘发布’以使更改生效。现在,访客只有在将您的网站保存到Pinterest时才会看到Pinterest图片。

关于在WordPress博客文章中隐藏Pinterest图片的常见问题

在本指南中,我们展示了如何通过隐藏Pinterest图片来改善网站的性能和布局。如果您仍有疑问,以下是关于在WordPress博客文章中隐藏Pinterest图片的常见问题。

在不违反服务条款的情况下,我可以在WordPress中隐藏Pinterest图片吗?

您可能听说过在WordPress博客中隐藏Pinterest图片违反了Pinterest的服务条款(TOS)。然而,这并不属实。只要满足以下条件,即可在网站上隐藏Pinterest图片:

  • Pinterest图片与您的文章内容匹配。
  • Pin描述与文章标题或内容一致。

总的来说,只要您隐藏的图片与页面内容相关,就可以在您的WordPress网站上隐藏图片。

隐藏的Pinterest图片会影响我的Google排名吗?

Google需要先索引您的内容才能正确排名您的网站,这意味着搜索引擎需要抓取您的网站,并查看所有页面和媒体。因此,Google一般不喜欢隐藏的图片或内容,事实上,隐藏内容通常与垃圾网站和黑帽SEO骗局有关。 然而,对于这种正当的使用情况,您应该能够隐藏Pinterest图片而不会对Google排名产生负面影响。

希望本文帮助您了解如何在WordPress博客文章中隐藏Pinterest图片。您可能还想查看我们专家挑选的最佳滑块插件,或查看我们关于如何在WordPress中进行基本图片编辑的指南。

Read More
WordPress 教学

如何在WordPress中创建按需打印商店(简单方法)

什么是按需打印及其优势?

按需打印是一种制造方式,仅在客户订购后才会将设计印在产品上。这与代发货非常相似,但产品是为你定制的。它可以用于服装、袋子、家居用品等。虽然按需打印没有批量生产的制造方法成本效益高,但对小企业来说有显著优势,并且仍然可以非常有利可图。

通过按需打印,你无需在客户付款前支付任何费用,简化了小企业的启动过程。此外,按需打印服务会自行处理印刷、履行和运输,因此你无需为这些操心。不需要提前采购库存,也不需要任何存储空间。你还可以轻松尝试不同的设计,看看哪种最受欢迎。

市面上有几种不同的按需打印公司。在本教程中,我们将使用Printful。它已建立良好信誉,并可通过WooCommerce轻松集成到你的WordPress网站中。

使用Printful创建按需打印商店

要创建按需打印商店,你需要先访问Printful网站。在这里,点击“Get Started”按钮。

接下来,添加你的电子邮件地址、姓名和密码以创建一个账户。完成后,点击“Sign Up”按钮以开始创建过程。Printful将询问你一些关于你的业务的详细信息,你可以填写。你还会收到一封电子邮件,其中包含一个确认你的电子邮件地址的链接。

然后,你会进入你的仪表盘,在左栏中切换到“Product Templates”选项卡。在这里,点击“+ Create Product”按钮。

这样会打开一个新提示,你可以从左侧选择你想要创建的产品类型。例如,如果你想为女士创建T恤,你可以展开“Women’s clothing”选项卡并选择一种类型的衬衫。右侧会显示一些衬衫模板。选择你喜欢的T恤。

Printful的可视化构建器将会在你的屏幕上启动,右侧是衬衫预览,左栏是设置。你可以先选择衬衫的尺寸和颜色。然后,点击“Upload or drop your design here”按钮,添加你的品牌标志或简单的剪贴画到衬衫上。

接着,你需要为Printful设置一个支付方式。客户会通过你的线上商店支付产品的费用,而Printful会向你收取发货的费用。你已成功创建了按需打印的商品供在你的网站上销售。

将Printful连接到你的WordPress网站

下一步是将你的Printful账户连接到你的WordPress网站。然后,你需要安装并激活WooCommerce插件。如果你还没有设置你的商店,可以参阅我们如何开始在线商店的分步指南。

当你的网站完全设置好之后,访问WordPress仪表盘中的WooCommerce » 设置 » 高级页面。在这里,点击顶部的“Legacy API”链接。

安装并激活Printful Integration for WooCommerce插件。激活后,访问WordPress仪表盘中的Printful页面并点击“Connect”按钮。这会打开一个新标签页,你需要点击“Follow Link”按钮,接着会弹出另一个提示要求你允许WooCommerce连接到Printful。点击“Approve”按钮。

要在WordPress中添加产品,请在Printful中从左栏切换到“Product Templates”选项卡。然后,点击你想要添加的产品的复选框,并点击顶部的“Add to Store”按钮。

你可以重复此过程,将其他产品添加到你的WooCommerce商店。现在,访问你的网站,查看添加的产品。

你还可以通过访问WordPress仪表盘中的Products » All Products页面来编辑你的Printful产品。点击“Edit”链接,使用WooCommerce设置修改产品。

额外提示:在WordPress中创建简单的T恤商店

如果你只想在你的按需打印商店中销售T恤,那么上述方法可能不是最佳选择。因为Printful专为销售各种产品设计,如包、徽章、杯子等。你可以改用SpreadShirt来提升品牌知名度。只需在平台上创建一个账号并设计你的T恤。

然后,你可以将你的WordPress网站连接到SpreadShirt,并从你的网站开始销售你的设计。

我们希望本教程帮助你了解如何在WordPress中创建按需打印商店。如果你喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程,也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何修复WordPress中的‘无法加载资源’错误

如何修复WordPress中的‘无法加载资源’错误

你是否在WordPress中看到‘无法加载资源’错误?一个缺失的资源会导致你的WordPress网站出现问题,这个资源可以是图像、媒体文件、JavaScript、或CSS样式表。

为什么会出现‘无法加载资源’错误?

当WordPress无法加载应加载的文件时,就会出现‘无法加载资源’错误。当WordPress生成页面时,它会在代码中包含多个文件,如图像、脚本和样式表。在页面加载过程中,用户的浏览器会加载这些文件。如果浏览器无法加载特定文件,就会显示页面而缺少该文件,并在错误控制台中记录错误信息。

如何修复‘无法加载资源’错误

方法1:替换缺失的资源

首先,确认缺失的资源是否存在。例如,如果是博客文章或页面中的图像缺失,尝试在媒体库中查找该图像。如果能找到,尝试重新添加。如果找不到,尝试重新上传。

方法2:重新安装WordPress主题或插件

如果缺失的资源是WordPress插件或主题文件,可以考虑重新安装插件或主题。这将重置插件或主题设置,解决由于配置错误导致的问题。

方法3:清除缓存

有时问题可能出在缓存文件上。清除浏览器缓存可以确保浏览器下载最新的资源版本,从而可能解决加载问题。

方法4:修正WordPress URL设置

错误的WordPress URL设置也是‘无法加载资源’错误的常见原因。确保WordPress地址和站点地址设置正确,并且使用相同的URL。

方法5:检查文件和文件夹权限

文件或目录权限不正确也会导致文件无法正确加载。你可以通过FTP客户端或主机控制面板手动更改权限。

方法6:启用调试模式

如果以上方法都无效,启用WordPress调试模式可以提供更详细的信息,帮助找出问题所在。

常见问题解答

‘无法加载资源’在WordPress中是什么意思?

‘无法加载资源’意味着你的网站无法加载应加载的文件,例如图像、CSS样式表或JavaScript。

是什么导致了WordPress中的‘无法加载资源’错误?

此错误通常是由于网站上的资源缺失如图像引起的,也可能是插件或主题文件问题,或WordPress URL不正确导致。

希望本文帮助你轻松修复WordPress中的‘无法加载资源’错误。你还可以查看我们关于修复WordPress中最常见错误的最终指南。

Read More
WordPress 教学

如何轻松更改域名服务器(并指向新主机)

什么是域名服务器?

域名服务器是全球域名系统数据库的一部分,它们的作用是告诉其他计算机在哪里可以找到某个域名。如果您的网站托管账户是存放网站文件的房子,那么域名就是这所房子的街道地址。域名服务器告诉互联网在哪里可以找到与域名关联的网站地址。

为什么以及何时需要更改域名服务器?

您需要更改域名服务器的主要原因有两个:

1. 您正在更换您的网络托管服务提供商。

2. 您正在添加像Sucuri这样的网络应用防火墙以保护您的网站。

当您将网站迁移到新的托管公司时,您需要更改域名的域名服务器信息,以便指向新的托管位置。这非常重要,因为通常情况下,旧的托管公司在您的计划到期后会删除您的文件。如果不更改域名服务器,用户将无法找到您的网站。

再说到网络应用防火墙(WAF),WordPress WAF插件会要求您将域名服务器指向它们。这是所有网络应用防火墙(如Sucuri或Cloudflare)的必需步骤,因为这有助于它们通过在DNS级别阻拦攻击来保护您的网站服务器。

如何更改域名服务器

更改域名服务器相当简单。根据您的域名注册商,具体操作可能略有不同,但基本步骤是一样的。以下是如何在几个受欢迎的域名注册商和Web托管公司上更改域名服务器的说明:

在Domain.com上更改域名服务器

首先,登录到您的Domain.com账户。点击左侧边栏的‘DNS & Nameservers’链接。这会带您到一个页面,您可以在上面看到DNS记录。在页面顶端确认选择正确的域名后,滚动至NS记录部分,然后编辑ns1.domain.com和ns2.domain.com的内容。输入新的域名服务器信息并保存。

在Bluehost上更改域名服务器

登录到您的Bluehost账户,点击左侧边栏的‘Domains’选项卡。选择您想要更新的域名,滚动到‘Advanced Tools’部分并点击‘Manage’链接。然后,添加新的域名服务器信息并保存。

在SiteGround上更改域名服务器

登录到您的SiteGround账户,进入‘Services’ » ‘Domains’页面,点击‘Manage nameservers’链接。删除现有的域名服务器,输入新的域名服务器并确认。

在Hostinger上更改域名服务器

登录到您的Hostinger账户,点击顶部的‘Domains’。选择您的域名,点击左侧栏的‘DNS / Nameservers’并编辑域名服务器信息。输入新的域名服务器并保存。

在HostGator上更改域名服务器

登录到您的HostGator账户,点击‘Domains’选项并选择域名。在细节部分点击‘Change’链接,输入新的域名服务器并保存。

在GoDaddy上更改域名服务器

登录到您的GoDaddy账户,选择域名并点击‘Manage DNS’选项。选择‘I’ll use my own nameservers’并输入新的域名服务器,保存设置并确认。

在Namecheap上更改域名服务器

登录到您的Namecheap账户,点击‘Domain List’选项卡并选择域名。选择‘Custom DNS’并输入新的域名服务器,保存更改。

在WordPress.com上更改域名服务器

登录到您的WordPress.com账户,进入‘My Sites’ » ‘Upgrades’ » ‘Domains’页面,选择域名,点击‘Change Your Name Servers & DNS Records’。关闭‘Use WordPress.com Name Servers’,输入新的域名服务器并保存。

设置完成后的最后步骤

任何域名服务器的更改可能需要几个小时才能在全球范围内生效。这是因为这需要每个互联网服务提供商清除他们的缓存历史并更新IP地址的新记录。如果是您第一次更改域名服务器,那么请耐心等待,因为通常情况下,变化不会立即反映。如果过了几个小时,您的更改仍未生效,您可以尝试清除您计算机上的DNS缓存。

希望这篇文章能帮助您了解如何更改域名服务器并将域名指向其他主机。您还可能想查看我们网站上必备的WordPress插件列表以及最佳电子邮件营销服务的比较,以帮助您发展业务。

Read More
WordPress 教学

如何在 WordPress 中为 YouTube 视频添加覆盖分享按钮

如何在 WordPress 中为 YouTube 视频添加覆盖分享按钮

视频是提升用户参与度的最佳方式之一。最近有用户询问我们,如何像知名网站 UpWorthy 那样在视频上创建分享按钮覆盖。在这篇文章中,我们将向您展示如何在 WordPress 中为 YouTube 视频添加覆盖分享按钮。

添加分享按钮作为 YouTube 视频的覆盖有多种方法,大多数方法都需要每次添加视频时粘贴一些 HTML 代码。为了避免这种重复操作,我们决定创建一个简码,以自动化该覆盖效果。

添加分享按钮作为 YouTube 视频的覆盖

只需将以下代码复制并粘贴到一个站点特定插件或您的主题的 functions.php 文件中:

/// WPressize Me 的 YouTube 分享覆盖按钮
function wpb_yt_buttons($atts) { 
  extract( shortcode_atts( array('video' => ''), $atts ) );
  $string = '
'; $string .= ''; $string .= '
'; return $string; } add_shortcode( 'wpb-yt', 'wpb_yt_buttons' );

以上代码创建一个简码,可以自动将 Twitter 和 Facebook 分享链接添加到您的视频上。这些按钮只有当用户将鼠标移到视频上时才会可见。您还可以将任何其他社交媒体渠道添加到此简码中。要使用此简码,您只需添加 YouTube 视频 ID,如下所示:

[wpb-yt video="qzOOy1tWBCg"]

您可以从 URL 字符串中获取 YouTube 视频 ID,如下所示:

现在,当您添加视频时,您将能够看到您的 YouTube 视频和用于在 Facebook 或 Twitter 上分享的视频链接。这些链接并未经过任何样式设置。

设置分享按钮样式

为了让这些链接看起来更漂亮,让我们将它们样式化以创建按钮,并仅在用户将鼠标移到视频容器上时才显示这些按钮。为此,将以下 CSS 添加到您的子主题的样式表中:

#share-video-overlay {
  position: relative;
  right: 40px;
  top: -190px;
  list-style-type: none;
  display: block;
  opacity: 0;
  -webkit-transition: opacity .4s, top .25s;
  -moz-transition: opacity .4s, top .25s;
  -o-transition: opacity .4s, top .25s;
  transition: opacity .4s, top .25s;
  z-index: 500;
}
#share-video-overlay:hover { 
  opacity:1;
}
.share-video-overlay li { 
  margin: 5px 0px;
}
#facebook {
  color: #ffffff;
  background-color: #3e5ea1;
  width: 70px;
  padding: 5px;
}
.facebook a { 
  color:#fff;
  text-decoration:none;
}
#twitter { 
  background-color:#00a6d4;
  width: 70px;
  padding: 5px;
}
.twitter a { 
  color:#FFF;
  text-decoration:none;
}

这样,您现在应该在您的 YouTube 视频中拥有覆盖的分享按钮。

添加 WordPress 帖子链接到 YouTube 视频的覆盖分享按钮上

在发布这篇文章后,有些用户询问他们是否可以在分享按钮中共享 WordPress 帖子的链接,而不是 YouTube 视频链接。为此,您需要将 share buttons 中的视频链接替换为 WordPress 帖子的 permalink。在您的 functions.php 文件或站点特定插件中使用以下代码:

/// WPressize Me 的 YouTube 分享覆盖按钮
function wpb_yt_buttons($atts) { 
extract( shortcode_atts( array('video' => ''), $atts ) );
$string = '
'; $permalink_encoded = urlencode(get_permalink()); $string .= ''; $string .= '
'; return $string; } add_shortcode('wpb-yt', 'wpb_yt_buttons');

请随意修改 CSS 或简码片段以满足您的需求。为了进一步优化您的视频,您可以使用 FitVids jQuery 插件使您的 YouTube 视频响应更好。您还可以关闭视频结束时出现的相关视频,甚至可以从 YouTube 视频缩略图创建特色图片。

Read More
WordPress 教学

如何在Mac上本地安装WordPress(两种简便方法)

为什么要在Mac上本地安装WordPress?

通常,你需要一个网络托管账户和一个域名来创建一个WordPress网站。然而,核心的WordPress软件是免费下载的,可以在你的计算机上本地运行。这个本地的WordPress站点通常在互联网上是不可见的,只能在你的计算机上查看。这种方法的优点是你可以私下练习使用WordPress,试一试,并看看你能制作什么类型的网站。你还可以使用这个本地安装来测试不同的WordPress主题和插件,然后再安装到你的网站上。

在Mac上本地安装WordPress需要哪些工具?

WordPress主要是用PHP编写的,这是一种服务器端编程语言。要运行PHP,你需要一个网络服务器软件。你还需要为你的网络服务器软件安装MySQL数据库管理系统。独立安装所有这些软件并使它们协同工作听起来像是一项艰巨的任务。幸运的是,有一些免费的开发工具,使得即便是非技术用户也能够轻松地将它们作为一个包安装。本文将向你展示两种这种工具。

方法一:使用Local WP在Mac上本地安装WordPress(推荐)

Local WP是一种WordPress开发工具,可以让你轻松在你的Mac计算机上设置本地服务器。你也可以在Windows和Linux上使用Local来设置WordPress。首先,你需要访问Local网站,并点击屏幕右上角的‘下载’按钮。选择Mac作为你的平台后,Local会要求你填写一个简短的表单。输入你的姓名、电子邮件地址和电话号码后,点击‘立即获取’按钮。这将会把Local安装文件下载到你的计算机。下载完成后,双击下载的文件,这将启动一个安装向导,指导你在计算机上安装Local。Mac用户只需将Local应用程序拖动到应用程序文件夹中。安装完成后,你可以从应用程序文件夹中启动Local应用。

方法二:使用MAMP在Mac上本地安装WordPress

MAMP是一个流行的程序,可以让你在你的Mac计算机上运行WordPress。首先,你需要访问MAMP网站,并下载最新版本的MAMP和MAMP Pro。下载完成后,双击MAMP .pkg文件,这将启动MAMP安装程序。根据屏幕提示完成安装。安装完成后,从应用程序文件夹中启动MAMP。在MAMP文件夹中,你会看到不同版本的MAMP。确保选择免费的版本。在启动MAMP之前,我们推荐配置一些设置来优化你的MAMP体验。点击工具栏中的‘MAMP’,选择‘偏好设置…’在弹出的窗口中,选择‘端口’选项卡,确认Apache端口设为8888。然后设置你的文档根文件夹,即你将创建和存储所有本地WordPress网站的文件夹。默认情况下,MAMP使用/Applications/MAMP/htdocs/文件夹,但你可以更改为其他位置。

将本地WordPress安装迁移到在线网站

在本地环境中练习使用WordPress后,你可能希望将其迁移到在线网站。这是让其他人可以看到你的网站的唯一方式。你需要购买一个域名和网络托管服务。我们推荐使用Bluehost,他们是世界上最大的托管公司之一,也得到WordPress.org的官方推荐。购买托管服务后,可以参考我们的指南,将WordPress从本地服务器迁移到在线网站。

Read More
WordPress 教学

如何禁用WordPress中的自动更新

为什么WordPress会自动更新

WordPress出于安全原因会自动更新核心软件。有时,它还会更新插件或主题以修复潜在威胁。例如,某个WordPress插件或主题可能会被更新以去除关键漏洞。如果这个插件或主题被大量网站使用,WordPress核心团队可能会推送自动更新。

除了这些情况外,WordPress让您自行决定何时安装更新。我们不建议关闭自动更新,因为它们是重要的安全功能。不过,在某些罕见的情况下,更新可能会破坏您的网站或影响其功能。这可能导致您失去业务和客户。如果您有信心自己能够管理手动更新,那么您可以安全地禁用WordPress中的自动更新。

方法一:使用代码禁用WordPress自动更新(推荐)

您可以通过在wp-config.php文件中添加以下代码来禁用WordPress自动更新:

define( 'WP_AUTO_UPDATE_CORE', false );

这将禁用所有的WordPress自动更新。重要提示:确保您阅读我们的文章,了解如何安全地编辑WordPress中的wp-config.php文件。

如果您想接收次要核心更新,但禁用主题和插件更新,可以在主题的functions.php文件中添加以下过滤器:

禁用WordPress插件自动更新:

add_filter( 'auto_update_plugin', '__return_false' );

禁用WordPress主题自动更新:

add_filter( 'auto_update_theme', '__return_false' );

然而,更简单和更安全的方法是使用WPCode代码片段插件。WPCode使得添加代码片段变得容易,无需编辑主题的functions.php文件。借助内置代码库,您可以找到禁用WordPress自动更新、禁用REST API、允许SVG文件上传、禁用评论等流行代码片段。这消除了安装一堆单用途插件的需求。

要开始,您需要安装并激活免费的WPCode插件。如果需要帮助,请参考我们的指南《如何安装WordPress插件》。插件激活后,从WordPress管理仪表板导航到代码片段 » 库。然后,搜索“禁用自动更新”片段并点击“使用片段”按钮。

WPCode会自动添加代码片段并选择正确的插入方法。如果不想使用某个过滤器,只需在过滤器行的开头添加//。

方法二:使用插件配置和禁用WordPress自动更新

另一个禁用自动更新的方法是安装和激活Easy Updates Manager插件。如果您不确定如何操作,请参阅我们关于《如何安装WordPress插件》的分步指南。插件激活后,导航到仪表板 » 更新选项,以配置设置。您可以选择“禁用所有更新”,但我们不推荐这样做,因为这会阻止所有更新通知的出现。

自动更新的优缺点

自动更新的优点

自动更新对于WordPress安全性非常有利。很多用户忘记更新插件或核心安装。启用自动更新后,只要WordPress有次要更新发布,您就无需担心更新网站。这些更新是为了维护和安全目的。

自动更新的缺点

WordPress核心团队负责发布更新,确保操作顺利。不过,有时自动更新会导致网站故障。在我们的经验中,次要版本更新没有破坏任何我们的网站,因为我们遵循了最佳实践,没有修改任何核心文件。

我应该禁用WordPress自动更新吗?

大部分初学者和大多数WordPress网站,自动更新是无害的,您不应禁用它们。不过,如果您运行的是在线商店,或不想因为网站故障而损失业务,您可以安全地关闭自动更新。仍需确保及时手动安装更新,以确保网站的安全性。

希望这篇文章能帮助您了解如何禁用WordPress中的自动更新。无论您使用自动更新还是手动更新,确保定期备份您的网站至关重要。您可能还想查看我们的指南《如何备份WordPress网站》或《最佳WordPress安全插件的比较》。

Read More