如何在WordPress中缩小CSS / JavaScript文件

你想缩小你的WordPress网站上的文件吗? 最小化您的WordPress CSS和Javascript文件可以使它们加载速度更快,并加速您的WordPress网站。 在本指南中,我们将向您展示如何在WordPress中缩小CSS / Javascript文件以提高性能和速度。 什么是Minify,什么时候需要它? 术语“Minify”用于描述一种使您的网站文件体积更小的方法。 它通过从源代码中删除空格,行和不必要的字符来实现此目标。 通常建议仅用于发送到用户浏览器的文件。 这包括HTML,CSS和JavaScript文件。 您也可以缩小PHP文件,但是PHP是一种服务器端编程语言,缩小它并不会提高用户的页面加载速度。 缩小文件的明显优势是提高了WordPress的速度和性能。 压缩文件加载速度更快,并提高网站的速度。 但是,有专家认为,对于大多数网站来说,性能的提升是非常小的,不值得麻烦。 缩小只会减少大多数WordPress网站上的数据。 您可以通过简单地优化网络图像来减少更多的页面加载时间。 这是一个正常的CSS代码的例子: 身体 { 保证金:20像素; 填充:20像素; 颜色:#333333; 背景:#f7f7f7; } h1 { 字体大小:32PX; 颜色#222222; 边距:10px的; } 缩小代码后,它将如下所示: 体{余量:20像素;填充:20像素;颜色:#333;背景:#f7f7f7} {H1字体大小:32PX;边距:10px的} 如果您试图在Google Pagespeed或GTMetrix工具上获得100/100的分数,那么缩小CSS和JavaScript将显着提高您的分数。 话虽如此,让我们来看看如何轻松缩小您的WordPress网站上的CSS / JavaScript。 在WordPress中缩小CSS / Javascript 首先你需要安装并激活Better WordPress Minify插件。 更多细节 一旦激活,插件将添加一个标签为“BWP Minify”的新菜单项到您的WordPress管理栏。 点击它会把你带到插件的设置页面。 在设置页面上,您需要检查前两个选项,以自动缩小WordPress网站上的JavaScript和CSS文件。 您现在可以点击保存更改按钮来存储您的设置。 此页面上还有许多其他高级选项。 默认设置将适用于大多数网站,但您可以根据具体情况审核和更改这些选项。 接下来,您需要前往您的网站。 右键单击任意位置,然后从浏览器菜单中选择“查看页面源”。 … Read more 如何在WordPress中缩小CSS / JavaScript文件


如何在WordPress中创建可过滤的投资组合

你想在WordPress中添加一个可过滤的组合吗? 可过滤的产品组合允许用户根据标签对产品进行分类。 这有助于您展示不同风格的作品,并且您的用户可以发现感兴趣的项目。 在本文中,我们将向您展示如何在WordPress中轻松创建可过滤的投资组合。 为什么在WordPress中创建可过滤的投资组合? 通常,大多数摄影师和设计师只是创建一个美丽的作品集,展示他们最好的照片。 然而,有时那些想雇佣你的人可能想看看你之前是否做过类似的事情。 例如,寻找时尚摄影师的人可能希望看到你的作品时尚。 添加过滤器到您的投资组合允许您显示您的工作在不同的标签下。 它还可以帮助您的用户轻松地分类您的投资组合中的物品。 话虽如此,让我们来看看如何轻松创建一个WordPress的可过滤组合,而无需编写任何代码。 在WordPress中创建一个可过滤的投资组合 第一 Envira Gallery是我们的优质WordPress插件之一,您至少需要银色的计划来访问标签插件。 激活后,您需要访问 Envira Gallery»设置 页面输入您的许可证密钥。 您可以从Envira Gallery网站上的帐户中获取这些信息。 接下来,你需要安装标签插件。 前往 Envira画廊»插件 页面并找到标签插件。 点击安装按钮,Envira Gallery将为您提取并安装插件。 你仍然需要点击Activate按钮开始使用插件。 现在您已经准备好创建可过滤的投资组合。 前往 Envira Gallery»添加新的 页面来创建你的第一个画廊。 点击“从您的计算机上选择文件”按钮上传您的照片。 您也可以点击“从其他来源选择文件”按钮从WordPress媒体库中选择文件。 Envira现在将上传并插入文件到您的画廊。 完成后,您可以向下滚动查看图像。 现在你需要点击铅笔图标来编辑图像。 这将弹出一个窗口,您可以添加标签和其他元数据到您的照片。 输入你想分配给这张照片的标签。 您可以添加以逗号分隔的多个标签。 完成后,点击保存元数据按钮来存储你的标签。 现在,您需要重复该过程,将标签添加到图库中的所有图像。 在您的照片添加标签后,点击左侧的标签标签。 这是您可以为图库启用或禁用标记过滤的地方。 您需要选中该框以启用标记过滤功能,并且您将能够看到该选项的设置。 您可以在图库上方或下方显示标签,显示所有标签或选择要显示的标签,并配置其他显示设置。 一旦你完成,点击发布按钮,让您的画廊生活。 您的投资组合画廊现在已准备好添加到您的网站。 您现在可以在想要显示可过滤组合的位置创建帖子或页面。 在帖子编辑器屏幕上,点击“添加图库”按钮。 这将弹出一个弹出窗口,您可以选择刚刚创建的图库并将其插入到您的WordPress帖子和页面中。 您现在可以更新您的帖子或页面来保存更改,并预览您的网站,以查看您的可筛选投资组合。 我们希望这篇文章帮助您在WordPress中添加可过滤的投资组合


如何安装和设置WordPress的SEO插件Yoast

现场 特征 Yoast搜索引擎优化是最全面的WordPress搜索引擎优化插件与许多内置的工具和功能。 以下是其中一些功能的简要概述。 改变职位的SEO标题和元描述每个职位的基础上。 标题和元描述支持分类(例如类别和标签)。 Google搜索结果片段预览。 重点关键词测试。 元机器人配置: 轻松添加noodp,noydir元标记。 轻松noindex,或nofollow页面,分类法或整个档案。 改进了规范支持,为分类法档案,单个帖子和页面以及首页添加了规范。 RSS页脚/标题配置。 固定链接清理,同时仍然允许谷歌自定义搜索。 面包屑支持,可配置的面包屑标题。 XML站点地图: 图片 可配置的删除帖子类型和分类 已经没有索引的页面或文章将不会显示在XML站点地图中(但如果您也想要的话)。 XML新闻站点地图。 .htaccess和robots.txt编辑器。 能够验证Google网站管理员工具,Yahoo Site Explorer和Bing网站管理员工具 HeadSpace2和All in One SEO的基本导入功能。 (您也可以使用SEO数据转换器从Thesis,Headway,Genesis等主题转移功能)。 Yoast搜索引擎优化版本带有更多的功能。 重定向管理器,允许您轻松设置重定向。 视频教程,以帮助您了解插件的每个功能。 由Yoast的人提供的高级支持,以帮助您充分利用您的网站的搜索引擎优化。 如何安装Yoast SEO插件 第一 激活后,您会注意到WordPress管理栏中的一个新的菜单项,标记为SEO与Yoast SEO标志。 现在你已经安装并激活了插件,让我们来看看如何正确设置这个强大的插件。 如何设置WordPress的SEO插件Yoast 你应该记住,我们选择的设置是我们推荐的。 其他专家可能有自己的偏好和自由裁量权,所以高级用户可以忽略任何他们不喜欢的东西。 如果您是初学者,并且想要像我们一样使用Yoast的WordPress SEO插件,请仔细按照步骤操作。 步骤1.数据传输 你们大多数人可能有另一个WordPress插件像All in One SEO pack,或像创世纪处理你的SEO数据的主题框架。 如果你想成功使用这个插件,那么你需要确保你之前的所有数据已经​​被传输到这个插件,然后再关闭另一个插件。 为了做到这一点,我们建议StudioPress使用SEO Data Transporter。 如果您在新的博客上设置,则跳过此步骤。 … Read more 如何安装和设置WordPress的SEO插件Yoast


如何轻松禁用WordPress中的博客功能

你想禁用WordPress的博客功能? 你们中的一些人可能正在建设没有博客或任何博客相关元素的网站。 在本文中,我们将向您展示如何在不写任何代码的情况下轻松禁用WordPress中的博客功能。 为什么在WordPress中禁用博客功能? 如果你想开始一个博客,那么WordPress是最好的平台。 许多着名的大品牌使用WordPress的所有类型的网站,包括博客。 另一方面,一些网站真的不需要博客。 WordPress完全可以在不使用任何博客功能的情况下构建网站。 但是,博客功能,如帖子,评论,类别和标签仍然是可见的管理区域。 如果您正在为以前从未使用WordPress的客户建立网站,那么这可能会让他们感到困惑。 那么好的部分是,你可以禁用所有的博客功能,并把WordPress变成一个非博客CMS平台。 在WordPress中禁用博客功能 首先你需要做的是安装并激活禁用博客WordPress插件。 更多细节 激活后,您需要访问 设置»博客 页面配置插件设置。 当你到达插件的设置页面,你会注意到博客功能,如帖子和评论将从你的WordPress管理栏中消失。 默认情况下,这个插件禁用所有的WordPress博客功能,包括帖子,类别和标签,评论,作者页面,RSS源,pingbacks和trackbacks,以及更多不必要的项目。 在设置页面上,您可以选择打开和关闭功能。 设置页面分为不同的选项卡。 在常规选项卡上,您可以启用或禁用帖子,评论,作者页面,RSS源,pingbacks和引用。 接下来,您可以切换到额外的选项卡。 在这里,您可以控制管理员问候语,表情符号支持,屏幕选项,帮助选项卡和更改管理页脚文本。 配置文件选项卡允许您清理WordPress中用户帐户的配置文件区域。 您可以显示和隐藏用户可以在其个人资料上更改的项目。 最后一个标签是Menu,它允许你控制WordPress管理菜单的外观。 当您点击仪表板时,您可以选择管理区域内的用户。 您可以显示或隐藏图标,分隔符,并将页面菜单移动到顶部。 不要忘记点击保存更改按钮来存储您的设置。 如果你还没有选择一个页面作为你的静态首页,那么你需要转到 设置»阅读 页。 注意: 这个插件不会从你的WordPress站点删除任何东西。 它只是隐藏它们。 如果您有帖子和评论,当您停用该插件时,它们将再次可用。


如何在WordPress中为地址字段添加自动完成功能

最近,我们的一位用户问我们如何为WordPress表单中的地址字段添加自动填充功能。 自动完成允许用户在输入时实时生成的建议中快速选择地址。 在本文中,我们将向您展示如何使用Google Places API在WordPress中为地址字段添加自动完成功能。 首先你需要做的是安装和激活地址自动完成使用Google Place Api插件。 更多细节 激活后,您需要访问 设置»Google自动填充 页面配置插件设置。 系统会要求您输入Google Places API密钥。 这个API密钥允许您的网站与Google地图连接,并实时从其数据库检索自动填充建议。 转到Google Developer Console网站并创建一个新项目。 将出现一个弹出窗口,要求您为您的项目提供一个名称。 使用一个名字来帮助你以后识别项目,然后点击创建按钮。 弹出消失,等待几秒钟,你会被自动重定向到你的新项目。 现在您将看到可以为您的项目启用的受欢迎的Google API列表。 您需要找到并点击“Google Places API Web服务”。 这将带你到一个概述页面,解释这个API的工作原理。 您需要点击启用链接继续。 开发人员控制台现在将为您的项目启用Google Places API。 但是,您仍然需要证书才能在您的网站上使用API​​。 所以继续点击创建凭证按钮继续。 在下一个屏幕上,您需要点击“我需要什么凭证?”按钮。 开发人员控制台现在将显示您的API密钥。 您需要复制此密钥并将其粘贴到WordPress网站上的插件设置下。 您仍然需要在Google Developers项目上启用其他API。 在Google Developer Console中点击图书馆,然后点击“Google Maps JavaScript API”。 这将带您到API的概述页面,您需要点击“启用”链接继续。 这个API不需要额外的API密钥,所以你现在很好走。 在WordPress表单字段中启用自动填充地址 您可以将自动填充地址功能添加到任何WordPress表单构建器插件创建的任何表单字段。 我们将在本教程中使用WPForms。 但是,无论您使用哪种联系表单插件,这些说明都可以正常工作。 首先,您需要创建一个具有地址字段或一组地址字段的表单。 完成之后,像往常一样将此表单添加到您的网站。 接下来,转到添加表单的帖子或页面。 … Read more 如何在WordPress中为地址字段添加自动完成功能


如何使用WordPress为非营利组织创建捐赠表格

你想在你的公益网站上接受捐款吗? WordPress使公益组织很容易创建捐赠表单并接受来自其网站的捐赠。 在这个循序渐进的指南中,我们将向您展示如何一步一步设置您自己的WordPress自定义捐赠表单。 在您的网站上请求捐款的最简单方法是添加一个PayPal捐赠按钮,但这不是每个人的正确解决方案。 在您的网站上创建一个自定义捐款表单,而不是使用捐赠按钮,您可以: 自定义表单域以收集您需要的信息 让捐助者在自己的网站上获得更专业的体验 问捐助者是否想要以同样的形式订阅你的电子邮件通讯 使用除PayPal之外的其他支付处理器,例如信用卡(Stripe) 与其他第三方软件(如CRM或云存储)集成 正如你所看到的,保持捐赠者在你自己的网站上有很多好处,而不是将他们重定向到PayPal。 您可能会认为在您的网站上设置捐款表单将是一个棘手的过程,但有非营利的WordPress插件可以很容易。 话虽如此,让我们来看看如何在WordPress中创建一个自定义捐款表单。 在WordPress中创建一个自定义的捐赠表单 WPForms是WordPress的最佳拖放表单生成器。 它有一个初学者友好的界面,并包括预先建立的表格模板,包括一个捐赠表单模板,使过程更快。 现场 要创建可以处理付款的捐款表单,您需要WPForms的Paypal或Stripe插件。 Pro和Ultimate许可证都包含这两个插件。 第1步:安装并激活WPForms 首先你需要做的就是下载WPForms WordPress表单生成器插件。 您可以通过在WPForms登录您的帐户并下载插件来完成此操作。 然后你需要安装并激活插件 第2步:创建您的捐赠表格 现在WPForms已经安装并激活了,你可以继续点击 WPForms»添加新 开始。 您可以在页面顶部为您的表单命名。 我们打算命名我们的“非营利捐款表格”。 您将看到一个可以从中选择的预建表单模板列表。 把鼠标悬停在 捐款表格 然后点击模板 创建捐赠表单 建立你的表格。 您会看到一个弹出式提醒,提示“不要忘记:点击付款标签来配置您的付款提供商。”我们将在下一步完成。 现在,你可以点击 好 并看看你的表格。 捐款表格模板包含以下字段: 名称 电子邮件 捐款金额 评论或消息 “捐款金额”字段是单个项目字段,用户可以输入他们想捐赠的任何金额。 您也可以使用多项选择或下拉字段。 在本教程中,我们将向您介绍如何添加一个可选择多个捐赠金额的多选付款字段,以及一个用于输入不同金额的选项。 要添加多项选择付款字段,请点击 多个项目 按钮下 付款领域 。 您可以拖动和重新排序字段,以便“多个项目”字段直接位于“捐款金额”字段的上方。 现在,您可以单击表单预览中的“多个项目”字段来更改选项。 … Read more 如何使用WordPress为非营利组织创建捐赠表格


如何在您的WordPress博客中显示公告

你有没有注意到一些受欢迎的博客是如何在他们的网站上显示公告作为粘性的吧? 将公告添加到您的网站是引导用户关注并提升转化率的有效方法。 在本文中,我们将向您展示如何在您的WordPress博客中轻松显示公告。 为什么在WordPress中添加公告? 许多受欢迎的博客和网站在顶部(或底部)显示特别的公告。 你看到越来越多的网站使用公告栏的原因是因为它们非常有效。 任何网站上的公告都会立即引起注意。 通常它是页面顶部或底部的全宽栏。 您可以使用它来提供特殊的折扣,运行时间敏感的营销活动,要求用户参与调查,阅读新的博客文章等。 您还可以将视觉效果,倒数计时器和电子邮件表单添加到通知栏中。 话虽如此,让我们来看看如何在WordPress中轻松添加公告。 方法1:使用OptinMonster在WordPress中显示公告 我们将在这个方法中使用OptinMonster。 它是当今市场上最受欢迎的铅生成工具。 披露:OptinMonster是我们的高级产品之一,您将需要加号计划来访问浮动栏选项。 首先你需要安装并激活OptinMonster插件。 更多细节 这个插件只是作为你的WordPress网站和OptinMonster应用程序之间的连接器。 一旦激活,插件将添加一个新的菜单项到您的WordPress网站标记为“OptinMonster”。 点击它会把你带到插件的设置页面。 您将被要求输入您的OptinMonster API密钥来连接您的网站。 您可以从您的OptinMonster帐户获取这些信息。 现在你已经准备好创建你的第一个选择。 点击WordPress的OptinMonster菜单,然后点击“Create New Optin”按钮。 这将带你到OptinMonster网站创建你的第一个选择。 您将开始为您的广告系列添加标题并添加您的网站。 之后,您需要点击“浮动栏”作为您的选择栏。 OptinMonster将在右栏中加载浮动条的模板。 您需要选择最符合您需要的模板。 别担心,您可以在下一步中更改模板的几乎所有方面。 OptinMonster现在将启动定制界面。 在这里,您可以设计您的通知栏,编辑您自己的消息,电子邮件注册表格,特别优惠等。只需点击浮动条中的项目进行编辑。 您也可以重新定位浮动条并将其移动到顶部,使其看起来与Hello Bar相似。 要做到这一点,向下滚动到设计区域部分,在这里你可以激活’在页面顶部加载浮动栏’选项。 一旦您对设计感到满意,您可以点击顶部的广告系列按钮,然后选择简历广告系列。 您现在可以点击保存按钮来存储您的设置并退出选项生成器。 现在是时候在您的WordPress网站上启用这个浮动栏了。 转到你的WordPress管理区域,点击OptinMonster菜单项。 你会看到你新创建的optin出现在optins选项卡下。 如果没有,那么点击’Refresh Optins’按钮。 您仍然需要配置输出设置。 点击编辑输出设置链接继续。 首先,您需要选中“启用网站选择?”选项旁边的复选框。 之后,你可以选择谁会看到选择。 您可以从登录用户显示/隐藏它,或者显示给所有用户和访问者。 您也可以点击高级设置菜单将其展开。 这将显示在某些页面和帖子或类别上显示或隐藏通知栏的选项。 不要忘记点击保存设置按钮来存储您的设置。 这就是所有你现在可以访问你的网站,看看你的公告栏在行动。 方法2:使用简单通知在WordPress中显示通知 … Read more 如何在您的WordPress博客中显示公告


如何使用SeedProd创建漂亮的WordPress即将推出的页面

你想创建一个美丽的即将到来的页面为您的WordPress网站? 所有的网站都需要一个预发布即将到来的页面。 它可以让你建立期待,创造炒作,甚至在主网站推出之前传播这个词。 在这篇文章中,我们将向您展示如何快速轻松地在WordPress中创建美丽的即将到来的页面。 为什么在WordPress中创建即将推出的页面? 即将推出的网页不只是您的网站的占位符。 甚至在您启动网站之前,它们可以成为您的业务的有效潜在客户生成工具。 以下是我们即将使用的几种方法页面。 1。 测量用户兴趣 – 如果您不确定一个想法,那么即将推出的页面可以帮助您评估用户对项目的兴趣。 2。 建立炒作 – 即将推出的页面也可以用来建立预期和创造炒作。 提供产品信息并为用户提供分享激励。 3。 捕捉线索 – 开始建立您的电子邮件列表,并要求用户关注您的社交个人资料。 这使得您甚至可以在启动网站之前将喜欢和追随者作为社交性证明。 要在WordPress中创建即将推出的页面,您需要获得最佳的WordPress托管并安装WordPress。 有关更详细的说明,您也可以按照我们一步一步的指导如何启动一个WordPress博客。 我们将创建的例子 如何创建一个美丽的即将来临 第一 SeedProd是一个付费的WordPress插件。 对于一年的支持,单个站点许可证的价格从$ 29起。 激活后,您需要访问 设置»即将推出临 页面来设置你的即将到来的页面。 首先,您需要点击“启用即将推出模式”,然后点击“保存所有更改”按钮。 从现在开始,注销的用户和搜索引擎将被重定向到你即将到来的页面。 登录后,您仍然可以看到您的网站。 接下来,你需要点击“Edit Coming Soon / Maintenance Page”按钮。 这将打开SeedProd主题定制程序。 你会看到一个美丽的即将到来的页面模板列表中选择。 每个主题都是完全可定制的。 您需要选择最符合您需求的主题。 选择主题将在定制器中以实时预览打开它。 您将在左侧面板中看到一个选项列表。 点击一个选项将展开它来显示其设置。 您所做的任何更改都会立即显示在实时预览中。 您还可以在移动和桌面视图之间切换。 进行更改后,您需要点击保存按钮来保存设置。 使用定制器,您可以添加自己的徽标,背景,更改内容,添加电子邮件订阅表单,社交分享按钮,倒数计时器,进度条等。 每个选项都经过深思熟虑并且非常容易设置。 接下来,我们会将即将推出的页面连接到您的电子邮件营销服务,以便您可以开始构建您的电子邮件列表。 … Read more 如何使用SeedProd创建漂亮的WordPress即将推出的页面


如何在WordPress中添加客户评论页面

你想添加一个WordPress的评论页面? 许多企业在他们的网站上添加一个客户评论页面来展示他们满意的客户的推荐信。 在本文中,我们将向您展示如何在WordPress中轻松添加客户评论页面。 为什么要在WordPress中添加客户评论页面 如果您正在经营一家在线商店或一家商业网站,那么您可能已经拥有了对您的产品和服务满意的客户。 显示社交证据,如客户评论和推荐信可以帮助您获得新客户和潜在客户的信任。 评论页面不仅可以帮助您赢得新客户,还可以帮助您与现有客户建立更紧密的关系。 这表明你关心,并把你的客户置于聚光灯下。 在OptinMonster,我们有一个客户评论页面,突出了我们的客户成功案例。 这也使我们能够与他们交谈,并进行全面的案例研究。 现在您已经了解了客户评论页面的重要性,接下来我们来看看如何在您的WordPress网站上轻松创建评论页面。 在WordPress中添加客户评论页面 首先你需要做的是安装并激活Easy Testimonials插件。 更多细节 激活后,您需要访问 轻松推荐设置 页面配置插件设置。 这个插件有很多不同的选项。 您可以查看设置并进行调整以符合您的需求。 不要忘记点击保存更改按钮来存储您的更改。 接下来,你需要访问 推荐»添加新的见证 页面添加顾客评论。 提供评论的标题,然后在帖子编辑器中输入实际评论。 您可以创建或选择一个类别,并将客户照片添加为特色图像。 您会注意到帖子编辑器下方有一个验证信息元框。 您可以在此输入客户姓名,职位,职位描述,电子邮件地址等。您还可以添加1-5的评分。 继续并发表评论。 您可以手动添加尽可能多的客户推荐,只要你喜欢。 在WordPress页面上显示客户评论 Easy Testimonials使得将顾客评价添加到您的网站变得非常容易。 首先,您需要在WordPress中编辑或创建一个新的页面,以显示客户评论。 您会在帖子编辑器的顶部注意到一个新的推荐按钮。 点击按钮将显示一些选项。 您可以在列表,网格,单一评论,推荐滑块等中显示评论。 选择一个选项将弹出一个窗口,您可以选择不同的选项。 您可以选择主题,评论容器宽度,按类别过滤,显示星级评分等。 接下来,点击“立即插入”按钮,插件将添加一个短代码到帖子编辑器。 您现在可以保存并发布您的页面。 之后访问您的网站,看看您的评论页面在行动。 如果您需要帮助将您的评论页面添加到您网站上的导航菜单中,请查看我们的关于如何在WordPress中添加导航菜单的指南。 收集您的WordPress网站上的客户评论 大多数企业通过电子邮件收集顾客评论 这样,您可以向客户询问更多个性化的问题并索要照片。 它也可以让你避免处理垃圾评论。 但是,如果您想要直接在您的网站上收集评论,则需要升级到专业版的插件。 之后,你可以添加这个简码 [submit_testimonial] 在WordPress页面中显示“提交您的评论”表单。 一旦用户提交了评论,您将能够在WordPress管理员区域的评论部分将他们视为等待审核。 然后,您可以查看和编辑证言,并将其发布到您的评论页面上。 或者,您可以使用我们的WordPress表单插件WPForms,附带一个Post提交插件。 它允许你收集用户提交的内容,包括推荐。


如何在WordPress中使用Typekit添加Awesome Typography

你有没有想过如何设计师能够在他们的网站上使用漂亮的自定义网页字体? 他们经常使用Typekit为WordPress添加自定义字体,这是一种Adobe服务,可让您访问高质量的字体。 在本文中,我们将向您展示如何在WordPress中添加Typekit字体以改进您的排版。 为什么使用Typekit字体? Typekit是一个流行的基于订阅的字体服务,可以为您节省大量的金钱。 您可以免费或每年以平稳的价格访问其数百种字体的整个库,而不用花钱购买单独的字体许可证。 Typekit库是超过1000种字体的大量集合。 您可以在Web上找到的一些最漂亮的字体可以通过Adobe服务提供。 他们的基本免费计划可以访问230多种字体,并且您可以在一个网站上免费使用2个字体系列。 其他计划从每年49.99美元到99.99美元不等。 这些令人敬畏的Typekit字体可以轻松地添加到任何网站,而不会降低您的网页加载速度。 字体是从Adobe的CDN提供的,加载速度要比将它们放在自己的网站上快得多。 Typekit的WordPress视频教程 为什么在WordPress上使用自定义Web字体? 排版在您的网站设计中起着至关重要的作用。 选择正确的字体将清晰地将您的个性和信息传达给您的读者。 无论您想要描绘什么样的形象 – 专业,友善,随意,经验丰富 – 您网站上的字体都可以帮助您展示正确的形象。 通过使用正确的字体集,你可以留下一个持久的印象。 而不是看起来像网络上的其他网站,你的文字看起来明显不同。 为您的WordPress网站选择适当的字体可以使您的网站从简单的设计走向美观和令人惊叹的艺术作品。 正确的自定义Web字体可以: 提高转化率 降低您网站的跳出率 增加在您的网站花费的时间 为用户创造难忘的体验 准备开始使用Typekit字体? 以下是如何使用Typekit来定制您的WordPress设计。 如何开始使用Typekit 首先,您需要创建一个Typekit帐户。 要做到这一点,只需访问Typekit.com比较可用的计划。 您需要选择要注册的计划。 免费的计划限制你到一个网站,并包括访问有限的字体。 您可能想要开始使用免费计划,然后再进行升级。 升级为您提供了一个更大的字体库,您可以在更多的网站上使用它们。 下一步是创建一个工具包。 该工具包可以让您为您的网站放置特定的字体和设置库,因此Typekit只加载所需的文件和代码。 要创建您的套件,请添加您的站点名称和域名,然后单击 继续 。 完成填写工具包的信息之后,Typekit会给你一些JavaScript代码添加到你的网站。 您可以复制这个代码并将其粘贴到记事本等文本编辑器中,以便现在保存。 我们将在本教程的下一个步骤中将其添加到您的网站。 现在,你可以开始选择你的字体。 您可以浏览字体库,并按照分类,重量,宽度,x高度等选项进行过滤。 当你看到你喜欢的字体,你可以点击它来获得更多的细节和例子。 如果您想将其添加到您的网络工具包,请单击 网站使用:添加到工具包 按钮在右侧。 这会弹出一个弹出窗口,您需要将您选择的字体添加到刚刚创建的工具包中。 现在你可以点击 发布 … Read more 如何在WordPress中使用Typekit添加Awesome Typography