WordPress中添加脚本和样式的常见错误

许多新的WordPress插件和主题开发人员会直接在他们的插件和主题中添加脚本或内联CSS。有些人误用了wp_head函数来加载他们的脚本和样式表。

<?php
add_action('wp_head', 'wpb_bad_script');
function wpb_bad_script() {
echo 'jQuery goes here';
}
?>

虽然上面的代码看起来更简单，但这是错误的添加脚本的方式，这会在未来导致更多的冲突。例如，如果您手动加载jQuery，而另一个插件通过正确的方法加载jQuery，那么就会有两次加载jQuery的情况。如果它被加载在每个页面上，那么这将对WordPress的速度和性能产生负面影响。

为什么要在WordPress中排队加载脚本和样式？

WordPress有一个强大的开发者社区。成千上万的人从世界各地开发WordPress的主题和插件。为了确保一切正常工作，并且不会互相干扰，WordPress有一个排队系统。这个系统提供了一种可编程的方式来加载JavaScripts和CSS样式表。通过使用wp_enqueue_script和wp_enqueue_style函数，您可以告诉WordPress何时加载文件，在哪里加载它以及它的依赖关系是什么。

如何在WordPress中正确排队加载脚本

在WordPress中正确加载脚本非常简单。下面是一个将代码粘贴到插件文件中、主题的functions.php文件中或代码片段插件中的示例代码：

<?php
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', plugins_url('amazing_script.js', __FILE__), array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
?>

我们首先通过wp_register_script()函数注册我们的脚本。这个函数接受5个参数：

• handle – 这是脚本的唯一名称。
• src – 这是脚本的位置，我们使用plugins_url函数来获取插件文件夹的正确URL。
• deps – 这是依赖关系。由于我们的脚本使用了jQuery，我们在依赖关系区域添加了jQuery。
• ver – 这是脚本的版本号，这个参数不是必需的。
• in_footer – 我们希望在页脚加载脚本，所以我们将该值设置为true。

在提供了wp_register_script中的所有参数后，我们可以在wp_enqueue_script中调用脚本，这就使一切都发生了。最后一步是使用wp_enqueue_scripts动作钩子实际加载脚本。由于这是示例代码，我们将其添加在所有内容的正下方。如果您将其添加到您的主题或插件中，那么可以在实际需要脚本的地方放置这个动作钩子。

在WordPress中正确排队加载样式

就像脚本一样，您也可以排队加载您的样式表。请看下面的示例：

<?php
function wpb_adding_styles() {
wp_register_style('my_stylesheet', plugins_url('my-stylesheet.css', __FILE__));
wp_enqueue_style('my_stylesheet');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_styles' );
?>

我们使用wp_enqueue_style来添加我们的样式表。请注意，我们为脚本和样式都使用了wp_enqueue_scripts动作钩子。尽管名字是wp_enqueue_scripts，这个函数适用于两者。

在上面的示例中，我们使用了plugins_url函数来指向我们想要排队加载的脚本或样式的位置。然而，如果您在主题中使用这些函数，那么简单地使用get_template_directory_uri()来代替。如果您在使用子主题，请使用get_stylesheet_directory_uri()。以下是示例代码：

<?php
function wpb_adding_scripts() {
wp_register_script('my_amazing_script', get_template_directory_uri() . '/js/amazing_script.js', array('jquery'),'1.1', true);
wp_enqueue_script('my_amazing_script');
}
add_action( 'wp_enqueue_scripts', 'wpb_adding_scripts' );
?>

我们希望这篇文章帮助您了解如何在WordPress中正确添加JavaScript和样式。您可能还想研究一些顶级WordPress插件的源代码以获得一些实际的代码示例，或者查看我们关于如何轻松地在WordPress帖子或页面中添加JavaScript的指南。

為什麼要自訂 WordPress 重置密碼頁面?

您的 WordPress 網站具有強大的用戶管理系統，允許人們創建用戶帳號，登錄和重置密碼。默認情況下，這些頁面顯示 WordPress 的品牌和標誌。有時這不是大問題，尤其是當您或您的團隊是唯一登錄管理區域的人時。

然而，如果您運行的是電子商務商店或會員網站，那麼您的客戶也可能需要登錄。通過將這些頁面自訂為符合您的網站設計和品牌，您可以提供更好的用戶體驗。如果願意，您還可以添加額外的內容，例如您的標誌或最近的帖子列表。

您可能已經按照我們的其他指南添加了自訂用戶註冊表格和登錄頁面。現在，讓我們來看看如何自訂重置密碼頁面。只需使用以下快速連結直接跳轉到您想要使用的方法：

方法1: 使用 Formidable Forms 自訂重置密碼頁面（簡單）

最簡單的替換 WordPress 密碼重置頁面的方法是使用 Formidable Forms 插件。該插件允許您通過短代碼替換默認的密碼重置頁面。此方法不允許您編輯重置密碼表格，但您可以在周圍添加自己的內容。例如，您可以使用標準的 WordPress 發帖編輯器添加文本、圖片和其他內容。

首先，您需要安裝 Formidable Forms 插件。要了解更多，請查看我們的逐步指南，了解如何安裝 WordPress 插件。啟用後，您還需要安裝 Formidable Forms Lite。這個免費插件提供了高級插件更多功能的核心基礎。

完成這些操作後，請前往儀表板中的 Formidable Forms » 全域設定頁面，選擇“點擊手動輸入許可證密鑰”。您可以在 Formidable Forms 網站上的帳戶中找到許可證密鑰。輸入此資訊後，點擊“儲存許可證”按鈕。

接下來，您必須通過前往 Formidable » 插件頁安裝用戶註冊附加功能。在此屏幕上，找到用戶註冊附加功能並點擊其“安裝”按鈕。

現在，您已準備好通過前往頁面 » 新增頁面來創建自訂的重置密碼頁面。首先，給頁面命名，然後點擊“+”按鈕。在彈出窗口中，開始輸入“短代碼”。

只需點擊正確的區塊即可將其添加到頁面中。現在，您可以添加如下短代碼： [frm-reset-password]。

此時，您可以添加其他任何想在重置密碼頁面上顯示的內容。當您對頁面的設置感到滿意時，點擊“發布”按鈕使其生效。

最後，您需要告訴 WordPress 使用此頁面而不是默認的重置密碼頁面。為此，請前往 Formidable » 全域設定，然後在選單中點擊“註冊”標籤。從這裡，您只需打開“重置密碼頁面”下拉選單，選擇您剛創建的頁面。不要忘記點擊螢幕頂部的“更新”按鈕以儲存您的設定。

現在，您可以訪問您的 WordPress 網站查看自訂的重置密碼頁面。

方法2: 使用 Theme My Login 自訂所有會員頁面（免費）

為了提供一致的用戶體驗，使用相同的樣式設計所有會員頁面是一個好主意。Theme My Login 是一個免費插件，允許您替換內建的 WordPress 儀表板、登錄、登出、註冊、忘記密碼和重置密碼頁面。它不是最可自訂的解決方案，但其所有頁面都會使用您的 WordPress 主題。

首先，您需要安裝並啟用 Theme My Login 插件。欲了解更多詳情，請參考我們的逐步指南，了解如何安裝 WordPress 插件。啟用後，Theme My Login 會自動為您的自訂登錄、登出、註冊、忘記密碼和重置密碼屏幕創建 URL。您可以通過前往 Theme My Login » 總覽頁面查看這些 URL。

要替換這些頁面中的任何一個，您只需創建一個具有此精確 URL 的新頁面。

方法3: 使用 WPForms 創建完全自訂的重置密碼頁面

如果您想使用完全自訂的表單替換默認的重置密碼頁面，我們建議使用 WPForms 插件。該插件擁有“用戶密碼重置表單”模板，您可以自訂文本、圖片和品牌。您還可以添加和刪除字段，以僅收集您想從會員那裡獲取的信息。

首先，您需要安裝並啟用 WPForms 插件。欲了解更多詳情，請參考我們的逐步指南，了解如何安裝 WordPress 插件。啟用後，前往 WPForms » 設定 並輸入您的許可證密鑰。您可以在 WPForms 網站上的帳戶中找到此信息。

輸入許可證密鑰後，您需要安裝用戶註冊附加功能，允許您為您的站點創建自訂的用戶註冊、重置密碼和登錄表單。在儀表板中，前往 WPForms » 插件並找到用戶註冊附加功能。只需點擊“安裝插件”以下載它，然後點擊“啟用”以使其生效。

現在，您已準備好創建自己的自訂重置密碼表單，請前往 WPForms » 新增頁面。在此，輸入新表單的標題。完成後，捲動到“用戶密碼重置表單”模板並點擊其“使用模板”按鈕。

WPForms 現在會加載用戶密碼重置表單模板。要使用您自己的文本、標籤或說明來自訂任何字段，只需點擊選擇它，然後使用左側選單中的設置。例如，模板有一個“提交”按鈕。要显示其他按鈕標籤，請點擊選擇該字段，然後在“提交按鈕文本”中輸入新消息。

您還可以通過前往設定 » 確認來更改當用戶提交其重置密碼請求時的操作。在此，打開“確認類型”下拉選單，選擇是將用戶重定向到其他頁面或 URL，還是只是顯示一則消息，要求他們檢查其收件箱以查收重置密碼電子郵件。

您還可以通過在小型文本編輯器中輸入來自訂消息。例如，您可能會提醒用戶檢查其垃圾郵件文件夾。

專業提示：如果您的電子郵件經常被發送到垃圾郵件，我們建議使用 SMTP 服務提供商來提高您的電子郵件投遞率。

當您對表單設置感到滿意時，點擊右上角的“儲存”按鈕。

要替換默認的 WordPress 重置密碼頁面，您需要創建一個具有“onepassword”網址段的頁面。然後，您可以將表單添加到該頁面中。最簡單的方法是在 WPForms 編輯器中點擊“嵌入”按鈕。接著，選擇“創建新頁面”。

現在，為新頁面輸入標題。您可以在稍後的步驟中更改網址段，因此可以使用任何您想要的標題。完成後，點擊“開始吧”。這會將您帶到 WordPress 頁面編輯器，並將表單已添加到新頁面。現在，您可以對此頁面進行任何更改，例如添加更多文本、自訂標誌或類別和標籤。當您對頁面的外觀感到滿意時，點擊“儲存草稿”按鈕。

之後，前往頁面 » 所有頁面並找到剛創建的重置密碼頁面。在此，點擊“快速編輯”按鈕。在“網址段”字段中，輸入“lostpassword”。然後，打開“狀態”下拉選單並選擇“已發布”。

現在，您需要重定向訪問者到自訂的重置密碼頁面，而不是內建的 WordPress 頁面。最簡單的方法是使用免費的 WPCode 插件。WPCode 是最好的代碼片段插件，被超過 200 萬個 WordPress 網站所使用。它使得在 WordPress 中添加自訂代碼變得容易，不用編輯 functions.php 文件。即使是初學者也可以使用 WPCode 編輯其網站代碼，而不會因錯誤和拼寫錯誤而導致許多常見的 WordPress 錯誤。

首先，您需要安裝並啟用免費的 WPCode 插件。欲了解更多詳情，請參考我們的逐步指南，了解如何安裝 WordPress 插件。啟用後，前往代碼片段 » 新增片段。在此您會找到可用的片段，它們允許您上傳額外的文件類型到 WordPress，禁用附件頁面，完全禁用評論等等。只需將鼠標懸停在“添加您的自訂代碼”上，然後點擊“使用這個片段”當它出現時。首先，為自訂的代碼片段輸入標題。這可以是幫助您識別 WordPress 儀表板中片段的任何名稱。然後，打開“代碼類型”下拉選單並選擇“PHP 片段”。在代碼編輯器中，添加如下代碼片段：

add_filter( 'lostpassword_url', 'my_lostpassword_url' );
function my_lostpassword_url() {
return site_url('/lostpassword/');
}

接下來，捲動到“插入”部分。WPCode 可以將代碼添加到不同的位置，例如每個帖子之後，僅前端或僅管理後台。要在您的整個網站、博客或 WooCommerce 商店中使用自訂的 PHP 代碼，如果未選擇“自動插入”，請點擊它。然後，打開“位置”下拉選單並選擇“在所有地方運行”。之後，您準備好了，可以捲動到螢幕頂部並點擊“非活動”切換開關，使其變為“活動”。最後，點擊“儲存片段”使 PHP 片段生效。現在，嘗試訪問內建的 WordPress 登錄頁面。如果您點擊“忘記密碼？”連結，您將重定向到您剛創建的自訂重置密碼頁面。

專家指南：自訂 WordPress 頁面

現在您知道如何自訂 WordPress 重置密碼頁面，您可能還想查看一些如何自訂其他頁面的 WordPress 教程。

• 如何創建自訂的 WordPress 登錄頁面（終極指南）
• 如何自訂 WordPress 中的密碼保護頁面
• 最佳 WordPress 內容保護插件（專家推薦）
• 如何自訂 WordPress 中的搜索結果頁面
• 如何在您的 WordPress 網站上添加自訂的作者資料頁面
• 當您被 WordPress 管理員（wp-admin）鎖定時該怎麼辦
• 如何創建自訂的 WordPress 主頁
• 如何在 WordPress 中為博客帖子創建單獨的頁面
• 保護您的 WordPress 管理區域的關鍵提示
• 如何改善 WordPress 中的 404 頁面模板

希望這篇指南能幫助您了解如何自訂 WordPress 重置密碼頁面。您還可以查看我們的其他文章學習如何創建免費的公司電子郵件地址或查看我們推薦的必裝插件列表，以增長您的網站。如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道，獲取更多 WordPress 教程視頻。您還可以在 Twitter 和 Facebook 上找到我們。

比特币和其他加密货币正在成为一种越来越流行的在线支付方式。因此，许多人更愿意用比特币支付和捐款。通过在WordPress中添加一个比特币付款按钮，只需几次点击就能收到加密货币的付款。一旦资金到达你的钱包，你可以将其转出到银行账户或长期储存。对于许多博客领域，如技术博客或游戏网站，提供比特币捐赠功能简直再合理不过了。

首先，你需要一个接受加密货币的支付处理器。我们推荐使用NOWPayments，它是顶级的加密货币支付处理器之一。他们提供了所有你需要的工具，轻松接收比特币，添加捐赠按钮等。

创建或连接现有的加密货币钱包

如果你还没有加密货币钱包，那么现在需要创建一个。钱包是一种软件，可以让你安全地发送、接收和存储加密货币。你可以使用任何类型的钱包，但在本教程中，我们将展示如何使用Coinbase Google Chrome钱包。

将NOWPayments与加密货币钱包连接

钱包设置完毕后，你需要登录到你的NOWPayments账户。在账户仪表盘中，从下拉列表中选择‘BTC’，然后粘贴之前复制的钱包地址，点击‘保存’按钮。

创建比特币捐赠按钮

在添加捐赠按钮到你的网站之前，你需要先创建它。进入你的NOWPayments账户仪表盘，点击‘Donations’标签，选择按钮样式，复制HTML代码。

将比特币捐赠按钮添加到你的网站

现在，你可以将比特币捐赠按钮添加到你的网站。你可以将其添加到页面、侧边栏或任何其他小部件区域。

在页面中添加按钮

创建或编辑你想放置按钮的页面，点击‘+’号添加HTML代码块，粘贴之前复制的代码，然后点击‘发布’或‘更新’按钮保存页面。

在侧边栏中添加按钮

在WordPress管理仪表盘中导航到外观 » 小工具，点击‘+’号添加HTML代码块，粘贴HTML代码，点击‘更新’按钮保存更改。

希望这篇文章能帮助你学会如何在WordPress中添加比特币捐赠按钮。

如何在WordPress中显示分类描述

分类允许你轻松地对网站内容进行分类。它们还可以帮助用户轻松找到内容，并且对SEO有好处。如果你已经创建了一个WordPress网站，那么你可能已经在使用分类和标签，但你可能没有充分利用它们。

为什么要在WordPress中显示分类描述？

分类和标签可以帮助你轻松地将内容分类到不同的主题中。当正确使用时，分类和标签也可以帮助改善你的WordPress SEO。
WordPress允许你为分类添加描述。如果你在撰写文章时创建分类，你可能没有注意到这一点，因为这种方法不允许你添加描述。下面让我们看看如何在WordPress中轻松添加分类描述。

在WordPress中添加分类描述

首先，你需要前往“文章 » 分类”页面。如果你正在创建一个新分类，只需在此输入分类名称和描述，然后点击“添加新分类”按钮。
如果你想为现有分类添加描述，则需要点击该分类下方的“编辑”链接。这将带你到分类编辑页面，在那里你可以为你的分类添加描述。别忘了点击“更新”按钮以保存更改。只需重复此过程即可为所有分类添加描述。你也可以使用相同的方法为标签添加描述。

在分类存档页面上显示分类描述

大多数WordPress主题会自动在分类存档页面上显示分类描述。然而，如果你的主题不显示分类描述，则需要修改你的主题。最安全的方法是创建一个子主题。更多信息，请参阅我们的初学者指南，了解如何创建子主题。
接下来，你需要从父主题复制一个文件到子主题。你可以使用FTP客户端或WordPress托管公司提供的cPanel文件管理器。你需要去你的网站的 /wp-content/themes/parent-theme/ 文件夹，找到category.php 文件。如果你的文件夹内没有这个文件，则需要找到 archive.php 文件。之后，你需要将该文件复制到子主题的文件夹中。
接下来，你需要编辑该文件，然后在你希望显示分类描述的位置添加以下代码片段：

<?php
the_archive_description( '<div class="taxonomy-description">', '</div>' );
?>

通常，这将位于 the_archive_title 部分之后。粘贴代码后不要忘记保存文件。你的分类存档页面现在将显示分类描述。

这里是我们演示网站的一个示例。Twenty Nineteen主题默认不显示分类描述，但是一旦我们将代码片段添加到子主题中，你可以看到现在显示了分类描述。

在WordPress主题中显示分类描述

如果你对在WordPress网站中使用代码感到舒适，则可以使用这些代码片段在站点上的其他位置显示分类描述。

在你的网站上显示单个分类描述

如果你想在网站的其他地方显示分类描述，则需要使用category_description模板标签：

<?php echo category_description(3); ?>

你需要将3替换为你想使用的分类ID。

在每篇文章中显示分类描述

如果你想在单篇文章中显示分类描述，可以在single.php或footer.php模板中添加代码片段。如果你正在使用子主题，则需要先从父主题将模板复制到子主题文件夹中。
之后，你需要添加以下代码：

$catID = get_the_category();
echo category_description( $catID[0] );

这个代码只是获取当前文章的所有分类，然后输出第一个分类的描述。

列出所有分类和描述

如果你想以列表格式列出所有WordPress分类及其描述，可以将以下代码添加到主题的functions.php文件中，或使用WPCode插件插入代码片段（推荐）。详情请参阅我们的指南，了解如何在WordPress中添加自定义代码。

function wpb_catlist_desc() {
$string = '<ul>';
$catlist = get_terms( 'category' );
if ( !empty( $catlist ) ) {
foreach ( $catlist as $key => $item ) {
$string .= '<li>'. $item->name . '<br />';
$string .= '<em>'. $item->description . '</em> </li>';
}
}
$string .= '</ul>';
return $string;
}
add_shortcode('wpb_categories', 'wpb_catlist_desc');

此代码创建了一个短代码，显示所有分类及其描述的纯文本列表。你现在可以在帖子和页面中使用[wpb_categories]。要在文本小部件中使用此短代码，你需要为小部件启用短代码。

额外奖励：添加分类元描述以提高SEO

默认情况下，WordPress不会在meta标签中添加你的分类描述。这就是为什么使用像All in One SEO for WordPress这样的WordPress SEO插件将分类元描述添加到meta标签中以提高SEO非常重要的原因。

关于WordPress分类的专家指南

现在你已经知道如何显示分类描述，你可能想看看与WordPress分类相关的其他指南：

• 分类与标签 – 分类内容的SEO最佳实践
• 如何在WordPress中添加分类和子分类
• 如何为单独的分类进行不同的样式设计
• 如何正确更改、移动和删除WordPress分类
• 初学者指南：如何正确重命名类别
• 如何重命名WordPress中的未分类分类
• 如何合并和批量编辑分类和标签
• 如何在WordPress中按类别搜索（最佳方法）
• 如何在WordPress中显示/隐藏分类（终极指南）

我们希望这篇教程能帮助你了解如何在WordPress中显示分类描述。你还可以查看我们关于如何将WordPress从HTTP迁移到HTTPS的指南或我们推荐的必备插件以帮助你的网站增长。如果你喜欢这篇文章，请订阅我们的YouTube频道以获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。