WordPress 教学

如何在WordPress文本小工具中启用oEmbed

最近,我们的一位用户询问我们如何在WordPress文本小工具中启用oEmbed。oEmbed是一种协议,它允许您的博客请求支持oEmbed的网站提供嵌入动态内容所需的HTML。简而言之,它允许您只需在博客文章中粘贴一个YouTube视频URL,就能让WordPress自动嵌入它。您可以手动调整oembed的最大宽度,也可以动态更改oEmbed内容的宽度和高度。然而,您不能使用oEmbed在文本小工具中嵌入内容。在本文中,我们将向您展示如何在WordPress文本小工具中启用oEmbed。

您只需将以下代码添加到您的主题的functions.php文件或特定插件中:

add_filter( 'widget_text', array( $wp_embed, 'run_shortcode' ), 8 );
add_filter( 'widget_text', array( $wp_embed, 'autoembed'), 8 );

完成这些步骤后,您就成功地为文本小工具启用了oEmbed。您可以前往外观 » 小工具进行测试。只需在您的文本小工具中添加一个YouTube视频URL,然后观看效果即可。

对于那些想了解这段代码的人,它只是添加了一个过滤器widget_text,允许文本小工具运行oEmbed的短代码并自动嵌入内容。

对于不喜欢处理代码的人,您只需激活Text Widget oEmbed插件。该插件仅包含我们分享的两行代码。

希望这篇文章能帮助您在文本小工具中启用oEmbed。如果您有任何问题或意见,请在下方留言告诉我们。

Read More
WordPress 教学

如何在 WordPress 隱藏或設計您的子分類

為什麼在 WordPress 中使用子分類?

當您為您的 WordPress 網站撰寫文章時,您可以使用分類和標籤進行組織。適當地分類內容可以提升SEO,從而為您的網站帶來更多流量。組織文章同時也能改善網站導航,讓訪客更輕鬆找到他們想找的內容。當您的網站結構變得更複雜時,您甚至可以創建子分類。

例如,一個旅行博客可以有一個關於美國景點的分類。隨著其內容增長,可能會合理地創建一些城市的子分類,如芝加哥、洛杉磯和紐約市。

如果您在 WordPress 小工具中顯示分類,則可以使用平面列表或層次結構。訪問 WordPress 儀表板中的外觀 » 小工具(Widgets),然後選中您的分類小工具中的‘顯示層次結構’(Show hierarchy)框即可。

如何使用 CSS 隱藏您的子分類

在這篇文章中,我們將使用 CSS 代碼片段來隱藏和設計您的子分類。您可以將代碼片段直接添加到主題的 style.css 文件中,添加到諸如 WPCode 這樣的代碼片段插件中,或者通過 WordPress 儀表板中的主題定制器添加。

對於新手來說,添加 CSS 可能有些棘手,且錯誤操作可能使您的網站崩潰。如果您是新手,您可能會希望查看我們的指南,了解如何輕鬆地向您的 WordPress 網站添加自定義 CSS。

首先,將下面的代碼複製並粘貼到您的主題的 style.css 文件、代碼片段插件或者 WordPress 主題定制器中。

.children {
display:none;
}

之後,您可以訪問您的 WordPress 網站,確保子分類已隱藏。這樣看起來更加整潔,但您的訪客無法看到子分類。您可能會想查看我們的指南,了解如何在 WordPress 分類頁面上顯示子分類。

如何使用 CSS 設計您的子分類

您還可以使用 CSS 來自定義分類和子分類的外觀。這取決於您對 CSS 的知識以及您希望更改在當前主題中它們的外觀。

例如,如果您以層次結構顯示您的子分類,則添加垂直條可以快速看出哪些分類位於同一級別。下面是如何操作。

更改子分類樣式的步驟與隱藏它們的方法相同。您需要複製以下代碼並將其粘貼到 style.css 文件、WPCode 插件或 WordPress 主題定制器中。

.children {
padding: 0 0 0 5px;
margin: 0 0 0 2px;
border-left: 1px solid #333;
}

完成後,您可以訪問您的 WordPress 網站以預覽更改過的樣式。根據您的需要隨意調整代碼以自定義樣式。

關於 WordPress 中分類和子分類的專家指南

現在您知道如何隱藏或設計您的子分類,您可能想查看其他一些關於使用 WordPress 中分類和子分類的教程:

  • 如何在 WordPress URL 中包含分類和子分類
  • 如何在 WordPress 小工具中顯示空分類
  • 如何在 WordPress 中顯示分類描述
  • 如何在 WordPress 中添加分類圖像 (分類圖標)

我們希望本教程幫助您學會如何隱藏您的子分類以及改變其樣式。您可能還想查看我們的必備 WordPress 插件列表,以促進您的網站增長或我們的教程,了解如何在 WordPress 中顯示相關文章。

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

Read More
WordPress 教学

如何查看用户用来找到你WordPress网站的关键词

关键词跟踪是什么以及其重要性

关键词跟踪基本上是指监控你WordPress网站在谷歌和必应等搜索引擎中对特定关键词的排名。它帮助你查看重要指标,比如用户使用哪些具体的搜索词找到你的网站。这让你可以专注于有效的策略,而不再浪费时间在无效的策略上。

在进行WordPress SEO优化时,我们通常建议用户进行关键词研究并在他们的网站上添加适当的关键词和元描述。这有助于你的网站在搜索引擎中获得更高的排名。但许多初学者不知道的是,搜索排名经常变动。如果新竞争者进入市场或前竞争者进一步提高他们的SEO,那么你可能会失去以前的排名和流量。

有时候,谷歌算法的更新也可能导致你的网站在主要关键词的排名上升或下降。我们相信,当你确切知道用户是如何找到和使用你的网站时,你更容易将网站流量和销售额翻倍。

接下来,让我们看看如何查看用户用来找到你WordPress网站的关键词。

方法一:在Google Search Console中追踪网站关键词

如果你还未将你的网站添加到Google Search Console,那么请访问Google Search Console网站并按照我们的教程将你WordPress网站添加到Google Search Console。

添加完成后,点击“性能”报告,然后点击“平均位置”得分,就可以查看你的关键词排名了。你可以按点击数、展示次数、和排名等排序数据,查看你的顶级关键词和需要优化的关键词。

方法二:使用AIOSEO在WordPress内追踪关键词(推荐)

我们将使用All in One SEO (AIOSEO) 插件在WordPress后台查看我们的Google Search Console数据。AIOSEO是市场上最好的WordPress SEO工具之一,已被超过300万名专业人士使用。要开始,需在你WordPress网站上安装和激活AIOSEO插件,按照我们的安装教程进行操作。

连接Google Search Console账号后,你可以在WordPress后台AIOSEO菜单中的“搜索统计”中查看关键词报告,包括SEO统计、关键词排名、内容排名等详细信息。

方法三:使用MonsterInsights在WordPress内追踪关键词

你可以使用MonsterInsights插件在WordPress后台追踪你的关键词并访问其他重要报告。首先安装并激活MonsterInsights插件,然后按照我们的教程将Google Analytics与Google Search Console连接。连接完成后,你可以在Insight » Reports中切换到“搜索控制台”标签查看关键词报告。

方法四:在Google Analytics中追踪关键词排名

登录Google Analytics后台,转到Acquisition » Search Console » Queries报告,即可查看你的关键词排名。

方法五:使用Semrush追踪竞争对手关键词

希望不仅跟踪你自己的网站,还跟踪竞争对手的关键词?这时你可以使用Semrush。登录Semrush账号并输入你的域名获取详细关键词报告。你也可以输入竞争对手的域名查看他们的关键词排名,并获取相关的优化建议。

提高关键词排名的技巧

通过优化文章标题和元描述,可以提高低点击率的关键词。另外,通过增加有用内容和视频来完善现有文章,也能帮助关键词排名更高。如果你使用Semrush,可以利用其写作助手工具提高文章的SEO友好度。

WordPress关键词专家指南

现在你知道如何查看用户用来找到你网站的关键词了,你可能还想阅读以下指南:

  • 如何在WordPress中添加关键词和元描述
  • 如何正确使用焦点关键词(初学者指南)
  • 如何为你的WordPress博客进行关键词研究
  • 如何检查你的WordPress博客文章是否针对正确的关键词排名
  • 如何分析关键词密度以提高排名
  • 如何在WordPress中使用SEO写作助手提高SEO
  • 最佳在线内容优化工具
  • 如何检查你的网站是否进行SEO优化
  • 最佳SEO关键词研究工具对比

希望这篇文章能帮助你了解如何查看用户用来找到你WordPress网站的关键词。你可能还想查看我们的指南,了解如何轻松增加网站流量或最佳WordPress SEO插件和工具的专家推荐。

Read More
WordPress 基础知识

什麼是電子郵件宣傳?如何正確地進行電子郵件宣傳

什麼是電子郵件宣傳?

電子郵件宣傳是一種將單一信息傳送給整個電子郵件列表、大部分列表或多個列表的方法。這些郵件針對的是你郵件列表中的大多數或全部聯繫人,使電子郵件宣傳成為廣泛的推廣活動。電子郵件宣傳也被稱為廣播郵件、大眾郵件、批量郵件、電子郵件爆炸和電子郵件活動。

電子郵件宣傳主要用於發送促銷內容和新聞簡報。在 WPressize Me,我們使用電子郵件宣傳與訂閱者分享有用的教程。品牌經常發送電子郵件宣傳來推廣他們的產品、贈品等。

例如,查看 All in One SEO 為 WordPress 的生日促銷活動發送的郵件活動。如果你想讓所有訂閱者知道特別優惠,那麼電子郵件宣傳是最可靠和高效的溝通方式。

電子郵件宣傳過時了嗎?

雖然電子郵件宣傳在向大量人群傳達信息方面非常出色,但有些人認為它已經過時。這是因為電子郵件宣傳是批量郵件,無視收件人的選擇、優先事項和需求。有時,爆炸郵件對收件人來說感覺無關且無用。

因此,收件人可能忽略信息、將郵件標記為垃圾郵件甚至退訂你的郵件列表。以下是用戶不喜歡電子郵件宣傳的主要原因:

  1. 未分段:電子郵件宣傳常常使用整個郵件列表而不進行分段。你的郵件訂閱者通常非常不同,可能對不同的產品或服務感興趣。
  2. 未針對目標:電子郵件宣傳傳送相同信息給所有人,無視他們的興趣、過去的互動或需求。用戶在收到這些不需要的郵件後,經常會取消訂閱你的郵件列表。
  3. 缺乏個性化:我們都喜歡閱讀專門針對我們的信息。未個性化的電子郵件宣傳常常被標記為垃圾郵件。
  4. 出乎意料:廣播郵件通常是出乎意料的,因此收件人會有自然的抗拒感。

與 10 或 15 年前不同,如今還有很多新的營銷方法,如社交媒體、按點擊付費廣告等。然而,沒有一種方法可以像郵件一樣有效。所以你可能會想:電子郵件宣傳死了嗎?答案是:沒有。

郵件仍是世界上最可靠的通信形式。隨著新技術的出現,電子郵件宣傳有了更好的方式來獲得更高的結果。

如何“正確地”進行電子郵件宣傳 – 步驟

大大小小的企業的營銷人員仍在使用電子郵件宣傳來推廣他們的產品發布、折扣優惠等。而且結果非常好。這是因為他們正確地使用了電子郵件宣傳。

如果你不是專業的營銷人員,可以按以下步驟成功運行電子郵件宣傳:

步驟1:選擇最佳電子郵件宣傳服務

首先,你需要一個強大的電子郵件營銷服務來創建電子郵件宣傳。電子郵件營銷服務讓你可以創建郵件列表、對列表進行分段並發送批量郵件。市場上有數十種電子郵件營銷服務。其中,Constant Contact、Brevo、Drip 和 ConvertKit 是最受歡迎的幾家公司。

我們已試用了上述所有電子郵件營銷服務,認為它們非常出色。然而,我們推薦 Constant Contact,因為他們提供最優惠的交易。Constant Contact 是最適合初學者的電子郵件宣傳軟件。它有幾十個預製的郵件模板,幫助你快速入門。你可以選擇模板,使用他們的拖放編輯器輕鬆自定義。

它提供簡單的選項來收集郵件,基於用戶操作發送/觸發郵件的自動化功能等。此外,它還讓你可以對訂閱者進行分段,並發送針對性的電子郵件活動。要開始,請訪問 Constant Contact 網站並註冊一個新帳號。

步驟2:創建你的郵件列表

郵件列表是你可以發送消息的郵件地址列表。它就像你的聯絡簿,包含訂閱者和潛在客戶的郵件地址。

要在 Constant Contact 中創建郵件列表,只需轉到頂部的 “Contacts” 菜單並點擊 “Create List” 按鈕。郵件列表是你存儲所有郵件聯繫人所在的地方。點擊按鈕後,會彈出一個窗口,你需要在其中輸入郵件列表的名稱,然後點擊 “Save” 按鈕。Constant Contact 現在會創建你的郵件列表。下一步是將聯繫人添加到列表中。只需打開你的新郵件列表,然後點擊 “Add Contacts” 按鈕。

Constant Contact 讓你可以多種方式添加聯繫人。你可以鍵入聯繫人、從文件上傳或從 Gmail、Outlook 和其他應用程序中導入。如果你想更快地增長你的郵件列表,可以查看我們的指南,了解增長郵件列表的簡單方法。

步驟3:分段你的郵件列表

擁有郵件列表後,下一步是分段它。郵件分段是成功進行電子郵件宣傳的最重要部分。郵件分段將你的郵件訂閱者分成更小的組或段,以便發送高度針對性的郵件。你可以根據性別、年齡、地理位置、興趣、購買歷史、聯繫活動等來分段你的郵件訂閱者。例如,一家書店可能為藝術、物理和數學學生創建不同的分段,以便發送針對性的郵件。

步驟4:創建針對性的郵件活動

分段後,下一步是創建針對性的郵件活動或電子郵件宣傳。你可以根據所使用的電子郵件營銷軟件,以不同的方式創建郵件活動。

步驟5:測量結果並提高郵件送達率

發送郵件活動並不意味著你的工作完成了。發佈郵件宣傳後,你需要測量結果並查看收信人如何與你的信息互動。頂級電子郵件營銷服務如 Constant Contact 具有內置的郵件統計功能。要查看你的郵件活動統計數據,只需點擊頂部的 “Reporting” 菜單項目。 你還可以通過點擊單個郵件活動來查看它們的表現。你會看到郵件開啟率、總發送郵件、退信和成功送達的報告。報告還將顯示點擊率、未開啟、退訂和標記為垃圾郵件的統計數據。

最佳電子郵件宣傳範例

有兩種主要的郵件用於營銷:廣播郵件(電子郵件宣傳)和觸發郵件。觸發郵件是根據用戶行為自動發送的郵件。 例如,你可以在用戶訂閱後發送歡迎郵件。電子郵件宣傳則不同,因為你會手動創建活動,並將它們一次性發送給大部分人員。電子郵件宣傳的理論基礎是單一信息對列表或分段中的每個訂閱者都有幫助。

我們希望這篇文章幫助你了解什麼是電子郵件宣傳以及如何正確地進行電子郵件宣傳。你還可以查看我們的指南,了解如何獲取免費的企業郵箱地址或我們的專家挑選的最佳免費自動回覆工具。

Read More
WordPress 插件

如何在WordPress文章中添加Facebook点赞反应

为什么要在WordPress博客文章中添加Facebook点赞反应?

Facebook点赞反应是一组表情符号,用户可以用来表达他们对Facebook文章的意见。这些表情符号提供了更多的情感范围,让用户可以更细腻地对不同的帖子做出反应。例如,Facebook上的人们可以使用点赞、爱心、照看、大笑、惊讶、悲伤和愤怒的反应。

如果你有一个WordPress博客,那么在文章中添加Facebook点赞反应能为用户提供一种快速而简单的方式来表达他们对内容的感受。这不仅可以让用户分享他们的看法,还能为你提供宝贵的见解,了解哪些类型的博客文章能引起读者的共鸣。而且,这类反应可以让你的网站更具互动性,吸引用户在上面花更多时间。

如何在WordPress博客文章中添加Facebook点赞反应

首先,你需要安装并激活WP Reactions Lite插件。有关详细说明,请参见我们关于如何安装WordPress插件的新手指南。

激活插件后,从WordPress仪表盘访问WP Reactions » Global Activation页面,点击“立即自定义”按钮。

这会带你到“表情符号选择”页面。你可以从七个表情符号中选择作为你的反应。你也可以通过拖放表情符号来重新排列它们的顺序。然后,点击“下一步”按钮。

接下来是“设置”页面,你需要选择表情符号的动画和大小。一旦完成,向下滚动到“页面放置选项”部分,勾选“文章”选项。现在,你的Facebook点赞反应将显示在你的博客文章中。如果你想在其他页面上显示这些反应,可以选择“同时”选项。

然后,你可以选择是否在文章的顶部或底部显示表情符号。你还可以通过选择“内容前后”选项,在文章中多次显示表情符号。接着,配置反应的对齐方式,点击“下一步”按钮继续。

进入“样式”页面后,你可以选择是否显示或隐藏号召性用语(CTA)。这个CTA是将在反应上方显示的一条消息。你可以根据自己的喜好编写一句话作为CTA,并选择其字体大小、粗细和颜色。

完成后,向下滚动到“表情符号背景样式”部分,并选择“有颜色的背景”选项。你现在可以选择一种作为Facebook点赞反应背景颜色。你还可以配置表情符号背景边框的半径、样式和颜色。如果你对颜色选项感到困惑,可以通过点击底部的眼睛图标预览不同颜色的表情符号。一旦满意,点击“下一步”按钮。

现在会来到“按钮行为”页面,你可以选择“始终显示按钮”选项,在反应下方显示不同社交媒体平台的分享按钮。完成后,向下滚动到“社交分享按钮”部分,切换你想显示的社交媒体平台旁边的开关。此设置将允许用户在社交媒体上分享你的内容。你还可以更改文本字段中的文字。

接着,前往“按钮设计”部分,你可以配置按钮的边框半径和颜色。如果你希望显示白色按钮并带有五彩边框,可以选择“仅带边框的按钮”选项。完成后,不要忘记点击“下一步”按钮。

最后一步是预览刚刚自定义的Facebook点赞反应。如果满意,可以点击“保存并退出”按钮。但如果想要进行一些更改,可以点击“返回”按钮,回到前几步进行调整。

现在你将被重定向到从启动过程的“反应”页面。现在继续将顶部的开关切换到“开启”,以在你的WordPress博客文章中激活Facebook点赞反应。

现在你可以访问你的WordPress博客文章,查看这些Facebook点赞反应的实际效果。

额外:向你的WordPress博客添加Facebook推送

除了添加Facebook点赞反应按钮外,你还可以将整个Facebook动态嵌入到你的WordPress网站中,以增加用户参与度。如果你有小型企业,这么做将带动用户访问你的Facebook页面,甚至带来更多转化。它还可以展示你品牌的活跃参与度,增强社会认同。

你可以使用Smash Balloon的Facebook动态插件轻松地将Facebook动态添加到WordPress博客中。这是市场上最好的WordPress Facebook插件,可以在几分钟内将你的Facebook网站与WordPress连接。

使用Smash Balloon,你可以轻松设计Facebook帖子布局以及显示或隐藏评论、赞、反应和分享。你可以根据自己的喜好将动态添加到任何WordPress文章、页面或小部件区域。它也兼容任何WordPress主题。有关详细说明,请参见我们关于如何在WordPress中创建自定义Facebook动态的教程。

除了Facebook,你还可以使用Smash Balloon将Twitter、YouTube或Instagram动态添加到你的WordPress站点。有关更多信息,请参见我们完整的Smash Balloon评测。

我们希望这篇文章能帮助你了解如何轻松地在WordPress博客文章中添加Facebook点赞反应。你还可以查看我们逐步的教程,了解如何在WordPress中添加积分系统以激发用户参与,以及我们推荐的最佳社交媒体插件。

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

Read More
WordPress 教学

如何为你的网站设置自动接线电话系统

什么是自动接线电话系统?

自动接线电话系统是一种企业的自动电话应答服务。这个系统可以在不需要人手接听每一个电话的情况下,将来电者引导到正确的部门或人员。当你致电某企业时,可能会遇到自动接线电话系统。在自动接线电话通话中,你会听到一段预先录制的问候语,要求你根据需要联系的人员或通话目的按数字键。

为你的网站设置自动接线电话系统需要什么?

你需要使用虚拟商务电话服务提供商来正确设置自动接线电话系统。对于大多数小型企业网站或在线商店,你可以简单地在网站上添加一个电话号码,访客可以通过这个电话号码与你联系。然而,普通电话服务不提供高级功能,如呼叫转接、自动接线、来电等待、营业时间等功能,而且添加像自动接线这样的简单功能也很昂贵。

如何设置自动接线电话系统

1. 注册帐户

首先,你需要注册一个Nextiva账户。在注册过程中,你可以选择一个新的商务电话号码或将现有的电话号码连接到你的账户。

2. 设置电话系统

从你的账户页面,点击‘通信’菜单选项,再点击‘电话系统’按钮。进入后,点击‘呼叫流程’按钮,然后点击‘新建流程’按钮开始。如果你之前有创建过其他功能的呼叫模板,它们会显示在这里。我们将选择‘从头开始’选项。给你的呼叫流程命名,然后点击‘电话’按钮,然后输入主业务电话号码,添加分机号和额外的号码。

3. 创建电话菜单

点击‘添加操作’按钮,选择‘电话菜单’选项,在问候语下增加电话号码选项。选择‘默认问候语’或自定义问候语,设置键盘选项,然后点击‘高级选项’,设置超时长度,选择操作员拨号选项,勾选允许来电者通过拨号分机号码联系个人。

4. 分配呼叫选项

回到主要呼叫流程屏幕,为刚创建的呼叫选项分配团队成员和电话号码。点击‘添加操作’按钮,选择‘用户和团队’选项,分配给特定团队成员或部门,选择响铃方式及呼叫者ID设置。

5. 设置语音信箱

如果无人接听电话,还可以设置语音信箱选项,选择语音信箱目的地和相关部门,保存并继续重复操作直至完成所有设置。

6. 开始使用

在完成所有设置后,点击‘上线’按钮激活操作流程。测试自动接线功能以确保问候语和呼叫转接正常工作。

在WordPress中添加点击拨打按钮

现在你已经设置了自动接线电话系统,可以在你的网站上添加点击拨打按钮,使拨打电话变得更简单。安装并激活WP Call Button插件,设置电话号码和按钮外观,进行自定义,然后在页面、帖子及小部件区域添加按钮。确保点击更新或发布保存更改。访客点击按钮后将被引导到你的自动接线电话系统。

我们希望这篇文章能帮助你了解如何为你的网站设置自动接线电话系统。

Read More
WordPress 插件

如何在WordPress中展示前后对比照片(带滑动效果)

何时在WordPress中使用前后对比照片滑块

前后对比图像是一种交互式的照片,通常显示某种变化。观众可以通过滑动条在不同版本的图像之间切换,以一种吸引人的方式进行互动。

如果您在使用WooCommerce等插件来运营在线商店,那么前后对比照片可以展示产品或服务的效果。您只需展示一张顾客可以感同身受的“之前”照片,以及一张理想的“之后”照片,这将激发顾客购买能够实现这种转变的产品。

如果您是一名联盟营销人员,通过在您的网站上展示说服力强的前后对比照片,是推广联盟链接和提高销售量的好方法。拖动滑块显示“之后”照片不仅能提高互动性,还能让访客在您的网站停留更长时间,这也有助于增加页面浏览量并降低跳出率。

方法1:使用免费插件展示前后对比照片(简单)

创建前后对比照片的最简单方法是使用Ultimate Before After Image Slider & Gallery(BEA)。该插件允许您创建水平和垂直滑块,并使用不同的标签和颜色来自定义图像。

首先,您需要安装并激活Ultimate Before After Image Slider & Gallery(BEA)插件。激活后,进入后台的Before and After Slider » Add New。

接下来,为图像滑块输入一个名称。然后,添加“之前”图像,点击“上传”,选择图像或从您的计算机上传新图像。最好为此图像添加一些图像替代文本(alt text),以帮助搜索引擎理解并展示给合适的人。

接下来,添加“之后”图像,使用同样的步骤,不要忘记添加替代文本,因为这对WordPress SEO很重要。

您可以根据需要添加文本,例如滑块标题和描述,以便为图像增加一些背景信息。

完成后,可以选择创建垂直或水平滑块。根据需要调整滑块的默认偏移百分比。

方法2:使用SeedProd展示前后对比照片(更具定制性)

如果您想为页面或文章添加前后对比图像,BEA插件可能是不错的选择。但如果您使用图像来推广产品、服务或业务,我们推荐使用SeedProd。

SeedProd是最好的拖放式WordPress页面构建器,拥有丰富的模板和功能。“Before After Toggle”块可以帮助您创建漂亮的前后对比图像。

在SeedProd页面编辑器中,只需拖动并放置这个块到您的页面设计中,并通过多种选项自定义滑块效果。

通过丰富的选项来定制滑杆,把您的页面发布上线。

查看更多WordPress图片技巧

希望这篇文章能帮助您学习如何给您的WordPress网站添加带滑动效果的前后对比照片。

Read More
WordPress 教学

如何在WordPress中为特定用户角色应用CSS(简单方法)

更改网站外观以适应不同的用户角色,有助于提高用户体验。通过对网站的外观进行个性化,可以提高用户的满意度、转化率和销量。

无论您是网站所有者、开发者或设计师,控制网站对不同用户的呈现方式都非常有益。

为何以及何时在WordPress中为特定用户角色应用CSS

许多需要用户登录的网站需要根据角色自定义外观。个性化可以极大地增强用户体验,并最终带来更多的客户满意度、转化和销售。

一些常见的应用场景包括:

  • 会员制网站:为高级会员提供不同的体验。
  • 电子商务商店:为已登录的客户突出显示购物车、客户折扣等功能。
  • 多作者博客:使用自定义CSS为编辑器创建简洁高效的界面,同时保持贡献者和订阅者界面的简单。
  • 客户网站:通过自定义CSS隐藏某些元素,为客户创建简化的管理区域。

现在的问题是如何告知WordPress为不同用户角色加载哪些CSS代码。

在WordPress中为特定用户角色应用自定义CSS

管理WordPress中的自定义代码(包括CSS)最简单的方法是使用WPCode。它是WordPress中最好的代码片段插件,使您可以安全地在一个地方管理自定义CSS。

我们推荐WPCode的原因:

  • 它允许您安全地添加任何自定义代码(包括CSS)而不破坏网站。如果代码片段不起作用,您可以轻松禁用它。
  • 拥有强大的代码插入和条件逻辑工具,只在需要时运行片段。
  • 提供丰富的代码库,包含有用的片段,避免安装多个插件。

在WPCode中添加自定义CSS

首先,您需要安装和激活WPCode插件。激活后,进入代码片段 » +添加片段页面。由于您添加的是自定义CSS代码,您需要点击‘+添加自定义片段’开始。

进入代码编辑器后,输入代码片段的标题并选择‘CSS片段’作为代码类型。

现在可以将自定义CSS代码添加到代码预览框中。举个例子,我们这里用了这个代码,它通过改变背景颜色突出显示管理区域的‘文章’菜单:

li#menu-posts { background-color: #bf0505; }

选择用户角色条件逻辑

接下来,滚动到‘智能条件逻辑’框,启用该选项。然后选择‘条件’并点击‘添加新组’。选择‘用户角色’,选择需要应用的角色。完成后,保存片段并激活。

WordPress管理区为特定用户角色添加自定义CSS

如果您只希望在WordPress管理区域添加自定义CSS,则WPCode使其更加简易。

在代码编辑屏幕中,滚动到‘位置’选项,您会看到可自动加载CSS的位置。选择‘管理头部’或‘管理底部’选项。

其他区域为特定用户角色添加自定义CSS

电子商务网站的设计个性化能够提高用户体验,并减少购物车被放弃的销售损失。WPCode可以选择在电子商务网站的多个地方添加自定义CSS。

附加提示

以下是一些额外资源,无需学习CSS即可轻松创建WordPress的自定义用户体验:

  • 如何为不同用户在WordPress中显示个性化内容
  • 如何自定义WordPress网站的颜色
  • 如何自定义和样式化WordPress表单(两种简单方法)
  • 如何在WordPress中创建自定义主页(三种方法)

我们希望本文帮助您学习如何在WordPress中为特定用户角色应用CSS。您可能还想查看我们的WordPress生成的CSS初学者速查表,或者查看这些插件和技巧以改进WordPress管理区。

Read More
WordPress 教学

如何修復 WordPress 中 Facebook 錯誤的縮圖問題

如何修復 WordPress 中 Facebook 錯誤的縮圖問題

由編輯團隊於 2024 年 5 月 16 日最後更新 | 審核者:Syed Balkhi

編者註:我們從 WPBeginner 的合作夥伴連結中賺取佣金。佣金不影響我們編輯的觀點或評估。了解更多關於我們的編輯過程。

您是否注意到在將文章分享到 Facebook 時顯示錯誤的縮圖?這是一個初學者經常抱怨的常見錯誤。要讓 Facebook 顯示正確的縮圖並非總是那麼明確。

在本文中,我們將向您展示如何修復 WordPress 中的 Facebook 錯誤縮圖問題。

為什麼 Facebook 無法顯示縮圖圖片?

有很多原因可能導致 Facebook 貼文顯示錯誤的縮圖或錯誤地顯示正確的縮圖。最常見的原因之一是 og:Image 標籤中設置了多個圖片,而您的特色圖片比其他圖片小。

Facebook 使用 Open Graph og 標籤,許多 WordPress 插件如 All in One SEO(AIOSEO)和 Yoast SEO 會自動將其添加到您的 WordPress 網站以防止縮圖遺失。

其他一些原因包括緩存插件、CDN 衝突或縮圖圖片的 Open Graph 元標籤遺失。

很難猜測問題的根源,因為使用調試工具時並不會顯示具體的錯誤信息。

現在讓我們來看看一些修復 Facebook 錯誤縮圖的方式:

使用 AIOSEO 選擇 Facebook 縮圖

您可以使用免費的 AIOSEO 插件來展示您想要的縮圖。這是市場上最棒的 WordPress SEO 插件,讓您輕鬆優化內容以便於搜尋引擎和社交網站。

我們將向您展示如何使用 AIOSEO 免費版來做到這一點。如果您想解鎖更多 SEO 功能並獲得更多流量,您應該查看 AIOSEO 專業版。查看我們的 AIOSEO 詳細評論以了解更多。

首先,您需要安裝和啟用 AIOSEO。這裡是我們詳盡的 WordPress 插件安裝指南。

安裝插件後,您可以在撰寫文章時輕鬆更改 Facebook 縮圖。只需向下滾動至文章編輯器下方的 AIOSEO 設置元框,然後點擊“社交”標籤。

在頁面稍下方,您將看到一個“圖片來源”的下拉選單,可以在其中選擇 Facebook 縮圖。

例如,您可以使用您的特色圖片或上傳自定義圖片。

一旦將其作為 Facebook 縮圖圖片添加,那麼您需要更新您的文章。這在大多數情況下都可以解決問題。

使用 Yoast SEO 插件選擇 Facebook 縮圖

Yoast SEO 插件也同樣提供向每個文章或頁面添加自定義 Facebook 縮圖的功能。

只需安裝和啟用 Yoast SEO 插件。查看我們逐步指南以了解如何安裝 WordPress 插件。

啟動後,開始設置您想要的 Facebook 縮圖。

撰寫文章時,向下滾動至文章編輯器下方的 Yoast SEO 元框,然後點擊社交標籤。在那裡,您會看到一個上傳 Facebook 縮圖的按鈕。

使用 Facebook 調試工具清除緩存

如果您已添加了正確的縮圖,但 Facebook 仍然未顯示正確的縮圖,那麼問題可能與緩存相關。

首先,您需要確保清除 WordPress 的頁面緩存。

之後,您需要使用 Facebook 的調試工具重置 Facebook 緩存。

Facebook 調試工具是排除 Facebook 縮圖問題的最簡單方式。只需將您的 WordPress 貼文 URL 複製並貼入 Facebook 調試工具。

之後,點擊“再次抓取”按鈕,Facebook 將更新您的貼文縮圖。有時您需要點擊“再次抓取”按鈕兩次。

在 WordPress 中使用社交媒體的專家指南

現在您已知道如何修復 Facebook 錯誤縮圖,您可能會對其他社交媒體相關指南感興趣:

WordPress 完整的社交媒體速查表(更新版)

如何向 WordPress 添加您的社交媒體訊息(步驟指南)

如何使用 Buffer 將 WordPress 貼文安排到社交媒體

如何在 WordPress 側邊欄添加社交媒體圖標

如何將社交媒體圖標添加到 WordPress 選單(簡便方法)

如何在 WordPress 中顯示社交媒體追隨者數量

如何在個人資料頁面顯示作者的 Twitter 和 Facebook

適用於 WordPress 的最佳社交媒體插件

WordPress 用戶最佳的社交媒體監控工具

我們希望本文幫助您解決 WordPress 中的 Facebook 錯誤縮圖問題。您也許還想查看我們的指南,了解如何在 WordPress 中添加社交分享按鈕或我們專家推薦的小型企業最佳商業電話服務。

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

Read More
WordPress 插件

如何在 WordPress 中轻松添加项目符号和编号列表

何时在 WordPress 中添加项目符号和编号列表

与向访问者展示全是文字相比,分解您的内容以便快速浏览是一个好主意。有很多方法可以使您的页面更适合阅读者阅读,其中包括创建表格、使用副标题、添加视频和创建列表。

列表可以帮助访问者一目了然地理解您的内容(如目录),即使您共享复杂的信息。这样可以改善用户体验并让用户在您的 WordPress 网站上停留更长时间。

方法 1:使用内置的 WordPress 列表块(简单)

创建项目符号和编号列表的最简单方法是使用 WordPress Gutenberg 块编辑器中的列表块。这样您无需安装单独的 WordPress 插件即可创建基本的编号或项目符号列表。

通过单击 + 图标在 WordPress 块编辑器中添加新块,选择“列表”,即可创建简单的项目符号列表和编号列表。如果要创建嵌套列表,请点击缩进按钮,同样可以使用退格按钮减少缩进。

方法 2:使用 Shortcodes Ultimate(带自定义图标的列表)

使用 Shortcodes Ultimate 插件可以创建带有自定义图标的列表,使列表更具视觉吸引力和内容主题相匹配。安装该插件并使用 [su_list icon=”icon: star” icon_color=”#ffde0f”] 短代码创建自定义列表。

方法 3:使用页面构建器插件(适合登录页面)

SeedProd 是一个高级 WordPress 主题和页面构建器插件,可让您使用简单的拖放编辑器创建专业设计的页面。该插件包含一个现成的列表块,允许您微调列表设计的每个部分,包括更改个别项目之间的空间、更换标准项目符号点等。

方法 4:使用代码添加项目符号和编号列表(高级)

您也可以使用内置的 WordPress 代码编辑器和 HTML 来创建列表。这更复杂,所以不适合初学者。但确让您在内置列表块中使用更多样式和格式。通过插件对 HTML 的深入修改,您可以创建更具风格的列表。

Read More