WordPress 教学

如何在 WordPress 中安裝 Microsoft Clarity 分析工具

如何在 WordPress 中安裝 Microsoft Clarity 分析工具

更新於 2024 年 5 月 2 日 由編輯部 | 審核人員: Syed Balkhi

編輯註:我們從 WPressize Me 的合作夥伴連結中獲取佣金,但這不會影響我們編輯的意見或評估。了解更多關於我們的編輯流程。

你是否想在你的 WordPress 網站上使用 Microsoft Clarity 分析工具?

Microsoft Clarity 是一個免費的網頁分析工具,它可以幫助你分析用戶如何與你的網站互動,通過點擊追蹤、滾動追蹤和熱圖來實現。在這篇文章中,我們將一步步教你如何輕鬆地在 WordPress 中安裝 Microsoft Clarity 分析工具。

在這個教程中我們將涵蓋以下內容:

  • 什麼是 Microsoft Clarity 以及為什麼要使用它?
  • Microsoft Clarity vs. Google Analytics:有什麼區別?
  • 註冊 Microsoft Clarity
  • 將 Microsoft Clarity 代碼添加到 WordPress
  • 使用 Microsoft Clarity
  • 對 Microsoft Clarity 分析工具的最終想法
  • WordPress 分析工具的專家指南

什麼是 Microsoft Clarity 以及為什麼要使用它?

Microsoft Clarity 是一個免費的網站分析工具。它幫助你查看網站上最受歡迎的頁面,以及用戶如何點擊、滾動和互動。

Microsoft Clarity 最重要的特點是其數據可視化功能,這包括點擊追蹤、熱圖報告、會話錄製等。

熱圖展示了用戶如何移動滑鼠,以及他們點擊、選擇和滾動的位置。

Microsoft Clarity vs. Google Analytics:有什麼區別?

Google Analytics 是市面上最好的分析解決方案之一,它提供了許多深入的追蹤功能。相比之下,Microsoft Clarity 更專注於用戶互動的可視化,包括熱圖和會話錄製。

Microsoft Clarity 是一個較新的平台,目前無法替代 Google Analytics 的強大功能。然而,你可以同時使用 Microsoft Clarity 和 Google Analytics 來獲取更全面的數據,因為 Google 目前尚未提供熱圖和會話錄製功能。

註冊 Microsoft Clarity

首先,前往 Microsoft Clarity 網站並點擊「Get Started」按鈕。你需要一個 Microsoft、Facebook 或 Google 帳戶來註冊。

註冊後,你會看到 Clarity 的儀表板,並彈出添加新項目的窗口。輸入項目名稱和網站 URL。

創建新項目後,你會看到如何安裝 Clarity 的選項。選擇「Get tracking code」並複製追蹤代碼。

將 Microsoft Clarity 代碼添加到 WordPress

方法一:使用 Microsoft Clarity 插件

首先安裝 Microsoft Clarity 插件。啟用後,訪問 WordPress 管理後台的 設定 > Clarity,然後粘貼項目 ID。點擊「保存更改」以儲存設置。

方法二:使用 WPCode 插件

安裝和啟用 WPCode 插件,然後前往 Code Snippets > Header & Footer 頁面。將整個 Clarity 追蹤代碼粘貼到「Header」字段。點擊「保存更改」以儲存設置。

方法三:使用 All in One SEO 插件

如果你已安裝 All in One SEO 插件,前往 設定 > 整站優化 》 總設定 > 管理工具,點擊「Microsoft Clarity」圖標,粘貼項目 ID。點擊「保存更改」以連接 Microsoft Clarity。

使用 Microsoft Clarity

安裝追踪代碼並清除 WordPress 緩存後,Clarity 會開始記錄訪問者會話數據。大約兩小時後,你可以在 Clarity 帳戶中查看結果。

使用 Microsoft Clarity 儀表板

登錄 Clarity 帳戶,你可以看到儀表板中的活動摘要,如「無效點擊」、「狂暴點擊」等統計數據,這有助於改善用戶體驗。

使用 Microsoft Clarity 錄製

「錄製」標籤展示不同用戶會話的錄製,你可以查看用戶的設備、操作系統、國家等詳細信息。

使用 Microsoft Clarity 熱圖

「熱圖」標籤展示了網站的熱圖,幫助你看到用戶點擊最多的區域。

對 Microsoft Clarity 分析工具的最終想法

Microsoft Clarity 是一個新的分析工具,有許多出色的特點。雖然它無法替代強大的 Google Analytics,但提供了免費的熱圖和會話錄製功能,因此特別適合新網站擁有者使用。

WordPress 分析工具的專家指南

  • 適合 WordPress 用戶的最佳分析解決方案
  • 如何為初學者在 WordPress 中安裝 Google Analytics
  • 如何為你的 WordPress 網站設置 Google Analytics 目標
  • 初學者的 WordPress GA4 終極指南
  • 如何使用 Google Analytics 追蹤 WordPress 中的用戶參與度
  • 如何查看任何網站的流量
  • MonsterInsights 評測:它是否是合適的分析工具?
  • 如何在您的 WordPress 網站上添加統計儀表板

我們希望這篇文章幫助你學會如何在 WordPress 中安裝 Microsoft Clarity 分析工具。你可能還想查看我們的指南如何增加博客流量 或 我們的專家精選最佳電子郵件營銷服務來提高你的業務。如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。你也可以在 Twitter 和 Facebook 上找到我們。

Read More
WordPress 教学

如何在WordPress中显示父页面的子页面列表

如何在WordPress中显示父页面的子页面列表

最近,一位读者问我们如何显示WordPress页面的子页面?如果你用父子页面来组织WordPress网站,你可能希望在主父页面上显示子页面列表。你还可以在每个子页面上显示主页面,便于浏览。

本文将展示如何在WordPress中轻松显示父页面的子页面列表。

何时需要显示子页面列表?

WordPress自带两种默认文章类型:文章和页面。文章是博客内容,通常用分类和标签来组织。页面则是一种独立的内容,如“关于我们”页面或“联系我们”页面。

在WordPress中,页面可以是分层的,这意味着你可以用父页面和子页面来组织。例如,你可以创建一个产品页面,并为其添加特性、定价和支持的子页面。

方法1:使用插件在父页面上显示子页面

第一步,你需要安装并激活Page-list插件。激活后,编辑父页面,并在你想显示子页面列表的位置添加以下短代码:[subpages]

保存页面并预览,你会看到一个简单的子页面列表。你可以添加自定义CSS来更改列表的外观。

方法2:使用代码列出父页面的子页面

这种方法比较高级,需要你在WordPress网站中添加代码。将以下代码添加到代码片段插件或主题的functions.php文件中:

function wpb_list_child_pages() {
global $post;
if ( is_page() && $post->post_parent )
$childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->post_parent . '&echo=0' );
else
$childpages = wp_list_pages( 'sort_column=menu_order&title_li=&child_of=' . $post->ID . '&echo=0' );
if ( $childpages ) {
$string = '<ul class=

Read More
WordPress 教学

如何在 WordPress 导航菜单中添加自定义文章类型存档

WordPress 中的自定义文章类型存档

在 WordPress 中,‘存档’一词用于指一个文章类型或分类法(如分类目录和标签)的条目列表。如果为自定义文章类型启用了存档,那么您可以在您的网站上显示它们。通常,您的自定义文章类型存档页面的 URL 格式如下:

http://example.com/post-type-slug/

‘Post type slug’ 是您的自定义文章类型的简洁名称。例如,我们有一个名为‘Deals’的自定义文章类型,您可以在如下 URL 查看其存档页面:

https://www.wpressize.me/deals/

您可以在网站的导航菜单中放置指向自定义文章类型存档页面的链接。这样,用户就可以在一个页面上查看所有已发布的该文章类型的条目。

在导航菜单中添加自定义文章类型存档页面的链接

首先,您需要访问“外观” » “菜单”页面。您会注意到左侧栏中为每个自定义文章类型提供了一个标签。

点击您的自定义文章类型名称以展开它,然后点击‘查看所有’标签。

您将看到一个选项,可以选择您的文章类型存档。勾选它,然后点击“添加到菜单”按钮。

现在您的自定义文章类型存档将作为菜单项出现在右侧栏中。

默认情况下,它会使用您的自定义文章类型名称并附上‘存档’二字作为链接标签。您可能希望将其更改为更易理解的名称。点击菜单项进行编辑,然后更改其导航标签。

不要忘记点击保存菜单按钮以存储更改。

现在,您可以访问您的网站,在导航菜单中看到自定义文章类型存档链接。

与文章和页面一样,您还可以将来自您的文章类型的单个条目添加到导航菜单中。只需选择一个条目,然后点击“添加到菜单”按钮。

不要忘记点击保存菜单按钮以存储更改。

我的自定义文章类型没有出现在菜单屏幕上

自定义文章类型需要满足一些要求才能显示在“外观” » “菜单”页面上。首先,您需要确保存在自定义文章类型的存档页面。通常它的 URL 类似于:

http://example.com/movies/

用您自己的域名替换“example.com”,并将“movies”替换为您的文章类型名称。

如果您可以在该页面上看到来自您的文章类型的条目,这意味着您的文章类型支持存档,但不支持其他要求。好消息是您仍然可以将自定义文章类型存档页面作为自定义链接添加。

访问“外观” » “菜单”页面,然后点击‘自定义链接’标签以展开。

在 URL 字段中输入您的自定义文章类型存档页面的 URL,并在链接字段中添加您想要显示的标签。

接下来,点击“添加到菜单”按钮,您会注意到自定义链接出现在右侧栏中。

现在,您可以点击保存菜单按钮以存储更改。

希望本文帮助您了解如何在 WordPress 导航菜单中添加文章类型存档。您可能还想查看我们关于 12 个最有用的 WordPress 自定义文章类型教程的列表。

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

Read More
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 Slider(簡易方法)

為什麼要創建影片和圖片的 WordPress Slider?

老實說,內容 Slider 相當棒。若設計得當,Slider 可以節省寶貴的螢幕空間,並在訪客登陸頁面時立即吸引他們。

影片和圖片 Slider 是包含影片與圖片的混合 Slider。有時,您會希望在同一個 Slider 中加入影片和圖片,而不是為兩者分別建立不同的 Slider。

比如說,如果您有一個展示各種房屋列表的房地產網站,您可以加入房屋的圖片以及步行導覽影片,讓用戶有更好的互動體驗。

步驟 1:安裝 WordPress Slider 插件

創建影片和圖片 Slider 最簡便的方法是使用 Soliloquy。這是最佳的 WordPress Slider 插件,擁有超過 900,000 次安裝。您可以使用媒體庫中的圖片和 YouTube 等第三方平台上的影片來輕鬆創建簡單的 Sliders。

首先,安裝並啟用 Soliloquy 插件。如果您需要幫助,請參考我們的 WordPress 插件安裝指南。此教學可以使用 Soliloquy 的免費版本,但如果您需要其他功能,如燈箱效果、密碼保護、特色內容以及 Instagram、Pinterest 和 WooCommerce 的整合插件,建議考慮升級到專業版。

步驟 2:在 WordPress 上添加響應式影片 Slide

在插件啟用後,請前往 WordPress 管理區的 Soliloquy » Add New。

為 Slider 設定適當的標題,然後加入所有的媒體內容。

點擊「Select Files From Other Sources」來添加影片 Slide。我們建議使用 YouTube 或其他影片托管平台,而不是直接上傳至 WordPress,因為這會降低網站速度。

在彈出的窗口中,選擇「Insert Video Slide」選項,輸入影片標題、影片網址、圖片網址、替代文字和說明。

若您需要添加更多 Slide,請點擊「Add Another Video Slide」按鈕並輸入相關信息。全部添加完畢後,點擊「Insert into Slider」按鈕。

步驟 3:在 WordPress 上添加圖片 Slide

現在,您可以添加圖片 Slide。您可以拖拉圖片檔案到滑動器,或從媒體庫中選擇圖片。

在完成添加圖片 Slide 後,您可以調整圖片 Slide 的順序以符合需求。

步驟 4:編輯 Slider 設定

前往「Configuration」標籤,以自訂 Slider 的顯示效果。您可以調整 Slider 主題、圖片尺寸、滑動器尺寸等設定。若您有專業版,可以使用 Slider Themes 插件來進一步自訂 Slider。若希望影片自動播放,勾選 「Autoplay Video」選項。

完成設定後,點擊「Publish」按鈕發佈 Slider。

步驟 5:在頁面或文章中展示 Slider

發佈 Slider 之後,您可以將 Slider 加入到頁面或文章中。若使用的是 WordPress 經典編輯器,您可以復制 shortcode並粘貼到文章中。若使用的是 Gutenberg 區塊編輯器,Soliloquy 內建了專用區塊來鏈接各個 Slider。

前往 Pages/Posts » Add New 或編輯現有頁面/文章,點擊「+」圖標,找到 Soliloquy 區塊,然後選擇您剛創建的影片和圖片 Slider。完成後,點擊「Publish」或「Update」按鈕即可。

附加功能:添加燈箱效果到 WordPress Slider

Soliloquy 提供多樣的插件,例如燈箱效果功能。添加燈箱效果能提升訪客瀏覽頁面內容的體驗。訪客點擊圖片或影片時,會在您的網站上彈出視窗展示,並可下載或分享內容。

要添加燈箱效果,只需前往 Soliloquy » Addons,找到 Lightbox 插件並安裝。安裝後,您可以在 Slider 設定中調整相關效果和佈局。

設置完成後,燈箱效果會自動生效。預覽您的 Slider 它應該看起來很不錯。

希望本文能幫助您學習如何創建影片和圖片的 WordPress Slider。您可能還會想看看我們的必備 WordPress 插件和工具清單,或是終極 WordPress SEO 導覽,以幫助提升網站流量。

如果喜歡本文,請訂閱我們的 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博客文章中嵌入视频

为什么要在WordPress博客文章中嵌入视频?

在您的WordPress博客中添加视频是吸引访客注意力并提高参与度和转化率的好方法。视频有助于增加用户在您网站上的停留时间,有些访客甚至可能更喜欢观看视频而不是阅读文字。在WPressize Me中,我们在我们最受欢迎的WordPress教程中嵌入了视频。

您是否应该直接将视频上传到WordPress?

嗯,您可以这样做,但我们不建议您这么做。大多数小型博客使用共享的WordPress托管账户,而视频会占用大量服务器资源。如果您的视频流量很大,您的网站可能会崩溃。其次,您将错过来自YouTube用户和其他视频托管网站的流量。

YouTube不仅是最大的在线视频托管网站,也是仅次于Google的第二大搜索引擎和仅次于Facebook的第二大社交网络。如果您不想将视频上传到YouTube,您可以使用其他平台,如Vimeo、Jetpack Video、Wistia等。更多详情,请参阅我们的文章《为什么不应将视频上传到WordPress媒体库》。

接下来,让我们逐步向您展示如何在WordPress博客文章中嵌入视频。只需使用以下快速链接直接跳转到您想使用的方法:

  • 方法1:使用块编辑器在WordPress博客文章和页面中嵌入视频
  • 方法2:使用旧经典编辑器在WordPress中嵌入视频
  • 方法3:如何在WordPress侧边栏小部件中嵌入视频
  • 方法4:使用WordPress视频嵌入插件嵌入视频

方法1:使用块编辑器在WordPress博客文章和页面中嵌入视频

WordPress提供了一个称为自动嵌入(auto-embeds)的强大功能,使得您的网站自动从YouTube、Vimeo等热门视频托管服务获取嵌入代码。您只需将视频URL粘贴到WordPress编辑器中。例如,您可以复制要嵌入的视频的YouTube URL。

接下来,编辑您想添加视频的WordPress文章或页面,并将URL粘贴到内容区域中。WordPress会自动获取嵌入代码,并在内容编辑器中显示视频。

您现在可以通过点击‘更新’或‘发布’按钮保存您的文章来查看嵌入的视频。

添加视频后,您可以通过点击编辑器中的视频并从弹出工具栏中进行更改来自定义其设置。您可以调整视频宽度、改变对齐方式等。您还可以添加字幕并在移动设备上保持视频的宽高比。

WordPress只支持自动嵌入白名单中的视频服务。对于其他网站,您仍需获取嵌入代码并将其粘贴到您的博客文章中。以下是WordPress自动嵌入支持的白名单视频服务列表:

  • Amazon
  • Animoto
  • Cloudup
  • CollegeHumor
  • Crowdsignal
  • Dailymotion
  • Facebook
  • Flickr
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Someecards
  • SoundCloud
  • Speaker Deck
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VideoPress
  • Vimeo
  • WordPress.tv
  • YouTube

如果您想从此列表外的网站添加视频,则需要获取视频的完整HTML嵌入代码。只需复制由视频网站提供的HTML代码,并将其粘贴到编辑器中的‘HTML’块内。

如需了解更多,请参阅我们的初学者指南《如何在WordPress代码编辑器中编辑HTML》。

方法2:使用旧经典编辑器在WordPress中嵌入视频

如果您仍在使用旧版WordPress经典编辑器,则可以以相同方式嵌入视频。只需从YouTube等视频托管服务复制URL并将其粘贴到编辑器中。如果您使用视觉编辑器,您将看到视频的预览。

但是,您将无法使用WordPress Gutenberg块编辑器中提供的宽度调整等选项。确保点击‘更新’或‘发布’按钮以使更改生效。

方法3:如何在WordPress侧边栏小部件中嵌入视频

与WordPress文章或页面一样,您也可以在WordPress侧边栏小部件中嵌入视频。只需转到WordPress管理区域中的外观»小部件,然后单击‘+’添加新模块图标。之后,在搜索栏中搜索‘视频’。

然后,您可以单击您要添加的视频类型的模块。例如,YouTube、Vimeo、TED等。

接下来,您需要将视频URL粘贴到框中,点击‘嵌入’按钮,它将自动添加到小部件区域。然后,您只需点击‘更新’按钮,视频小部件现在将在您的WordPress网站上生效。

现在,您可以访问您的网站查看视频。视频大小将根据小部件区域的大小自动缩放。

如需了解更多,请参阅我们的指南《如何在WordPress中添加和使用小部件》。

方法4:使用WordPress视频嵌入插件嵌入视频

默认情况下,您不需要使用插件来在WordPress中嵌入视频。然而,您可能需要使用插件来改善网站上的视频观看体验。以下是一些您可以尝试的WordPress插件。

1. Smash Balloon YouTube Feed Pro

Smash Balloon YouTube Feed Pro是最好的WordPress YouTube视频画廊插件,被超过40,000+网站所有者信赖。它允许您将YouTube频道的所有视频自动嵌入到一个可定制的画廊格式中。它可以自动导入新视频,结合多个视频源,添加直播功能,嵌入YouTube播放列表等。

它还包括浏览量、点赞、分享、评论和反应,有助于增加您的社交证明。

您可以使用免费的YouTube feed插件版本,简易将您的YouTube频道feed添加到WordPress。了解更多,请参阅我们的指南《如何在WordPress中显示YouTube频道的最新视频》。

您还可以将Smash Balloon YouTube feed插件与Social Wall插件结合使用,该插件将您的所有社交媒体内容(来自Facebook、Instagram、Twitter和YouTube)整合到一个WordPress页面上。

2. Smash Balloon TikTok Feed Pro

Smash Balloon的TikTok Feed Pro是一款强大的插件,允许您轻松地在WordPress网站的任何地方嵌入TikTok视频。当您在TikTok频道上发布视频时,它会自动显示在一个美观的视频画廊feed中。您可以从网格、轮播、列表和砖石布局中选择多种feed布局。

拖放feed编辑器还使您可以完全控制TikTok feed的外观。您可以设置显示的视频数量,并自定义颜色、样式、间距等。

此外,它还提供了有用的审核工具,可以根据单词或标签过滤视频。使用此功能,您可以为网站的不同部分创建精选视频feed,针对特定内容。

还有免费的Feeds for TikTok插件版本,您可以用来在WordPress中添加一个简单的TikTok feed。

详情请参阅我们的指南《如何在WordPress中嵌入TikTok视频》。

3. Envira Gallery

Envira Gallery是市场上最好的WordPress画廊插件。您可以使用它轻松地在WordPress中创建照片画廊。它还附带视频插件,可以显示漂亮且响应迅速的视频画廊。

您可以从YouTube、Vimeo、Twitch、DailyMotion等创建视频画廊。您甚至可以显示个人账户的YouTube播放列表,并能够从特定时间戳开始播放YouTube视频。

Envira使用非常简单。只需输入您的YouTube视频URL,智能系统会自动为您抓取视频缩略图。

有一个免费的Envira Gallery版本可用。然而,您需要高级插件才能访问视频画廊功能。

4. YouTube Subscribe Bar

YouTube Subscribe Bar显示了一个YouTube订阅按钮,位于WordPress中嵌入的YouTube视频下方。它还抓取您的YouTube订阅者数量,增加社交证明并鼓励更多用户订阅您的频道。

我们最初创建它是为了在本网站上推广WPressize Me的YouTube频道。很多用户问我们如何做到这一点,所以我们决定将其作为一个免费插件发布。

5. Lazy Load for Videos

Lazy Load for Videos解决了从外部网站加载视频嵌入脚本的问题,这对网站加载速度和性能有影响。相反,它只在用户点击播放按钮时加载嵌入代码。

顺便提一下,如果您使用Smash Balloon YouTube Feed插件,则无需使用此插件,因为它具有内置缓存和视频播放器的延迟加载功能。

我们希望本文能帮助您了解如何轻松地在WordPress博客文章中嵌入视频。您可能还想查看我们的WordPress搜索引擎优化(SEO)指南,以及我们专家精选的最佳小型企业电话服务。

如果您喜欢本文,请订阅我们的YouTube频道,获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 插件

如何删除WordPress登录中的记住我选项

为什么要从WordPress登录界面中删除’记住我’选项?

当您或您的用户在WordPress登录页面上勾选‘记住我’时,浏览器会存储该信息长达两周。这意味着下次他们访问您网站时,无需再次进入登录页面即可直接进入管理面板。

尽管这加快了登录速度,但对于使用公共电脑和WiFi网络访问WordPress管理区的人们来说,可能带来潜在的安全风险。通过禁用‘记住我’复选框,您和您的用户每次关闭网页浏览器后都需重新登录。他们仍然可以选择将用户名和密码保存在浏览器存储或密码管理应用中,这样就不需要每次输入。

总的来说,这提高了WordPress的安全性,有助于保护网站免受黑客侵害。

方法1:从默认WordPress登录页面删除‘记住我’选项

最简单的方法是使用Remember Me Controls插件。首先,您需要安装并激活该插件。激活后,导航到设置 » 记住我以配置插件设置。然后,在 ‘禁用“记住我”功能’部分勾选框并点击‘保存更改’按钮。

现在,您可以退出WordPress网站。当您返回登录界面时,‘记住我’复选框将被禁用。

方法2:从自定义WordPress登录页面删除‘记住我’选项

如果您为WordPress会员网站或在线商店创建自定义登录页面,可以使用SeedProd隐藏‘记住我’选项。SeedProd是市场上最好的拖放式WordPress页面构建器,拥有超过100万个网站在使用。

首先,您需要使用SeedProd插件创建一个自定义登录页面。然后,当您定制登录页面时,可以通过点击左侧选项菜单中的‘其他选项’下拉菜单来禁用‘记住我’选项。接下来,删除‘记住用户标签’框中的文本。

然后,点击‘保存’按钮并选择‘发布’下拉菜单以使登录页面上线。现在,您可以访问您的自定义登录页面,发现‘记住我’选项已被删除。

希望这篇文章帮助您学会如何从WordPress登录页面移除记住我选项。您可能还希望查看更多关于如何提升WordPress速度的完整指南以及我们为小型企业精选的最佳商务电话服务。

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

Read More