如何在WordPress中限制購買數量（一步一步教學）

為什麼要在WordPress中限制購買數量？

庫存管理可以決定你的商店聲譽。限制購買數量能確保所有顧客都能收到訂單，且不會售出缺貨產品。通過設置購買上限，可以確保更多的顧客有機會購買他們想要的產品，避免庫存耗盡和維持公平的購物環境。這是一個平衡的過程，有助於保持商店運行順暢，顧客滿意。

若沒有這種限制，可能會出現大買家壟斷銷售，導致其他顧客失望並可能不再回來。這也有助於更好地管理庫存，防止有人無法獲得他們想要的產品。

下面，我們將介紹三種在WordPress中限制購買數量的方法。你可以使用下面的快速鏈接跳轉到你想要的方式：

• 方法一：使用WooCommerce限制購買數量
• 方法二：使用WP Simple Pay限制購買數量
• 方法三：使用Easy Digital Downloads限制購買數量

方法一：使用WooCommerce限制購買數量

如果你正在研究如何在WordPress中限制購買數量，可能你已經有一個在線商店。大多數銷售實物產品的商店擁有者需要限制購買數量，以避免缺貨購買，這將導致退款。如需在WooCommerce商店中實現這一點，你需要購買和下載Min/Max Quantities擴展插件。

下載並安裝插件後，進入Products » All Products頁面。在你想要添加限制的產品下點擊‘Edit’。

在Product Data部分的General標籤下，你會看到設置最小和最大購買數量的選項。‘Group of’字段意味著你可以設置產品必須以多少數量為單位購買。

設置完成後，只需保存產品，即可生效！

方法二：使用WP Simple Pay限制購買數量

如果你沒有完整的電子商務商店，那麼WP Simple Pay是銷售產品的最佳解決方案。WP Simple Pay是最好的Stripe支付插件，可以讓你接受一次性和定期付款，而無需設置購物車。

WP Simple Pay可幫助限制購買數量的幾個用例：

• 活動門票：通過限制每個個體購買門票的數量，可以讓更多人參加。
• 服務預訂：你可以使用WP Simple Pay進行預約，如咨詢或私人訓練課程。限制每個顧客的預訂數量，確保公平的時間和服務分配。
• 會員費：銷售會員資格時，可以限制購買數量，以防止濫用或欺詐性註冊。

首先，你需要安裝和激活WP Simple Pay插件。激活後，你將看到設置向導，指導你整合Stripe帳號。

點擊『Let’s Get Started』開始。連接Stripe帳號後，創建新訂單表單並設置購買數量限制。

進入WP Simple Pay » Add New頁面，選擇預建模板，並根據需求調整標題、描述和表單類型。在Payment標籤下設置價錢選項，可以提供多個價錢選項。

接著，點擊『Purchase Restrictions』，根據需求設置每個價錢選項的購買上限。

完成後，發布表單，並將其嵌入你想要發佈的頁面或貼文。記得預覽並進行測試支付，查看限制是否如預期工作。

方法三：使用Easy Digital Downloads限制購買數量

一般來說，數碼產品不需要庫存控制。但是，對於像銷售虛擬門票或有數量限制的數碼產品，限制購買總數是有用的。

如果你銷售數碼產品，如課程、電子書或模板，可以使用Easy Digital Downloads。核心插件不包括庫存追踪功能，需簡單擴展獲得。

安裝和激活Purchase Limit擴展插件後，進入Downloads » Downloads頁面，選擇產品進行編輯。在Download Details下，你會看到『Purchase Limit』選項，設置購買數量限制即可。

如果有多個價格選項，也可以設置不同的購買限制，只需點擊『Show advanced settings』。

完成後，更新產品頁面，即可生效。

希望這篇文章幫助你學會如何在WordPress中限制購買數量。也可以參考我們的WooCommerce最佳插件推薦，以及如何增進WooCommerce銷售的教程。如喜歡這篇文章，請訂閱我們的YouTube頻道，或關注我們的Twitter和Facebook。

Shares

24

為什麼要在 WordPress 中製作志願者申請表？

許多組織依賴志願者，尤其是慈善機構和非營利組織。然而，通過電子郵件與潛在的新志願者來回溝通可能會花費大量時間。許多非營利組織仍然使用紙質表單來招募新的幫助者，這可能需要更多的時間來處理。

通過在您的 WordPress 網站中添加志願者申請表，您可以輕鬆接觸到更多可能瀏覽您網站並決定幫助您的人。志願者申請表還可以告訴訪客您需要的具體信息，例如他們的電子郵件地址或電話號碼以及任何以往的志願服務經驗。這樣，您不必花時間在後續電子郵件和電話中來回溝通，嘗試獲取新志願者所需的所有信息。

一個好的表單生成插件還會將其數據組織在 WordPress 儀表盤中，並向相關人員發送電子郵件通知進行跟進。以下是逐步創建出色的志願者申請表的概述：

在 WordPress 中創建您的志願者申請表

在 WordPress 中創建出色的志願者申請表最簡單的方法是使用 WPForms 插件。WPForms 是市場上最好的 WordPress 表單生成插件，其使用者已超過600萬網站。使用 WPForms，您可以使用其拖放生成器快速創建任何所需的在線表單。

您需要做的第一件事是安裝並激活 WPForms 插件。更多詳細信息，請參閱我們的逐步指南，了解如何安裝 WordPress 插件。注意：在本指南中，我們將使用 WPForms Pro 版本，因為它有數百個預製的表單模板，包括一個現成的志願者申請模板。如果您有预算考量，也可以使用免費的 WPForms Lite 版本。

激活插件後，您需要訪問 WordPress 儀表盤中的 WPForms » 設置頁面來輸入您的許可證密鑰。這些信息可以在您的 WPForms 網站帳戶中找到。如果您使用的是免費版本，則可以跳過此步驟。

完成驗證過程後，您就可以在 WordPress 中創建您的志願者申請表。首先，導航到 WPForms » 新增頁面並為表單命名並選擇表單模板。WPForms 提供數百種預製的表單模板，幫助您快速構建各種類型的表單，例如聯絡表單和在線訂單表單。由於我們想創建志願者申請表，請在模板搜索欄中輸入“Volunteer”。您將看到幾個可供選擇的志願者表單模板。要使用模板，只需懸停在您想要的模板上並點擊‘使用模板’。這裡，我們將使用‘志願者招募表單’模板。

WPForms 隨後將您重定向到拖放表單生成器。在左側面板中，您應該可以找到自定義表單的所有工具。右側面板中將顯示即時預覽。要自定義表單，您可以點擊您希望編輯的表單字段。然后，WPForms 將顯示您可以為此字段自定義的所有設置。

例如，如果您希望更改此表單字段中顯示的文本，只需在左側菜單中編輯文本。要自定義現有的選擇項，只需點擊任意‘+’按鈕。這樣可以讓您添加更多選項。此外，您可以通過點擊左側菜單中的‘添加字段’選項輕鬆添加更多問題或選項到您的志願者申請表中。這將顯示您可以添加的所有字段，包括更高級的選項，例如‘文件上傳’字段。‘文件上傳’字段是一個很好的字段，可以讓志願者在申請時提交他們的簡歷或履歷副本。更多信息，請參閱我們逐步指南，了解如何在 WordPress 中創建文件上傳表單。

您可能希望使一些字段成為必填字段，例如申請者輸入其電子郵件地址的字段。如果您將某一字段設為必填，則訪客不能在不填寫此字段的情況下提交表單。要將某一字段設為必填，您應首先單擊該字段。然后，在左側菜單中，您需要打開‘必填’滑塊，將其從灰色切換為藍色。您和您的志願者可以輕鬆看到哪些字段是必填的，因為這些字段標籤旁邊會有一個小紅色星號。

當您對志願者申請表的外觀感到滿意時，就是配置設置的時候了。要開始，簡單地點擊左側菜單中的‘設置’。在‘通用’設置標籤上，您可以更改各種與表單相關的設置，例如提交按鈕文本、設置垃圾郵件保護等。做為領先的 WordPress 表單生成解決方案，WPForms 擁有先進的防垃圾郵件設置，幫助您減少垃圾註冊。您可以看到它在‘啟用防垃圾郵件保護’滑塊下是自動啟用的。除非您要使用其他形式的垃圾郵件防護，我們建議保留此設置啟用狀態。了解更多有關 WPForms 如何保護您的網站免受垃圾郵件的資訊，請參閱我們的逐步指南，了解如何在 WordPress 中攔截聯絡表單垃圾郵件。

設置通知和確認

默認情況下，每當訪客在您的網站提交表單時，您將會收到包含他們提交所有信息的電子郵件。您也可以在 WordPress 儀表盤中查看所有提交的表單條目。我們還建議向志願者發送一封確認您已收到其申請的通知電子郵件。詳細信息，請參閱我們的指南，了解如何在 WordPress 表單提交後發送確認電子郵件。即使您發送通知電子郵件，每次有人成功提交表單時，顯示屏上確認信息也是個好主意。WPForms 有幾種不同的方式可以做到這一點：您可以顯示同頁面的確認消息，或者將用戶重定向到您網站上的自定義‘感謝’頁面。您可以通過轉到設置面板中的‘確認’標籤來配置這些設置，然後從‘確認類型’選項中進行選擇。大多數機構將只使用默認消息。但是，將訪客重定向到您的活動日曆，讓他們開始了解即將舉辦的募款活動，也是個好主意。當您對確認消息的設置感到滿意時，請點擊‘保存’按鈕以保存您的更改。

編輯提示：WPForms 與所有最佳電子郵件營銷服務集成。如果您有電子郵件新聞通訊，那麼 WPForms 使您輕鬆將新志願者添加到此新聞通訊。

將您的志願者申請表添加到您的網站

現在，您已經準備好將表單添加到您的 WordPress 網站，讓人們開始申請成為志願者。使用 WPForms，可以輕鬆將表單添加到網站上的任何頁面、帖子或小部件就緒區域。大多數時候，您會希望在頁面或帖子上顯示您的表單。要這樣做，請在 WordPress 編輯器中創建新頁面或帖子，或打開現有頁面或帖子。在 WordPress 塊編輯器中，點擊 + 按鈕以創建新塊。在出現的彈出窗口中輸入‘WPForms’以找到相應的塊。然後，只需點擊‘WPForms’塊將其添加到您的頁面。

接下來，您將需要在 WPForms 塊中打開下拉選單。您現在可以看到所有已創建表單的列表。所需做的只是點擊志願者申請表以將其添加到您的頁面。如果對表單的外觀感到滿意，可以發布或更新頁面。現在，您可以訪問您的網站以查看您的志願者申請表實時運行情況。測試表單確保其正常運行也是個好主意。您可以通過填寫並提交表單來進行此操作。然後，您應該檢查是否看到確認消息。您也應該收到一封通知電子郵件，告知表單已被填寫。如果沒有收到電子郵件，則可能是 WordPress 上設置電子郵件的方式出現了問題。查看更多資訊，請參閱我們的指南，了解如何解決 WordPress 無法發送電子郵件的問題。

發布表單後，您可以進入 WPForms » 條目來查看所有志願者申請。您將看到那些訪客決定不提交表單的條目狀態為‘放棄’。要了解更多信息，請參閱我們的指南，了解如何在 WordPress 中追踪和減少表單放棄。我們希望這篇文章能幫助您學習如何在 WordPress 中創建一個出色的志願者申請表。下一步，您可能還想查看我們的指南，了解如何在 WordPress 中追踪網站訪問者，以及我們為非營利組織推薦的最佳 WordPress 插件。如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。

新手WordPress主题设计师的Sass入门介绍

什么是Sass（语法优雅的样式表）？

我们使用的CSS设计成一种易于使用的样式表语言。然而，随着网络的发展，设计师需要一种可以以更少的努力和时间做更多的语言。CSS预处理语言，如Sass，允许你使用当前CSS中不可用的功能，如变量、基本数学运算符、嵌套、混入等。它非常像PHP，它是一种在服务器上执行脚本并生成HTML输出的预处理语言。同样，Sass预处理.scss文件生成可以被浏览器使用的CSS文件。

从3.8版本开始，WordPress管理区样式被移植到利用Sass进行开发。许多WordPress主题商店和开发人员已经在使用Sass加快开发过程。

开始使用Sass进行WordPress主题开发

大多数主题设计师使用本地开发环境在部署到暂存环境或实时服务器之前工作在他们的主题上。由于Sass是一种预处理语言，你需要在本地开发环境中安装它。首先你需要安装Sass。它可以作为命令行工具使用，但也有一些不错的GUI应用程序可供使用。我们推荐使用Koala，它是一个适用于Mac、Windows和Linux的免费开源应用程序。

为了这篇文章的目的，你需要创建一个空白主题。只需在/wp-content/themes/中创建一个新文件夹。你可以命名为‘mytheme’或任何你想要的名称。在你的空白主题文件夹内创建另一个文件夹并命名为stylesheets。在stylesheets文件夹中，使用类似Notepad的文本编辑器创建一个style.scss文件。

现在你需要打开Koala并点击加号图标添加一个新项目。接下来，找到你的主题目录并将其添加为你的项目。你会注意到Koala会自动在你的stylesheets目录中找到Sass文件并显示它。

右键点击你的Sass文件并选择‘设置输出路径’选项。现在选择你的主题目录的根目录，例如，/wp-content/themes/mytheme/并回车。Koala现在会在你的主题目录中生成CSS输出文件。要测试这一点，你需要在类似Notepad的文本编辑器中打开你的Sass文件style.scss并添加以下代码：

$fonts: arial, verdana, sans-serif; body { font-family:$fonts; }

现在你需要保存你的修改并回到Koala。右键点击你的Sass文件，右侧会滑出一个侧边栏。要编译你的Sass文件，只需点击‘编译’按钮。可以通过打开你的主题目录中的style.css文件查看结果，它将具有处理后的CSS，如下所示：

body { font-family: arial, verdana, sans-serif; }

注意，我们在Sass文件中定义了一个变量$fonts。现在每当我们需要添加字体家族时，我们不需要再次输入所有字体名称。我们只需使用$fonts。

Sass对CSS的其他超级功能

Sass功能强大，向后兼容，并且非常容易学习。正如我们之前提到的，你可以创建变量、嵌套、混入、导入、部分、数学和逻辑运算符等。现在我们将展示一些示例，你可以在你的WordPress主题中尝试这些功能。

管理多个样式表

作为一个WordPress主题设计师，你会遇到的大问题之一是包含许多部分的大型样式表。在处理你的主题时，你可能会不停地上下滚动以修复问题。使用Sass，你可以将多个文件导入到你的主样式表中，并为你的主题输出一个单一的CSS文件。

CSS @import的问题

在CSS文件中使用@import的问题在于，每次你添加一个@import时，你的CSS文件会向服务器发出另一个HTTP请求。这会影响你的页面加载时间，对你的项目不利。而当你在Sass中使用@import时，它会将文件包含在你的Sass文件中，并在浏览器中以一个单一的CSS文件提供它们。

要学习如何在Sass中使用@import，首先你需要在主题的stylesheets目录中创建一个reset.scss文件并粘贴以下代码：

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } table { border-collapse:collapse; border-spacing:0; }

现在你需要打开你的主style.scss文件并添加这一行，指定你希望重置文件被导入的位置：

@import 'reset';

注意，你不需要输入完整的文件名。要编译这个，你需要打开Koala并再次点击编译按钮。现在打开你的主题的主style.css文件，你会看到你的重置css已经包含在里面。

在Sass中的嵌套

与HTML不同，CSS不是一种嵌套语言。Sass允许你创建易于管理和使用的嵌套文件。例如，你可以将所有元素嵌套在文章标签下。对于WordPress主题设计师来说，这让你可以轻松地在不同部分上工作，并为每个元素设置样式。要见识嵌套的效果，在style.scss文件中添加:

.entry-content { p { font-size:12px; line-height:150%; } ul { line-height:150%; } a:link, a:visited, a:active { text-decoration:none; color: #ff6633; } }

编译后它将输出以下的CSS：

.entry-content p { font-size: 12px; line-height: 150%; } .entry-content ul { line-height: 150%; } .entry-content a:link, .entry-content a:visited, .entry-content a:active { text-decoration: none; color: #ff6633; }

作为一个主题设计师，你会设计不同外观和感觉的小部件、帖子、导航菜单、页眉等。使用Sass中的嵌套可以使其结构良好，你不需要重复编写相同的类、选择器和标识符。

在Sass中使用Mixins

有时你需要在你的项目中复用一些CSS，即使样式规则是相同的，因为你会在不同的选择器和类上使用它们。这时，混入（mixin）就派上用场了。让我们在你的style.scss文件中添加一个mixin：

@mixin hide-text{ overflow:hidden; text-indent:-9000px; display:block; }

这个mixin基本上是隐藏一些文本不被显示。以下是一个如何使用这个mixin来隐藏徽标文本的示例：

.logo{ background: url('logo.png'); height:100px; width:200px; @include hide-text; }

注意，你需要使用@include来添加一个mixin。之后，编译它将生成如下的CSS：

.logo { background: url('logo.png'); height: 100px; width: 200px; overflow: hidden; text-indent: -9000px; display: block; }

Mixins在处理供应商前缀时也非常有用。当添加不透明值或边框半径时，使用mixins可以节省大量时间。看看这个例子，我们添加了一个mixin来添加边框半径。

@mixin border-radius($radius) { -webkit-border-radius: $radius; -moz-border-radius: $radius; -ms-border-radius: $radius; -o-border-radius: $radius; border-radius: $radius; } .largebutton { @include border-radius(10px); } .smallbutton { @include border-radius(5px); }

编译后，它将生成如下的CSS：

.largebutton { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .smallbutton { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

附加资源

我们希望这篇文章能帮助你了解Sass在WordPress主题开发中的应用。许多WordPress主题设计师已经在使用它。有些人甚至说将来所有CSS都将被预处理，WordPress主题开发人员需要提升他们的技能。

管理 WooCommerce 商店需要您保持產品數據的組織和更新。如果您計劃將商店遷移到新平台，增加數百個新產品，或維護多個商店的運營，您必須能夠高效地導入和匯出產品信息。

為什麼要導入和匯出 WooCommerce 產品？

許多用戶出於多種原因需要導入和匯出 WooCommerce 產品：

• 將產品從一個 WooCommerce 商店移動到另一個商店
• 使用相同的 WooCommerce 產品在新的 WordPress 網站上開設在線商店
• 將網站遷移到新伺服器但需要更好的方式來移動產品
• 快速將產品添加到您管理的多個商店
• 更新產品信息（例如價格、圖片、描述）
• 更新庫存系統
• 將產品匯出作為備份機制，以防數據丟失等等

通常，如果您要將網站移動到新伺服器，則可以複製整個網站並在新主機上設置。 我們有一個完整的一步步指南，包括如何輕鬆地將 WordPress 移動到新主機或伺服器。 但是，如果您只想移動產品，這個教程將幫助您學習如何正確地匯出和導入帶圖片和其他產品數據的 WooCommerce 產品。我們將展示兩種方法；您可以選擇最適合您的方法。

方法 1：無需插件進行 WooCommerce 產品的導入和匯出

WooCommerce 帶有內置功能，可在不使用任何附加插件的情況下輕鬆導入和匯出帶圖片的產品。

首先，您需要訪問 WordPress 儀錶板中的產品 » 所有產品頁面。在那裡，您會看到頂部有兩個按鈕分別為「導入」或「匯出」產品。

無需插件匯出 WooCommerce 產品

只需點擊頂部的「匯出」按鈕繼續。

在下一個屏幕上，您會看到一組選項供您選擇匯出什麼數據。

例如，您可以選擇僅匯出產品數據中的某些列。您還可以選擇匯出特定類型或類別的產品。

要匯出所有帶有圖片和所有其他數據的變量產品，您可以不選擇這些選項。

選擇「匯出自訂 Meta」選項是可選的。如果不確定，最好選中它以便擁有數據。

點擊「生成 CSV」按鈕繼續。

WooCommerce 現在將準備一個 CSV 文件並將其下載到您的電腦。

什麼是 CSV 文件？

CSV 代表逗號分隔值，是一種純文本文檔類型，使用逗號分隔數據的不同列或字段。

您可以使用任何電子表格軟件（如 Google Sheets 或 Microsoft Excel）打開它，這就是它的樣子：

無需插件導入 WooCommerce 產品

只需轉到產品 » 所有產品頁面，然後點擊頂部的導入按鈕。如果您的 WooCommerce 商店是空的，那麼頂部的按鈕會出現在頁面中央。

點擊「開始導入」按鈕開始導入。這將開啟導入向導。

首先，您需要點擊「選擇文件」按鈕來選擇您之前下載的 WooCommerce 匯出 CSV 文件。點擊繼續按鈕上載 CSV 文件。WooCommerce 將檢查 CSV 文件是否格式兼容，並讓您將這些數據映射到現有的 WooCommerce 產品數據。大多數 WooCommerce 商店可以使用默認設置。

但是，您仍需檢查是否缺少列並選擇匹配字段。如果您使用變量產品屬性，請確保向下滾動到屬性列並匹配字段，這樣就可以確保 CSV 文件中的字段與 WooCommerce 中對應的字段匹配。

點擊「運行導入程序」按鈕開始。WooCommerce 現在將從 CSV 文件導入數據，並下載附加到產品的任何圖片。

完成後，您可以訪問產品 » 所有產品頁面查看匯入的產品。確保訪問您的商店和產品頁面檢查一切是否按預期運行。

方法 2：使用插件導入和匯出 WooCommerce 產品

在此方法中，我們將使用插件來導入和匯出 WooCommerce 產品。這種方法的優點是它提供了更靈活的選項，還允許匯出和導入產品評論。此外，還可以分批導入和匯出 WooCommerce 產品，這在擁有大量產品和圖片的商店中特別有用。

使用插件匯出 WooCommerce 產品

首先，您需要安裝並啟用 WooCommerce Product Import Export 插件。詳細資訊請參見我們如何安裝 WordPress 插件的分步指南。

該插件作為三個獨立的附加組件提供。您需要下載並安裝它們。激活後，訪問 WebToffee Import Export (Pro) » Export 頁面，選擇「Product」為要匯出的文章類型。

在下一個屏幕上，選擇一個匯出方法。默認的快速匯出方法會自動選擇所有產品進行匯出。可選地，您可以選擇「高級匯出」，允許根據類別、標籤和狀態篩選產品，也可以手動排除個別產品。

如果需要，可以篩選數據並選擇要匯出的產品。例如，「要匯出的產品總數」顯示您實際上要匯出的產品數量。「跳過前 n 個產品」用於指定要跳過的產品數量。例如，輸入 10 來跳過前 10 個產品。產品類別選項讓您根據要匯出的特定產品名稱進行篩選，而「庫存狀態」選項根據庫存狀態進行選擇。

如果您向下滾動頁面，會有其他選項，如：

• 您希望排除的產品
• 具有特定分類的產品
• 具有特定標籤的產品等等

點擊匯出按鈕繼續，插件將開始準備您的產品數據。完成後，系統會提示您下載匯出文件到計算機。

使用插件導入 WooCommerce 產品

現在，您已準備好匯出文件，可以從另一個 WooCommerce 商店導入產品。安裝並啟用 WooCommerce Product Import Export 插件到需要導入產品的商店。

然後，轉到 WebToffee Import Export (Pro) » Import 頁面，選擇「Product」作為要導入的文章類型。

點擊「步驟 2：選擇導入方法」按鈕繼續。接下來，選擇一個導入方法並上傳之前下載到計算機的匯出文件。點擊「步驟 3：映射和導入列」按鈕繼續。在下一個屏幕上，您會看到字段列表及其匹配的匯入文件中的字段。如果看到空字段，您可以在下一列中選擇匹配字段。

如果使用變量產品如尺寸和顏色，請確保單擊屬性標籤以匹配屬性字段。然而，如果不使用任何變量產品或自定義屬性，可以使用默認設置。點擊「步驟 4：高級選項 / 分批導入」按鈕繼續。在最後一個屏幕上，您將看到高級選項。例如，您可以選擇按 ID 或 SKU 匹配產品，選擇如果產品已存在該怎麼辦，等等。

如果將產品導入到一個空的 WooCommerce 商店，則可以使用默認設置。最後，點擊「導入」按鈕執行產品導入過程。您將看到導入進度，完成後，可以點擊「查看產品」檢查是否全部正確導入。

該插件還允許導入和匯出產品評論。如果您也想導入或匯出產品評論，請在導入或匯出頁面選擇「產品評論」文章類型。

提升您的 WooCommerce 商店效率的自動化工具

如果發現自己在電子商務商店中做了大量手動工作並想節省時間，我們建議使用 Uncanny Automator 進行工作流程自動化。Uncanny Automator 幫助您使用簡單的無代碼視覺構建器連接超過 150 種插件和應用程序。您可以用它來創建自動化工作流程，而無需編寫任何代碼。有免費版可供試用，已經被超過 30,000 個網站使用。

除了工作流程自動化，如果您正在尋找 WooCommerce 的行銷自動化工具，我們建議使用 FunnelKit Automation。它可以幫助您提高銷售額和提升轉換率，且成本不高。

希望這篇文章幫助您學會在 WordPress 中輕鬆導入和匯出帶圖片的 WooCommerce 產品。您還可以查看我們的必備 WooCommerce 插件推薦，或查看這些實用的提示來恢復 WooCommerce 的放棄購物車銷售。

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

什么是WordPress中的“无法访问此网站”错误？

WordPress中的常见错误有很多，但“无法访问此网站”尤为令人沮丧，因为消息非常模糊，并且没有告诉你下一步该做什么。在最糟糕的情况下，这一错误会让你的网站完全无法访问，使得测试、添加新内容、安装安全更新等重要操作变得困难。

通常，这一错误意味着某些因素阻止了浏览器访问目标网站。这可能是由于互联网连接差、网络配置错误或DNS设置问题。在本指南中，我们将详细说明如何排查和解决这一错误，以便迅速解决问题。

1. 检查你的互联网连接

在排查错误时，首先检查当前是否已连接到互联网。如果没有明显的连接问题，可以尝试重新启动互联网连接。断开路由器的电源供应并等待至少1分钟再重新连接，这通常可以解决许多小问题。

2. 清除浏览器缓存

从WordPress托管服务器下载文件可能需要很长时间。为解决这个问题，大多数现代浏览器存储你访问的网站的文件和数据。浏览器可以从本地电脑加载这些缓存内容，而不是重新下载远程服务器上的内容。不过，缓存内容可能会变得过时或损坏。幸运的是，清除浏览器缓存非常简单。

3. 禁用防火墙或杀毒软件

防火墙和杀毒插件可以保护你，但有时也会阻止完全可信的网站。你可以禁用这些软件看看能否解决问题，不过我们不建议完全禁用防护软件，可以检查设置是否可以将某个网站加入白名单。

4. 重置虚拟专用网络（VPN）

使用VPN时可能会遇到连接问题。重置VPN可以帮助解决连接错误，具体方法请参考你使用的VPN提供商的说明。

5. 禁用代理服务器

代理服务器在你和目标网站之间作为中间服务器。如果代理服务器无法连接到网站，你会看到“无法访问此网站”错误。你可以尝试禁用代理服务器，看能否解决问题。

6. 刷新DNS缓存

类似于浏览器缓存，你的计算机也会存储你访问过的网站的IP地址。刷新DNS缓存可以获取最新的网页信息，解决“无法访问此网站”错误。

7. 更换DNS服务器

DNS就像互联网的电话薄，列出域名及其对应的IP地址。如果你的DNS服务器不可用或信息错误，可以尝试切换到公共DNS服务器。

8. 重置TCP/IP设置

TCP/IP是控制数据如何通过互联网发送和接收的一系列协议。如果你的互联网连接配置有问题，重置TCP/IP设置可以恢复默认配置，可能解决问题。

常见问题:

为什么我的站点显示“无法访问此网站”？

可能有多个原因，但错误代码可以帮助你定位问题。常见代码包括ERR_CONNECTION_RESET（通常意味着网络连接问题）和DNS_PROBE_FINISHED_NXDOMAIN（表示域名系统配置问题）。

如何修复WordPress中的“无法访问此网站”错误？

可尝试的快速解决方法包括重启网络连接、清除浏览器和DNS缓存，检查防火墙、杀毒软件、VPN和代理服务器的设置，必要时可以禁用这些软件或服务。最后，也可以尝试更换DNS服务器和重置TCP/IP设置。

希望本文能帮助你轻松修复WordPress中的“无法访问此网站”错误。你还可以参考我们关于域名和网络托管区别的指南，以及小企业电子邮件营销的最佳实践。

什么是SEO主题集群？

全球每天有无数人在网上寻找答案。每分钟有超过630万次搜索，人们在Google上输入问题并点击搜索，希望找到所需的信息。

吸引搜索流量的诀窍在于创建高质量、详细的内容来回答这些问题。这些“支柱文章”是长篇文章，提供尽可能多的常青信息。然而，随着网站的成长，您可能希望在一个主题上覆盖比单篇文章能够承载的更多信息。WPressize Me发现，处理这种情况的最好方法是围绕每个主题创建文章集群。

SEO主题集群围绕一个全面的支柱或“父”文章展开，链接至处理具体子主题的“子”文章。每个子文章也链接回支柱文章。根据您的专业领域，您可能需要创建多个不同的主题集群。

SEO主题集群如何改善SEO？

内容集群是一个强大的SEO策略，因为它以搜索引擎理解和排名信息的方式来结构化您的内容。使用集群的一些好处包括：

它们帮助搜索引擎理解主题意义及其与子主题的关系，展示您网站在某一学科上的深度和专业性，表明对搜索引擎的相关性。

它们提供更好的用户体验，指导访客通过相关信息，确立您为可信赖的信息源。活跃的用户会浏览更多页面，在每个页面上停留更长时间，这也间接有助于提高SEO。

集群框架为内容创作提供了一条更好的路线图。通过关注相互链接的主题，您将自然地构建一个全面的资源中心，而不是随意发布不相关的内容。

子文章让您能够涵盖更长、更具体的长尾关键词以解决具体问题和疑问，这提高了您针对这些查询排名的机会。

通过在集群内涵盖一系列主题，您可以吸引更广泛的受众，他们对您的专业领域的不同领域感兴趣。

如何在WordPress中构建内容集群策略

选择集群应该涵盖的主题和关键词编写集群的支柱和子文章关于主题集群的常见问题解答

选择集群应该涵盖的主题和关键词

首先，您需要进行一些研究。您需要考虑您希望在内容集群中涵盖的不同主题和子主题。您还应识别出人们在Google上搜索的具体问题。

如果您已经在博客初期寻找写作创意时做过这些研究，那么规划SEO主题集群时可以重复使用。否则，您需要先进行一次头脑风暴。

为您的博客头脑风暴潜在主题

您的研究应从头脑风暴您可以在博客上覆盖的潜在主题开始。这可以包括您的产品和服务，以及您所在行业的重要主题。

例如，如果您有一个销售宠物食品的在线商店，那么您会列出您销售的不同类型的宠物食品以及其他产品，以及如何照顾宠物并保持它们健康的其他主题。

发现主题的主要广泛关键词

接下来，您需要对这些主题进行关键词分析。您可以简单按照我们的分步骤指南来为您的WordPress博客进行关键词研究。这些指南将帮助您发现用户搜索的主要相关主题。我们会向您展示如何使用一些最佳SEO工具，包括Semrush、LowFruits、Ahrefs和免费的WPressize Me关键词生成器。

首先，只需尝试提出3-5个广泛且相关的主题，这些主题与您的产品、服务或专业知识相关。它们将成为您的主题集群。

通过查看搜索量和趋势，您可以识别出能够为您的网站带来最多动机访客的关键词。

发掘相关长尾关键词

接下来，您需要发掘相关的长尾关键词。这些是人们在搜索的较长且更具体的问题和短语。您将在子文章中回答这些问题。

编写集群的支柱和子文章

一旦您创建了集群，您将需要开始编写内容，一次一篇文章。您需要编写一篇为每个集群提供概述的支柱文章，以及详细处理每个长尾关键词的单独文章。

逐篇编写高质量博客文章

您可能会想知道应该先写支柱文章还是子主题文章。根据我们的经验，这并不重要。您只需开始写作，一次一篇文章。

在集群内的文章之间创建内部链接

完成所有子主题文章后，您需要更新您的支柱文章。您将希望确保它提及您所写的所有子主题和链接到这些文章，以便您的读者可以轻松地了解更多。

如何在你的WordPress网站上正确设置Google AMP

在我们的经验中，页面加载速度的小幅变化可能意味着用户是留在你的网站上还是离开。而快速加载的Google AMP（加速移动页面）可以提供更好的用户体验并提高流量。在本文中，我们将展示如何在WordPress中设置Google AMP。

什么是Google AMP？

Google AMP（加速移动页面）是一个在2015年10月宣布的开源计划，旨在使网页内容为移动用户加载更快。

在移动设备上阅读网页可能会很慢，因为内容丰富的页面可能需要几秒钟才能加载。Google AMP使用简化的HTML和有限的Javascript，并将内容存储在Google AMP缓存中。这样，Google可以在用户点击你的链接时立即提供缓存版本。

这与Facebook即时文章类似，但Facebook即时文章仅限于其移动应用，而Google AMP是平台无关的，可以被任何浏览器使用。

尽管Google AMP的使用在减少，尤其是像Twitter、LinkedIn和Reddit这样的早期采用者已经停止使用它，并且使用AMP的网站在搜索结果页面上的优先级也不再突出。然而，官方AMP插件仍然可用，如果你想学习如何在WordPress中逐步设置加速移动页面（AMP），我们还是可以提供指导。

在WordPress中设置加速移动页面（AMP）

你首先需要安装并激活AMP插件。有关详细信息，请参阅我们的逐步指南：如何安装WordPress插件。

激活后，通过点击插件页面顶部的链接打开插件的引导向导。

注意：AMP插件与一些流行的WordPress插件（如WPCode）存在兼容性问题。你会在页面顶部收到任何不兼容的活动插件通知。

向导的第一页将向你概述插件的功能。一旦阅读完毕，你可以点击“下一步”按钮继续。

向导的第二页让你选择技术背景。如果你是了解PHP、JavaScript、HTML和CSS代码的高级用户，可以点击第一个选项。然而，我们建议大多数用户选择第二个“非技术”选项，因为这会让Google AMP的设置更加简单。

选择好技术背景后，点击“下一步”按钮继续。插件现在将扫描你的网站，以查找与你激活的主题和插件的兼容性问题。扫描完成后，你会被通知任何问题。

在引导向导的下一步，你需要选择一个模板模式。如果在网站扫描期间未发现问题，那么你应该选择标准选项。否则，请阅读过渡和阅读器部分的文本并选择推荐的选项。

恭喜你，当你点击“下一步”按钮时，向导将完成，你会看到你网站的多个移动AMP预览。确保点击“完成”按钮以保存你的设置。

现在你可以访问你网站上的任何帖子，并在URL的末尾添加/amp/，如：http://example.com/my-blog-post/amp/。这将会在移动设备上自动显示。

获取AMP页面的准确分析

AMP的一个主要问题是它会影响你的Google Analytics数据。访问你AMP页面的访客可能未被准确跟踪，甚至可能被双重计算。

为了获取最准确的分析数据，我们推荐使用MonsterInsights。这是WordPress的最佳Google Analytics插件。MonsterInsights的AMP插件会自动修正你的跟踪，以确保你获取访客的真实数据。

你可以在我们的新手指南中学习如何安装Google Analytics以了解如何设置MonsterInsights。

WordPress性能的专家指南

Google AMP是提高移动网站性能的一种方法。你可能还会喜欢以下我们首选的加快WordPress网站速度的方法：

• 提高WordPress速度和性能的终极指南
• 如何加快你的电子商务网站（已验证的提示）
• 为何你的WordPress博客需要CDN？（信息图）
• 如何优化WordPress的核心网络指标（终极指南）
• 什么是Google的INP评分以及如何在WordPress中改进它
• 如何在不降低质量的情况下优化网页性能图片
• 如何使用GTmetrix插件改进WordPress网站性能
• 我们如何在WPressize Me上提升页面加载速度
• 如何正确运行网站速度测试（最佳工具）

我们希望这篇文章能帮助你了解如何在WordPress中设置加速移动页面（AMP）。你可能还希望查看我们的指南：如何提升你WordPress网站健康或专家们推荐的最快的WordPress托管服务。

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

什么是阻塞渲染的JavaScript和CSS？

阻塞渲染的JavaScript和CSS是阻止网站在加载这些文件之前显示网页的文件。每个WordPress网站都有一个主题和插件，它们会在你的网页前端添加JavaScript和CSS文件。这些脚本会增加你网站的页面加载时间，并且还会阻止页面的渲染。

Google PageSpeed Score是什么？

Google PageSpeed Insights是Google创建的一个网站速度测试工具，旨在帮助网站所有者优化和测试他们的网站。该工具根据Google的速度指南测试你的网站，并提供改进页面加载时间的建议。它会根据你的网站通过的审核数量显示一个得分。大多数网站得分在50-70之间。然而，一些网站所有者希望达到100分（这是页面可以获得的最高分数）。

你真的需要完美的”100″Google PageSpeed Score吗？

Google PageSpeed Insights工具的目的是向你提供提高网站速度和性能的指南。你不需要严格遵循这些规则。记住，速度只是帮助Google确定你网站排名的众多网站搜索引擎优化（SEO）指标之一。速度之所以重要，是因为它改善了你网站的用户体验。更好的用户体验不仅仅需要速度。你还需要提供有用的信息，更好的用户界面，以及包含文本、图片和视频的引人入胜的内容。你的目标应该是创建一个速度快并提供良好用户体验的网站。

我们建议你将Google PageSpeed规则作为建议。如果你可以在不破坏用户体验的情况下轻松实施它们，那就很好。否则，你应该尽可能多地做，然后不用担心剩下的事情。

既然如此，让我们来看看你可以做些什么来修复WordPress中的阻塞渲染的JavaScript和CSS。我们将介绍两种方法来消除WordPress中的阻塞渲染资源。你可以选择最适合你网站的方法：

• 方法1：使用WP Rocket修复阻塞渲染的脚本和CSS
• 方法2：使用Autoptimize修复阻塞渲染的脚本和CSS

方法1：使用WP Rocket修复阻塞渲染的脚本和CSS

在这种方法中，我们将使用WP Rocket插件。它是市场上最佳的WordPress缓存和优化插件，能让你在没有技术技能或复杂设置的情况下快速提高网站性能。

首先，你需要安装并激活WP Rocket插件。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。

WP Rocket开箱即用，将根据你的网站开启最佳设置的缓存。你可以在我们关于如何正确安装和设置WP Rocket的完整指南中了解更多信息。

默认情况下，它不会开启JavaScript和CSS优化选项。这些优化可能会影响你的网站外观或某些功能，因此插件允许你选择性地启用这些设置。

为此，你需要访问设置»WP Rocket页面，然后切换到”文件优化”标签。

从这里，滚动到CSS文件部分，勾选”最小化CSS”、”合并CSS文件”和”优化CSS交付”旁边的复选框。

对于”优化CSS交付”设置，WP Rocket建议选择”删除未使用的CSS”方法。除了提供最佳性能外，它还可以帮助减少页面大小和HTTP请求。

注意：WP Rocket缓存插件将尝试最小化你所有的CSS文件，合并它们，并仅加载你网站可见部分所需的CSS。这样可能会影响你网站的外观，因此你需要在多个设备和屏幕尺寸上彻底测试你的网站。

接下来，你需要滚动到JavaScript文件部分。从这里，你可以勾选所有选项以获得最大性能提升。

你可以像处理CSS一样最小化和合并JavaScript文件。你还可以阻止WordPress加载jQuery Migrate文件。它是WordPress加载的一个脚本，用于为使用旧版jQuery的插件和主题提供兼容性。大多数网站不需要这个文件，但你仍然需要检查你的网站，以确保删除它不会影响你的主题或插件。

接下来，稍微向下滚动并勾选”加载JavaScript延期”和”jQuery安全模式”选项。这些选项会延迟加载非必要的JavaScripts，而jQuery安全模式允许你为可能在线内使用它的主题加载jQuery。如果你确信你的主题在任何地方都不使用内联jQuery，则可以取消选中此选项。

不要忘记点击”保存更改”按钮以保存你的设置。之后，你可能还需要在再次使用Google PageSpeed Insights测试你的网站之前清除WP Rocket的缓存。在我们的测试网站上，我们在桌面设备上达到了100%的得分，并且在移动和桌面得分中解决了阻塞渲染的问题。

方法2：使用Autoptimize修复阻塞渲染的脚本和CSS

在这种方法中，我们将使用一个专门用于改进网站CSS和JS文件交付的插件。虽然这个插件可以完成任务，但它没有WP Rocket的强大功能。

你首先需要安装并激活Autoptimize插件，这是一个免费的插件，可加快网站性能。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。

激活后，你需要访问设置»Autoptimize页面以配置插件设置。首先，你需要在JavaScript选项块下勾选”优化JavaScript代码”旁边的复选框。确保取消选中”聚合JS文件”选项。

接下来，向下滚动到CSS选项框并勾选”优化CSS代码”选项。确保取消选中”聚合CSS文件”选项。

现在你可以点击”保存更改并清空缓存”按钮以保存你的设置。在我们的演示网站上，使用这些基本设置后，我们能够解决阻塞渲染的问题。

如果仍然存在阻塞渲染的脚本，则可以返回插件的设置页面并查看JavaScript和CSS选项下的设置。例如，你可以允许插件包含内联JS并删除默认排除的脚本，如seal.js或jquery.js。然后，点击”保存更改并清空缓存”按钮以保存更改并清空插件缓存。完成后，再次使用PageSpeed Insights工具检查你的网站。

Autoptimize如何工作？

Autoptimize会聚合所有排队的JavaScript和CSS。之后，它会创建最小化的CSS和JavaScript文件，并将缓存的副本异步或延迟提供给你的网站。这允许你修复阻塞渲染的脚本和样式问题。然而，请记住，这也可能影响你网站的性能或外观。

如果仍然存在阻塞渲染的JavaScript和CSS，该怎么办？

根据插件和你的WordPress主题如何使用JavaScript和CSS，完全修复所有阻塞渲染的JavaScript和CSS问题可能会很困难。虽然上述工具可以提供帮助，但你的插件可能需要以不同优先级加载某些脚本以正常运行。在这种情况下，上述解决方案可能会破坏这些插件的功能，或者它们可能会出现意外行为。

与其尝试完全消除阻塞渲染问题，我们建议采用替代方法来加快你的网站。例如，你可以使用CDN服务来提供静态JavaScript和CSS文件并减少加载时间。你可以阅读我们关于提升WordPress速度和性能的终极指南以获取更多信息。

我们希望本文能帮助你了解如何修复WordPress中的阻塞渲染的JavaScript和CSS。你可能还想查看我们关于WPressize Me如何通过6个技巧提高页面加载速度的文章，以及我们对最佳托管WordPress托管公司对比的文章。

什么是面包屑导航以及为什么需要它？

面包屑导航是一种层次导航菜单，通常以链接路径的形式呈现。它用于帮助用户在网站内导航，也可以帮助搜索引擎理解页面的结构和层次。如果配置正确，搜索引擎会在搜索结果中显示面包屑导航链接，从而提高网站的可见度和点击率。

方法一：使用All in One SEO添加面包屑导航（推荐）

这种方法简单且推荐给所有WordPress用户。All in One SEO是功能强大的WordPress SEO插件，支持轻松添加面包屑导航。

步骤一：安装和设置All in One SEO

激活插件后，按照向导完成设置，然后访问插件的“通用设置”页面，切换到“面包屑”选项卡。打开“启用面包屑”选项以显示面包屑导航链接。

步骤二：通过简码添加面包屑导航

编辑需要添加面包屑导航的文章或页面，插入以下简码：

保存并预览，即可看到面包屑导航。

步骤三：通过Gutenberg模块添加面包屑导航

编辑文章或页面，添加“AIOSEO – 面包屑”模块，保存并预览效果。

步骤四：使用组件添加面包屑导航

访问外观中的“组件”页面，添加“AIOSEO – 面包屑”组件到侧边栏或页脚等区域。保存设置后，所有文章和页面将自动显示面包屑导航。

步骤五：通过代码添加面包屑导航

编辑主题文件，添加以下代码：

保存并上传文件后，页面将显示面包屑导航。

方法二：使用Breadcrumb NavXT插件添加面包屑导航

此方法适用于任何WordPress SEO插件。安装并激活Breadcrumb NavXT插件后，访问设置页面配置插件。

步骤一：使用组件添加面包屑导航

访问外观中的“组件”页面，添加“Breadcrumb Trail”组件到侧边栏或页脚等区域。保存设置后，即可显示面包屑导航。

步骤二：通过代码添加面包屑导航

编辑主题文件，添加以下代码：

保存并上传文件后，即可显示面包屑导航。

总结

我们希望这篇文章帮助您了解如何在WordPress中显示面包屑导航链接。您还可以参考我们关于如何获取更多网站流量的指南。

如何修復 Chrome 中的 ERR_CONNECTION_REFUSED 錯誤

最後更新日期：2024年7月24日 – 編輯團隊 | 審核人：Syed Balkhi

編輯備註：我們從 WPBeginner 的合作夥伴鏈接中賺取佣金。佣金不會影響我們編輯的意見或評價。了解更多關於編輯過程的信息。

ERR_CONNECTION_REFUSED 錯誤是網路用戶的常見挫折。許多讀者詢問我們如何修復它。

此錯誤發生當您的網頁瀏覽器無法連接至您嘗試訪問的網站時。當嘗試訪問某個網站或在瀏覽器的檢查工具中探究某些資源無法加載時，可能會看到此錯誤。

在本文中，我們將展示多種修復 Chrome 中 ERR_CONNECTION_REFUSED 錯誤的方法，幫助您成功訪問網站。

什麼是 Chrome 中的「ERR_CONNECTION_REFUSED」錯誤？

當 Google Chrome 瀏覽器嘗試打開網頁或網站資源但因連接問題無法打開時，就會顯示 ERR_CONNECTION_REFUSED 訊息。

這個錯誤代碼通常包含在以下錯誤訊息內：

• 「此網站無法訪問。」
• 「資源加載失敗。」

有許多常見的 WordPress 錯誤，但這個錯誤可能會阻止您訪問自己的網站和登錄到 WordPress 管理區域。您通常希望儘快解決這個問題。

通常，當您看到此錯誤訊息時，您的 WordPress 網站仍然在運行，但某些原因阻止瀏覽器訪問。在很多情況下，您只需要修復自己的瀏覽器或網路連接問題即可。

說到這裡，我們來看看如何修復 Chrome 中的 ERR_CONNECTION_REFUSED 錯誤。

如何修復「此網站無法訪問」錯誤

通常，當您無法訪問整個網站時會顯示此訊息。

您會看到 Chrome 錯誤訊息「此網站無法訪問」以及 ERR_CONNECTION_REFUSED 錯誤代碼。訊息甚至可能建議一些解決方法，如檢查連接、代理設置、防火牆和 DNS 設置。

• 其他瀏覽器將顯示類似的訊息，如：「無法連接。」「嗯……無法到此頁面。」

有很多因素會干擾您與網站的連接，您需要遵循一些故障排除步驟來識別和解決問題。

檢查您的網路連接

最簡單的方法是檢查您是否已連接到網路並重啟調製解調器和路由器。重置網路連接可能就是恢復連接的所有需要做的。

如果不行，您應該檢查您的網站是否正常運行。只需訪問 網站運行狀態檢查器，然後輸入您網站的 URL。

如果您的網站對所有人都宕機，那麼您應該聯繫您的 WordPress 主機提供商讓他們知道。

清除瀏覽器緩存

您的網頁瀏覽器存儲來自您訪問網站的文件和數據，以便不必再次下載它們。然而，如果緩存文件變得過時或損壞，這些瀏覽紀錄可能會引發問題。

您可以輕鬆地在 Google Chrome 中清除瀏覽器緩存，只需點擊右上角的三點圖標，然後選擇“更多工具”，接著選擇“清除瀏覽數據…”

在彈出窗口中，勾選“緩存的圖片和文件”旁邊的框，然後點擊“清除數據”按鈕。

現在，您可以重新訪問該網站以檢查是否可以訪問。

故障排除您電腦上的軟體

您電腦上的一些安全和網路軟件可能會干擾您與網站的連接。這包括您的防火牆、防毒軟體、VPN 和代理伺服器。

我們在如何修復「此網站無法訪問」錯誤指南中提供了每個這些步驟的詳細說明。

故障排除您的 DNS 設置

類似於瀏覽器緩存，您的電腦存儲了您訪問的所有網站的 IP 地址。這意味著瀏覽器不需要多次查詢相同的 IP 地址。

通過刷新您的 DNS 緩存，您將獲得網站的最新信息，包括其新的域名或地址。

這可能需要您輸入一些命令，如 ipconfig /flushdns，這對一些用戶來說可能較為複雜。為幫助您，我們製作了一個完整指南，說明如何適用於 macOS、Microsoft Windows 和 Google Chrome 的清除 DNS 緩存方法。

如果這樣做之後仍無法訪問網站，您還可以嘗試更改您的 DNS 伺服器地址。可以參考我們指南中的“更改 DNS 伺服器步驟”，了解如何修復「此網站無法訪問」錯誤的詳細說明。

重置 TCP/IP 設置

最後，如果您的網路連接配置存在問題，那麼重新啟用 TCP 和 IP 協議將恢復連接到其默認設置，這可能解決問題。

您可以在我們的如何修復「此網站無法訪問」錯誤指南中的重置 TCP/IP 設定步驟中學習如何逐步執行此操作。

如何修復「資源加載失敗」錯誤

可能您會發現網站可以加載，但某個特定資源或文件無法加載。這個文件可能是一個圖片或其它媒體文件，JavaScript，或 CSS 樣式表。缺失的資源會導致網站異常或功能失常。

當發生這種情況時，瀏覽器會在錯誤控制台中添加一個調試用的通知。

大多數情況下，您會在使用「檢查」工具時在瀏覽器的錯誤控制台中看到此錯誤。您可能會看到錯誤訊息 Failed to load resource: net::ERR_CONNECTION_REFUSED。

這個錯誤訊息發生在您的網站代碼中提到這個文件，但瀏覽器無法下載它時。這可能是因為文件本身或指向它的 URL 出現了問題。

我們將簡要介紹您應遵循的步驟。詳細說明參見我們的 WordPress 中如何修復「資源加載失敗」錯誤指南。

檢查您的 WordPress URL 設置

首先，您應該通過訪問“設定”»“一般”頁面檢查您的 WordPress URL 設置，找到“WordPress 地址”和“網站地址”選項。

您需要確保兩個 URL 都是正確的。并且这两个选项应该具有相同的 URL。

如果這些 URL 是正確的，那么您需要替換導致錯誤的丟失或有問題的資源。

替換丟失的圖像資源

如果丟失的資源是一張圖片，那麼您應該在媒體庫中尋找它。

如果能找到，請嘗試通過編輯文章或頁面重新添加它。如果在媒體庫中無法找到，請嘗試重新上傳。

如果該圖片在媒體庫中但顯示損壞，請參見我們的如何修復 WordPress 圖片上傳問題教程。

替換丟失的主題文件

如果失敗的資源是 WordPress 主題文件，那麼您需要重新安裝主題。

首先，停用當前的 WordPress 主題。如果您的網站上已安裝另一個主題，請按訪問“外觀”»“主題”頁面選擇啟用它。

如果沒有其他主題已安裝，您需要安裝一個默認主題。

一旦您啟用了其他主題，您可以訪問您的網站，看看錯誤是否已解決。如果是，則需要重新安裝您的主題。

替換丟失的插件文件

如果丟失的資源是一個 WordPress 插件文件，那麼您需要重新安裝該插件。詳細步驟参见我們的如何安裝 WordPress 插件逐步指南。

您還可以使用 FTP 連接到您的 WordPress 主機帳戶，手動替換特定文件。更多詳情參見我們的如何使用 FTP 指南。

我們希望這個教程幫助您學會了如何修復 Chrome 中的 ERR_CONNECTION_REFUSED 錯誤。您可能還想看看我們的終極 WordPress 安全指南或專家推薦的最佳電子郵件行銷服務以增加您的網站。

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