WordPress 教学

如何在 WordPress 中添加 Facebook 贈品活動以提高參與度

為什麼要在 WordPress 中運行 Facebook 贈品活動?

社交媒體競賽可以幫助您接觸新受眾並增加在不同平台上的粉絲數量。然而,Facebook 不允許您為喜歡或關注您的頁面提供獎品。如果您的目標是獲得更多的 Facebook 粉絲,這將是一個大問題。

好消息是,您仍然可以請人們訪問您的 Facebook 頁面或參與特定的帖子。這可以為您帶來更多訪客和互動。如果您的頁面上有很多優質內容,那麼這些人可能最終會決定關注您的頁面。這樣,您就能在不違反任何規則的情況下增加您的 Facebook 粉絲數量。

那麼,讓我們看看如何在 WordPress 中添加 Facebook 贈品活動以提高參與度。

在 WordPress 中運行 Facebook 贈品活動

在 WordPress 中運行 Facebook 競賽的最簡單方法是使用 RafflePress。它是最好的 WordPress 贈品插件,允許您使用簡單的拖放編輯器創建各種競賽。

RafflePress 與所有流行的社交平台集成,所以您可以創建病毒式 TikTok 贈品活動、Twitter 競賽、Twitch 贈品等等。您還可以提供多種參加方式,以獲得更多粉絲和多渠道的互動。

那麼,讓我們使用 RafflePress 創建您的第一個 Facebook 贈品活動。

步驟 1:創建您的第一個 Facebook 贈品活動

首先,您需要安裝並激活 RafflePress 插件。有關更多詳細信息,請參閱我們的分步指南,了解如何安裝 WordPress 插件。

注意:RafflePress 有一個免費版本,包含您需要的所有基本功能來在 WordPress 中創建簡單的贈品活動。然而,在本指南中,我們將使用高級插件,因為它擁有更多功能、模板和贈品操作,包括允許您在 WordPress 中創建照片競賽的參加方式。

激活後,您將在 WordPress 儀表板中看到 RafflePress 歡迎屏幕。現在,您可以繼續輸入您的許可證密鑰。您可以在 RafflePress 網站的帳戶中找到這些信息。然後,點擊「驗證密鑰」按鈕。

現在,您可以通過導航到 RafflePress » 添加新項目在 WordPress 中創建 Facebook 贈品活動。

在下一個屏幕上,您需要為您的 Facebook 競賽命名。您可以使用任何名稱,但選擇一個在 WordPress 儀表板中幫助您識別此 Facebook 贈品活動的名稱是個好主意。

接下來,選擇您想使用的模板。RafflePress 有針對特定目標的現成模板,例如創建 WooCommerce 競賽以提高忠誠度和參與度。

您可以選擇最適合您目標的模板,但在本指南中,我們將使用「經典贈品」。

只需將鼠標懸停在「經典贈品」模板上,然後在出現時點擊「使用此模板」按鈕即可。

步驟 2:向您的 Facebook 贈品活動添加更多操作

現在,讓我們添加一些操作,這些操作是訪客可以參加競賽的方式。這包括訂閱您的播客、加入您的電子郵件新聞或訪問特定的 WooCommerce 產品等等。

要查看您可以添加到 Facebook 競賽中的不同操作,點擊「操作」。要將操作添加到您的贈品活動,只需點擊它即可。

為了提高 Facebook 的互動性,我們建議添加「訪問我們的 Facebook」、「喜歡我們的頁面」、「查看 Facebook 帖子/視頻」或「在 Facebook 上分享」等操作。

添加操作後,點擊來選擇該操作,然後使用左側菜單中的設置配置操作。

例如,如果您添加「訪問我們的 Facebook」操作,則需要在「Facebook 頁面 URL」字段中輸入您的頁面網址。

步驟 3:設計您的 Facebook 贈品活動,使其脫穎而出

現在您的 Facebook 贈品活動已設置完畢,是時候改變競賽的外觀了。

只需切換到「設計」標籤,您將看到選擇新按鈕顏色、更改字體等等的選項。

如果您將在單獨的頁面發布您的 Facebook 贈品活動,您可以添加背景圖像或更改背景顏色。

步驟 4:微調您的贈品設置

RafflePress 提供了豐富的設置選項,您可以為您的 WordPress 贈品活動或競賽進行自定義。現在您的贈品看起來不錯,讓我們轉到「設置」標籤來檢查這些設置。

首先,我們來看看「一般」設置。在這裡,您可以設置贈品的基本選項,包括是否顯示贈品贏家和參加人數。您還可以通過加入 RafflePress 的聯盟營銷計劃從 Facebook 贈品活動中賺取收入。

步驟 5:將您的 Facebook 贈品活動添加到 WordPress 頁面或帖子

您可以通過幾種不同的方式將 RafflePress 贈品活動添加到您的 WordPress 網站。

例如,您可以使用 RafflePress 區塊將競賽添加到任何頁面或帖子中。如果您希望將 Facebook 競賽嵌入到博客文章或其他頁面中,這是一個很好的選擇。

要開始,請打開您希望包含贈品活動的頁面或帖子。然後,點擊「+」按鈕並輸入「RafflePress」。當出現正確的區塊時選擇它。

添加區塊後,打開下拉菜單並選擇您之前創建的 Facebook 贈品活動。RafflePress 區塊現在會在 WordPress 區塊編輯器中顯示競賽的預覽。

步驟 6:推廣您的 Facebook 贈品活動

如果您的 Facebook 競賽要取得成功,那麼在發布之前開始推廣它是明智的。您的競選活動甚至可能變得病毒式傳播,這將幫助您獲得更多的參加者並達成您的目標。

您可以開始通過向訂閱者發送電子郵件通訊並在其他社交媒體個人資料上宣布 Facebook 競賽開始。

步驟 7:宣布贈品得獎者

當您的贈品活動結束後,您需要選擇幸運的贏家。RafflePress 自動化了整個過程,只需導航到 RafflePress » 贈品,我們建議在您的 Facebook 頁面上宣布贏家。

Read More
WordPress 教学

如何从Webflow迁移到WordPress(一步步指南)

为什么从Webflow迁移到WordPress?

尽管Webflow因其易于使用的设计工具和简单的网站创建功能而受到欢迎,许多用户很快意识到它的局限性。Webflow是一个封闭的平台,提供的定制选项较少,集成受限,且价格相对高昂。这就是为什么我们推荐用户选择更具灵活性、成本效益的WordPress。

WordPress不仅是免费开源的平台,还提供许多主题和插件,可以无代码实现无限的定制。

步骤1:注册WordPress主机

要开始迁移,您需要一个WordPress主机。我们推荐使用Bluehost,这是一家官方推荐的WordPress主机提供商。目前,Bluehost为我们用户提供免费域名和超大折扣。

步骤2:选择WordPress主题

安装WordPress后,下一步是选择适合您的网站主题。有数千种免费的和付费的WordPress主题可供选择。

步骤3:导出您的Webflow网站

登录到Webflow账户并启动设计工具,点击代码导出按钮,然后点击“准备ZIP”按钮保存文件到您的电脑。

步骤4:导出您的博客文章

在Webflow的CMS栏中,点击“博客文章”,然后点击顶部的“导出”按钮,将博客文章导出为CSV格式。

步骤5:在WordPress中重新创建Webflow页面

要在WordPress中重新创建Webflow页面,您需要使用类似SeedProd这样的无代码页面构建器。安装并激活SeedProd插件,然后选择一个模板开始设计您的页面。

步骤6:导入博客文章到WordPress

安装并激活WP All Import插件,然后上传之前下载的CSV文件,按照提示完成导入。

步骤7:导入图片

安装并激活Auto Upload Images插件,然后批量更新所有博客文章以触发图片自动上传功能。

步骤8:更改域名设置

如果您的旧Webflow网站使用的是自定义域名,现在可以将其指向您的新WordPress网站。按照您的WordPress主机提供的域名服务器信息进行设置。

步骤9:设置永久链接

在WordPress后台的设置 >> 永久链接页面中,选择与您的Webflow网址结构相同的选项,并保存更改。

步骤10:安装必备的WordPress插件

安装一些必备的WordPress插件,如WPForms(添加联系表单)、All in One SEO(SEO工具包)、Duplicator(备份工具)、MonsterInsights(谷歌分析)、PushEngage(推送通知)。

学习WordPress(免费资源)

虽然WordPress易于使用,但有时您可能需要一点帮助。以下资源可以帮助您快速熟悉WordPress:

  • 免费WordPress视频培训课程
  • WPressize Me的YouTube频道
  • WordPress术语表

替代方法:获取Webflow迁移的专业帮助

如果您觉得自己跟随教程迁移过于麻烦,可以选择专业的WordPress服务商来帮您。一些专业服务如我们提供的高级WordPress支持服务,可以按需解决您的迁移问题。我们还提供快速网站启动服务,可以根据您的需求设计完全定制的WordPress网站。

Read More
WordPress 教学

如何在WordPress中导入和导出自定义文章类型

使用备份插件移动您的WordPress站点非常简单。但如果您只想移动自定义文章类型呢?在本文中,我们将向您展示如何在WordPress中导入和导出自定义文章类型。我们还将向您展示如何导入与您的文章类型相关的任何自定义分类法。

在WordPress中导出自定义文章类型和分类法

一些用户喜欢通过在主题的functions.php文件或站点特定插件中添加代码来创建他们的自定义文章类型和分类法。在这种情况下,您需要做的就是复制这些代码并将其粘贴到要导入这些代码的站点上。

但是,在某些情况下,您可能无法找到代码。不要担心,您仍然可以在新站点上创建相同的自定义文章类型。您只需要知道文章键值。这是WordPress数据库中用于文章类型的名称。您可以通过访问WordPress管理区域中的文章类型来找到它。

一旦您有了文章键,访问要导入文章类型的站点并使用Custom Post Types UI插件创建自定义文章类型。您还可以通过在管理区域中查看自定义分类法来获取自定义分类法键。

使用CPT UI插件在目标站点创建相同的分类法。对于要导入的所有自定义文章类型和分类法,重复此过程。

提示

如果您使用CPT UI插件创建了文章类型,则也可以使用它们来迁移它们。但是,这仅在原始自定义文章类型是使用此插件创建时才有效。访问插件设置中的导入/导出部分并按照屏幕上的说明进行操作。

由插件创建的自定义文章类型和分类法

许多流行的WordPress插件使用自定义文章类型和分类法来处理自定义内容类型。例如,Soliloquy使用它们来创建滑块,电子商务插件使用它们来创建产品等。

如果您想继续使用这些插件,则无需导入CPT。只需在目标站点上安装插件,您就可以在站点上准备好自定义文章类型和分类法。许多此类插件都附带自己的导入/导出功能,但是如果插件没有该功能,您仍然可以导出数据。

在WordPress中导出/导入自定义文章类型和分类法数据

WordPress带有一个强大的导入/导出工具,可以让您导出和导入WordPress数据。只需转到工具 » 导出

您将看到所有文章类型列在那里。选择要导出的文章类型并按下载导出文件按钮。

WordPress现在将准备一个XML导出文件,您的浏览器将开始下载它。现在切换到要导入此数据的目标站点。转到工具 » 导入。您将看到多个选项,点击WordPress。

这将弹出一个窗口,要求您安装WordPress导入插件。点击安装按钮,然后点击激活插件并运行导入工具链接。

在导入程序屏幕上,您需要点击选择文件按钮,然后选择之前下载的XML文件。接下来,点击上传文件并导出按钮。

WordPress现在将导入您的自定义文章类型数据。所有先前选择的自定义文章类型将被导入。WordPress还将自动将术语添加到自定义分类法中。

就这样,希望本文帮助您在WordPress中导入和导出自定义文章类型和分类法。

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

Read More
WordPress 教学

如何创建一个仅供会员访问的WooCommerce商店(一步步指南)

为什么要创建一个仅供会员访问的WooCommerce商店?

仅供会员访问的WooCommerce商店是一种在线商店,用户必须成为会员才能查看和购买产品。这可以通过付费订阅或者简单地要求用户注册成为会员来实现。你可以将整个商店设置为私密状态,或者仅为会员创建VIP产品。

有多种原因你可能需要创建一个仅供会员访问的商店:

  • 你需要一个私密区域来销售批发商品。
  • 你只想向付费会员销售产品。
  • 你希望提供仅供会员享受的特殊折扣和福利。
  • 你希望为不同的会员等级提供不同的产品。
  • 你希望为会员提供额外的独家产品。
  • 你可以更好地管理库存,确保高需求产品优先提供给最忠诚的客户。

以下是我们将要介绍的创建仅供会员访问的WooCommerce商店的步骤:

  1. 开始一个仅供会员访问的WooCommerce商店
  2. 选择WooCommerce会员插件
  3. 设置你的会员在线商店
  4. 添加会员支付方式
  5. 为你的商店创建订阅计划
  6. 将你的WooCommerce商店设置为私密
  7. 为你的商店添加注册和登录表单
  8. 发展你的仅供会员访问的在线商店

第1步:开始一个仅供会员访问的WooCommerce商店

要从头开始创建一个私密的仅供会员访问的WooCommerce商店,你需要以下几样东西:

  • 域名:这将是你的在线商店的地址(如:example.com)。
  • WordPress托管账户:网站文件将存储在这里。
  • SSL证书:这可以安全地在线接受付款。
  • 电子商务插件:用于销售产品和创建商店。
  • 会员插件:用于控制在线商店的隐私设置。

通常,网络托管费用为每月7.99美元,域名费用为每年14.99美元,SSL证书费用约为每年69.99美元。这对于刚开始一个新在线商店的你来说可能是一个较大的投资。

幸运的是,Bluehost为我们的读者提供了60%的大折扣,并赠送免费域名和SSL证书。只需点击以下按钮,折扣将自动应用。

第2步:选择一个WooCommerce会员插件

一旦你的WooCommerce商店设置好了,你需要通过会员等级来限制用户的访问权限。你可以将整个商店设置为私密,或仅对特定产品和产品类别进行限制。如果你想创建一个带有访问控制、订阅计划、多级订阅、内置支付选项等功能的会员专享在线商店,那么你需要一个功能丰富的会员插件,如MemberPress。

MemberPress是市场上最好的WordPress会员插件,能够轻松创建一个私密商店、接受支付、根据等级限制产品访问等。它拥有创建仅供会员访问的在线商店所需的所有功能,并与所有你需要的工具集成,帮助你发展在线商店。

第3步:设置你的仅供会员访问的在线商店

我们将使用MemberPress来设置仅供会员访问的WooCommerce商店。首先,你需要安装并激活MemberPress插件。激活后,导航到MemberPress » 设置,点击“许可证”菜单选项,输入你的许可证密钥,然后点击“激活许可证密钥”按钮。这些信息可以在你的MemberPress账户中找到。

第4步:为你的会员商店添加支付方式

接下来,你需要添加支付网关,以便在会员网站上接受付款。你还可以创建一个免费的会员等级,允许用户在不付款的情况下注册。选择“支付”选项卡,然后点击“添加支付方式”按钮,从下拉菜单中选择你的支付方式并连接到不同的支付处理器。

第5步:为你的WooCommerce商店创建订阅计划

现在,你需要创建一个订阅计划,以便新会员可以订阅并访问你的商店。你可以创建不同价格选项和不同产品访问权的计划。要创建新的会员计划,导航到MemberPress » Memberships,然后点击“添加新”按钮。输入计划名称和详细信息,在“会员条款”部分设置价格、付款类型、付款周期和计划的有效期。

第6步:将你的WooCommerce商店设置为私密

现在,你可以通过MemberPress强大的功能根据会员等级限制访问WooCommerce商店。例如,你可以将整个商店设置为仅供会员访问,创建仅供会员的产品,甚至限制整个产品类别的访问。导航到MemberPress » 规则,然后点击“添加新”按钮。

第7步:为你的商店添加注册和登录表单

现在你的会员商店已经设置好了,你可以为用户提供额外的方式来登录他们的账户,方便他们访问商店。最简单的方法是将登录表单添加到WordPress的小部件区域。导航到外观 » 小部件,点击“加号”图标,搜索“MemberPress登录”,然后点击区块,将登录表单添加到边栏小部件,使其上线。

第8步:发展你的仅供会员访问的在线商店

现在你已经有了一个私密的仅供会员访问的WooCommerce商店,是时候看看如何增加商店的访客量和发展业务了。使用WooCommerce和MemberPress,你可以使用各种强大的工具来增加流量、优化商店等。

  • MonsterInsights:最佳的WordPress分析解决方案,允许设置WooCommerce转化追踪。
  • SeedProd:最佳的WordPress页面构建插件,用于创建自定义产品页面、购物车页面、结账页面等。
  • OptinMonster:最佳的转化优化和潜在客户生成插件,轻松创建WooCommerce弹窗,将访客转化为付费客户。
  • All in One SEO:最佳的WordPress SEO插件,无需技术技能优化你的网站和在线商店。
  • FunnelKit Automations:最佳的营销自动化插件,通过定向电子邮件序列培养潜在客户、恢复被遗弃的购物车和与会员互动。

如果你在寻找更多插件,可以查看我们推荐的最佳WooCommerce插件。

希望这篇文章能帮助你了解如何创建一个仅供会员访问的WooCommerce商店。你还可以查看我们的指南,了解如何创建免费商务电子邮件地址以及专家推荐的最佳小企业即时聊天软件。

Read More
WordPress 教学

如何从WordPress中移除密码重置/更改选项

如何从WordPress中移除密码重置/更改选项

默认情况下,WordPress允许用户通过提供电子邮件地址来重置或更改密码。有时,您可能希望禁用此功能以防止黑客尝试进入您的网站。在本文中,我们将向您展示如何从WordPress中移除密码重置/更改选项。

为什么要从WordPress中移除密码重置/更改选项?

如果您允许用户在您的WordPress站点上注册,那么密码重置选项允许用户找回丢失的密码。通常情况下,您不想更改这一点。然而,在某些使用场景中,您可能希望为特定用户或用户角色移除此选项。

例如,您可能为某人创建了一个临时账户或一个演示站点,用户可以使用演示用户名和密码登录。此外,拥有密码重置选项也给了黑客另一种尝试进入您网站的方法。如果您特别关注WordPress的安全性,您可能希望移除用户自行重置密码的选项。

方法1:使用LoginPress禁用密码重置/更改选项

禁用密码重置/更改选项最简单的方法是使用LoginPress。这是一个免费的WordPress插件,允许您自定义登录页面。

步骤1:安装和激活LoginPress

首先,您需要安装和激活LoginPress。更多详细信息,请参阅我们关于如何安装WordPress插件的教程。

步骤2:自定义设置

接下来,从您的WordPress仪表盘进入LoginPress » 设置页面。在设置页面,您有很多选项来自定义您的登录页面。许多其他选项卡是付费功能,但设置选项对免费用户开放。

您可能需要开启“强制密码重置”选项。一旦您切换该选项,您需要设置一个天数,在此之后用户将被强制再次更改他们的密码。对于WordPress安全性,建议每90天更改一次密码。同时,您可以选择希望强制执行该密码重置规则的用户角色。

下方,您还可以设置用户在会话过期前可以访问您WordPress后端的分钟数。此外,您还可以在用户注册表单中添加自定义密码字段和其他设置。

选择所有您希望自定义的选项后,点击“保存更改”按钮。

步骤3:禁用“忘记密码”选项

从这里,您需要进入LoginPress » 自定义器。这将带你进入一个内建的编辑器,在那里您可以轻松自定义WordPress登录页面的任何方面。要移除“忘记密码?”消息,您需要转到表单底部选项卡。可以通过点击“忘记密码?”旁边的铅笔图标到达表单底部选项卡。

然后,您需要关闭“启用页脚文本”选项。这样将从登录页面移除“注册”和“忘记密码?”选项。

该插件提供了许多其他很酷的功能。例如,您可以更改按钮颜色和文字颜色、添加Logo,甚至更改背景颜色。只需点击您希望更改的任意位置的铅笔图标,或通过左侧面板导航。

完成WordPress登录页面的自定义后,点击左上角的“发布”按钮以最终确认更改。

最后,您需要从WordPress仪表盘登出。然后,再次尝试登录,以确认忘记密码选项不再出现。您现在已经成功地从WordPress中移除了密码重置/更改选项。

方法2:使用WPCode手动禁用密码重置选项

这需要您向WordPress站点添加代码。某些教程会告诉您直接编辑文件,但我们不推荐这样做。即使是最小的错误也可能导致WordPress错误,甚至使您的站点无法访问。因此,我们推荐使用像WPCode这样的代码片段插件。

这个流行的插件允许你在无须编辑主题functions.php文件的情况下在WordPress中添加自定义代码,因此不用担心弄坏您的网站。您可以使用WPCode的免费版本进行本教程。然而,若升级到高级版本,您将可以访问更多预制片段和高级功能,包括代码生成器、版本历史和智能条件逻辑。

首先,您需要安装和激活WPCode插件。更多信息请参阅我们关于如何安装WordPress插件的指南。然后,您需要进入代码片段 » + 添加片段。由于没有预制的禁用密码重置选项的片段,您需要添加自定义代码。

点击‘添加自定义代码’栏然后点击‘使用片段’。

首先,您需要给自定义片段一个名称,以便以后需要更改时可以参照它。接下来,对于代码类型,从下拉菜单中选择‘PHP片段’选项。

然后,您需要将以下代码复制并粘贴到代码预览文本编辑器中:

<?php
/*
 * 插件名称:禁用密码重置
 * 描述:禁用密码重置功能。只有拥有管理员角色的用户可以从管理员区域更改密码。
 * 版本:1.0
 * 作者:WPressize Me
 * 作者 URI:http://wpressize.me
 */

class Password_Reset_Removed
{

  function __construct()
  {
    add_filter( 'show_password_fields', array( $this, 'disable' ) );
    add_filter( 'allow_password_reset', array( $this, 'disable' ) );
    add_filter( 'gettext',              array( $this, 'remove' ) );
  }

  function disable()
  {
    if ( is_admin() ) {
      $userdata = wp_get_current_user();
      $user = new WP_User($userdata->ID);
      if ( !empty( $user->roles ) && is_array( $user->roles ) && $user->roles[0] == 'administrator' )
        return true;
    }
    return false;
  }

  function remove($text)
  {
    return str_replace( array('忘记密码?', '忘记密码'), '', trim($text, '?') );
  }
}

$pass_reset_removed = new Password_Reset_Removed();
?>

从这里,您只需要把顶部的选项从‘未激活’切换为‘激活’。然后,点击‘保存片段’以最终确认更改。

完成所有设置。现在您可以登出WordPress管理区域,以检查密码重置选项是否已经移除。

希望本文帮助您了解如何从WordPress中移除密码重置/更改选项。您可能还想查看我们的终极指南,学习如何加速WordPress性能或最常见的WordPress错误及其修复方法列表。如果您喜欢本文,请订阅我们的YouTube频道以获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何在 WordPress 中突出顯示選單項目

為什麼在 WordPress 中突出顯示選單項目?

導航選單是指向您網站重要區域的連結列表,通常以橫條的形式出現在每個 WordPress 網站頁面的頁頭。通過在導航選單中突出顯示一個選單項目,您可以輕鬆地將使用者的注意力引導至您最重要的行動呼籲。例如,如果您希望使用者訪問定價頁面或某篇特定文章,那麼您可以在導航選單中突出顯示該項目,這樣可以增加該頁面的流量並提升銷售量。

方法 1:使用完整網站編輯器(Full Site Editor)突出顯示選單項目

如果您使用的是區塊啟用的主題,那麼您將擁有完整網站編輯器(FSE)而不是較舊的主題自訂器。您也可以在其中輕鬆地突出顯示當前的選單項目。首先,從 WordPress 管理儀表板前往“外觀 » 編輯器”頁面。這將把您引導至完整網站編輯器。

接著,雙擊要突出顯示的選單項目,然後點擊頂部的“設定”圖標。這會立即在區塊面板中打開該選單項目的設定。現在,向下滾動到“進階”標籤,點擊旁邊的箭頭圖標以展開它。這會打開一個“額外 CSS 類別”字段,您需要在其中寫入 highlighted-menu

接下來,點擊頁面頂部的“保存”按鈕以存儲您的更改。之後,您需要向主題添加一點 CSS 代碼以達成突出效果。您可以選擇修復缺失的主題自訂器,或者使用代碼片段插件來添加 CSS 代碼。

如何使用 WPCode 添加 CSS 片段

要將 CSS 添加到 WordPress,我們推薦使用 WPCode,因為它是市場上最佳的 WordPress 代碼片段插件,可以安全且簡單地添加自訂代碼。首先,您需要安裝並啟用 WPCode 插件。更多說明請參考我們的逐步指南如何安裝 WordPress 插件。

注意:WPCode 也有免費版本,但您需要該插件的高級計畫才能解鎖“CSS 片段”選項。

在激活後,從 WordPress 管理面板導航到“代碼片段 » + 添加片段”頁面。這裡,將滑鼠懸停在“添加您的自訂代碼(新片段)”選項上,然後點擊下面的“使用片段”按鈕。這會帶您到“創建自訂片段”頁面,您可以首先為您的片段選擇一個名稱。之後,從屏幕右上角的下拉選單選擇“CSS 片段”作為代碼類型。

接下來,將以下 CSS 代碼複製並粘貼到“代碼預覽”框中:

/* 突出顯示的選單 */ .highlighted-menu { background: #d3d3d3; border-radius: 35px; padding: 0px 20px; line-height: 50px; }

粘貼完畢後,向下滾動到“插入方式”區域。在這裡,選擇“自動插入”模式,以便代碼可以在您的整個網站上自動執行。現在,前往頁面頂部並將開關從“非活動”切換到“活動”。然後,簡單點擊“保存片段”按鈕以存儲您的設定。

您現在已成功使用完整網站編輯器在 WordPress 中突出顯示了選單項目。這是添加 CSS 代碼後選單項目的外觀。

如何在區塊主題中使用主題自訂器

如果您希望使用主題自訂器並使用 FSE 主題,則只需將以下 URL 複製並粘貼到您的瀏覽器中。請確保將“example.com”替換為您自己的網站域名:

https://example.com/wp-admin/customize.php

這會打開區塊主題的主題自訂器,您需要在其中展開“額外 CSS”標籤。從這裡,將以下 CSS 片段複製並粘貼到“額外 CSS”框中:

/* 突出顯示的選單 */ .highlighted-menu { background: #FFB6C1; border-radius: 35px; padding: 0px 20px; line-height: 50px; }

之後,簡單點擊頁面頂部的“發布”按鈕以存儲您的設定。

方法 2:使用主題自訂器突出顯示選單項目

如果您使用的是較舊的 WordPress 主題,那麼預設會啟用主題自訂器。在主題自訂器中突出顯示選單項目是一個相當簡單的過程。首先,從 WordPress 儀表板導航到“外觀 » 自訂”以啟動主題自訂器。打開後,點擊左側側邊欄的“選單”標籤。在這裡,點擊右上角的齒輪圖標以顯示進階屬性。現在,勾選“CSS 類別”框。

接著,向下滾動到“選單”部分。如果您有多個 WordPress 選單,簡單點擊包含您想要突出的選單項目的選單。這將打開一個新標籤,您可以選擇要突出顯示的選單項目。它可以是“聯絡我們”,如我們的範例,或是您的定價頁面或網上商店的連結。簡單點擊您的選單項目以展開一些設定。在這裡,點擊“CSS 類別”框。您只需在該字段中寫入 highlighted-menu 您可以將此 CSS 類別添加到多個選單項目,所有這些項目都會被突出顯示。

接著,簡單前往主題自訂器中的“額外 CSS”標籤。之後,將以下 CSS 代碼複製並粘貼到“額外 CSS”框中:

/* 突出顯示的選單 */ .highlighted-menu { background: #FFB6C1; border-radius: 35px; padding: 0px 20px; line-height: 50px; }

恭喜!您已成功突出顯示了一個選單項目。

注意:您的主題可能沒有在主題自訂器中提供“額外 CSS”字段。如果沒有,請檢查主題設定以瞭解如何添加自訂 CSS。如果找不到,您可能需要聯繫開發者或使用 WPCode 添加代碼。

最後,不要忘記點擊頁面頂部的“發布”按鈕以存儲您的設定。

自訂您的選單項目突出

現在您已經突出顯示選單項目,您可以調整 CSS 代碼來根據喜好自訂選單項目。例如,您可以更改選單項目的背景顏色。簡單查找您剛剛粘貼的 CSS 片段中的以下代碼:

background: #FFB6C1;

找到後,您可以簡單替換粉紅色的顏色代碼號碼為您喜歡的任何顏色的十六進通信號碼:

background: #7FFFD4;

以上是水綠色的十六進制代碼。您可以參考我們的指南,輕鬆添加自訂 CSS,以獲取更多有關如何自訂突出顯示的選單項目的想法。當您對自己的選擇滿意後,簡單點擊主題自訂器中的“發布”按鈕或在 WPCode 中點擊“保存片段”以保存您的更改。

我們希望這篇文章有助於您學習如何在 WordPress 中突出顯示選單項目。您可能還想查看我們的初學者指南,了解如何為 WordPress 導航選單進行樣式設計或我們專家挑選的必備 WordPress 插件以幫助您的網站成長。

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

Read More
WordPress 教学

如何更改WordPress JPEG图片压缩

为什么要更改WordPress的JPEG图片压缩?

每次你上传JPEG图片到你的WordPress网站,系统会自动将图片压缩到90%的质量。在WordPress 4.5之前,这个数字曾降低到82%以改善移动用户的站点性能。

如果你是一名摄影师,希望在网站上展示高质量的图片,那么你可以关闭WordPress的图片压缩。

如何禁用WordPress的图片压缩

你只需要将以下代码粘贴到主题的functions.php文件中,或者使用像WPCode这样的代码片段插件来实现(推荐)。

如果你之前没有这样做过,可以查看我们关于如何向WordPress网站添加自定义代码的指南。

首先,你需要安装WPCode Free Plugin插件。激活后,进入WordPress后台的Code Snippets » + Add Snippet。然后将鼠标悬停在‘Add Custom Code’模板上,并点击‘Use Snippet’按钮。

这将带你到一个新的屏幕,在这里你可以创建自定义片段。需要给这个片段添加一个标题,比如‘Disable Image Compression in WordPress’。

然后,从Code Type下拉菜单中选择‘PHP Snippet’,在‘Code Preview’窗格中粘贴以下代码片段:

add_filter('jpeg_quality', function($arg){return 100;});

将值设置为100,这样WordPress会以最高质量压缩图片。最后,点击屏幕顶部的开关,将其从‘Inactive’切换到‘Active’,然后点击‘Save Snippet’按钮。

恭喜!你已经禁用了WordPress站点的JPEG压缩。

如果你不是摄影师或艺术家,可能不会看到很大的质量差异。但对于那些每天处理高质量图片的人来说,质量差异显而易见。

如何增加WordPress的图片压缩

保持默认的压缩质量有明显的性能优势,但如果你愿意,可以将数值从100更改为80或更低,以进一步压缩图片并节省空间。

只需像上一个方法一样创建一个新的WPCode片段,然后粘贴以下代码:

add_filter('jpeg_quality', function($arg){return 75;});

将片段设置为激活并保存,JPEG图片将被压缩到更小的文件大小。虽然图片质量会降低,但可以节省服务器上的空间。

小贴士

当你进行这些图片质量更改时,也要确保重新生成缩略图。

希望这篇文章帮助你了解如何更改WordPress的JPEG图片压缩。你可能还想查看我们关于如何在WordPress中创建联系表单或者我们精选的最佳Instagram WordPress插件的指南。

Read More
WordPress 教学

如何在WordPress中添加带图标的功能框

什么是带图标的功能框?

大多数访问你WordPress网站的人不会阅读每一个单词,尤其是在页面内容过于繁重的时候。相反,访问者会扫描页面寻找他们需要的信息。因此,你需要以一种易于扫描和引人入胜的方式展示重要信息,这也是许多网站使用功能框的原因。

在下图中,你可以看到WPressize Me如何使用功能框突出其插件的主要卖点。

你甚至可以添加一个行动号召按钮,让用户了解更多特定功能的详细信息。下面我们来看看如何在WordPress中添加带图标的功能框。你可以使用快速链接跳转到你想要使用的方法:

  • 方法一:使用WordPress块编辑器添加带图标的功能框(无需插件)
  • 方法二:使用页面构建插件添加带图标的功能框(推荐)

方法一:使用WordPress块编辑器添加带图标的功能框(无需插件)

你可以使用标准内容编辑器和列块,在WordPress网站中添加带图标的功能框。这意味着你无需安装新的WordPress插件,是一种快速简便的方法。

首先,打开你要添加功能框的页面,然后点击“+”添加块图标。接着,在搜索框中输入“列”。当显示正确的块时,点击将其添加到页面。

WordPress现在会显示所有不同的列块。数字表示每个列在块中占用的空间,例如“50/50”创建两个各占50%宽度的列。我们将选择“33/33/33”列块,因为这给我们三个等宽的列,但你可以使用任何你喜欢的布局。

接下来,你可以向列中添加图标。最简单的方法是使用图标字体,这种可调整大小的符号不会拖慢你的网站速度。我们推荐使用Font Awesome,因为它们有最大的免费图标集合之一。

在你的WordPress主题中添加图标字体后,可以使用短代码将其显示在列中。点击列的“+”图标,输入“Shortcode”。选择正确的块后,点击将其添加到布局。然后,你可以输入以下短代码,但要将“bus”替换为你要使用的图标名称:[icon name=”bus”]。为了查看所有可用图标,前往Font Awesome图标库。

找到你喜欢的图标后,点击查看图标的名称并应用到短代码中。

如果你更喜欢使用WordPress媒体库中的图像,可以添加一个图像块。只需点击第一个列中的“+”图标,然后添加一个“图像”块。选择一个图像或从电脑上传一个新文件。

添加所有图标后,下一步是向功能框中添加文本。点击列块中的“+”按钮,然后添加一个段落块。输入文本到段落块中。

通过重复相同的过程,可以为其他列添加图标和文本。要添加多行功能框,选择列块并点击工具栏中的三点图标,然后选择“复制”。添加内容到第二行。

当你对功能框满意时,可以添加其他内容如产品图片或分类标签。点击“更新”或“发布”按钮使功能框上线。现在访问你的网站、博客或在线商店即可看到功能框。

方法二:使用页面构建插件添加带图标的功能框(推荐)

如果你想创建一个简单的功能框,WordPress块编辑器是一个不错的选择。然而,若你想创建更高级的设计,则需要一个页面构建插件。

SeedProd是最好的WordPress页面构建器,允许你使用拖放编辑器创建自定义页面。它有超过300个专业设计的模板和一个图标库,可以快速添加到功能框中。你首先需要安装并激活SeedProd插件。然后去SeedProd » 设置,输入你的许可证密钥。

选择一个专业设计的模板,开始在SeedProd » 登录页面点击“添加新的登录页面”。在下一个屏幕中选择一个模板,并点击“勾号”图标。给页面命名后点击“保存并开始编辑页面”。在SeedProd的拖放编辑器中打开模板。

选择一个布局,在左侧菜单找到“图标”块,拖放到空列中。选择图标后可以自定义它,包括对齐、大小、颜色等。

在图标下方添加一个文本块,通过拖放将其放置在图标下方,然后在左侧菜单的文本编辑器中输入文本。可以添加链接、更改文本对齐、更改文本颜色等。重复相同步骤自定义其他列。要添加另一行功能框,悬停在部分上方,点击“复制行”按钮。重复上述过程添加新图标和文本。

完成页面设计后点击“保存”。然后选择“发布”使页面上线。

希望这篇文章能帮助你在WordPress中添加带图标的功能框。同时你可能想看看我们的如何创建电子邮件通讯和我们专家推荐的最佳实时聊天软件。

Read More
WordPress 教学

如何在 WordPress 中向不同用戶展示個性化內容

為什麼要在 WordPress 中向用戶展示不同的內容?

通常,當你在 WordPress 網站上發佈內容時,內容會對所有人開放。那麼,如果你希望向特定的用戶展示不同版本的內容該怎麼辦?例如,你可以向特定地理位置的顧客提供免費配送,或者向從特定登陸頁面來的用戶展示不同的內容。一種方法是建立會員網站,根據用戶的個人檔案限制內容訪問,但並非所有人都希望用戶登入以提供個性化服務。這時候,WordPress 網站個性化解決方案就可以幫上忙了。

你可以使用智能條件在你的博客中添加內容個性化,在你的網店中添加產品個性化,在登陸頁面上替換動態文字。這些條件可以包括特定用戶的互動、地理位置、時間、他們訪問的特定頁面、特定的來訪來源、過往行為等。

那麼,讓我們來看看如何在 WordPress 中向不同用戶展示不同內容。你可以使用以下鏈接直接前往希望使用的方法。

方法一:使用 OptinMonster 向用戶展示不同內容(輕鬆實現網站個性化)

OptinMonster 是市場上最佳的潛在客戶生成和轉換優化工具。它擁有強大的定位規則,允許你根據大量顯示規則向用戶展示個性化活動。此方法推薦所有用戶使用,因為它使你可以設計內容並擁有更強大的定位規則,還可以與電子郵件營銷工具和第三方應用程式配合使用。

詳細資訊請參見我們的完整OptinMonster 評測

方法二:使用插件向用戶展示不同內容

這種方法適合你希望更改單個帖子或頁面的整個內容,或向用戶展示同一內容的不同變體。第一步,你需要安裝並啟用 If-So Dynamic Content 插件。有關詳細信息,請查看我們的WordPress 插件安裝指南

方法三:在 WooCommerce 中使用 FunnelKit 向用戶展示個性化內容

儘管以上解決方案幫助你向不同用戶顯示個性化內容,但在 WooCommerce 中進行深度個性化可能不夠。這時你需要 FunnelKit。它是最強大的 WooCommerce 插件之一,可以幫助你提高銷售額。你可以添加自定義的一鍵升級訂購或訂單提升,增加利潤而無需增加流量或廣告費。

希望這篇文章能幫助你學會如何輕鬆在 WordPress 中向不同用戶展示不同內容。你可能還想查看我們的如何像專業人士一樣追蹤 WordPress 網站轉換率的指南和我們的小企業最佳行銷自動化工具列表

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

Read More
WordPress 教学

如何在 WordPress 中創建服務區段(兩種簡單方法)

如何在 WordPress 中創建服務區段(兩種簡單方法)

當潛在客戶訪問您的網站時,他們會想知道您提供什麼。建立一個服務區段可以快速簡便地傳達這些信息,讓訪客決定是否想進一步了解您的業務。

為什麼要在 WordPress 中創建服務區段?

如果您運營的是服務網站,則在您的 WordPress 網站上擁有一個服務區段是很重要的,它能讓訪客快速了解您所提供的服務,如效益、價格和技術規格。這樣,他們可以快速簡便地決定是否想深入了解特定服務。

通常,首頁或登陸頁上的服務區段會鏈接到詳細描述每個項目的自訂服務頁面,這樣使用者可以深入了解每一項服務的細節。

此外,您還可以在服務區段末尾添加一個行動呼籲,例如讓訪客請求個性化報價的表單。以下圖片展示了一個具有明確行動呼籲按鈕的服務區段。

方法一:使用 SeedProd 創建服務區段(推薦)

使用頁面建構器是創建專業設計的服務區段的最簡單方法。使用一個好的頁面建構器外掛,您可以推廣無數的服務並以美觀、用戶友好的佈局排列它們。您還可以通過添加行動呼籲、鏈接、按鈕等來鼓勵訪客了解更多您的服務。

SeedProd 是 WordPress 最佳的拖放式頁面建構器。它提供了 300 多個專業網頁設計模板和預制區段,非常適合創建服務區段。SeedProd 也兼容多個熱門第三方工具,例如頂級電子郵件營銷服務、WooCommerce、Google Analytics 等。

首先,您需要安裝和啟用 SeedProd 外掛。有關詳細信息,請參閱我們關於如何安裝 WordPress 外掛的分步指南。注意:SeedProd 還有一個免費版本,但因為其專業版本有更多模板和區塊,所以我們使用 SeedProd Pro。

選擇專業設計的模板

接下來,創建一個新頁面並添加服務區段。請按照以下步驟操作:

設計您的自訂頁面

添加服務區段

SeedProd 還提供了“區段”,這些是經常一起使用的行和區塊的組合。例如,SeedProd 有常見問題解答區段、頁腳、頁眉和客戶推薦。要瀏覽不同的區段,單擊“區段”選項卡。我們建議查看“功能”類別,以創建服務區段。

找到您想要使用的區段後,將滑鼠移到該區段並單擊小“+”圖標。這會將區段添加到頁面的底部,但您可以使用拖放功能在設計中移動區段和區塊。

方法二:使用 Service Box Showcase 創建服務區段(免費)

您也可以使用免費的 Service Box Showcase 外掛來構建服務區段,並通過短碼將其添加到任何頁面或文章中。

首先,您需要安裝和啟用該外掛。啟用後,前往 Service Box » Add New Service Box。輸入服務區段的標題,選擇所需的佈局,並為每項服務添加詳細資訊。

在添加完所有信息後,可以使用“服務框設置”更改區段的外觀。當您對設置感到滿意時,單擊“發佈”按鈕保存變更。然後,複製短碼並將其添加到任何文章、頁面、側邊欄或其他支持小部件區域的位置。

如何將訪問者轉化為潛在客戶/客戶

為您的企業網站創建服務區段是一個展示貴公司業務及其對目標受眾效益的好步驟。要將網站提升到新的層次,您需要添加其他元素來將訪客轉化為潛在客戶。這裡有一些供您嘗試的想法:

  • 如何在您的 WordPress 網站上使用 FOMO 增加轉化率
  • 如何將 WooCommerce 訪問者轉化為客戶
  • 如何在 WordPress 中添加客戶評論頁
  • 如何在您的 WordPress 網站上顯示 Trustpilot 評論

希望這篇文章能幫助您學會如何在 WordPress 中創建服務區段。您可能也想查看我們關於最佳 WordPress PayPal 外掛以接受付款以及如何在 WordPress 中添加美觀的價格表的文章。若您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 教學視頻,您也可以在 Twitter 和 Facebook 上找到我們。

Read More