WordPress 教学

如何在您的 WordPress 網站上遮蔽聯盟行銷鏈接

什麼是聯盟行銷鏈接遮蔽?為什麼您需要它?

鏈接遮蔽是一種技巧,用於將冗長的聯盟行銷鏈接轉換為簡短且品牌化的鏈接。

通常,聯盟行銷鏈接很長且難以記住,並且顯示您的聯盟用戶名或 ID:

http://www.affiliatesite.com/products/?product_id=123&affiliate=123

通過鏈接遮蔽,您可以將這些醜陋的聯盟行銷鏈接縮短為品牌化的 URL:

http://www.yoursite.com/refer/productname

這能使您的鏈接對觀眾顯得更值得信賴且專業,從而鼓勵更多人點擊。

如果您使用聯盟行銷鏈接從您的 WordPress 部落格賺錢,則應該遮蔽鏈接以提高點擊率和轉化率。

許多鏈接遮蔽外掛還能幫助您測量聯盟行銷策略的表現並優化它們以獲得更好的結果。

遮蔽聯盟行銷鏈接還新增了一層安全保護,因為它隱藏了實際的聯盟行銷 URL。這可以保護您的聯盟帳戶和收入免受欺詐或盜竊。

這也可以防止您的鏈接被社交媒體網站或搜索引擎屏蔽,提高您的聯盟行銷內容的搜索可見性。

既然如此,讓我們看看如何一步步地在 WordPress 網站上簡單地遮蔽聯盟行銷鏈接。

如何在 WordPress 上遮蔽聯盟行銷鏈接

在 WordPress 上有許多鏈接遮蔽和 URL 縮短外掛可供使用,包括 Pretty Links 和 Thirsty Affiliates。兩個外掛都很好,但我們會使用 Pretty Links 進行此教程,因為它更用戶友好。

您可以使用 Pretty Links 在 WordPress 上輕鬆地遮蔽聯盟行銷鏈接。它是 WordPress 最好的聯盟行銷工具之一,讓您能夠新增、管理和遮蔽聯盟行銷鏈接。

安裝並啟用 Pretty Links

首先,您需要安裝並啟用 Pretty Links 外掛。關於詳細說明,請參閱我們的新手指南:如何安裝 WordPress 外掛。

注意:Pretty Links 也有可以遮蔽鏈接的免費版。但我們將在教程中使用 Pro 版來解鎖更多功能。

創建您的遮蔽鏈接

啟用後,從 WordPress 管理側邊欄轉到 Pretty Links » Add New 頁面。

一旦到達那裡,您可以在 “Add Title” 選項中輸入鏈接名稱開始操作。

之後,您必須從 “Redirection” 下拉選單中選擇一種鏈接類型,以創建適合您聯盟行銷計畫的短鏈接和品牌化鏈接。

如果選擇 “Cloaked”,目標 URL 會隱藏在用戶的瀏覽器中,他們只會看到遮蔽後的鏈接。某些聯盟行銷計畫不允許這樣操作,您需要先確認。

另一個選擇是 “307 Temporary”。它會用新的聯盟行銷鏈接代替原始 URL,並告訴搜索引擎該鏈接未來可能會變更。

接下來,只需將您的聯盟行銷鏈接複製並粘貼到 “Target URL” 欄位中。

完成後,將您想使用的遮蔽 URL 短標籤輸入到 “Pretty Link” 欄位中。

例如,如果您想要的遮蔽鏈接像下面這樣,則需要將 “/refer/bluetooth-speakers” 文本輸入到 “Pretty Link” 欄位中。您將會得到這樣的鏈接:

www.example.com/refer/bluetooth-speakers

選擇遮蔽鏈接的屬性

接著,從左側邊欄切換到 “Advanced” 標籤。

在這裡,您可以通過檢查這些選項旁邊的框來新增不同的屬性到聯盟行銷鏈接。

例如,如果您想新增 nofollow 屬性到外部鏈接,則只需勾選 “No Follow” 框。這意味著搜索引擎不會傳遞任何鏈接權重到您正在鏈接的網站。

您還可以勾選 “Sponsored” 框告訴搜索引擎您的鏈接是付費廣告。

此外,如果您想傳遞優惠碼或客戶 ID 到遮蔽鏈接中,勾選 “Parameter Forwarding” 框會很方便。

還建議勾選 “Tracking” 框,以便您可以在 Pretty Links 報告中查看聯盟行銷鏈接的表現。

為遮蔽鏈接配置 Pro 設定

完成後,從左側邊欄切換到 “Pro” 標籤。現在,您可以通過選擇 “Expire” 選項來設置聯盟行銷鏈接的過期日期。

這會展開一個標籤,您可以在螢幕上設置鏈接在特定日期或點擊次數後過期。

例如,如果您從 “Expire After” 下拉選單中選擇 “Clicks” 選項,並在 “Clicks” 欄位中輸入 5,則一旦有 5 名訪問者點擊該鏈接,您的聯盟行銷鏈接將立即過期。

您還可以在 “URL” 欄位中輸入過期重定向的 URL。當用戶點擊過期的聯盟行銷鏈接時,他們將被重定向到該 URL。

之後,您可以輸入您希望被替換為聯盟行銷鏈接的關鍵詞到 “Keywords” 欄位中。

這意味著每當在 WordPress 帖子或頁面中寫下您選擇的關鍵詞時,外掛會自動將該關鍵詞附上聯盟行銷鏈接。

您還可以通過輸入要替換為聯盟行銷鏈接的 URL,使另一個 URL 被輕易替換為您的聯盟行銷鏈接。

現在,每當 Pretty Links 在您網站上找到該 URL,將會用遮蔽後的鏈接替換它。

完成後,簡單地在發布部分點擊 “Update” 按鈕存儲更改。之後,在同一部分點擊 “Publish” 按鈕來發布您的遮蔽聯盟行銷鏈接。

在 WordPress 帖子或頁面中新增您的遮蔽鏈接

現在,您可以訪問要新增遮蔽聯盟行銷鏈接的 WordPress 帖子或頁面。

到達那裡後,選擇您要新增鏈接的文本,然後在頂部的塊工具欄中點擊 “Pretty Links” 圖示。

這會在螢幕上打開一個鏈接提示,您可以使用其標題或鏈接本身搜索遮蔽聯盟行銷鏈接。

新增鏈接後,只需點擊頂部的 “Publish” 或 “Update” 按鈕存儲您的設定。

現在,您可以訪問您的網站並點擊聯盟行銷鏈接。您現在會看到遮蔽 URL 將您重定向到聯盟行銷產品頁面。

附加:為每篇博文新增聯盟行銷披露

如果您主要收入來源是 WordPress 部落格上的不同產品/服務聯盟行銷鏈接,那麼為每篇博文新增聯盟行銷披露是一個好主意。

這是一個在您網站上的聲明,告知使用者這些鏈接是付費廣告。它促進透明度,增強觀眾之間的信任,並且也能提升 SEO。

此外,新增聯盟行銷披露還能幫助您遵守法律和法規,因為許多國家(包括美國)都有關於未披露付費代言的法律。

您可以通過將以下代碼新增到主題的 functions.php 文件中輕鬆地在您的 WordPress 網站上新增聯盟行銷披露:

function disclosure() {
    return "

本網站可能包含指向聯盟行銷網站的鏈接,我們會因您在聯盟行銷網站上的任何購買獲得聯盟行銷佣金。

"; } add_shortcode( 'disclosure', 'disclosure' );

但是,請記住,在輸入代碼時最小的錯誤可能會破壞您的網站,使其無法訪問。

因此,我們建議始終使用 WPCode。它是市場上最好的 WordPress 代碼片段外掛,使新增自訂代碼到您的網站既安全又容易。

啟用外掛後,您只需從 WordPress 控制台前往 Code Snippets » + Add Snippet 頁面。在這裡,在 “Add Your Custom Code” 選項下點擊 “Use Snippet” 按鈕。

之後,從下拉選單中選擇 “PHP Snippet” 作為代碼類型,並將代碼新增到 “Code Preview” 框中。

接下來,點擊頂部的 “Save Snippet” 按鈕,然後切換 “Inactive” 開關到 “Active”。

完成後,在博客文章頂部新增 [disclosure] 短代碼來顯示聯盟行銷披露。

關於詳細說明,請參閱我們的教程:如何自動為每篇博文新增聯盟行銷披露。

我們希望這篇文章能幫助您學會如何在 WordPress 中簡單地遮蔽聯盟行銷鏈接。您可能還希望參閱我們的新手指南:如何在 WordPress 中創建聯盟行銷產品框和我們的專家推薦:最佳聯盟行銷 WordPress 主題。

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

Read More
WordPress 教学

如何在WordPress中为作者添加Facebook关注按钮

为什么在WordPress中为作者添加Facebook关注按钮?

Facebook是最受欢迎的社交媒体平台之一,月活跃用户超过20亿人。创建一个Facebook关注按钮可以让读者与您的作者在Facebook上建立联系,以获取新文章更新、提供反馈或了解更多信息。

如果您的WordPress博客只有一个作者,您可以允许用户关注该作者的个人资料或页面。另一种情况是,如果您运营一个多作者的WordPress博客,您可以让用户关注他们喜欢的作者的Facebook页面。这有助于提高用户参与度,同时为作者提供在Facebook上获取新关注者的途径。

方法1:使用WordPress添加Facebook关注按钮

您可以使用内置的“社交图标”块,在任意文章、页面或小工具区域中轻松添加Facebook关注按钮。

在文章中添加Facebook关注按钮

首先,在区块编辑器中编辑现有文章。或者,您可以从管理侧边栏访问Posts » Add New屏幕来创建新文章。

接下来,点击屏幕顶部的“添加区块”(+)按钮,并找到“社交图标”块。点击添加该区块到内容编辑器。

然后,点击“社交图标”块内的“(+)”按钮来打开区块菜单。从这里,选择Facebook图标块。

在页面中添加Facebook图标后,必须在“输入地址”框中复制并粘贴您的Facebook个人资料或页面URL。

接下来,您可以在Facebook个人资料链接旁边添加一些文本,例如“关注作者姓名在Facebook上的更新!”。注意:“社交图标”块不允许在Facebook图标旁边添加文本,您可以使用“组”或“列”块来添加标题或段落块。

完成后,别忘了点击“更新”或“发布”按钮来保存您的更改。

添加Facebook关注按钮作为小工具

如果您希望Facebook关注按钮显示在整个网站上,而不仅仅是在个人文章或页面中,您可以将其添加为小工具。

首先,从管理侧边栏访问Appearance » Widgets页面。

点击屏幕顶部的“添加区块”(+)按钮,找到并添加社交图标块到您选择的小工具区域(如侧边栏)。

接着,点击“社交图标”块内部的“(+)”,选择Facebook图标块。

添加Facebook图标后,复制并粘贴您的Facebook个人资料或页面URL到“输入地址”框中。若要在Facebook图标旁边添加文本,您需要使用“组”或“列”块来进行多块样式设置。

最后,点击“更新”按钮以保存您的设置。

在全站编辑器中添加Facebook关注按钮

如果您使用的是区块主题并可以访问全站编辑器,此方法适用。

首先,从管理侧边栏访问Appearance » Editor页面。

在全站编辑器启动后,点击屏幕左上角的“添加区块”(+)按钮。找到并点击“社交图标”块,将其添加到WordPress网站上任何您想要的位置。

接下来,点击“社交图标”块内部的“(+)”按钮,选择Facebook块。

然后,将您的Facebook个人资料或页面地址粘贴到“输入地址”框中。若要在Facebook图标旁边添加文本,您需要使用“组”或“列”块。

完成后,点击“保存”按钮以保存您的设置。

方法2:使用Smash Balloon添加Facebook关注按钮(推荐)

如果您希望有更多自定义选项并且希望您的Facebook关注按钮更显眼,我们推荐使用Smash Balloon的Facebook Feed Pro插件。

首先,安装并激活Facebook Feed Pro插件。

激活插件后,从管理侧边栏访问Facebook Feed » All Feeds页面。点击顶部的“添加新”按钮。

在“选择Feed类型”页面中,选择“时间轴”选项,然后点击“下一步”。

在“选择来源”页面中,选择“添加新”。接着,连接到您的Facebook账户并选择页面或个人资料作为内容来源。

配置完成后,返回“所有Feed”页面,点击“添加新”,再次选择“时间轴”作为Feed类型并继续。

在Feed编辑器中,设置移动设备和桌面设备的帖子数量为0。然后,启用“Like Box”面板中的切换开关以激活关注按钮。

完成所有设置后,点击顶部的“保存”按钮。

在文章中添加Facebook关注按钮

打开现有或新文章编辑器,在屏幕左上角点击“添加区块”(+),找到并添加“自定义Facebook Feed”块。

这个块会自动插入Facebook关注按钮到您的文章中。

将Facebook关注按钮添加为小工具

从管理侧边栏访问Appearance » Widgets页面。

点击屏幕顶部的“添加区块”(+),找到并添加“自定义Facebook Feed”块,将其添加到WordPress侧边栏。

点击“更新”按钮来保存您的设置。

总结

希望这篇文章帮助您学习如何在WordPress网站上为作者添加Facebook关注按钮。如果您喜欢这篇文章,请订阅我们的YouTube频道获取更多WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何更改或移除WordPress中的‘Howdy Admin’(简单方法)

为何要更改或移除‘Howdy Admin’?

每当用户登录他们的WordPress网站后台时,都会看到‘Howdy’后跟上他们的显示名称。例如,如果John Smith登录,他会在屏幕右上角看到‘Howdy, John Smith’。这个问候语对一些用户来说可能不太自然,因为‘Howdy’这个词很少被实际使用,可能显得过时或不合时宜。一些非英语母语者甚至从未见过这个词。幸运的是,你可以将问候语更改为更熟悉的‘Welcome’、‘Hello’、‘Hey’或‘Hi’等。你也可以完全省略问候语,只显示用户名。更改或移除‘Howdy Admin’非常简单,你可以观看下面的视频教程或继续阅读文字说明。

使用WPCode更改或移除‘Howdy Admin’(推荐)

你可以通过在主题的functions.php文件中添加自定义代码片段来更改或移除‘Howdy Admin’,但我们不建议经验不足的用户编辑主题的PHP文件,因为即使是小错误也会导致网站崩溃。为了避免这种情况,你可以使用WPCode插件来更改或移除‘Howdy Admin’。WPCode是强大的代码片段插件,拥有丰富的预设代码片段库。首先,需要下载安装免费的WPCode插件。激活后,进入Code Snippets » Library并在搜索栏中输入‘howdy’。你会看到一个名为‘Change Howdy Admin in Admin Bar’的预设代码片段。点击‘Use snippet’将其添加到你的网站。

接着你会进入‘Edit Snippet’页面。因为你使用的是WPCode库中的代码片段,所有选项和设置都已经填好。只需点击‘Active’切换按钮,然后按下‘Update’按钮即可。屏幕右上角的‘Howdy Admin’马上就会变成‘Welcome Admin’。要自定义问候语,只需将单引号中的单词从‘Howdy’更改为你想要的词语。例如,可以将$new_howdy = ‘Welcome,’;更改为$new_howdy = ‘Hi there,’;,问候语就会变成‘Hi there, Admin’。

如果希望完全移除问候语,只显示用户名,只需删除单引号中的所有内容,使这一行代码变成$new_howdy = ”。要恢复‘Howdy’问候语,只需将开关切换回‘Inactive’并再次点击‘Update’按钮。这将停止运行WPCode代码片段,但你可以随时重新激活。

总结

我们希望本文帮助你在WordPress后台自定义问候语。接下来,你可以查看我们关于如何选择最佳WordPress主机的指南,或查阅我们的必备WordPress插件列表以拓展网站功能。如果你喜欢这篇文章,请订阅我们的YouTube频道以观看更多WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何轻松在你的WordPress网站上显示代码

如何轻松在你的WordPress网站上显示代码

你想在WordPress博客文章中显示代码吗?如果你尝试像普通文本一样添加代码,WordPress不会正确显示。这是因为每次你保存帖子时,WordPress都会将你的内容通过多个清理过滤器,这些过滤器的目的是确保没有人通过帖子编辑器注入代码来攻击你的网站。

在本文中,我们将向你展示轻松在WordPress站点上显示代码的正确方法。我们将展示不同的方法,你可以选择最适合你的方法。

为什么要在WordPress网站上显示代码?

如果你正在撰写有关技术主题的博客文章或为你的产品创建文档,那么显示代码片段非常有用。用户可以简单地复制这段代码并将其添加到他们的网站。 然而,在WordPress网站上显示代码并不那么简单。WordPress会将代码片段解释为功能代码,并尝试在你的网站上实施它,而不是将其显示为文本。这会导致用户在他们的网站上输入代码时出现错误。此外,WordPress使用多个过滤器作为安全措施。它过滤内容以防止黑客通过内容编辑器注入恶意代码并攻击你的网站。

话虽如此,显示代码在WordPress中有不同的方法。你可以点击下面的链接跳转到你喜欢的方法部分:

方法1:使用WordPress默认编辑器显示代码

这种方法适用于不经常显示代码的初学者和用户。只需编辑你想要显示代码的博客文章或页面。在WordPress内容编辑器屏幕上,向你的帖子添加一个新的代码块。

你现在可以在代码块的文本区域中输入代码片段。代码块将显示你的代码预览。然后,你可以保存你的博客文章并预览它以查看代码块的效果。当你对代码的外观满意后,继续发布你的博客文章。根据你的WordPress主题,代码块在你的网站上的外观可能会有所不同。

方法2:使用插件在WordPress中显示代码

对于这种方法,我们将使用WordPress插件在您的博客文章中显示代码。这种方法推荐给经常在文章中显示代码的用户。它相对于默认代码块具有以下优势:

  • 它允许你轻松显示任何编程语言的代码。
  • 它以语法高亮和行号显示代码。
  • 你的用户可以轻松研究代码并复制它。

首先,你需要安装并激活SyntaxHighlighter Evolved插件。激活后,你可以编辑你想要显示代码的博客文章。在文章编辑屏幕上,向文章添加‘SyntaxHighlighter Code’块。你现在将在文章编辑器中看到一个新的代码块,你可以在其中输入你的代码。添加代码后,你需要从右侧列中选择块设置。首先,你需要选择代码的语言,如PHP、CSS、Java等。然后,你可以关闭行号,提供第一个行号,突出显示任何你想要的行,并关闭使链接可点击的功能。一旦你完成,保存你的文章并点击预览按钮观看效果。插件带有多种配色方案和主题。要更改颜色主题,你需要访问Settings » SyntaxHighlighter页面。在设置页面,你可以选择颜色主题并更改SyntaxHighlighter设置。保存设置以在页面底部查看代码块的预览。

在经典编辑器中使用SyntaxHighlighter

如果你仍在使用旧版经典WordPress编辑器,那么你可以使用SyntaxHighlighter插件将代码添加到你的WordPress博客文章中。只需将代码用带有语言名称的方括号包裹。例如,如果你要添加PHP代码,那么你将这样添加:

<?php
private function get_time_tags() {
    $time = get_the_time('d M, Y');
    return $time;
}
?>

类似地,如果你想添加HTML代码,那么你将它包裹在HTML短代码中,如下所示:

<a href="example.com">一个示例链接</a>

方法3:手动在WordPress中显示代码(无需插件或块)

这种方法适用于高级用户,因为它需要更多工作,并不总是按预期工作。适用于仍在使用旧版经典编辑器并希望无需插件显示代码的用户。首先,你需要通过在线HTML实体编码器工具传递你的代码。它会将你的代码标记转换为HTML实体,允许你添加代码并绕过WordPress清理过滤器。现在复制并粘贴你的代码到文本编辑器中,并将其包装在

标签中。你的代码应该如下所示:

<pre><code><p><a href="/home.html">这是一个示例链接</a></p></code></pre>

现在你可以保存你的文章并预览代码的效果。浏览器将转换HTML实体,用户将能够看到并复制正确的代码。

我们希望这篇文章能帮助你学习如何轻松在WordPress站点上显示代码。你可能还想查看我们最想要的WordPress技巧、窍门和黑客的终极列表,以及如何增加你的博客流量。

Read More
WordPress 教学

如何在WordPress中正确添加JavaScripts和样式

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_scriptwp_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的指南。

Read More
WordPress 教学

如何自訂 WordPress 重置密碼頁面

為什麼要自訂 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 上找到我們。

Read More
WordPress 教学

如何在WordPress中添加比特币捐赠按钮(一步一步)

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

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

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

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

将NOWPayments与加密货币钱包连接

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

创建比特币捐赠按钮

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

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

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

在页面中添加按钮

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

在侧边栏中添加按钮

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

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

Read More
WordPress 教学

如何在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上找到我们。

Read More
WordPress 教学

如何在 WordPress 中追蹤第三方域名請求

何謂 WordPress 中的第三方域名請求,為何需追蹤?

當您訪問的 WordPress 網站向網絡上的其他網站或服務發送請求時,就會發生第三方域名請求。當您訪問一個網站時,瀏覽器會從該站點自己的服務器加載內容,這稱為一方內容。然而,許多網站也包括來自其他來源的元素,這些元素即為第三方內容。獲取它們的過程即為第三方域名請求。

常見的例子有:分析工具、社交媒體按鈕、廣告、字體和內容傳遞網絡(CDN)等。很多 WordPress 插件和主題經常創建這些第三方請求。雖然這些請求可以為網站添加有用的功能,但過多的第三方域名請求也可能影響性能,甚至會收集用戶數據。

如何在 WordPress 中識別第三方域名請求

首先,使用 Pingdom 來識別您的網站發出的所有第三方域名請求。Pingdom 是一個流行的性能監控工具,允許您監控 WordPress 服務器的正常運行時間。它還能顯示您的網站的所有第三方域名請求。

如何優化第三方域名請求

一旦識別出影響網站性能的第三方域名請求,您可以通過幾種不同的方法來優化這些請求,提升 WordPress 的速度。以下是一些方法:

方法 1:移除第三方域名請求

這並不適用於所有 WordPress 網站,但移除一個或多個第三方請求可以大大提高頁面加載速度。您可以嘗試移除不必要的服務和內容,並跟踪其對轉化率等重要指標的影響。

方法 2:移除不必要的 WordPress 插件

插件是 WordPress 如此受歡迎的一大原因。然而,一些插件可能會生成大量第三方請求並拖慢您的網站速度。我們建議從 WordPress 儀表板中的“插件”>“已安裝的插件”中移除不再需要的插件。

方法 3:預連接至重要的第三方域名

可以在頁面加載進程開始時預連接到外部域名,使瀏覽器能更快地下載第三方內容。這需要使用 WPCode 插件添加自定義代碼。

方法 4:實施 DNS 預取

DNS 預取允許您在訪客需要鏈接內容之前在後台進行 DNS 查詢。這對於網站中經常使用的第三方資源,如 Google Analytics 和 Google Fonts,特別有用。

方法 5:本地存放資源

無論是預連接還是預取,若能儘量將資源和內容本地存放會更好。在本地服務器存放網站內容可以加快加載速度,並提供更多的控制以進一步提高速度。例如,您可以使用缓存插件或內容傳遞網絡 (CDN)。

方法 6:使用延遲加載

通過僅下載用戶屏幕上可見的內容,而不是一次加載所有內容,延遲加載可以使頁面看起來加載更快。WordPress 默認會對圖片延遲加載,同樣可應用於外部托管的內容。

我們希望這篇文章能幫助您了解如何在 WordPress 中追蹤第三方域名請求。若您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲得更多 WordPress 視頻教程,也可關註我們的 Twitter 和 Facebook。

Read More
WordPress 教学

如何輕鬆在WordPress中添加盒子陰影(四種方法)

為何在WordPress中添加盒子陰影?

盒子陰影,有時也被稱為投影,是一種使屏幕上的物件看起來像在投影的視覺效果。我們往往會更多地注意那些看起來更接近我們的物件。因此,很多網站所有者將盒子陰影添加到他們最重要的內容中,使其看起來像懸浮在頁面上。

例如,如果你在一個行動呼叫按鈕上添加大陰影,那麼它會看起來在訪客面前更近一些,從而引起他們的注意。

方法一:使用代碼添加盒子陰影(更多控制權)

如果你在每個WordPress塊上都添加陰影效果,這可能會使網站看起來雜亂且令人困惑。因此,你應該僅對頁面中最重要的元素添加盒子陰影。最好的方法是使用WPCode在CSS中定義樣式。

安裝並啟用WPCode插件後,導航到“Code Snippets » Add Snippet”。在代碼編輯器中添加以下代碼:

.shadow-effect { box-shadow: 5px 5px 0px 2px #a9a1a1; }

你可以根據需要替換像素值來創建不同的陰影效果。

方法二:使用免費插件添加盒子陰影

如果你對編寫代碼不夠自信,可以使用Drop Shadow Box這款免費插件。這款插件能夠讓你在內建的WordPress頁面和文章編輯器中為任意塊添加盒子陰影。

安裝並啟用插件後,點擊“+”圖標並開始輸入“Drop Shadow Box”,然後將其添加到頁面或文章中。

方法三:使用頁面構建器添加盒子陰影(簡單)

如果你想在登陸頁面、自定義首頁或WordPress主題的任何部分添加盒子陰影,我們推薦使用頁面構建器插件。SeedProd是最好的拖放式WordPress頁面構建器,它可以幫助你設計自定義的登陸頁面甚至整個WordPress主題,並且無需編寫代碼。

方法四:使用CSS Hero添加盒子陰影(高級)

如果你希望在不編寫代碼的情況下創建高級盒子陰影,可以試試CSS Hero。這款高級插件允許你微調WordPress主題的每一部分,同時不需要寫任何代碼。

安裝並啟用CSS Hero插件後,在WordPress管理工具欄中點擊“CSS Hero”文本,並進入CSS Hero編輯器,使用其視覺化界面來添加和調整陰影效果。

學習更多為你的WordPress網站添加獨特設計的方法

以上方法為在WordPress中添加盒子陰影提供了良好的基礎。如果你想實現更多獨特和創意的效果,以下指南可能會有所幫助:

  • 如何在WordPress中添加圖片懸停效果
  • 如何在WordPress中輕鬆添加CSS動畫
  • 如何為任何WordPress主題添加視差效果
  • 如何在WordPress中創建自定義形狀分隔符
  • 如何在WordPress中輕鬆創建響應式滑塊
  • 如何在WordPress中添加動畫背景
Read More