WordPress 插件

如何在WordPress中设置默认特色图像(简单方法)

为什么在WordPress中设置默认特色图像?

特色图像,有时称为缩略图,是WordPress文章和页面的主要图像。所有流行的WordPress主题都内置支持这一功能。然而,有时您可能会忘记为文章上传特色图像。如果您的网站有其他作者,他们可能并不了解特色图像的重要性,可能会忽略添加。忘记添加特色图像会导致网站设计中出现许多空白区域,比如博客存档或主页。

如何在WordPress中设置默认特色图像

设置默认特色图像的最简单方法是使用Default Featured Image插件。首先,安装并激活该插件,然后进入“设置 » 媒体”。点击“选择默认特色图像”按钮,您可以选择媒体库中的图片或上传新文件。

如何为社交媒体设置默认特色图像

社交媒体是吸引新读者和增加网站流量的好地方。All in One SEO(AIOSEO)插件是实现这一目标的最佳选择之一。安装并激活AIOSEO插件后,转到“SEO设置 » 社交网络”,根据每个平台(如Facebook、Twitter、Pinterest)分别设置不同的默认图像。

专家指南:WordPress中的特色图像

希望这篇文章帮助您了解如何使用插件设置WordPress中的默认特色图像。您可能还想了解其他与WordPress特色图像相关的指南。

Read More
WordPress 基础知识

WordPress支付处理:初学者终极指南

什么是支付处理器,以及它们如何工作?

支付处理器是一种处理客户与银行之间在线交易的服务。可以将其视为一个中介,确保资金安全地从买家的付款方式(如信用卡或数字钱包)转移到你的商业账户。当你运营一个WordPress网站时,不能直接接受付款,因为WordPress没有内置的功能来实现这一点。因此你需要像Stripe、PayPal或Square这样的支付处理器来处理技术事宜。这些服务通过插件与WordPress集成,使你不需要编写代码或设置复杂系统即可轻松收取付款。

Read More
WordPress 插件

如何预览和测试您的WooCommerce电子邮件(简单方法)

为什么要预览和测试您的WooCommerce电子邮件?

在运行WooCommerce商店时,您需要确保收据和订单更新电子邮件看起来专业,包含正确的信息并能快速可靠地传递。您会希望自定义电子邮件的措辞和外观以符合您的品牌,并为客户提供最佳用户体验。

当您自定义WooCommerce电子邮件时,能够在屏幕上预览所做的更改,而不必每次都发送测试电子邮件,这非常有用。虽然WooCommerce » 设置 » 电子邮件页面提供了“点击这里预览您的电子邮件模板”的链接,但它显示的是虚拟文本而不是您商店自定义电子邮件的措辞和布局。

如何预览您的WooCommerce电子邮件

首先,您需要安装并激活WooCommerce电子邮件预览插件。要了解更多信息,请参阅我们关于如何安装WordPress插件的分步指南。

激活后,您需要访问WooCommerce » 预览电子邮件页面,以便选择要预览的WooCommerce电子邮件。只需点击“选择电子邮件”下拉菜单。您可以在此处选择要预览的WooCommerce电子邮件。

接下来,您需要从“选择订单”下拉菜单中选择一个现有订单。来自此订单的数据将用于电子邮件预览。如果您希望用于预览的订单未显示在列表中,您可以使用“搜索订单”字段进行搜索。如果您的WooCommerce商店尚未收到任何订单,您可以通过首先将Stripe支付设置为测试模式来创建虚拟订单。

如果您还希望发送测试电子邮件,您可以在“邮件发送至”字段中输入电子邮件地址。如果您只希望在屏幕上预览电子邮件,则应将此字段留空。当您点击“提交”按钮时,将显示所选电子邮件的预览。如果您填写了“邮件发送至”字段,则测试电子邮件也会发送到该地址。

如何测试您的WooCommerce电子邮件

接下来,您需要测试电子邮件以确保客户会收到它们。您应该从安装和激活WP Mail SMTP插件开始。有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。WP Mail SMTP免费版包含提高电子邮件可达性所需的所有基本功能。但为了测试WooCommerce电子邮件,本教程使用的是WP Mail SMTP Pro。Pro版本还包括优先支持、详细的电子邮件传递日志以及控制从您网站发送哪些电子邮件的功能。

激活后,您需要配置插件以与SMTP邮件服务一起使用。WP Mail SMTP向导将引导您逐步完成该过程,或者您可以按照我们的指南设置WP Mail SMTP与Brevo(前称Sendinblue)、Gmail、Microsoft Outlook、Amazon SES或您的网络主机进行配置。我们推荐使用Brevo,因为每天可免费发送多达300封电子邮件。如果您不愿亲自处理技术细节,精英计划包含白手套安装服务,他们的团队可以为您安装。

一旦WP Mail SMTP安装并配置完成,您就可以发送测试电子邮件了。为此,请转到WP Mail SMTP » 工具并查看测试页面。只需输入要发送测试电子邮件的电子邮件地址,然后点击“发送电子邮件”按钮即可。然后您需要检查您的电子邮件收件箱,看看是否收到邮件。有关测试电子邮件的更多详细信息,请参阅我们的指南“如何从WordPress发送测试电子邮件”。如果您在接收测试电子邮件时遇到问题,您可以参阅我们的指南“如何修复WooCommerce不发送订单邮件”。

我们希望本教程能帮助您了解如何预览WooCommerce电子邮件。您可能还想了解如何创建WooCommerce弹出窗口以增加销售额,或者查看我们为您的商店推荐的最佳WooCommerce插件列表。

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

Read More
WordPress 教学

如何修复WordPress中的‘jQuery未定义’错误(6种方法)

如何修复WordPress中的‘jQuery未定义’错误(6种方法)

如果您在WordPress管理区域或其他地方看到‘jQuery未定义’错误,不必担心——您并不孤单。这是许多WordPress用户常遇到的一个问题。不过,当网站无法按预期工作时,这确实令人沮丧。

我们在WordPress上已有超过十年的工作经验,在此期间,我们学会了如何解决和处理一些常见的WordPress错误,包括‘jQuery未定义’错误。在本指南中,我们将解释为什么会出现此错误,更重要的是,如何修复它。我们会以简单的方式解释,让即使不是开发人员的您,也能轻松跟随并迅速解决问题。

‘jQuery未定义’错误的原因

jQuery是WordPress中广泛使用的JavaScript库,它帮助运行许多交互功能。然而,有时它可能无法正确加载,这可能会影响您网站的功能。该错误出现于开发者工具的Console选项卡下,因此许多用户可能不会注意到,直到他们的网站出现问题。

如果您看到‘jQuery未定义’错误,说明WordPress在加载过程中出现了问题。经过多年经验,我们发现该错误通常由以下原因导致:

  • 主题或插件过时:当主题或插件未更新以匹配最新的WordPress版本时,会导致此错误。尤其是在WordPress进行重大更新后,这种情况尤其常见。
  • 脚本加载不当:jQuery必须在其他JavaScript文件之前加载。如果不是这样,则依赖jQuery的脚本将崩溃。通常这种情况发生在主题或插件未正确编码以排队脚本时。
  • JavaScript冲突:网站上运行的其他脚本可能会与jQuery冲突,尤其是在它们未正确加载的情况下。这种冲突会导致jQuery断裂,引发错误。
  • CDN问题:一些网站依赖于CDN上托管的jQuery。如果CDN不可用或被阻止,网站将无法加载jQuery,从而导致此错误。

所有这些问题都会阻止jQuery的顺利运行。但是不用担心,凭借我们的经验,我们可以指导您解决问题的方法。

如何修复‘jQuery未定义’错误

遇到此错误时,修复方法有几种。以下是我们用来修复此问题的最有效方法。我们建议按照顺序尝试这些策略,但如果您希望从特定方法开始,可以使用以下跳转链接:

  • 更新WordPress、主题和插件
  • 检查jQuery是否正确加载
  • 添加jQuery备用方案
  • 修复脚本加载顺序(高级)
  • 编辑wp-config.php以修复jQuery加载问题
  • 获取专业支持帮您修复错误

1. 更新WordPress、主题和插件

过时的软件是导致‘jQuery未定义’错误的最常见原因之一。过时的主题或插件可能与最新版本的WordPress不兼容,导致脚本冲突。为了解决这个问题:

首先,确保您的WordPress核心已更新。导航到仪表盘»更新并点击‘更新到版本X.X.X’(如果有可用更新的话)。然后查看您是否跟上了WordPress插件和主题的更新。

2. 检查jQuery是否正确加载

在探索更高级的解决方案之前,重要的是检查jQuery是否确实被加载到您的网站中。此步骤帮助您确认jQuery是否正常工作。

右键点击WordPress网站的任何地方并选择‘查看页面源代码’。接下来,使用Ctrl + F(或Mac上的Cmd + F)调出搜索框,输入‘jquery.min.js’,以确认代码中是否引用了jQuery。

3. 添加jQuery备用方案

有时,您的网站上的某个脚本可能正在使用存在连接问题的CDN来加载jQuery。在这种情况下,它将无法加载jQuery并导致错误。要解决此问题,您可以将jQuery备用方案添加到WordPress站点中,以确保jQuery始终被加载。

请使用WPCode插件来安全添加代码片段,而不会破坏您的网站。安装并激活该插件后,转到代码片段»+ 添加片段,然后在‘添加自定义代码(新片段)’下点击‘使用片段’按钮。之后在HTML片段类型中粘贴jQuery备用代码。

4. 修复脚本加载顺序(高级)

‘jQuery未定义’错误的另一个常见原因是jQuery加载在依赖它的其他脚本之后。通过修复脚本加载顺序,确保jQuery始终最先加载以防止冲突。通过WPCode插件正确排队脚本,以确保jQuery按正确顺序加载。

5. 编辑wp-config.php以修复jQuery加载问题

如果前面的方法没有效果,编辑wp-config.php文件可以通过控制WordPress如何处理脚本加载来帮助解决问题。具体步骤包括通过FTP客户端访问该文件并添加相关代码,以禁用脚本连接。

6. 获取专业支持帮您修复错误

如果以上方法都不起作用,或您只想让专家查看您的问题,您可以考虑使用我们的WordPress专业支持服务。只需支付小额一次性费用,我们的专业WordPress工程师将为您修复错误。这样,您的网站将尽快恢复正常,您可以继续开展在线业务运营。

附加资源:排查WordPress错误

如果上述步骤均无效或者您想进一步阅读,可以参考以下资源:

  • 初学者的WordPress错误排查指南(逐步指导)
  • WordPress中如何正确添加JavaScript和样式
  • 最常见的WordPress错误及其修复方法
  • 如何修复WordPress中的渲染阻塞JavaScript和CSS

希望这篇文章能帮助您修复WordPress中的‘jQuery未定义’错误。您可能还想看看我们的WordPress jQuery版本升级指南或为WordPress初学者准备的最佳jQuery教程。如果您喜欢这篇文章,请订阅我们的YouTube频道获取WordPress视频教程。您也可以在Twitter和Facebook上找到我们。

Read More
WordPress 教学

语音搜索SEO:优化您的WordPress博客以适配语音搜索

为什么语音搜索很重要?

语音搜索正在快速成为人们在网上查找信息的标准方式。如果您的网站没有针对语音搜索进行优化,那么它将变得不那么相关,您将失去宝贵的搜索流量。这是因为与智能助手互动简单而且方便。研究显示,62%的美国成年人现在使用语音助手,而且27%的全球互联网用户在移动设备上使用语音搜索。

1. 目标为会话关键词

当人们使用语音搜索时,他们会以日常用语进行交谈,而不是像在搜索栏中输入的那样简短关键词。因此,如果您希望您的网站针对这些语音搜索进行优化,则需要使用相同的会话语言。

2. 使用架构标记

许多人在无法查看屏幕时,例如在驾驶过程中使用语音搜索。他们需要虚拟助手提供口头答案,这可能包括到您商店的指引或关闭时间等信息。这只能在搜索引擎理解您网站内容的情况下实现。为此,搜索引擎识别并使用结构化数据,如架构标记。

3. 为本地SEO进行优化

如果您有当地业务,那么许多用户将通过语音搜索尝试找到您。添加您的业务地址、联系方式、营业时间等重要信息的标记,可以让虚拟助手容易回答这些问题,使更多客户找到您的业务。

4. 为特色片段进行优化

特色片段是Google搜索结果页顶部显示的突出结果。由于这些片段是常规搜索结果的上方,它们可以将更多流量引导到您的网站。更好的是,以语音搜索为例,虚拟助手往往会将特色片段直接朗读给用户。

5. 改进您网站的技术SEO

最后,您应该检查是否存在任何技术原因导致Google对您的排名进行处罚。即便您创建了最优化的语音搜索内容,但如果不能接近搜索结果的顶部,那您的所有努力就白费了。我们创建了一份技术SEO检查表来帮助您识别技术问题。

常见问题:关于语音搜索的常见问题

语音搜索不仅仅用于查找餐馆和路线。人们现在使用语音搜索做从复杂问题咨询到购物控制他们的智能家居等等所有事情。优化语音搜索时需要关注长尾关键词,这些是人们在会话中使用的较长、更具体的短语。考虑您的受众,想象他们可能会如何表达他们的搜索查询,并确保在您的内容中包含这些问题并清晰简洁地回答它们。

Read More
WordPress 基础知识

WordPress多站点真的安全吗?需要知道的8个安全提示

什么是WordPress多站点?

想象一下,无需管理多个登录或安装即可管理多个网站。这就是WordPress多站点功能允许您做到的。它是一个内置功能,可以让您从一个单一的WordPress安装中运行多个网站,所有网站都可以从一个仪表盘中进行控制。这种设置在处理多个网站的组织、学校和企业中很受欢迎。它也是博客网络和繁荣发展的在线社区的最爱。启动WordPress多站点可能听起来很技术复杂,但其实意外地简单。

WordPress多站点安全吗?

是的,WordPress多站点非常安全,尤其是当它得到妥善管理时。它是 WordPress核心软件的一部分,由专职团队积极维护并定期更新以修补安全漏洞。然而,多站点为设置带来了独特的风险。因为所有网站共享相同的核心文件和数据库,一个小小的弱点就可能影响整个网络。切勿担心,只要采取正确的预防措施,WordPress多站点就可以和标准WordPress站点一样安全。让我们探索如何自信地保护您的网络。

WordPress多站点安全提示

确保WordPress多站点安全不仅仅是锁定,而是要提前防范潜在风险。我们发现小的忽略,比如忘记更新或过多的管理员权限,可能会制造出意想不到的漏洞。但确保WordPress多站点安全并不需要让人不知所措。几个聪明的做法就可以大大提高您网络中每个站点的安全。

1. 定期备份您的WordPress多站点

在WPressize Me,我们在谈论WordPress安全时总是从备份开始。它是保护您网站免受数据丢失的最重要步骤。我们已经亲眼见证了一个可靠的备份可以如何将一次压力巨大的情况转变成一个小的不便。无论是恶意软件攻击、插件错误,还是误删,只要有备份,您就可以不丢失任何东西地恢复整个网络。

2. 选择有经验的安全托管提供商

托管提供商在WordPress多站点网络的安全中扮演着重要角色。并非所有的网络托管商都适合多站点设置,选择错误的可能会让您的整个网络暴露在攻击下。

3. 限制超级管理员权限

在WordPress多站点网络中,“超级管理员”对每个站点拥有完全控制权。他们可以安装插件,管理主题,甚至可以从网络中删除网站。给太多人超级管理员访问权限可能适得其反。

4. 使用强密码和两步验证

我们都犯过使用太容易猜到的密码的过错。但当您在运行WordPress多站点网络时,弱密码可能是一个严重的风险。

5. 保持WordPress核心、主题和插件更新

我们理解——更新WordPress、插件和主题可能感觉像个麻烦。但忽略更新可能为严重的安全风险打开大门。

6. 设置WordPress防火墙

想象一下,在您的多站点网络门口有一个安全保安,阻止威胁在它们敲门之前。这就是一个WordPress防火墙的作用。

7. 限制插件和主题安装

在WordPress多站点网络中,只有超级管理员才能为整个网络安装插件和主题。网站管理员只能激活超级管理员已经安装的插件。

8. 启用活动监控和记录

当管理WordPress多站点网络时,跟踪用户操作不仅仅是有帮助——对于安全来说是必不可少的。

常见WordPress多站点安全错误

即便有最好的意图,管理WordPress多站点网络时也容易忽略某些安全做法。遗憾的是,小错误会演变成重大漏洞。

最后思考

确保WordPress多站点网络安全起初可能感觉压力山大,但采取正确的步骤后,它是完全可控的。通过设置定期备份,限制超级管理员权限,使用工具如Cloudflare和WP Activity Log可以为网络中每个站点创建更安全的环境。

Read More
WordPress 插件

如何在WordPress中使用Stripe接受付款

为什么在WordPress中使用Stripe接受付款?

Stripe 是领先的支付网关,使得企业主可以轻松地接受在线付款。它可以轻松地与所有类型的WordPress网站集成,包括电子商务商店、博客网站、非营利网站和会员网站。使用Stripe,您可以处理定期付款,或者允许用户一次性付款。

请注意,Stripe要求您的网站使用SSL/HTTPS加密。如果您的网站尚未安装SSL证书,请参阅我们的逐步指南,了解如何在WordPress中添加SSL。

既然如此,有多种方法可以在WordPress中使用Stripe接受付款。我们将介绍四种不同的方法,以便您能选择最适合您需求的方法。

在WordPress中使用WPForms创建自定义Stripe订单表单

WPForms是最好的WordPress表单插件。它允许您创建自定义付款表单,并通过Stripe和PayPal轻松在您的WordPress网站上接受付款。首先,您需要安装并激活WPForms插件。然后,输入您的许可证密钥并安装Stripe Pro插件。接着,连接您的Stripe账户并创建一个新表单接受付款。

使用WP Simple Pay插件创建Stripe购买按钮

WP Simple Pay是接受在线支付的另一种方法。它允许您无需设置购物车即可收款。首先,安装并激活WP Simple Pay插件。连接您的Stripe账户,并创建一个付款表单,然后在您网站的任何位置添加该表单。

在WooCommerce中添加Stripe支付网关

如果您在使用WooCommerce运行在线商店,这里是如何使用Stripe接受付款的方法。安装并激活Stripe Payment Gateway for WooCommerce插件,然后连接到您的Stripe账户。按照向导设置Webhooks并选择是否开启快速结账选项。

使用Easy Digital Downloads与Stripe集成

Easy Digital Downloads是市场上最好的WordPress电子商务插件之一。它允许您轻松地从WordPress网站销售数字产品。安装并激活Easy Digital Downloads插件,然后在“支付”选项下连接Stripe。

希望这篇文章帮助您了解如何在WordPress中使用Stripe接受付款。如需更多帮助,请订阅我们的YouTube频道,或者在Twitter和Facebook上关注我们。

Read More
WordPress 插件

如何在 WooCommerce 产品评价后发送优惠券

为什么在客户留 WooCommerce 产品评价后发送优惠券?

发送优惠券是鼓励客户在 WooCommerce 商店留下产品评价的一种方式。很多在线购物者在购买前会阅读评价,好的评价有助于建立业务的信任和信心。当商店评价良好时,客户往往会花更多的钱。

然而,即便客户对他们的购买感到满意,许多人并不留下评价。为了鼓励客户评价产品,在线商店通常会提供奖励,如重新交易优惠券。

WooCommerce 允许你使用其内置功能创建简单的优惠券,但并没有直接提供自动发送优惠券给提交评价客户的功能。手动逐个发送 WooCommerce 优惠券可能很麻烦,所以我们将教你如何自动化这个过程。

步骤 1: 安装 Uncanny Automator 插件

为客户评价产品后自动发送 WooCommerce 优惠券,使用 Uncanny Automator 插件是最佳的。它是市面上最佳的 WordPress 和 WooCommerce 自动化插件,无需编写代码即可创建强大的工作流程。

步骤 2: 创建自动化流程以在产品评价后发送优惠券码

首先,安装 Uncanny Automator 插件,并在激活后进入 Automator » 设置并输入‘Uncanny Automator Pro 授权密钥’。之后点击‘激活授权’。

然后,进入 Automator » 新建,创建一个新工作流程,选择适用于已登录用户的流程,并点击‘确认’按钮。在‘选择集成’下点击‘WooCommerce’。选择‘用户评价产品’作为触发条件。

步骤 3: 激活 Uncanny Automator 优惠券代码邮件流程

在流程设置完成后,将其从草稿状态切换为‘上线’。现在,每当有人发布评价,他们将在邮箱中收到优惠券代码作为感谢。

WooCommerce 邮件有时可能无法发送。为避免这种情况,使用 SMTP 插件如 WP Mail SMTP 可提高邮件送达率。

希望本教程能帮助你学习如何在 WooCommerce 产品评价后发送优惠券。想了解更多内容,请订阅我们的 YouTube 频道,也可以在 Twitter 和 Facebook 上找到我们。

Read More
WordPress 教学

哪些WordPress插件会拖慢你的网站?

为什么有些插件会拖慢你的WordPress网站?

WordPress插件就像网站的应用程序。如果您想为站点添加新功能,那么您可能会找到一个可以实现它的插件。如今有成千上万的插件可供选择,让您可以添加联系表单、优化图像、改善SEO和安全性等等。

WordPress插件和WordPress本身一样,都是用PHP编程语言编写的。这些代码在您的服务器上运行,并消耗包括内存、处理器和存储在内的资源。当访问者查看您网站上的页面时,WordPress会加载其核心文件和活跃插件,然后再加载页面。

实际上,问题在于插件代码质量而非数量。即使您运行几十个优秀的WordPress插件也可能不会出现任何问题,但一个代码较差的插件就可能拖慢您的网站。

如何找出拖慢WordPress网站的插件

发现执行慢数据库查询的插件:可以使用查询监控插件来发现潜在的瓶颈。这些工具监控您的网站向服务器发出的请求。在网站前端查看页面时,使用Query Monitor工具栏可以找到‘数据库查询’选项,查看各插件执行数据库查询的数量和所花费的时间。

发现加载慢资源的插件:访问网站页面并使用浏览器的开发者工具,查看加载所需的资源文件的时间,可以帮助找出哪些插件加载了缓慢的外部资源。

手动测试插件速度:通过逐个停用插件并检查网站性能来找出拖慢网站的插件。尽管这需要花费更多的时间和精力,但能够帮助您识别出导致速度变慢的插件。

使用Google Lighthouse改进移动设备性能

Google Lighthouse提供有关您网站性能、可访问性及SEO的见解,帮助您优化关键Web指标(Core Web Vitals),但不会特别识别哪个WordPress插件造成了拖慢。

选择更好的WordPress插件

确保您找到既满足需求又优化速度的插件。建议从WordPress插件目录中寻找,选择活跃安装量多、评分高、与最新WordPress版本兼容的插件。或者使用推荐插件目录,像是我们的WPressize Me解决方案中心,其中列出了经过测试且我们认为值得信赖的插件。

在安装和激活插件前后进行网站速度测试,以确保不会拖慢您的网站。

使用专业网站速度优化服务

若发现自己无法识别拖慢网站的插件,我们的专业服务团队可以提供帮助。我们会设置演示网站进行详细测试,以确保不影响您的真实站点,助您优化WordPress性能。

关于WordPress性能的深入指南

我们希望此教程帮助您找出拖慢网站的插件。您还可以查看一些关于如何利用这些信息改善WordPress性能的指导,例如如何为移动用户禁用特定的WordPress插件,以及如何提升WordPress速度与性能的终极指南。

Read More
WordPress 插件

如何在WordPress中使用Typekit添加精彩排版

为何使用Typekit字体?

Typekit是一项流行的订阅制字体服务,可以为您节省大量资金。您不必单独购买昂贵的字体许可证,而是可以通过订阅享受其整个庞大字体库。Typekit提供1000多种字体,其中很多都是市面上最美观的字体。免费计划可使用230+字体,最多可在一个网站上使用两个字体系列。此外,其他计划的费用从每年49.99美元到99.99美元不等。

这些出色的Typekit字体可以轻松添加到网站上,而不会减缓页面加载速度。这些字体是从Adobe的CDN服务器加载,比您在自己网站上托管字体快得多。

为什么在WordPress中使用自定义网页字体?

字体在网站设计中扮演着至关重要的角色。选择合适的字体可以清晰地传达您的个人风格和信息。无论您是希望展示专业、友好、随性或经验丰富的形象,网站上的字体都能帮助您营造出合适的印象。

通过正确的字体选择,您可以给访问者留下持久的印象。您的文字会显得与众不同,选择合适的字体可以瞬间让您的网站从普通设计变成赏心悦目的艺术品。

合适的自定义网页字体可以:

  • 提高转化率
  • 降低网站跳出率
  • 增加用户在网站上停留的时间
  • 为用户创建难忘的体验

如何开始使用Typekit

首先,您需要创建一个Typekit账户。访问Typekit.com比较可用计划并选择一个合适的计划。免费计划允许在一个网站上使用有限的字体,您可能会想先试用免费计划后再决定升级。更高级的计划提供更多的字体库且可以在更多的网站上使用。

接下来,创建一个kit。它允许您为网站配制特定字体库和设置,以便Typekit仅加载所需的文件和代码。创建kit时,需要输入您网站的名称和域名,然后点击继续。

填写完kit信息后,Typekit会提供一段JavaScript代码,您需要将其添加到您的网站中。可以先将该代码复制粘贴到记事本中备用。在接下来的步骤中,我们将把这段代码添加到您的网站上。

现在,您可以开始挑选字体。浏览字体库并按分类、粗细、宽度等选项进行筛选。看到喜欢的字体时,可以点击查看更多详情和示例。如果想将字体添加至您的web kit中,就点击右侧的Web Use: Add to Kit按钮。

这样会弹出一个窗口,您需要将选择的字体添加到之前创建的kit中。然后点击发布按钮以保存对kit的更改。

在WordPress中添加您的Typekit字体

最快的方法是在WordPress中使用Typekit插件。我们推荐使用Typekit Fonts for WordPress插件。安装并激活插件后,您可以访问Settings » Typekit Fonts配置插件。

首先,将之前保存的JavaScript代码粘贴到Typekit嵌入代码字段中。然后您可以使用CSS选择器来指定字体的应用位置。在示例中,我们把字体添加到h1.site-title CSS选择器中。

查看您的WordPress主题,了解不同元素的CSS类。您可能需要使用网页浏览器中的Inspect Element工具找到这些CSS类。例如,可查看我们的WordPress生成的CSS新手速查表以帮助您入门。

完成以上步骤,您就可以在WordPress中更改字体风格了。希望这篇文章帮助您在WordPress中使用Typekit字体实现精美排版设计。您也可以查看我们的指南,了解如何在WordPress主题中添加Google网页字体。

Read More