WordPress 基础知识

WordPress维护指南 – 初学者终极指南 (2024)

什么是WordPress维护?

WordPress维护是指不断维护您网站的过程,以确保其顺畅、安全、并保持最新状态。这包括更新核心文件、主题和插件,备份网站,优化性能,定期进行安全扫描,监测运行时间等任务。

为什么WordPress维护重要?

定期的WordPress维护可以提升安全性,通过更新修补安全漏洞保护您的网站免受黑客攻击。维护还提升网站性能,如优化图片、清理数据库等,能够显著提高您的网站加载速度。而定期备份给您带来安心,确保一旦出现问题可以及时恢复。

任务1:更新WordPress核心、插件和主题

确保WordPress、插件和主题的更新,以解决可能导致冲突的问题。更新的方法可以通过在控制面板中点击“更新”来完成,您也可以选择自动更新功能。

任务2:定期备份WordPress网站

备份是创建您网站数据副本的重要任务。这可以使用插件如Duplicator Pro来自动进行备份和安排。此外,手动备份也是一种选择。

任务3:监测网站安全漏洞

持续监测网站的安全威胁并进行恶意软件扫描是维持网站安全的重要步骤。推荐使用Sucuri等安全插件进行免费扫描。

任务4:优化网站性能

定期性能优化可确保网站快速加载。方法包括删除未批准的评论、优化图片、使用缓存和内容分发网络等技术。

任务5:处理WordPress错误并监测运行时间

维护期间应监测并解决可能出现的错误,包括修复404错误和监测运行时间,可使用如UptimeRobot这样的工具。

WordPress的维护模式

在进行维护任务之前,建议启用维护模式。这可以通过SeedProd这样的工具来创建一个精美的维护页面。

何时将维护外包给WordPress支持机构

随着网站的成长,自己进行维护可能不再实际。这时可以考虑将维护外包给专业的WordPress支持机构。

关于WordPress维护的常见问题解答

WordPress维护的时间和成本取决于网站的大小和复杂性。通常简单的任务可在几分钟内完成,而更复杂的任务则可能需要更多时间和专业帮助。

希望本文帮助您学习WordPress维护。

Read More
WordPress 插件

2024年最佳5个WordPress弹窗插件 (性能对比)

2024年最佳5个WordPress弹窗插件 (性能对比)

最后更新于2024年6月3日,作者:编辑团队

在过去的几年中,我们使用了各种WordPress弹窗插件,旨在提高网站上的潜在客户获取和转化率。在市场上,有很多弹窗插件可以帮助你提升转化率,但其中大多数要么会拖慢你的网站速度,要么提供不准确的统计数据,甚至更糟。因此,我们决定测试所有最受欢迎的选项,关注弹窗类型、定制设置、报告和定价等因素。在本文中,我们将分享我们对市场上最流行的WordPress弹窗插件测试结果,以帮助你选择最佳的插件。

选择WordPress弹窗插件时要注意的事项

使用WordPress弹窗插件的主要目的是帮助你获取潜在客户,并增加邮件列表订阅者。然而,弹窗需要谨慎使用。制作不良的WordPress弹窗很容易变得烦人,破坏用户体验和品牌声誉。因此,你需要选择一个提供适当的行为交互、目标定位和个性化功能的解决方案,以便在确保最大化转化率的同时提供最佳的用户体验。

性能是大多数WordPress弹窗插件的另一个问题。由于许多弹窗插件使用WordPress来跟踪分析,这会显著增加服务器负载并拖慢你的网站速度。正如你已经知道的,页面加载速度慢会对SEO排名产生负面影响。

最后,你还需要确保所选的WordPress弹窗插件能够与你的WordPress托管环境兼容。许多弹窗插件的代码质量较差,因此它们的高级功能(如A/B测试和报告)无法与许多托管公司现在使用的高级缓存解决方案配合工作。

最佳WordPress弹窗插件的候选者

现在你已经知道大多数WordPress弹窗构建器的常见问题,你可以使用这些信息来评估所有流行的WordPress弹窗插件。由于有数十种弹窗插件,这个过程可能相当耗时。这就是为什么我们为你进行了研究。

在深入评论之前,这里是本文将涵盖的最佳WordPress弹窗插件的快速摘要:

  • OptinMonster——目标弹窗,每月$9
  • TrustPulse——社交证明通知,每月$5
  • Thrive Leads——潜在客户获取,每年$99
  • Bloom——基础弹窗,每年$89
  • PopupAlly——小预算用户,提供免费计划
  • 获奖插件:UserFeedback——用户反馈,每年$49.50

如何测试和评论WordPress弹窗插件

我们在自己的网站上使用它们:在我们的测试和实际网站上分别使用了WordPress弹窗插件,以便我们可以了解真实世界中的用户体验、功能和转化率。

我们查看了最受欢迎的选项:我们审查了最受欢迎的WordPress弹窗插件,以查看它们是否真的值得推荐。确保找出显著的功能、优缺点,以便彻底评估每个选项。

从小企业的角度考虑插件:由于我们拥有多年从头开始发展业务的经验,我们知道选择一个能够快速获取转化和注册的弹窗插件有多重要。

1. OptinMonster

OptinMonster是市场上最受欢迎的潜在客户生成软件。它可以让你轻松地将网站访问者转换为订阅者和客户。它配备了强大的WordPress弹窗构建器和最全面的目标和个性化功能,简单地说,它可以让你像营销专家一样最大限度地提高转化潜力。

功能

  • OptinMonster提供了市场上最强大的目标和个性化功能。它们允许你创建不同的活动,包括弹窗、全屏欢迎垫、浮动栏、滚动框等等。
  • 其目标功能允许你根据访问的页面、在你网站上的活动、地理位置等多种条件进行目标定位。
  • 你可以创建自己的规则来显示弹窗,使其更具个性化和高效。

性能

使用OptinMonster的最大优势在于它的性能。它是一个SaaS应用程序,不会使用你的WordPress托管资源。它异步加载,不会拖慢页面加载速度。这对用户体验和SEO都至关重要。

易用性

OptinMonster配备了直观的拖放式构建器。你可以通过添加背景、选择颜色、图像和字体来轻松设计自己的弹窗。你还可以使用美观的预制弹窗模板,这些模板可以通过简单的点选编辑器进行完全自定义。

2. TrustPulse

TrustPulse是一个使用社交证明来帮助提高网站转化率的WordPress弹窗插件。它在你的网站上显示社交证明通知,以帮助建立用户信任,触发FOMO(害怕错过)效应,并鼓励更多用户注册或购买。

功能

  • TrustPulse通过共享社交证明,以不太干扰但非常有效的弹窗帮助你即时赢得用户信任。

性能

TrustPulse不会影响你的页面加载速度,并且在提升用户体验方面有很大帮助。

易用性

TrustPulse有一个非常简单的设置过程,默认的社交证明弹窗只需少量修改即可使用。

3. Thrive Leads

Thrive Leads是另一个流行的WordPress弹窗插件,被超过114,000个网站所有者使用。它提供了美观的弹窗模板和易于使用的弹窗构建器。

功能

  • Thrive Leads设计用于帮助你在WordPress网站上获取潜在客户并增加邮件列表。它包括多种潜在客户获取类型、先进的A/B测试和分析等功能。

性能

Thrive Leads尝试在性能和功能之间取得平衡,但它仍然比OptinMonster等解决方案要稍慢一些。

易用性

Thrive Leads非常容易使用,并且提供了多种模板,但在显示设置时涉及太多选项,使用户界面有点混乱。

4. Bloom

Bloom是由Elegant Themes制作的流行WordPress弹窗插件,它是最老的一商用WordPress主题商店之一。它作为一个独立的WordPress插件提供了一个易于使用的弹窗构建器。

功能

  • Bloom包含一个基本功能集,包括自动灯箱弹窗、侧边栏、滑入和下发的注册表单等。

性能

Bloom作为一个独立的WordPress插件,它依赖于你的网站服务器资源,可能会影响页面加载速度。

易用性

Bloom非常容易使用,提供了一个简单的拖放式弹窗构建器,但在配置显示设置时涉及太多选项,使用户界面有点复杂。

5. PopupAlly

PopupAlly 是一个免费的WordPress弹窗插件,可以在你的网站上添加礼貌、不打扰读者的弹窗。

功能

  • PopupAlly允许你创建免费的WordPress弹窗和注册表单,提供多种样式和模板使用。

性能

PopupAlly是一个独立的WordPress插件,所以它的所有代码都从你的网站加载。

易用性

PopupAlly 的界面不如其他弹窗插件直观,但它的设计编辑器简单易用。

奖励:UserFeedback

UserFeedback是一个最佳的WordPress弹窗插件之一,可以让你实时收集网站访客的反馈。

功能

  • UserFeedback轻松创建弹窗以收集反馈和捕获电子邮件地址,提供20多个弹窗模板。

性能

当触发弹窗时,UserFeedback异步加载一个非常小的脚本确保最大速度,不会拖慢你的网站。

易用性

UserFeedback非常容易设置和使用,可以选择一个预制模板或从头开始创建弹窗。

顶级WordPress弹窗插件的性能对比

我们实际上尝试了每个WordPress弹窗插件并测试了它们对网站性能和速度的影响。创建一个演示网站,使用每个插件的默认设置创建一个基本的WordPress弹窗,并使用Pingdom测试页面加载速度。以下是我们的测试结果:

弹窗插件 页面加载时间 请求数 页面大小
OptinMonster 1.03秒 17 225KB
TrustPulse 894毫秒 14 130KB
Thrive Leads 1.23秒 17 170KB
Bloom 1.23秒 22 188.8KB
PopupAlly 1.50秒 13 156.8KB
UserFeedback 1.14秒 25 583.4KB

在我们的结果中,我们发现OptinMonster是影响性能最小的最快的WordPress弹窗插件。

结论:哪个是最佳的WordPress弹窗插件?

考虑到我们的标准,OptinMonster是最佳的WordPress弹窗插件。它是最快的弹窗构建器,拥有令人难以置信的工具来提高转化率。它是最易于使用的,配有美观的弹窗模板和强大的拖放式编辑器。

如果你运行一个电子商务商店,我们推荐OptinMonster + TrustPulse的组合。这使你可以通过社交证明和OptinMonster强大的购物车放弃功能最大限度地提高转化率。

我们希望这篇文章帮助你选出最佳的WordPress弹窗插件。你可能还会想看我们关于经过测试的简单方法来增加邮件列表的文章,或我们的高电子邮件送达率的最佳SMTP服务提供商选择。

Read More
WordPress 插件

如何在WordPress中批量转换经典区块为Gutenberg区块

为什么要在WordPress中将经典区块转换为Gutenberg单个区块?

如果你在使用WordPress博客已有相当一段时间,那么很可能你的一些帖子是使用旧版经典编辑器编写的。这些旧内容现在会以经典区块的形式出现在后期编辑器中。通过将经典区块转换为单个Gutenberg区块,你将获得更多的内容控制权和灵活性。你可以通过操作各个区块更轻松地编辑帖子,还能利用右侧边栏中每个区块的自定义选项。这有助于在区块编辑器中轻松编辑内容,同时为你的帖子和页面制作精美的内容布局。

方法一:使用默认设置将经典区块转换为Gutenberg

如果你想将某个单一文章或页面的经典区块转换为单个区块,那么这种方法适合你。首先,你需要编辑想要转换区块的文章或页面。在WordPress仪表板中前往“帖子 » 所有帖子”页面,然后点击文章下的“编辑(块编辑器)”链接。这将打开Gutenberg编辑器。在这里,只需点击经典区块顶部工具栏中的“转换为区块”按钮。经典区块现在将被转换为单个Gutenberg区块。你现在也可以从右边栏访问各个区块的所有设置。如果未看到此面板,则点击编辑器右上角的齿轮图标。完成后,别忘了点击“更新”按钮以保存更改。

方法二:批量转换经典区块为Gutenberg区块

如果你想立即将所有旧文章和页面的经典区块转换为Gutenberg区块,那么这种方法适合你。重要提示:在使用此方法之前,请确保创建网站的完整WordPress备份,因为一旦完成区块转换,则无法撤销。首先,安装并激活Convert to Blocks插件。插件激活后会自动批量转换任何经典区块为Gutenberg区块。你只需编辑使用经典编辑器编写的文章或页面。你会发现经典区块已转换为单个区块。请记住,批量转换不会影响文章在前端的布局,因此文章在WordPress网站上看起来相同。

其他使用块编辑器的提示和技巧

现在你在WordPress网站上使用块编辑器,可以访问经典编辑器中不可用的一些优秀功能。例如,你可以使用组合和列块将不同元素组合在一起,如图片、标题、段落。你可以为页面和帖子创建引人注目的视觉布局。详情请参阅我们的教程如何在WordPress中更改块宽度和高度。同样,可以使用“嵌入”块从第三方来源插入内容,如YouTube、Discord、Twitter和Facebook。你甚至可以使用Cover块在单个块中无缝集成文本和媒体内容。此外,你也可以添加表格、按钮、分隔符、嵌套块等功能到内容中。详情请参阅我们关于如何使用WordPress块编辑器的分步指南。

Read More
WordPress 插件

如何在WordPress文章中添加首字下沉(3种简单方法)

什么是首字下沉?

首字下沉是一种常用于印刷书籍和杂志的排版技巧,通常出现在每个章节的开头段落。它通过将第一个大写字母向下延伸到初始几行的下方来吸引读者的注意力,增添页面的优雅感。

方法1:使用WordPress区块编辑器添加首字下沉

想要使用默认的WordPress区块编辑器添加首字下沉,可以在每篇文章中手动设置。如果您希望自动添加,请查看方法2。首先,进入WordPress后台管理面板,点击“文章 » 新增”页面。在左上角点击“添加区块”按钮,选择‘段落’区块添加到您的文章中。

随后,打开右侧区域的区块设置面板,向下滚动到‘排版’部分,点击旁边的三点图标,然后选择“首字下沉”选项。启用‘首字下沉’后,段落的第一个大写字母将变大。保存草稿或发布更新已保存更改。

方法2:使用CSS代码添加首字下沉

我们可以通过自定义CSS代码来自动为每篇文章的第一个段落添加首字下沉。您可以将CSS代码添加到主题样式表中或使用代码片段插件。推荐使用WPCode插件,以便轻松将代码添加到您的网站中。

安装并激活WPCode插件,访问 ‘代码片段’页面,添加自定义代码片段。选择‘CSS代码段’为代码类型,粘贴以下代码:

<style type="text/css">.entry-content p:first-child:first-of-type:first-letter {font-size: 85px; line-height: 1; padding-top: 0px; padding-right: 10px; padding-left: 4px; color: #000080; float: left; font-family: 'Tangerine', serif; text-shadow: 4px 4px 4px #aaa;}</style>

保存设置后,该CSS代码段即会在您的网站上生效。

方法3:使用插件添加首字下沉

如果不想编辑CSS代码,可以使用Initial Letter插件添加首字下沉。该插件允许您更改首字下沉的尺寸、颜色和字体。首先,安装并激活插件,然后访问插件设置页面配置您的首字下沉选项,选择首字下沉的默认应用、字体和颜色等。

附加:更改WordPress主题中的字体

除了首字下沉,您还可以更改WordPress网站上的字体,以提升可读性和美观度。访问WordPress后台的 “外观 » 自定义” 页面,根据您的主题选择字体样式并应用。

我们希望本文能帮助您在WordPress文章中添加首字下沉,并为网站增添视觉吸引力。如需更多WordPress技巧,欢迎订阅我们的YouTube频道,或在Twitter和Facebook上关注我们。

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 中添加常见问题 (FAQ) 部分

为什么在 WordPress 中添加常见问题(FAQs)?

您可以在您的 WordPress 网站中添加 FAQ 部分,以帮助回答用户对您的产品和服务的常见问题。这也有助于解决访问者可能遇到的问题或疑虑。通过列出基本信息或常见问题,您不必回复无数的支持邮件。此外,FAQ 部分可以提升您的 WordPress SEO。搜索引擎如 Google 可以使用您的 FAQ 来显示增强的搜索结果。例如,Google 可能会在搜索结果中显示网站名称下方的问题。在其他情况下,Google 将使用 FAQ 部分的内容显示在“人们还会问”框中。

方法1:使用 AIOSEO 添加 FAQ 部分(适用于 FAQ + FAQ模式)

添加 FAQ 到 WordPress 网站的最简单方法是使用 All in One SEO (AIOSEO) 插件。AIOSEO 提供内容编辑器中的 FAQ 块,因此您可以轻松地在任何文章或页面中添加 FAQ。此外,它还让您设置 FAQ 模式,以帮助您在搜索结果中的“人们还会问”部分中显示。首先,您需要安装并激活 AIOSEO 插件。激活后,您将看到 AIOSEO 设置向导。只需点击“开始”按钮并按照屏幕上的说明配置插件。然后,您可以创建一个新的文章或页面。在 WordPress 块编辑器中,点击“+”按钮并添加 AIOSEO – FAQ 块。您可以继续添加问题和答案。

方法2:使用 HeroThemes 添加 FAQ 部分(适用于可定制的 FAQ)

另一种方法是使用 HeroThemes 插件在 WordPress 中添加可定制的 FAQ 部分。HeroThemes 具有一个 FAQ 插件,称为 Heroic FAQs。您可以使用此插件管理和创建常见问题部分。首先,您需要下载并安装 Heroic FAQs 插件。激活后,您将看到 Heroic FAQs 欢迎界面。输入您的许可证密钥并点击“激活”按钮。接下来,您需要创建 FAQ 组。然后添加新的 FAQ 问题和答案。

改进客户支持的额外提示

在您的网站上添加 FAQ 部分是教育访问者和改进客户支持的好方法。还有许多其他方法可以简化您的客户支持工作流程。例如,您可以为用户创建知识库,并添加教程和故障排除指南。您还可以使用帮助台软件如 Groove HQ 或 HelpScout,来管理所有客户支持请求。

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