WordPress 教学

如何在WordPress中更改默认Gravatar(简易指南)

什么是默认Gravatar及为何要更改它

Gravatar是指全球通用头像服务,它允许用户创建一个档案并将头像图片与他们的电子邮件地址关联。所有WordPress网站内置支持Gravatar功能,当用户在多作者的WordPress博客上发表文章或留言时,系统会自动显示用户的头像。

如果用户没有Gravatar,WordPress会显示默认的Gravatar。对于大多数WordPress网站来说,这是一个灰色的神秘人像。你可以将这个默认的Gravatar更改为任何你选择的图片,例如,可以使用代表你公司的图像,如网站标志。这有助于强化你的品牌形象。

下面我们来看一下如何在你的WordPress网站或博客上更改默认的Gravatar图像。简单使用以下方法跳转到你想使用的方法:

方法1:选择不同的内置WordPress Gravatar(快速简便)

WordPress提供了一些不同的默认Gravatar,你可以快速更改默认的神秘人头像,尽管这些图像不会对你的WordPress网站或品牌独一无二。要查看不同的默认Gravatar,进入WordPress管理区的设置 » 讨论。

在“默认头像”下,你会看到WordPress可以使用的所有不同内置头像。默认情况下,WordPress使用神秘人头像作为默认设置,但你也可以使用此部分中的其他任意图片。

只需点击你想在WordPress博客中使用的图像旁边的单选按钮,然后滚动到屏幕底部,点击‘保存更改’。

方法2:使用Thrive Comments上传自定义Gravatar(插件方法)

如果你不喜欢WordPress提供的gravatar选项,你可以上传一个自定义的gravatar。这是将留言区个性化为你品牌的最佳方式。

为此,我们将使用Thrive Comments。它是一个鼓励用户在你的博客文章中留言并提高网站参与度的评论插件。除了自定义gravatar功能,Thrive Comments还提供了一些工具,使你的留言区更加有趣。例如,你可以启用类似于社交媒体的网站上的点赞和不喜欢功能。

Thrive Comments有单独插件购买,也可以购买包含所有Thrive产品的Thrive Themes套件,包括可以将你的评论转换为推荐的Thrive Ovations。之后,你可以下载插件压缩包并安装到你的WordPress网站上。有关详细信息,请参阅我们的分步指南《如何安装WordPress插件》。

插件安装并激活后,进入WordPress管理区中Thrive Dashboard » Thrive Comments,然后打开‘Customize Style’标签。在这个标签下,确保‘显示头像’设置为开启。完成后,点击‘选择图片’。

在这一步,你可以选择来自WordPress媒体库中的现有图片,或上传你自己的图片作为默认gravatar。你可以使用库存图片,制作自己的定制标志,甚至使用Canva等网页设计软件创建新的Gravatar图像。这个图像应该是正方形,例如250×250像素。

选择图片后,点击‘选择’。就这样,你的新默认gravatar图像应该会在预览和留言区实时显示出来。

Thrive Comments的一个很酷的功能是你可以轻松地懒加载gravatars。这意味着在网站访客滚动到特定评论之前,WordPress不会显示留言者的gravatar。如果想启用该功能,只需进入Thrive Dashboard » Thrive Comments并打开‘高级设置’标签,然后勾选‘当评论进入视口时加载头像图像’选项。你还可以勾选其他懒加载功能。

Thrive Comments技巧和窍门

  • 《如何在WordPress中突出或掩埋评论》
  • 《如何通过评论重定向吸引用户注意力》
  • 《如何从WordPress评论表单中删除网站URL字段》

方法3:插入代码片段使用自定义Gravatar(代码方法)

除了使用Thrive Comments外,你还可以使用代码上传自定义gravatar。如果你只想在WordPress讨论页面上添加新图像,这个方法可能更适合你。

如同第二种方法,你需要有一个你想用作gravatar的图像。之后,你可以进入WordPress网站的媒体 » 添加新文件,上传该图像。

选择图片后,点击链接旁的‘编辑’。。WordPress会打开编辑界面。在这个屏幕上,滚动到‘文件URL’部分,记下这个URL,在下一步中将会用到它。

接下来需要向你的WordPress网站添加一些代码。通常教程会让你将自定义代码片段添加到主题的functions.php文件中。但是,我们不推荐这么做,因为即使是一个小错误也可能导致常见的WordPress错误或完全破坏你的网站。因此我们推荐使用WPCode,这是在WordPress中添加自定义代码最简单和最安全的方式,不需要编辑任何核心WordPress文件。

首先,你需要安装并激活免费的WPCode插件。有关详细信息,请参阅我们的分步指南《如何安装WordPress插件》。

激活后,进入WordPress仪表板中的代码片段 » 添加片段。

在这里,你会看到可以添加到你WordPress网站的所有不同代码片段。包括能完全禁用WordPress评论功能、向你的网站上传SVG文件等的片段。由于我们要添加自定义片段,鼠标悬停于‘添加自定义代码’并点击‘使用片段’。

首先,为自定义代码片段输入一个标题。这个标题可以是任何能在WordPress仪表板中帮助你识别代码片段的内容。

之后,打开‘Code Type’下拉菜单并点击‘PHP片段’。完成后,将以下代码片段粘贴到代码编辑器中:

请务必将URL替换为你要使用的默认WordPress Gravatar图像链接。

代码框下方会看到一些插入选项。如果还没有选择,选择‘自动插入’方法,这样片段会自动插入并在整个网站上执行。

之后,打开‘位置’下拉列表并点击‘全站运行’。

完成后,滚动到屏幕顶部,将‘不活动’切换为‘活动’。最后,点击‘保存’使Gravatar片段生效。

要开始使用这个Gravatar,进入设置 » 讨论页面。在‘默认头像’部分,选择新的‘默认Gravatar’选项。

之后,确保点击‘保存更改’保存设置。现在如果访问你的网站,会看到实时生效的新默认Gravatar图像。

有关Gravatar使用的更多指南

  • 《如何根据用户邮箱显示Gravatar》
  • 《如何禁用WordPress中的Gravatar(分步教程)》
  • 《如何更改WordPress中的Gravatar图像大小》

我们希望这篇文章能帮助你学习如何更改WordPress中的默认Gravatar。你可能还会想看看我们的《如何在WordPress中管理评论》和我们推荐的最佳WordPress评论插件列表。

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

Read More
WordPress 教学

如何在WordPress中创建一键结账(5种方法)

为什么需要在WordPress中创建一键结账?

冗长的结账页面可能会吓退那些有意购买的访客。需要填写一系列不必要或重复的信息会让购买流程拖延。结账流程越长,客户中途放弃的可能性就越大。

平均购物车放弃率为70.19%,其中22%的购物者表示结账流程太长或太复杂是他们放弃的原因。这就是一键结账流程的作用所在。通过添加一个现在购买按钮,回头客可以享受简化的结账流程。

一键结账可以让客户只需点击一次按钮就可以在线购买物品,而无需每次购买时都输入他们的运输、账单和支付信息。这类似于自动填充功能,不同的是用户甚至不需要填写字段,您的网站会自动处理交易而无需进入结账页面。

只需一次点击,访客可以快速完成购买,从而提高转化率并减少购物车放弃率。无论您是拥有在线商店、服务业务、会员网站还是其他类型的网站,这都是增加销售额的简单且有效的方法。

在WordPress中添加一键结账的五种方法

  • 使用WPForms创建一键结账(简单且免费的选项)
  • 使用WP Simple Pay创建一键结账(多种支付方式)
  • 使用Easy Digital Downloads创建一键结账(数字产品)
  • 使用FunnelKit创建一键结账(电子商务商店)
  • 使用WooCommerce创建一键结账(免费)

方法1:使用WPForms创建一键结账(简单且免费)

使用WPForms,您可以轻松地为买家创建一键结账过程。WPForms是一款表单生成器,允许您无需编写任何代码就能轻松构建各种表单。

其拖放生成器使您可以轻松地使用Stripe的支付功能来收集支付信息,从而创建支付表单、用户注册表单、费用审批表单等。此外,还有1700多个模板可供选择,几乎可以找到任何表单类型,意味着您不必从头开始创建。

注意:这个教程可以使用免费的WPForms Lite,因为我们只需使用Stripe集成。但是,如果您需要更多高级功能,可以安装Pro版本。

首先,下载并激活WPForms插件。激活后,从您的WordPress管理员仪表板中导航到WPForms » 设置页面,然后转到支付选项卡。在Stripe下,点击‘连接Stripe’按钮。

您将被重定向到Stripe连接向导,您可以在此连接到现有账号或创建一个新账号。完成步骤后,您将被带回WordPress仪表板,您应该看到一个绿色勾号,表示您的Stripe账号已连接到WPForms。

现在,您可以开始在您的网站上接受支付,并准备创建您的结账表单。导航到WPForms » 添加新表单。从这里,您可以命名您的表单,以便以后参考。

方法2:使用WP Simple Pay创建一键结账(多种支付方式)

WP Simple Pay是另一款在WordPress上接受一次性和定期支付的优秀选择。如果您希望为您的一键结账过程提供多种支付方式,这是更好的选择。

WP Simple Pay提供13+种支付方式,包括借记和信用卡支付、ACH转账、Google Pay、Apple Pay、Venmo等。您甚至可以为客户提供‘立即购买,稍后支付’的选项,如Klarna。

要开始,安装并激活WP Simple Pay插件。激活后,您将被带到设置向导,指导您如何在您的网站上开始接受支付。确保完成所有步骤。您还应该被要求连接您的Stripe账号。如果您还没有Stripe账号,可以创建一个。

完成设置向导后,您将看到一个成功页面,确认设置完成。接下来,转到WP Simple Pay » 设置页面。在Stripe选项卡下,确保Stripe账号已连接并处于‘实时模式’。

方法3:使用Easy Digital Downloads创建一键结账(数字产品)

如果您销售数字产品,没有比Easy Digital Downloads更适合在WordPress中创建一键结账的插件了。

该插件拥有50,000+用户,可以轻松管理和销售电子书、PDF、音频、在线课程、模板等数字产品。

首先,您需要安装并激活Easy Digital Downloads。激活后,插件会自动创建结账和购物车页面。

我们可以通过添加一个购买按钮来简化结账过程。该按钮会自动绕过添加到购物车和结账流程,直接将客户发送到支付页面。

方法4:使用FunnelKit创建一键结账(电子商务商店)

如果您有一个电子商务商店,FunnelKit漏斗生成器是设置快速结账流程的最佳选择。

这个流行的销售漏斗生成器使您能够轻松创建高转化率的销售漏斗,从而提高平均订单价值,减少购物车放弃率,并捕获更多潜在客户。

您可以创建从潜在客户捕捉页面、订单提交到结账表单和滑入购物车的所有内容。最好的是,您无需编写任何代码。

方法5:使用WooCommerce创建一键结账(免费)

如果您想为您的WooCommerce商店添加免费的单击结账功能,可以下载WooCommerce的直接结账插件。

这个免费插件在您的商店中添加一个一键购买按钮。激活后,转到WooCommerce » 设置页面。然后,导航到支付 » 快速结账。从这里,选中‘启用快速结账’复选框。

该插件提供了多种自定义选项。您可以自定义一键结账按钮的显示位置、按钮颜色和显示的文本。

完成后,前往产品页面或您的店面查看一键结账按钮。

总结

希望这篇文章帮助您了解如何在WordPress中创建一键结账。您可能还想查看我们为您的商店准备的最佳WooCommerce插件列表,以及如何正确创建电子邮件新闻通讯的终极指南。

Read More
WordPress 教学

如何在WordPress中创建自定义Instagram照片馈送

为什么在WordPress网站上包含Instagram馈送?

在WordPress网站上嵌入Instagram馈送,可以让你无需额外工作即可向访客展示新内容。这还鼓励读者关注你的Instagram账号。 通过创建一个自动更新的馈送,你每次在Instagram上发布新照片,网站上的内容也会自动更新。你甚至可以通过创建一个标签反馈来展示其他人的照片。下图显示了一个品牌使用自定义Instagram馈送展示用户生成的内容的示例。

这样,你可以使用自定义Instagram馈送提供有价值的社会证明,并在网上赚更多的钱。让我们看看如何在WordPress中创建自定义Instagram照片馈送。

如何在WordPress中创建自定义Instagram照片馈送

将Instagram账号连接到WordPress

首先,你需要安装并激活Smash Balloon Instagram Feed插件。详细步骤请参见我们的插件安装指南。

注意:我们在指南中使用的是Smash Balloon的高级版本,因为它允许你创建完全自定义的Instagram馈送,包括标签反馈和可购买的图像。如果你刚开始或预算有限,也有免费版本的Smash Balloon Social Photo Feed插件。

激活后,从WordPress仪表板前往Instagram Feed»设置页面,输入你的Smash Balloon许可证密钥。

你可以在购买时收到的确认电子邮件以及你的Smash Balloon账号中找到这些信息。点击“激活”按钮。

现在你已准备好创建自定义Instagram馈送。首先,选择Instagram Feed»所有馈送,然后点击“添加新”按钮。

Smash Balloon将显示你可以创建的所有不同类型的Instagram馈送。选择要添加到WordPress中的馈送类型,然后点击“下一步”。

如果你只想显示自己的Instagram照片,可以使用个人Instagram帐户。但是,如果你想创建标签反馈或显示你的帐户被标记的帖子,则需要商业Instagram帐户。

提示:没有商业帐户?要将你的个人Instagram帐户转换为商业帐户,只需按照Smash Balloon的分步说明进行操作。

选择“发布标签”后,需要输入要使用的标签。要在同一个馈送中显示多个标签,只需用逗号分隔每个标签。

完成后,点击“下一步”。要显示你的帐户被标记的帖子,选择“标记的帖子”,然后点击“下一步”。

无论你创建哪种馈送,都需要将WordPress连接到你的Instagram帐户。点击“添加来源”按钮。

选择要显示个人或商业帐户的图像。

选择个人帐户后,Smash Balloon默认不会在标题中包括Instagram头像和简介。但是,你可以随时在插件设置中手动添加Instagram头像和简介。

选择商业或个人帐户后,点击“用Facebook登录”。

选择要在WordPress网站上显示的Instagram帐户,然后点击“下一步”。

选中与要使用的Instagram账号相关联的Facebook页面旁的框。

点击“下一步”按钮。

你现在将看到一个弹出窗口,其中包含Instagram Feed Pro将有权访问的信息以及其可以执行的操作。要限制插件对Instagram帐户的访问,只需点击任一开关将其从“是”切换为“否”。注意,这可能会影响你在网站或博客上显示的照片。

建议保留所有开关处于启用状态。设置完成后,点击“完成”。

现在你将看到一个弹出窗口,其中显示了刚才添加到网站的Instagram账户。选择该账户旁的框,然后点击“添加”。

Instagram Feed Pro现在会将你带回Instagram Feeds»所有馈送屏幕。要创建自定义Instagram馈送,只需勾选要使用的Instagram账户旁的框。然后点击“下一步”。

插件将创建一个Instagram照片馈送,你可以将其添加到任何页面、帖子或小工具区域。

如何自定义你的Instagram照片馈送

默认情况下,Smash Balloon会在其编辑器中打开你的馈送,供你自定义。在右侧,你会看到你的Instagram照片馈送的预览。在左侧是所有可以用来自定义社交媒体馈送的设置。

大多数设置是自解释性的,但我们将快速介绍一些关键区域。要更改布局,只需点击左侧菜单中的“馈送布局”。你可以选择网格、砖块或轮播布局。还有一个默认突出显示每三张照片的加亮布局。当你点击不同的选项时,实时预览会自动更新以显示新布局。这使得尝试不同设计并找到你喜欢的布局变得轻松。

默认情况下,Smash Balloon在台式机和移动设备上显示相同数量的照片。你可以使用右上角的一排按钮预览Instagram馈送在台式机、平板电脑和智能手机上的显示效果。考虑到智能手机和平板电脑通常屏幕较小且处理能力较弱,因此你可能希望在移动设备上显示更少的Instagram照片和视频。

为此,只需在“帖子数量”的‘移动设备’字段中输入不同的数字。

默认情况下,Smash Balloon会在台式机上将你的照片分成4列,在平板设备上分成2列,在移动设备上分成1列。如果你想使用不同的列数,可以滚动到左侧菜单中的“列”部分。你现在可以在台式机、平板电脑或移动设备字段中输入一个新数字。

为了确保你的Instagram馈送在移动设备上显示良好,建议查看WordPress网站的移动版本。完成更改后,点击“自定义”链接。这会将你带回主Smash Balloon编辑器,准备浏览下一个设置屏幕,即“色彩方案”。

默认情况下,Smash Balloon使用从你的WordPress主题继承的配色方案,但它也有“浅色”和“深色”主题,你可能希望使用它们来显示Instagram馈送。你甚至可以选择“自定义”并使用设置更改链接颜色、背景颜色、文本颜色等。

默认情况下,Smash Balloon在Instagram馈送中添加标题,这是你的个人资料照片和页面名称。这可以提供一些有用的额外上下文,让访客了解这些图像的来源。要更改此部分的外观,返回主设置屏幕,然后选择“标题”。

在此屏幕上,你可以更改背景颜色,显示你的Instagram简介,更改标题大小等。默认情况下,标题包括你的Instagram头像。但是,你可能希望显示不同的图像,例如你网站的自定义徽标。要更改个人资料照片,点击“添加图像”下的“显示自定义头像”。你可以从WordPress媒体库中选择图像或上传新照片。

你还可以添加不同的简介。例如,你可以添加一个号召性用语,鼓励人们访问你的Instagram页面。要创建独特的Instagram简介,只需输入“添加自定义简介”框。

当你对标题外观感到满意时,点击“自定义”链接返回主设置屏幕。现在,你需要点击“帖子”。

首先,你可以在Instagram馈送中的个人帖子之间切换盒装和常规布局。为此,选择“帖子样式”。

现在,你可以点击选择要使用的布局。选择“盒装”后,你可以更改背景颜色,添加框阴影,并增加边框半径以创建弯角。

当你对更改感到满意时,只需点击“帖子”链接返回之前的Smash Balloon屏幕。这次,选择“图片和视频”。

Smash Balloon会自动分析你的Instagram照片,并以最佳分辨率显示它们。我们建议使用这些默认设置,因为它们旨在提升WordPress速度和性能。但是,如果需要,可以更改Instagram图像尺寸。要更改图像大小,只需打开“分辨率”下拉菜单,并从列表中选择一个默认的WordPress图像大小。

再次点击“帖子”链接返回之前的屏幕。 这次,选择“标题”。在下一个屏幕上,通过点击“启用”滑块,你可以在每张图片旁边显示Instagram标题。

这将打开一些新的自定义选项,你可以从中更改文本大小和颜色,并设置最大文本长度。

完成后,只需点击“帖子”链接返回之前的屏幕。

下一个设置是“点赞和评论摘要”。这里,你可以添加或隐藏每张图片的点赞和评论总数。如果你的Instagram帖子获得了大量互动,这些数字可以鼓励人们访问你的Instagram页面或开始关注你。

像往常一样,你需要点击“帖子”返回主设置屏幕。最后一个选项是“悬停状态”,即当你将鼠标悬停在帖子上时Smash Balloon添加的覆盖层。

在这里,你可以使用“显示信息”下的设置选择当有人将鼠标悬停在某个帖子上时Smash Balloon显示的信息。你还可以更改悬停覆盖层的颜色。

当你对所做的更改感到满意时,点击“自定义”链接。这会将你带回主Smash Balloon设置页面,在那里你可以点击“加载更多按钮”选项卡。

在这里,你可以通过更改按钮的背景颜色、文本颜色和悬停状态让“加载更多”按钮突出。你也可以尝试在文本字段中添加自己的消息。

虽然建议启用该按钮,但你可以移除它。例如,你可能通过限制用户在网站上看到的照片数量来鼓励他们访问你的Instagram。要移除按钮,只需关闭“启用”滑块,使其变灰。

在WordPress中显示你的Instagram照片馈送

你可以使用区块、小工具或短代码将自定义Instagram馈送添加到网站。如果你使用Smash Balloon创建了多个馈送,则在使用小工具或区块时需要知道馈送的代码。要获取此代码,必须前往Instagram Feed»所有馈送,然后复制“短代码”下的文本。

如果要在页面或帖子中嵌入Instagram馈送,可以使用Instagram Feed区块。只需打开要嵌入自定义Instagram馈送的页面或帖子。然后,点击“+”图标添加一个新区块并开始键入“Instagram Feed”。当正确的区块出现时,点击将其添加到页面或帖子中。在后台默认显示一个Instagram馈送。要显示不同的Smash Balloon馈送,找到右侧菜单中的“短代码设置”。在此处,添加短代码,然后点击“应用更改”。

如果你对自定义Instagram馈送的外观感到满意,可以继续发布或更新页面。另一个选项是将Instagram Feed小工具添加到网站。这是一个在网站每个页面显示Instagram馈送的好方法。 例如,你可以将Instagram小工具添加到WordPress主题的侧边栏或页脚。

要将Instagram Feed小工具添加到网站,前往外观»小工具。然后点击屏幕顶部的蓝色“+”图标。在面板中键入“Instagram Feed”以找到正确的小工具。

如图所示,有两个Instagram Feed小工具,请确保使用正确的一个。接下来,只需将小工具拖到要显示Instagram馈送的区域,例如侧边栏或类似的部分。

小工具会自动显示你使用Smash Balloon创建的一个馈送。如果这不是刚刚创建的自定义Instagram馈送,请在“短代码设置”框中输入馈送代码。完成后,点击“应用更改”。你现在可以通过点击“更新”按钮来使小工具上线。

另一个选项是在任何页面、帖子或支持小工具的区域中使用短代码嵌入Instagram馈送。访问Instagram Feed»所有馈送,并复制“短代码”列中的代码。现在你可以将此代码添加到任何短代码区块中。有关放置短代码的帮助,请参阅我们的短代码添加指南。

是否正在使用支持区块的主题?然后你可以使用完整站点编辑器将Instagram Feed区块添加到WordPress网站的任何位置。在仪表板中,转到外观»编辑器。

默认情况下,完整站点编辑器将显示主题的主页模板。如果要将Instagram馈送添加到其他区域,请点击“模板”或“模板部分”。编辑器将展示构成你WordPress主题的所有模板部分列表。点击要显示Instagram馈送的模板。

WordPress会显示设计预览。要编辑此模板,请点击小铅笔图标。选择模板后,将鼠标悬停在要添加Instagram照片馈送的区域。然后,点击蓝色“+”按钮。一旦完成,开始键入“Instagram Feed”。当正确的区块出现时,点击将其添加到模板中。Smash Balloon会默认显示一个馈送。如果要更改此馈送,请按照上面描述的相同过程添加一个短代码。

附加功能:通过Instagram购物

如果你有在线商店,可以使用自定义Instagram馈送轻松销售产品。Smash Balloon Instagram Feed Pro 允许你为Instagram图片添加产品链接,使用户可以直接点击购买而无需导航浏览产品页面。这可以增加销售额并提高商店的利润。

有关详细信息,请参阅我们关于如何在WordPress中添加可购物Instagram图像的完整指南。希望这篇文章帮助你学习如何在WordPress中创建自定义Instagram馈送。你可能还想看看我们最佳WordPress赠品插件比较以增加社交关注,并学习如何通过我们的初学者指南创建电子邮件通讯。如果你喜欢这篇文章,请订阅我们的 YouTube 频道 以获取WordPress视频教程。你也可以在Twitter 和Facebook上找到我们。

Read More
WordPress 教学

如何使用Shortcake在WordPress中添加短代码用户界面

什么是Shortcake?

WordPress通过使用短代码提供了一种在文章和页面中添加可执行代码的简便方法。许多WordPress主题和插件允许用户使用短代码添加额外的功能。然而,当用户需要输入自定义参数时,这些短代码有时会变得复杂。

例如,在一个典型的WordPress主题中,如果有一个输入按钮的短代码,用户可能需要添加至少两个到五个参数。像这样:

[themebutton url=”http://example.com” title=”Download Now” color=”purple” target=”newwindow”]

Shortcake是一个WordPress插件,也是一个未来可能的WordPress功能。它旨在通过提供一个用户界面来输入这些值来解决这个问题。这将使短代码更易于使用。

开始

本教程面向WordPress开发的新手用户。喜欢修改WordPress主题的初学者也会发现本教程非常有用。

首先,安装并激活Shortcake(Shortcode UI)插件。

现在,您需要一个接受用户输入参数的短代码。这里有一些如何在WordPress中添加短代码的内容提要。

对于本教程,我们将使用一个简单的短代码允许用户在他们的WordPress文章或页面中插入按钮。以下是我们的短代码示例代码,您可以将其添加到您主题的functions文件或特定于网站的插件中。

add_shortcode( 'cta-button', 'cta_button_shortcode' );
function cta_button_shortcode( $atts ) {
extract( shortcode_atts(
array(
'title' => 'Title',
'url' => ''
),
$atts
));
return '' . $title . '';
}

您还需要添加一些CSS样式您的按钮。您可以将此CSS使用在您的主题的样式表中。

.cta-button {
padding: 10px;
font-size: 18px;
border: 1px solid #FFF;
border-radius: 7px;
color: #FFF;
background-color: #50A7EC;
}

这样用户就可以在他们的文章和页面中使用短代码了:

[cta-button title=”Download Now” url=”http://example.com”]

注册您的短代码用户界面

Shortcake API允许您注册短代码的用户界面。您需要描述您的短代码接受哪些属性、输入字段类型以及哪些文章类型将显示短代码UI。

以下是我们将用于注册短代码UI的示例代码片段。我们尝试通过内联注释解释每一步。您可以将其粘贴到您的主题的functions文件或特定于网站的插件中。

shortcode_ui_register_for_shortcode(
'cta-button',
array(
'label' => 'Add Button',
'listItemImage' => 'dashicons-lightbulb',
'attrs' => array(
array(
'label' => 'Title',
'attr' => 'title',
'type' => 'text',
'description' => '请输按钮文本',
),
array(
'label' => 'URL',
'attr' => 'url',
'type' => 'text',
'description' => '完整URL',
),
),
'post_type' => array( 'post', 'page' ),
)
);

现在,您可以通过编辑文章来查看短代码用户界面的效果。只需点击文章编辑器上方的添加媒体按钮。这将打开媒体上传器,您将注意到左侧栏中的新项’插入文章元素’。点击它将显示一个按钮来插入您的代码。

点击包含灯泡图标和您的shortcake标签的缩略图将显示短代码UI。

添加具有多个输入的短代码

在第一个示例中,我们使用了一个非常基本的短代码。现在让我们让它更复杂一点并更有用。让我们添加一个允许用户选择按钮颜色的短代码。

首先我们将添加短代码。它几乎和以前的短代码一样,只是现在它接受用户输入的颜色。

add_shortcode( 'mybutton', 'my_button_shortcode' );
function my_button_shortcode( $atts ) {
extract( shortcode_atts(
array(
'color' => 'blue',
'title' => 'Title',
'url' => ''
),
$atts
));
return '' . $title . '';
}

因为我们的短代码会显示不同颜色的按钮,所以我们也需要更新我们的CSS。您可以在主题的样式表中使用此CSS。

.mybutton {
padding: 10px;
font-size: 18px;
border: 1px solid #FFF;
border-radius: 7px;
color: #FFF;
}
.blue-button {
background-color: #50A7EC;
}
.orange-button {
background-color:#FF7B00;
}
.green-button {
background-color:#29B577;
}

按钮会是这样的:

现在我们的短代码准备好了,下一步是注册短代码UI。我们将使用基本相同的代码,不同的是这次我们有另一个颜色参数,并且我们提供选择蓝、橙或绿色按钮的选项。

shortcode_ui_register_for_shortcode(
'mybutton',
array(
'label' => 'Add a colorful button',
'listItemImage' => 'dashicons-flag',
'attrs' => array(
array(
'label' => 'Title',
'attr' => 'title',
'type' => 'text',
'description' => '请输按钮文本',
),
array(
'label' => 'URL',
'attr' => 'url',
'type' => 'text',
'description' => '完整URL',
),
array(
'label' => 'Color',
'attr' => 'color',
'type' => 'select',
'options' => array(
'blue' => 'Blue',
'orange' => 'Orange',
'green' => 'Green',
),
),
),
'post_type' => array( 'post', 'page' ),
)
);

现在您可以编辑文章或页面并点击添加媒体按钮。您将注意到您新添加的短代码在’插入文章元素’下。

点击您新创建的短代码将显示短代码UI,您只需输入值即可。

您可以下载本教程中使用的代码作为插件。

总结

我们希望这篇文章能帮助您学习如何使用Shortcake在WordPress中为短代码添加用户界面。您也可以查看这7个使用WordPress短代码的必要提示。如果您喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

如何将WordPress从本地服务器迁移到线上站点(2种方法)

为什么要将WordPress从本地服务器迁移到线上站点?

在本地服务器构建你的WordPress博客是一个安全的方法,可以在不影响访问者的情况下测试网站的更改。

当你完成优化后,下一步就是将其从本地服务器迁移到线上站点。下面我们将展示两种将网站从本地服务器迁移到线上站点的方法。

方法1:使用迁移插件将WordPress从本地服务器迁移到线上站点(推荐)

第一步:安装和设置Duplicator插件

首先,你需要在本地站点上安装并激活Duplicator插件。激活后,进入Duplicator » Packages页面并点击‘Create New’按钮。

给你的备份取个名字,然后点击‘Next’按钮。Duplicator现在会运行一些测试来检查是否一切正常。如果所有项目都标记为‘Good’,点击‘Build’按钮。

一旦完成,你会看到‘Installer’和‘Archive’包的下载选项,点击‘One-Click Download’链接下载这两个文件到你的电脑。

第二步:为你的线上WordPress网站创建数据库

在你运行安装程序或上传本地站点文件到你的主机服务器之前,你需要为新的线上网站创建一个MySQL数据库。访问你的主机帐户的cPanel控制面板,找到‘Databases’部分并点击‘MySQL Database Wizard’图标。

提供一个数据库的名称并点击‘Create Database’按钮。然后为新用户输入用户名和密码并点击‘Create User’按钮。

接下来,勾选‘All Privileges’复选框,并点击‘Make Changes’按钮保存更改。现在你的数据库已准备好用于运行你的WordPress站点。

第三步:从本地服务器上传文件到线上WordPress网站

使用FTP客户端连接到你的线上站点,上传Duplicator的archive.zip和installer.php文件到你的空白根目录。

第四步:运行迁移脚本

在浏览器中访问以下URL:http://example.com/installer.php(别忘了将’example.com’替换为你自己的域名)。安装器会运行一些测试并初始化脚本。

在Setup部分,你需要输入MySQL主机,数据库名,用户名和密码。点击‘Validate’按钮确认输入是正确的,然后点击‘Next’按钮继续。Duplicator现在会将你的数据库备份导入到新数据库中并更新指向本地站点的URL。

方法2:手动将WordPress从本地服务器迁移到线上站点

第一步:导出本地WordPress数据库

使用phpMyAdmin导出你的本地WordPress数据库。访问http://localhost/phpmyadmin/并选择你的WordPress数据库,点击顶部菜单栏的‘Export’按钮,选择‘Quick’并点击‘Go’按钮下载数据库。

第二步:将WordPress文件上传到线上站点

打开你的FTP客户端,连接到你的主机账户,将你的本地WordPress文件上传到public_html目录。

第三步:为你的线上站点创建MySQL数据库

通过cPanel控制面板创建一个新数据库,提供数据库的名称,用户名和密码,并赋予新用户所有权限。

第四步:将WordPress数据库导入到线上站点

打开phpMyAdmin,选择刚刚创建的新数据库,点击‘Import’选项卡,选择本地站点保存的数据库文件,点击‘Go’按钮。

第五步:更改站点URL

在phpMyAdmin中找到wp_options表,编辑siteurl和home选项,将其URL改为线上站点URL。

最后,配置WordPress并修复图像和链接路径问题。使用FTP客户端连接到网站,编辑wp-config.php文件,提供数据库名称、用户名和密码,然后将其保存上传回主机服务器。访问你的WordPress后台,更新Settings » General和Permalinks设置,确保所有链接正常。

至此,你已经成功将WordPress从本地服务器迁移到线上站点。如果出现任何错误,请参考我们的WordPress常见错误排除指南。

Read More
WordPress 教学

如何在 WordPress 添加立即購買按鈕(3 種簡易方法)

為何要在 WordPress 添加立即購買按鈕?

立即購買按鈕是一種減少購物車棄置率的絕佳方式。購物過程中的每一步都是顧客改變主意並放棄購物車的機會。通過直接將他們帶到結帳頁面,購物者有較少時間改變主意並放棄購買。

立即購買按鈕能夠鼓勵即時購買,特別適用於數字下載、電子書、實物產品或課程。由於它們可以加快購物過程,因此立即購買按鈕還能提高客戶體驗。當購物過程變得簡單,顧客更可能再次回到您的商店。他們無需在結帳過程中瀏覽多個頁面,從而減少購物過程中的摩擦。

方法 1:使用 WP Simple Pay 添加立即購買按鈕(無需電子商務插件)

您可以使用 WP Simple Pay 在任何頁面、文章或小工具區域添加簡單的立即購買按鈕。這是一個適合服務型企業、非營利機構或任何尋求快速添加立即購買按鈕的人的絕佳選擇。

WP Simple Pay 是 WordPress 最好的 Stripe 支付插件。它允許您接受信用卡支付、Apple Pay、Google Pay、ACH 銀行借記等,無需任何電子商務插件或購物車功能。這使得 WP Simple Pay 成為在銷售頁面添加立即購買按鈕的完美選擇,而無需安裝任何特別的插件。

首先,您需要安裝並激活 WP Simple Pay 插件。如果需要幫助,請參閱我們的如何安裝 WordPress 插件指南。

方法 2:如何將立即購買按鈕添加到數字下載

WP Simple Pay 允許您在任何 WordPress 博客或網站添加簡單的立即購買按鈕。但是,如果您想在 WordPress 上銷售數字下載,則需要一個具有立即購買功能的電子商務插件。

Easy Digital Downloads 是在 WordPress 上輕鬆銷售數字產品的最佳平台。事實上,我們自己也使用此插件來銷售許多高級 WordPress 插件。

Easy Digital Downloads 提供了幾種方法來在 WordPress 中添加立即購買按鈕。默認情況下,Easy Digital Downloads 會在所有產品頁面上顯示“添加到購物車”按鈕。不過,您可以將其替換為立即購買按鈕。

方法 3:在您的 WooCommerce 商店中添加立即購買按鈕

如果您經營 WooCommerce 商店,可能會希望在產品頁面上添加立即購買按鈕。這允許顧客直接從產品頁面開始結帳過程,通常能夠減少購物車棄置率。

最簡單的方法是使用 Buy Now Button for WooCommerce 插件。這個簡單的插件無需配置,會在每個產品頁面上添加一個立即購買按鈕。

首先,您需要安裝並激活該插件。如果需要幫助,請參閱我們的如何安裝 WordPress 插件指南。由於該插件沒有任何設置選項,只需訪問商店中的任何產品頁面,您將看到標準“添加到購物車”按鈕旁邊的“立即購買”按鈕。

Read More
WordPress 教学

[已解决] 如何修复WordPress不发送邮件的问题

为什么您的WordPress网站不发送邮件

最常见的原因是您的WordPress主机服务器没有正确配置PHP的mail()函数。即使您的主机配置了mail()函数,许多电子邮件服务提供商(如Gmail等)也使用各种工具来减少垃圾邮件。这些工具试图检测邮件是否真的是从它声称的地方发送的,而WordPress发送的邮件往往无法通过此测试。

这意味着,当从您的WordPress网站发送邮件时(如通过联系表单插件、管理员通知等),它可能甚至不会进入收件人的垃圾邮件文件夹,更不用说收件箱了。

这就是我们建议不使用WordPress发送电子邮件新闻稿的原因,也是我们建议每个人使用SMTP发送WordPress邮件的原因。

什么是SMTP?

SMTP(简单邮件传输协议)是发送电子邮件的行业标准。与PHP的mail()函数不同,SMTP使用正确的身份验证,这导致高的邮件投递率。WordPress有一个WP Mail SMTP插件,可以配置您的WordPress网站使用SMTP而不是PHP的mail()函数发送邮件。

您可以使用SMTP连接到SendLayer、Brevo(前称Sendinblue)、Gmail(Google Workspace)、Amazon SES等流行的SMTP服务。下面让我们看看如何解决WordPress不发送邮件的问题。

步骤1: 安装WP Mail SMTP插件

无论选择哪个SMTP服务,您都需要在站点上安装并激活WP Mail SMTP插件。这将帮助您将WordPress从内置的PHP mail()函数切换到您选择的SMTP服务。

首先,安装并激活WP Mail SMTP插件。如果不确定如何操作,请参见我们的WordPress插件安装分步指南。接下来,在WordPress仪表盘中点击‘WP Mail SMTP’来配置插件设置。

步骤2: 设置SMTP邮件服务

SendLayer是一个可靠的邮件服务提供商,允许您发送大量的高投递率邮件。您可以使用SendLayer免费发送最多200封邮件,非常适合大多数小型网站入门。

步骤3: 将您的WordPress网站与SendLayer连接

在您可以使用SendLayer发送邮件之前,您需要验证您的域名。这证明您是发送域名的确认所有者,邮件是从合法来源发送的。

步骤4: 完成WP Mail SMTP的设置,以便使用SendLayer

让我们完成设置。首先,进入SendLayer账户找到您的API密钥。然后,将API密钥粘贴到WP Mail SMTP设置向导中。

恭喜,您已经完成了所有设置。最后一步是发送测试邮件以确保一切正常。

其他修复WordPress不发送邮件问题的方法

如您所见,WP Mail SMTP插件提供了多种邮件发送选项。您不必使用SendLayer,也可以选择其他选项,包括Microsoft 365、Gmail(Google Workspace)、Amazon SES等。

无论您选择哪种邮件服务,请记住使用‘测试邮件’功能确保邮件成功发送。并务必检查您的收件箱,以确认是否收到测试邮件。

遇到其他WordPress错误?查看以下指南

WordPress并不完美,您可能会遇到一些常见错误。以下是一些教程,您可以参考它们来解决这些问题:

  • 如何修复WordPress的’添加媒体按钮无效’问题

  • 如何修复WordPress的图片上传问题(分步指南)

  • 如何修复WordPress的内容混合错误(分步指南)

  • 如何修复WordPress文章返回404错误(分步指南)

  • 如何修复“WordPress数据库错误磁盘已满”错误

  • 如何修复WordPress中的“建立数据库连接时出错”问题

  • 如何修复“对不起,这种文件类型由于安全原因不允许上传”错误

  • 如何修复WordPress中502错误的网关错误

  • 如何修复WordPress搜索功能失效问题

Read More
WordPress 教学

如何將 Salesforce 連接到您的 WordPress 表單

如何將 Salesforce 連接到您的 WordPress 表單

Salesforce 是市場上最受歡迎的客戶管理軟件之一。將其與 WordPress 表單集成,能自動將潛在客戶和聯絡人新增到您的 CRM 中,從而節省時間并提高效率。

在本文中,我們將向您展示如何輕鬆地將 Salesforce 與 WordPress 表單連接。

為什麼要將 Salesforce 連接到您的 WordPress 表單?

Salesforce 是市場上最好的 CRM(客戶關系管理)軟件之一。全球許多大型企業都使用它來管理客戶、潛在客戶和商務聯絡。最棒的是,Salesforce 可以輕鬆與 WordPress 集成。

大多數商務網站使用聯絡表單來生成潛在客戶,然後手動將它們添加到其 CRM 軟件。這不僅費時,還有可能忘記跟進潛在客戶。

將 Salesforce 連接到您的 WordPress 聯絡表單,可以消除這個障礙。用戶提交信息後,這些信息會自動添加到您的 Salesforce 聯絡人中。從這裡,您可以跟進客戶,提升轉換率和銷售額。

設置 WPForms 以連接 Salesforce

要進行此教程,您需要 WPForms。這是全球超過 600 萬網站所有者使用的最佳 WordPress 聯絡表單插件。

您可以使用它簡單的拖放式表單生成器,輕鬆創建各種類型的表單。

WPForms 是一款高級 WordPress 插件,您需要其 Elite 計劃才能使用 Salesforce 插件。同時還有一個免費的 WPForms Lite 版本可供下载。

首先,您需要安裝並啟用 WPForms 插件。更多詳情請參閱我們的逐步指南:如何安裝 WordPress 插件

激活後,請訪問 WPForms » 設置頁面並輸入您的許可證密鑰。您可以在 WPForms 網站的帳戶下找到這個密鑰。

設置 WPForms 和 Salesforce 之間的連接

現在,您需要設置 WPForms 和 Salesforce 之間的連接。WPForms 附帶了 Salesforce 插件,讓您輕鬆地將這兩個應用程序連接在一起。

只需轉到 WPForms » 插件頁面,找到 Salesforce 插件。點擊“安裝”按鈕,它將自動安裝和激活。

之後,從您的 WordPress 儀錶板進入 WPForms » 設置 » 集成頁面。然後單擊 Salesforce 集成以將其打開。

在 Salesforce 設置下,點擊“添加新帳戶”按鈕。WPForms 會顯示 Salesforce 設置和回調 URL。

請保持此瀏覽器標籤打開或將回調 URL 複製到安全的地方,後面的步驟中您需要用到它。

現在,您需要在您的 Salesforce 帳戶中創建一個應用。我們將逐步引導您完成此過程。

重要提示:您需要擁有 Enterprise、Unlimited、Performance 或 Developer 版的 Salesforce。否則,您將無法連接您的 WordPress 表單,但您可以使用免費試用版來開始。

如果您尚未註冊帳戶,請訪問 Salesforce 網站並點擊“開始我的免費試用”按鈕創建一個帳戶。然後輸入您的姓名、工作郵箱、職位、公司、電話號碼等詳細信息,並點擊“開始我的免費試用”按鈕。

完成註冊後,您將進入您的 Salesforce 帳戶儀錶板。從這裡,點擊右上角的個人資料圖標,然後選擇“切換到 Salesforce 經典版”。

接下來,點擊頂部的設置鏈接以訪問 Salesforce 儀錶板設置。在左側列中導航到 Build » Create 選單,然後點擊選單中的“應用程式”選項。

將您帶到應用程式部分,在“已連接應用程式”部分下點擊新增按鈕,然後填寫您的應用程式詳細信息。

在“已連接應用程式名稱”處輸入您要使用的名稱,API 名稱將自動默認為已連接應用程式名稱。您不需要更改它。在聯絡郵箱中輸入您的電子郵件地址。

下方打勾“啟用 OAuth 設置”框,然後在回調 URL 欄位粘貼您先前在 WPForms 中找到的 URL。

接著,在“可用的 OAuth 範圍”部分選擇“通過 API 管理用戶數據(api)”和“通過 API 請求任何時候(refresh_token, offline_access)”這兩個权限,點擊“添加”按鈕添加这些权限。然後點擊底部的保存按鈕。

頁面提示可能需要最多 10 分鐘來執行更改。稍後點擊“繼續”按鈕,在下一個畫面中您會看到您的 API 信息。建議至少等待10分鐘再使用您的應用,然後復制您的“消費者密鑰”和“消費者密碼”並粘貼到 WPForms 的 Salesforce 設定中。

回到 Windows,將消費者密鑰和消費者密碼粘貼到 WPForms 的 Salesforce 設定欄中,然後點擊“連接到 Salesforce”按鈕。

接下來,輸入您的 Salesforce 帳戶用戶名和密碼並登錄,點擊允許以授予 WPForms 訪問權限。

連接成功後,在您的整合頁面,會顯示一條成功的信息。這樣 WPForms 已經連接到您的 Salesforce 帳戶,可以開始創建表單並直接將提交內容発送到您的 Salesforce 帳戶。

創建與 Salesforce 連接的 WordPress 表單

下一步是創建您的表單,您可以將任何類型的表單與 Salesforce 連接。進入 WPForms » 新建頁面,這將啟動 WPForms 拖放表單生成器。首先在頁面頂部輸入表單名稱,然後選擇模板。我們將使用“簡單聯絡表單”模板。

在表單生成器中,您可以從左側菜單拖放各種字段到模板中,如添加電話號碼字段。此外,您還可排列字段順序並進一步自定義每個字段。

滿意表單後,前往營銷 » Salesforce 標籤以連接到您的 Salesforce 帳戶,點擊“添加新連接”按鈕。

隨後彈出窗口中輸入連接名稱,然後點擊確定按鈕。

選擇您的 Salesforce 帳戶和 Salesforce 對象,對象是您發送到 Salesforce 的數據類型,如聯絡人或潛在客戶。選擇 Salesforce 對象後,將看到一些新的下拉選單。您需為每個自定義字段選擇表單字段值,確保表單數據進入 Salesforce 中的正確字段。唯一的必填字段是全名字段,選擇名稱作為表單字段值。接著在下拉選單中選擇其他字段並進行映射。完成後,點擊保存按鈕以保存 Salesforce 連接。

將表單添加到 WordPress 頁面或文章中

WPForms 使得您能夠非常簡單地將表單添加到網站的任意位置。編輯欲添加表單的文章或頁面,或者創建一個新頁面。點擊內容編輯器屏幕上的(+)新增塊按鈕,並添加一個 WPForms 塊。

從塊中選擇您的聯絡表單,然後發布頁面即可看到您的表單在網站上顯示。詳細說明請參閱我們的逐步指南:如何在 WPForms 中創建聯絡表單

附加資源

我們希望這篇文章能幫助您瞭解如何將 Salesforce 連接到您的 WordPress 表單。您可能還會喜歡我們的文章:如何將聯絡表單詳細信息發送給多個收件人,以及我們挑選的 貿易電話服務最佳選擇。

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

Read More
WordPress 教学

如何在WordPress中创建短链接(简单方法)

你想为你的WordPress博客文章或页面创建短链接吗?短链接在电子邮件、Facebook消息和短信中非常有用。

这篇文章将向你展示如何使用插件生成短链接,以及如何在经典WordPress编辑器中恢复‘获取短链接’按钮。

为什么在WordPress中创建短链接?

在社交媒体上分享你的网页内容可以提升用户参与度并为你的网站带来新用户。但粘贴长链接或URL并不总是最好的方式。

这是因为一些社交媒体平台会限制你可以使用的字符数。一个较短的URL为更多有用内容留出了额外的空间,这可以带来更多的参与度和流量。

这就是像Bitly和TinyURL这样的URL缩短服务最初被创建的原因。它们将一个长链接变短,这样就不会占用太多空间。

例如,如果你使用SEO友好的URL结构,你可能会有如下长URL:

https://wpressize.me/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/

而我们这篇文章的短链接大大节省了空间:

http://wpbeg.in/b6xh7G

注意:我们使用了一个自定义域名wpbeg.in来生成短链接,这需要一些技术设置,并且需要购买一个额外的域名。我们有一个单独的教程介绍如何创建你自己的定制短URL。

过去,WordPress很容易获取到你的博文或页面的短链接。经典编辑器的永久链接区域旁边有一个获取短链接的按钮。

然而,如果你最近才创建了博客,那么你不会在你的WordPress网站上看到这个功能,因为在WordPress 4.4版本之后,这个按钮被移除了。WordPress仍然会创建这些短链接,但按钮已被删除。

即便如此,你仍有几种方法可以为你的WordPress文章和页面获取短链接。我们将介绍最佳的链接缩短插件,以及如何在经典编辑器中恢复‘获取短链接’按钮。

方法1:使用Pretty Links插件创建短链接

我们将从一种适用于每个人的方法开始。Pretty Links插件是最好的WordPress URL缩短工具之一。它不依赖于经典编辑器,会从任何URL创建自己的短链接。

它适用于所有链接,包括博客或网站以外的页面。除了让你分享自己的内容,它还是缩短联盟链接的完美工具。

首先,你需要安装并激活免费版的Pretty Links插件。有关详细信息,请参见我们关于如何安装WordPress插件的分步指南。

注意:Pretty Links还有一个功能更强大的Pro版本,支持关键词自动链接、链接分类和标签,但在本教程中我们将使用免费版本。

激活插件后,Pretty Links部分将添加到你的WordPress仪表盘。要创建你的第一个短链接,你需要访问Pretty Links»添加链接页面。

接下来,你需要将要分享的页面的原始URL粘贴到‘目标URL’文本框中。Pretty Links会自动创建一个短链接,但如果你希望使它更易读,你可以自定义它。

创建了几个短链接后,你可能不会记得它们都是什么内容。因此,最好在‘标题’栏写入网页的标题,并在‘笔记’栏写下你需要记住的任何内容。

填写完Pretty Links表单后,点击‘更新’按钮以激活短链接。

现在,你会看到所有Pretty Links的列表。点击屏幕右侧的‘复制’图标即可将其复制到剪贴板。

之后,你可以将其粘贴到任何社交媒体频道。Pretty Links还会跟踪每个链接的点击次数。

方法2:使用Bring Back the Shortlink Button插件

这是一个简单方法,可以在经典编辑器中恢复‘获取短链接’按钮。

首先,你需要安装并激活Bring Back the Shortlink Button插件。有关详细信息,请参见我们关于如何安装WordPress插件的分步指南。

激活后,此插件会自动将‘获取短链接’按钮添加到经典编辑器中。只需编辑任何一篇文章即可检查它是否有效。

点击‘获取短链接’按钮,它会显示你的文章或页面的WordPress短链接。

你可以将链接复制到剪贴板,以便在电子邮件和消息中与读者分享。

方法3:用代码在经典编辑器中创建短链接按钮

这种方法适合高级用户,通过代码而不是插件来添加短链接按钮。将一个自定义代码片段添加到主题的functions.php文件中,即可在经典编辑器中添加短链接按钮。

但是,我们不建议编辑主题文件给没有经验的用户,因为如果你犯了错误,可能会导致你的网站崩溃。

相反,我们将使用WPCode,这是最好的WordPress代码片段插件。它使在WordPress中添加自定义代码变得简单,而无需编辑你的主题文件。

首先,你需要安装并激活免费的WPCode插件。有关详细步骤,请参见我们的教程。

激活后,插件会在WordPress管理栏中添加一个名为‘代码片段’的新菜单项。点击它会显示你在网站上保存的所有自定义代码片段。由于你刚刚安装了插件,你的列表将是空的。

点击‘添加新代码片段’按钮,添加你的第一个自定义代码片段。

这会带你到‘添加代码片段’页面。你可以从内置库中选择一个代码片段,也可以添加你自己的自定义代码。

对于本教程,选择‘添加你的自定义代码(新代码片段)’选项,点击其下方的‘使用代码片段’按钮。

在接下来的屏幕中,先为你的自定义代码片段输入一个标题。让我们叫它‘短链接按钮’。输入标题后,复制并粘贴下面的代码片段到‘代码预览’框中。

add_filter('get_shortlink', function($shortlink) { return $shortlink; });

不要忘记从右侧的下拉列表中选择‘PHP代码片段’。

你可以在‘笔记’栏目中输入一些有用的信息,以便日后提醒你这是做什么用的。

你还可以为你的代码片段分配标签。这将帮助你按主题和功能对代码片段进行排序。

接下来,你可以选择如何插入代码。对于这个代码片段,你需要将其插入方式设置为‘自动插入’,这样代码片段会自动插入并在你的网站上执行。

最后,你需要将右上角的开关从‘未激活’切换到‘激活’。

然后,点击‘保存代码片段’按钮。

一旦代码片段激活,经典编辑器将添加短链接按钮。

我们希望这篇文章能帮助你了解如何在WordPress中创建短链接。你可能还想了解如何获取免费邮箱域名,或查看我们对比的最佳域名注册商。

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

Read More
WordPress 教学

如何创建高效的移动弹窗(不会影响SEO)

为什么要向访问者提供优惠券?

新企业主常常担心优惠券会影响利润,但有经验的企业主知道,提供折扣是促使访问者尽快下单的有力手段。提供优惠码可以帮助恢复被放弃的购物车销售,将访问者转化为客户,并增加销售额。

如何在WordPress中创建优惠券弹窗

创建优惠券弹窗的最佳方法是使用OptinMonster。这是市场上最好的WordPress弹窗插件和潜在客户生成软件。

第一步:创建OptinMonster账户

首先访问OptinMonster网站并创建账户。点击“立即获取OptinMonster”按钮开始。

第二步:安装和激活OptinMonster插件

在WordPress网站上安装并激活OptinMonster插件。激活后,您将看到OptinMonster设置向导。点击“连接您的现有账户”按钮。

创建优惠券弹窗活动

步骤一:选择弹窗类型和模板

在OptinMonster的仪表盘中选择“弹窗”类型。然后从众多模板中选择一个适合的,比如‘优惠券’模板。

步骤二:设计弹窗

使用拖放式编辑器定制您的弹窗模板。您可以修改文本、颜色、背景等。

步骤三:设置优惠码发送方式

使用OptinMonster的“成功视图”将优惠码直接显示给访问者,并通过电子邮件发送。

步骤四:与电子邮件列表集成

将OptinMonster与您的电子邮件营销服务集成,比如Constant Contact,以便自动发送优惠码。

创建旋转优惠券轮盘

旋转轮盘是一种让优惠更有趣的方法。OptinMonster提供‘游戏化’弹窗类型,您可以选择旋转轮盘模板并根据需要进行编辑。

显示规则和发布

在“显示规则”选项卡中设定触发条件,比如退出意图。当一切设置完成后,在“发布”选项卡中确保选中“发布”并保存。

其他资源

想要更高效的弹窗?查看我们关于在网站上创建欢迎垫、心理学弹窗等的详细指南。

希望这篇文章帮助您了解如何在WordPress中创建优惠券弹窗。您可能还想了解我们精选的WooCommerce插件或如何向您的WordPress网站添加推送通知。

Read More