分类: WordPress基础

  • 如何使用Google Analytics(设置、报告、归因模型等)

    如何使用Google Analytics(设置、报告、归因模型等)

    谷歌分析是一个强大的工具,但大多数人并没有充分利用它的潜力。

    有了它,您可以跟踪在线营销的投资回报率、设置自定义细分、目标跟踪、过滤站点数据以查找表现不佳的页面等等。

    在本指南中,您将学习如何使用Google Analytics来改进您的网站、如何设置它,此外我们还提供了一些视频资源以进一步帮助您。

    1. 什么是谷歌分析?
    2. 如何设置Google Analytics
    3. 谷歌分析指标和维度解释
    4. 如何使用Google Analytics报告
    5. 使用Google Analytics改进网站的7种方法
    6. 归因模型和Google Analytics
    7. 谷歌分析常见问题

    但首先,让我们介绍一下基础知识:

    什么是Google Analytics?

    Google Analytics是Google提供的一项免费报告服务,用于跟踪网站流量。它可以帮助您了解访问您网站的人及其浏览行为。

    它看起来像这样:

    Google Analytics中的受众概览

    Google Analytics中的受众概览

    根据BuiltWith的Mega Technology Dataset,它是流行的网站跟踪平台之一,使用次数接近70k :

    整个网络的Google Analytics使用情况

    整个网络的Google Analytics使用情况

    尽管有多种不错的选择,但Google Analytics是市场上采用最多的分析工具之一。

    为什么要使用谷歌分析?

    无论您运行的是哪种类型的网站,更好地了解访问者以及他们在您网站上的行为都会帮助您获得更好的结果。

    但如果这还不够,以下是您应该使用Google Analytics(分析)的一些原因:

    • 它是免费的——这里没有任何问题,谷歌不会向您收取使用分析的费用,考虑到您可以从中提取的数据量,这非常有用。
    • 它是完全自动化的——一旦您将跟踪代码添加到您的网站,Google Analytics将自动跟踪、记录和存储您的数据。
    • 您可以创建自定义报告– 使用Google的内置工具,您可以非常简单地创建自定义拖放报告(稍后会详细介绍)
    • 与其他工具集成– 轻松将您的分析与其他Google工具(例如Google AdWords和Google Search Console )关联起来。

    这甚至没有提到您可以从Google Analytics中了解到的所有特定于站点的内容,例如访问者为什么会从某些页面跳出、您的受众的年龄/性别/位置或您应该编写的内容类型。

    Google Analytics跟踪什么?

    通过让您访问有关您网站的数据,Google Analytics可让您获取这些信息并做出决策。

    简单来说,您可以从Google Analytics(分析)中获取的数据可以细分如下:

    • 获取– 了解如何获得网站流量。
    • 行为– 了解人们在您的网站上实际在做什么。
    • 转化– 了解访问者如何在您的网站上转变为客户。

    现在您知道它是什么以及它可以跟踪什么,让我们运行一个简短的Google Analytics设置:

    如何设置Google Analytics

    请按照以下简单步骤设置Google Analytics,并准备好在您的网站上进行跟踪:

    1. 设置您的Google Analytics帐户并添加您的网站

    第一步是确保您已登录要用于管理分析的Google帐户。

    然后,转到Google Analytics设置页面并点击开始测量

    谷歌分析设置页面

    谷歌分析设置页面

    现在您需要添加一个帐户名称并勾选数据共享框(您可以根据需要取消勾选它们,它们不会更改您的数据的任何内容)。

    帐户详细信息 – 在 Google Analytics中添加新帐户名称

    帐户详细信息 – 在 Google Analytics中添加新帐户名称

    添加完后,点击下一步。

    现在,您需要选择要衡量的资产类型:网站、应用程序或两者兼而有之。大多数人将设置Google Analytics来跟踪网站,因此选择它并单击下一步。

    选择您要在Google Analytics(分析)中衡量的内容

    选择您要在Google Analytics(分析)中衡量的内容(提示:它可能是一个网站)

    现在,您将能够添加有关您网站的一些详细信息:

    • 网站名称– 不言自明。
    • 网站 URL – 确保从下拉菜单中选择http或https,然后添加您的URL。
    • 行业类别– 选择最能描述您网站的领域。
    • 报告时区– 选择您所在的时区。

    属性详细信息 – 在Google Analytics中添加有关您网站的信息

    属性详细信息 – 在Google Analytics中添加有关您网站的信息

    完成此部分后,单击“创建”,系统将提示您同意某些服务条款。勾选这两个并按Agree

    2. 安装您的Google Analytics跟踪代码

    现在您将看到您唯一的跟踪代码:

    安装您的Google Analytics跟踪代码

    安装您的Google Analytics跟踪代码

    要使用Google Analytics跟踪您的网站,必须将此代码安装在您网站的每个页面上(在 </head> 标记之前)。

    安装代码将取决于您拥有的站点类型以及您自己进行更改的舒适程度。

    让我们来看看两种不同的方式:

    手动安装Google Analytics

    一些WordPress主题有一个专门的部分可以将您的跟踪代码放入其中,但大多数没有。这就是为什么您应该始终使用子主题来防止您的GA脚本在非常更新后被覆盖。

    您的Google Analytics脚本应该添加到header.php文件中,在结束标记</head>之前,以便在您网站的每个页面上安装它。

    如果您的主题没有此功能,您可以尝试使用插件来创建它们:

    使用插件安装Google Analytics

    将Google Analytics添加到WordPress(对于初学者和专家)的最简单方法之一是使用像Header and Footer Scripts这样的插件。

    这可能是将Google Analytics代码添加到WordPress网站的最简单(也是最安全的方法)。

    只需安装插件并添加您的跟踪代码即可开始跟踪:

    通过WordPress插件添加Google Analytics

    通过WordPress插件添加Google Analytics

    想要为您的WordPress网站提供更多选择吗? 查看我们关于如何将Google Analytics添加到WordPress的教程。

    3. 测试您的Google AnalyticsTracking代码

    将代码添加到您的网站后,您需要测试Google Analytics是否确实在跟踪。

    这很容易。

    在Google Analytics中,转至实时,然后转至概览。这将向您显示您网站上正在发生的事情。

    现在在不同的浏览器(或隐身模式)选项卡中打开您的网站,然后等待Google Analytics接收您的访问。如果您的跟踪代码已正确安装,您将看到如下内容:

    使用Google Analytics中的实时跟踪来检查您的跟踪代码是否有效

    使用Google Analytics中的实时跟踪来检查您的跟踪代码是否有效

    在继续之前,请确保将Google Analytics与Google Search Console相关联,以便更好、更全面地了解您的数据。

    现在您已全部设置完毕,让我们探索一下您会在Google Analytics(分析)中找到哪些指标。

    谷歌分析指标和维度解释

    在我们开始了解如何阅读Google Analytics报告之前,有必要了解指标和维度的含义。

    所有Google Analytics报告都基于维度和指标:

    • 维度是数据的元素。
    • 度量是这些维度的数据范围。

    例如,如果您正在查看访问您网站的人所在的位置,维度将是位置(数据元素),数量(度量)将是指标:

    Google Analytics中的维度与指标

    Google Analytics中的维度与指标

    示例指标

    以下是 Google Analytics 中需要注意的一些最重要的指标:

    • 流量– 您网站的访问者。
    • 流量来源——访问者来自哪里(直接、推荐、搜索引擎、社交)。
    • 会话– 在给定时间范围内发生的一组用户交互。
    • 平均花费时间——某人在您的网站上停留的时间。
    • 每次访问的平均页面数 – 用户访问的页面数。
    • 热门页面– 最受欢迎的页面。
    • 退出页面– 大多数人离开您网站的页面。
    • 跳出率——单页访问除以所有会话的百分比。
    • 独特用户与回访用户– 有多少人是全新访问您的网站与常客。
    • 用户行为流– 访问者如何浏览您的网站。
    • 位置– 用户浏览的地方。
    • 年龄——他们的年龄段。
    • 网站速度– 您的网站有多快(这是我们关于如何加快WordPress网站速度的教程)。

    现在让我们回顾一下您将找到的Google Analytics(分析)报告以及如何阅读它们:

    如何使用Google Analytics报告

    当您第一次登录Google Analytics时,您会看到这个“主页”仪表板,它作为您网站性能的概览:

    您将在Google Analytics(分析)的“主页”仪表板上看到的内容

    您将在Google Analytics(分析)的“主页”仪表板上看到的内容

    Google Analytics报告是左侧边栏中列出的预设报告,位于以下部分:

    • 实时
    • 受众群体
    • 流量获得
    • 行为
    • 转化

    这些报告中的信息由Google Analytics预设,可让您深入了解您网站上的数据,从受众人口统计数据到他们找到您网站的渠道。

    通过点击这些报告,您将获得更多探索数据的选项。让我们快速浏览一下每份报告:

    实时报告

    实时报告显示您网站上当前发生的情况:

    谷歌分析实时报告

    谷歌分析实时报告

    您可以查看有多少人在查看您的网站、他们正在访问的页面、他们在世界上的位置等等。

    使用实时报告,您可以:

    • 查看您从新发布的博客文章中获得了多少流量。
    • 了解促销或活动是否正在推动浏览量。
    • 确保您刚刚设置的URL正常工作。

    受众报告

    受众报告根据访问您网站的人(即受众)概述了您的网站:

    Google Analytics受众报告

    Google Analytics受众报告

    在此报告中,您将能够深入了解并了解有关您的受众的更多信息,例如:

    • 受众群体
    • 兴趣
    • 地理位置
    • 行为
    • 技术

    使用这些数据,您可以更好地了解您的受众,然后就您的网站做出明智的决定。

    例如,您可能会注意到大部分流量是在移动设备上访问您的网站,但大多数目标转化是在桌面设备上完成的。也许您可以针对移动设备进行改进以帮助提高转化率。

    流量获取报告

    获取报告概述了您的网站如何获得流量:

    谷歌分析流量获取报告

    谷歌分析流量获取报告

    在此报告中,您将能够看到按来源(也就是来源)划分的流量:

    • 自然流量– 来自Google和其他搜索引擎的SEO流量(这是有关如何改进WordPress SEO的详尽教程)。
    • 直接访问– 某人通过手动输入URL访问您的站点。
    • 引荐流量– 来自另一个站点的访问。
    • 电子邮件– 来自电子邮件或电子邮件列表的访问。
    • 社交媒体– 从社交媒体平台访问的人。
    • 付费搜索– 来自付费广告的访问者。
    • 广告流量– 来自展示广告的访问者。
    • 联盟流量– 从返利联盟链接访问的人。
    • 其他– 如果Google Analytics不知道如何对您的流量进行分类。

    行为报告

    行为报告概述了访问者在您网站上的行为:

    谷歌分析行为报告

    谷歌分析行为报告

    在报告中,您将能够专注于网站的各个页面并了解访问者的行为。您将能够大致了解:

    • 综合浏览量和独特的综合浏览量。
    • 在页面上花费的平均时间。
    • 跳出率和退出率(这是有关如何降低网站跳出率的深入指南)。

    您还可以通过页面URL、标题、搜索词或事件查看内容的表现。

    转化报告

    转化报告概述了您的访问者如何(希望)在您的网站上进行转化:

    Google Analytics转化报告

    Google Analytics转化报告

    如果您有一个网站,很可能您有一个想要为访问者实现的目标/转化。

    这可能会有所不同,具体取决于您运行的站点类型:

    • 电子商务网站希望他们的访问者订购产品。
    • 博主希望他们的访问者在页面上停留更长时间并阅读以增加他们的广告收入。
    • B2B和SaaS企业希望访问者注册他们的电子邮件订阅列表,以便让他们了解最新的新闻和功能。

    促进这些领域的销售/注册就像应用一些基于Google Analytics数据的转化率优化技巧一样简单。

    无论您要跟踪的目标/转化如何,Google Analytics(分析)都可以让您衡量所有这些(以及更多)。

    Google Analytics中的目标是什么?

    目标是您定义的转换。这取决于您要监控的内容。说到目标,主要有四种类型:

    • 目的网址:当用户到达特定页面时完成(想想产品列表、订单确认或感谢页面)。
    • 事件:在预设事件触发时完成(例如观看视频或在Twitter上分享内容)。
    • 持续时间:当用户的会话持续时间超过预定义时间时完成。
    • 每个会话的页面/屏幕:当用户每个会话查看一定数量的页面时完成。

    (您将能够在本指南的后面找到有关设置目标的更详细步骤)

    使用过滤器获得更准确的报告

    在Google Analytics中,过滤器用于将数据分成更小的组。它们可用于仅包含特定流量类型或排除特定数据。

    要使用过滤器,请转到管理面板,然后选择过滤器:

    使用Google Analytics过滤器来分解您的数据

    使用Google Analytics过滤器来分解您的数据。

    这是一个非常简单的过滤器,可以阻止您的IP地址,这样您就不会因为访问自己的站点而歪曲数据。

    第一步是您需要找出您的IP地址。

    你可以谷歌一下或者百度搜索:

    使用Google快速查找您的IP地址

    使用Google快速查找您的IP地址

    复制您的IP地址,然后打开Google Analytics。转到管理面板,然后在查看下,选择过滤器

    使用Google Analytics过滤器来分解您的数据

    使用Google Analytics过滤器来分解您的数据。

    现在点击+添加过滤器并填写详细信息:

    • 过滤器名称 –排除我的IP。
    • 过滤器类型 –选择预定义。
    • 现在选择排除,来自IP地址等于的流量
    • IP地址 –添加您的IP。

    它应该是这样的:

    在Google Analytics中编辑过滤器

    在Google Analytics中编辑过滤器

    现在保存您的过滤器。

    使用Google Analytics改进网站的7种方法

    所以,现在您已全部设置完毕,您知道可以查看哪些报告和指标,我们需要回答一个关键问题。

    您可以使用Google Analytics做什么来改善您的网站和业务?

    我很高兴你问…

    现在您知道如何正确使用Google Analytics,您可以在Google Analytics中执行以下七件事:

    1. 创建自定义仪表板和报告
    2. 使用自定义细分更好地理解您的数据
    3. 跟踪您的目标(并使用转化漏斗)
    4. 找到转化率最高的页面(并改进它们)
    5. 找到低悬的水果页面来改进
    6. 发现表现不佳的页面(以增加流量)
    7. 查找(并修复)人们不参与的页面

    让我们更详细地探讨这些:

    1. 创建自定义仪表板和报告

    想要查看最重要的分析数据,而无需深入研究Google Analytics的其余部分?

    那么您应该使用Google Analytics自定义仪表板和报告。在左侧面板中,只需单击自定义,您就会看到它们:

    使用Google Analytics中的自定义仪表板

  • 如何存档网站:多种方式建立Web档案的指南

    如何存档网站:多种方式建立Web档案的指南

    维护您的网站涉及拥有专门的备份策略。虽然备份是必不可少的,但它们并不是保护站点的唯一方法。备份的自然延伸是对网站进行归档——尽管它们是互补的过程。

    有几种灵活的方法可以归档网站。好消息是它们都易于使用且易于访问。您只需为您的需要和要求选择正确的解决方案。

    在这篇文章中,我们将看看如何归档网站。我们还将探索您会遇到的不同归档类型,汇总一些最突出的站点归档工具,并讨论一些有关归档站点的技巧。

    1. 网站归档简介
    2. 为什么要存档网站
    3. 您将遇到的不同类型的Web归档
    4. Internet存档工具和站点的初学者指南
    5. 什么是Web存档 (WARC) 文件格式?
    6. 管理离线档案的技巧
    7. 归档网站的4种方法

    网站归档简介

    归档网站意味着保留内容、数据和媒体以供将来参考。使用诸如Wayback Machine之类的专用服务(尽管我们稍后会介绍其他解决方案),您可以查看网站的旧版本。

    2016年闪电博主页

    闪电博网站在2016年的样子

    技术层面上,爬虫会拍摄网站的快照,该网站构成了档案本身。如果您愿意,您可以使用简单的日历访问它并以时间线格式查看每个迭代。

    如何存档网站:多种方式建立Web档案的指南-2

    闪电博网站的Wayback Machine日历存档

    至于为什么会有Wayback Machine这样的解决方案,我们得追溯到2000年代初。互联网泡沫几乎破灭了;许多企业正在倒闭。一些受欢迎的网站被关闭或放弃,留下的记忆很少。

    与互联网出现之前的其他媒体格式(例如音乐和电视)非常相似,这些网站具有历史和怀旧价值。拯救它们意味着让未来的互联网用户一瞥我们与早期技术的差距。

    互联网档案馆推出Wayback机器来帮助维护网站。如果网站已在那里存档,您可以看到该网站多年来的发展情况。

    归档网站需要许多爬虫,包括可能需要数年才能完成的巨大的个人爬虫。执行爬行“探险”和存储结果快照所需的咕噜声是巨大的。

    例如,Wayback Machine的第一台100TB服务器于2004年投入使用。到2020年底,Wayback Machine已存储超过70PB的数据。这超过70,000TB。

    然而,并不是每个人都对Internet Archive所做的工作感到满意。基于网站存档是否破坏现有版权问题,已经有多次讨论和法律挑战

    尽管如此,鉴于存储的档案数量的显着增长,人们显然希望保留网站。

    为什么要存档网站

    想要存档网站的原因有很多,而不仅仅是出于怀旧的原因。对于现实世界的类比,请查看GitHub。

    如何存档网站:多种方式建立Web档案的指南-3

    GitHub的基础设施很像互联网档案

    Github存储项目的存储库,以及所做的每个“提交”。将此与互联网存档进行比较,存储库代表整个存档,而提交则是快照。

    就像Git存储库很有价值一样,存档也很有价值。例如,您可以查看网站以前的迭代(甚至是多年前的)以影响您当前的设计选择。

    此外,您可能有法律义务对您的网站进行存档,尤其是在金融或法律行业。

    最后,如果您不幸卷入了围绕您网站的诉讼,您的档案将成为宝贵的证据。如果您能提供清晰完整的网站档案,您甚至可以在法院介入之前解决纠纷。

    备份和归档的区别

    在我们讨论可用的不同类型的Web归档之前,有必要回到我们之前提到的主题。在纸面上,站点备份和网站存档看起来很相似。然而,他们执行不同的工作,相互补充。简而言之:

    • 备份是基于数据的。他们更关心保留您网站的数据。鉴于如果您需要恢复站点,备份至关重要,因此对数据进行完整备份至关重要。
    • 档案保存数据的上下文。如果您浏览您最喜欢的网站的存档,您会注意到该功能通常是不完整的。但是,站点的设计和静态内容通常是完整的。

    值得注意的是,归档并不打算完全避免数据保存工作。事实上,其中一项好处是让用户可以像在现场一样浏览您的网站。即便如此,考虑到诸如Wayback Machine之类的网站作为虚拟“记忆通道”存在,保持视觉效果完整比保留后端功能具有更高的优先级。

    简而言之,您需要为您的站点同时使用备份和存档——前者作为日常保护以防最坏的情况发生,而后者作为帮助记录站点演变的附加方式。

    您将遇到的不同类型的Web归档

    网络归档不仅仅是一种风格。您会遇到几种不同的类型。以下是每个的细分:

    • 客户端:它涉及最终用户保存相关网站的版本。它简单、可扩展,可让您轻松归档网站。
    • 服务器端: Wayback Machine和其他方法被归类为服务器端归档。它使用爬虫和其他技术来存档网站,但它也需要客户端存档中没有的一定程度的同意。
    • 基于事务:虽然这仍然基于服务器端归档,但它更复杂,需要站点所有者的明确同意。本质上,它归档了最终用户和服务器之间的站点事务。

    对于具有静态数据的简单网站,再加上有组织的归档策略,客户端归档应该符合要求。然而,大多数其他站点更喜欢服务器端归档——大多数网站不需要基于事务的归档。

    最后——我们将在整篇文章中更详细地讨论这一点——您还需要考虑存档的存储位置和方式。例如,本地存档并不是一个糟糕的选择,但如果您的计算机出现故障,您可能会看到它消失了。另一方面,如果您选择第三方解决方案,您对存档内容的控制就会减少。

    正如您所期望的,这里的答案是使用多方面的方法来存档网站。我们建议将存档视为备份:将三个不同的副本保存在不同的位置并以某种方式同步。

    您可能还希望使其中一个存档生效,以便您可以利用站点上的任何服务器端功能。结果是一个具有强大备份和存档策略的网站,对其他人仍然有用。

    Internet存档工具和站点的初学者指南

    有很多解决方案可用于归档网站。我们将介绍一些较受欢迎的,以及我们对它如何适合您的看法。

    1. Wayback Machine

    如何存档网站:多种方式建立Web档案的指南-4

    Wayback Machine

    首先,让我们讨论Wayback Machine。它是同类产品中的第一个,因此为其他归档工具设定了基准。

    因此,在寻找存档网站时,它可能会成为第一个负责人。它有很多方法来创建和上传档案,甚至还有一个专门的API来连接到它的功能。值得注意的是,它也是一个服务器端归档解决方案。

    也就是说,由于它抓取和归档网站的方式,Wayback Machine可能无法保留您网站的所有功能。尽管如此,它被认为是网络档案管理员的行业标准,并且完全可以免费启动。在本文后面,我们将向您展示如何使用Wayback Machine更详细地存档网站。

    2. Archive.today

    如何存档网站:多种方式建立Web档案的指南-5

    Archive.today网站

    接下来是Archive.today。它在很多方面都与Wayback Machine相似——甚至是网站几乎“复古”的设计。它的数据服务器位于欧洲,但它的归档方式与Wayback Machine不同。

    首先,Archive.today不是基于在网络上运行的爬虫。相反,您提交您的URL并同意将其包含在存档中。此外,它的功能列表比其他解决方案更简单。例如,没有强大的删除策略,并且存档过程排除了某些媒体和文件类型。

    尽管如此,如果您想要一个免费的地方来存储档案,它仍然是免费且合适的。该站点甚至具有查找以前存档站点的搜索功能。

    3. Heritrix

    如何存档网站:多种方式建立Web档案的指南-6

    Heritrix网站

    到目前为止,我们在这篇文章中几乎可以互换地提到Internet Archive和Wayback Machine。不过,Wayback Machine只是一项服务,除此之外,Internet Archive还提供其他一些存档产品。Heritrix是一个免费的开源工具,诞生于Internet Archive和北欧图书馆之间的合作。

    它本质上是一个网络爬虫,而不是一个功能齐全的归档工具。但是,您可以将所有爬取的结果打包在一起。虽然过去并非如此,但Wayback Machine现在使用Heritrix来抓取站点以包含在其自己的站点中。更重要的是,大量图书馆和机构使用Heritrix来建立档案。

    尽管具有令人印象深刻的功能,但安装Heritrix需要一些技术知识。没有用户友好的界面来为您安装它,因此您需要了解Git、GitHub和命令行。

    与其他类似解决方案一样,Heritrix完全免费使用,因此适合作为经济高效的自存档解决方案。

    4. Web归档集成层 (WAIL)

    如何存档网站:多种方式建立Web档案的指南-7

    Web归档集成层 (WAIL) 网站

    如果您正在考虑使用Heritrix对网站进行存档,但对简单安装软件所需的技术知识感到厌烦,那么这里有一个潜在的解决方案适合您。网页存档集成层(WAIL)是一个免费和开源的跨平台的桌面应用程序,让你一个功能的图形用户界面(GUI)来使用,使用安装程序一起。

    好消息是Heritrix是WAIL的爬行引擎。这意味着您可以利用Heritrix的强大功能,而不必遍历GitHub和命令行。此外,WAIL使用OpenWayback引擎来“重放”网络档案。

    因此,您已准备好在您的机器上使用功能齐全的Web归档工具。我们还将在本文后面准确地向您展示WAIL的工作原理。

    5. Stillio

    如何存档网站:多种方式建立Web档案的指南-8

    Stillio网站

    我们的倒数第二个归档工具被称为自动解决方案,可以按设定的时间间隔拍摄快照。Stillio是一项高级服务,在外观和感觉上都与其他归档解决方案不同。

    该网站看起来很漂亮,并为您提供了无数选项来创建满足您确切要求的档案。例如,您可以向URL添加标签和自定义标题。

    此外,您可以选择将档案存储到Dropbox、Google Drive和其他第三方服务。

    然而, Stillio有一个巨大的缺点:它不支持后端归档。您只能使用网站的屏幕截图,而不是完整的数据存档。对于许多应用程序,这还不够。

    但是, Stillio在某些情况下可能很有用,例如用作品牌管理和跟踪工具。例如,您可以截取竞争对手网站或搜索引擎结果的屏幕截图。它也非常适合内容验证。

    Stillio的起价为每月29美元,并通过四个等级上升至每月299美元。这是一个很大的问题,尤其是当有具有更强大功能的免费替代品时。但如果它完全适合您的用例,那么值得一看!

    6. Pagefreezer

    如何存档网站:多种方式建立Web档案的指南-9

    Pagefreezer网站

    我们的最终解决方案是另一个自动化工具。Pagefreezer提供许多与Stillio相同的好处,但它还可以存档社交媒体内容、文本消息、完整站点和企业级协作平台。

    从表面上看,Pagefreezer似乎是比Stillio更强大的解决方案,并且在各种用例中具有更大的价值。

    例如,如果法律要求您完全归档站点,Pagefreezer就可以满足要求。它允许您自动化快照数量并使用站点存档浏览器和比较工具查看它们。

    总体而言,Pagefreezer是一款出色的企业级工作场所归档解决方案。使用YammerSalesforce的Chatter的公司会被这种类型的解决方案所吸引,Workplace用户也会如此。

    什么是Web存档 (WARC) 文件格式?

    如果您正在研究如何归档网站,您会遇到Web归档 (WARC)格式。它是您站点存档的各种文件的打包组合,因此具有便携性和自包含性。

    互联网档案馆创建了WARC来长期保存网络数据。国际互联网保护联盟 (IIPC) 已发布文件格式的完整规范。它将存储图像、元数据以及您的站点独立运行所需的几乎所有内容。

    虽然它最初只是一种方便的文件格式,但WARC现在是数字档案的国际ISO标准。因此,它已被政府和其他官方机构采用。事实上,有几个用例WARC文件至关重要:

    • E-discovery:这是诉讼期间的过程,在该过程中,数字记录被研究并呈现以纳入审判。对于社交媒体记录,WARC文件符合E-discovery法律标准。
    • 信息自由(FOI): 有许多国家的政府和使用该FOI官方机构和打开记录的作用是提供一个“知情权”(RTK)服务状态成分。WARC格式在涉及数字记录的情况下是理想的。

    许多不同的归档解决方案和爬虫都使用WARC,例如StormCrawlerApache Nutch。您还可以调整命令行工具(例如Wget)的设置,以将请求提取并打包为WARC文件。我们很快就会更详细地讨论这个问题。

    还有很多其他工具也可以输出到WARC文件。比如开源网页保存工具wallabag就可以做到这一点。

    作为替代方案,grab-site是一个基于Web的应用程序,可帮助将档案抓取为WARC文件。

    打开WARC文件取决于您使用的工具。无论您喜欢哪种解决方案,请记住,其中一些工具已经有一段时间没有更新了。

    因此,您需要确保您选择的解决方案适用于您当前的系统,并且将来可以使用。如果您在归档项目的过程中避免使用可能会终止或放弃的工具,您将省去很多麻烦。

    管理离线档案的技巧

    在我们讨论如何归档网站之前,让我们花几分钟时间来帮助您整理现有的档案。我们已经谈到了这个主题,但采用可靠的方法将使您的档案更易于管理。您网站的用户也将从组织良好的档案中得到更多的利用。

    您必须牢记三个关键要素:

    • 频率: 决定您想要多久归档一个站点。几乎每天都在变化的庞大、动态、复杂的站点将需要比静态站点更频繁的快照。
    • 位置:就像备份一样,您应该将档案保存在多个不同的位置,包括云。遵循3-2-1 规则以获得额外保证。如果您想捕捉网站的全部深度,我们还建议您提供更多信息。
    • 结构:就像您的计算机目录一样,您应该使用明确的文件夹,细分为站点存档的名称和特定站点的存档日期。

    虽然您可以进一步扩展您的归档管理,但这三个技巧将开始您的归档工作。

    归档网站的4种方法

    下面,我们将建议五种不同的网站存档方式。我们已经根据它们的相对难度对解决方案进行了排序。但是,如果您发现一个您认为可以满足您当前需求的解决方案,请随时深入了解并找到更多。

    1. 将单个页面保存到本地计算机

    让我们讨论最直接的解决方案。如果您需要存档单个页面,那就太好了,甚至更好的是,几乎每个浏览器都已经具备该功能。

    首先,打开您最喜欢的浏览器并前往您要存档的网站。页面加载后,导航到浏览器的文件菜单并找到页面另存为选项:

    如何存档网站:多种方式建立Web档案的指南-10 Firefox的文件菜单包含保存单个网页所需的功能。

    接下来,单击保存页面的选项,此时浏览器将显示一个对话框。

    在这里,为您的页面选择一个名称(尽管默认值很好)。此外,请确保您保存的是整个页面,而不仅仅是HTML。它将以尽可能多的功能保留站点。

    2. 使用在线存档(例如Wayback Machine)

    如果不向您展示Wayback Machine的工作原理,任何教程都是不完整的。幸运的是,这个过程很简单。也就是说,请注意,此方法仅允许您存档单个页面(尽管订阅Archive-It服务确实允许您存档完整站点)。

    对于这种方法,请前往Wayback Machine主页并查看“Save Page Now表单:

    如何存档网站:多种方式建立Web档案的指南-11

    Wayback Machine网站上的“Save Page Now”表单

    要存档页面,只需将您希望保存的URL添加到此表单,然后点击Save Page。根据页面的大小或复杂程度,您可能需要等待几分钟,让爬虫和引擎完成它们的工作。可能是页面看起来好像崩溃了。我们在测试中遇到了一段时间的死亡白屏 (WSoD)

    但是,一旦页面被归档,Wayback Machine会将您重定向到新的专用页面。

    如何存档网站:多种方式建立Web档案的指南-12

    存档在Wayback Machine上的页面

    请注意,您也可以使用书签和浏览器扩展程序来存档网站。事实上,当前的大多数浏览器都具有这些开箱即用的选项,包括Google ChromeFirefoxSafari

    4. 安装Web归档集成层 (WAIL)

    使用这种方法的第一步是下载WAIL本身并安装它。幸运的是,该工具有一个专用的安装程序(尽管因为该程序是用Python编写的,所以它使用了PyInstaller模块)。

    安装过程轻而易举。无论您使用何种操作系统 (OS),您都可以执行以下操作:

    • 导航到WAIL网站并下载适合您操作系统的安装程序。
    • 对于Windows版本解压缩文件,或者为macOS安装DMG映像。
    • 在macOS的结果对话框屏幕上,将应用程序图标拖到您的应用程序文件夹中。对于Windows用户,只需将解压缩的文件夹拖到根C:驱动器即可。
    • 启动WAIL.appWAIL.exe(取决于您的操作系统)。

    WAIL打开后,您将看到它的最小界面:

    如何存档网站:多种方式建立Web档案的指南-13

    WAIL界面为您提供了三个选项

    您现在可以选择三个选项:查看存档、检查其状态或存档网站。按钮有点令人困惑,因为您的自然倾向可能是从左到右阅读。但是,在首次发布时,您的档案中将一无所有。

    相反,输入要存档的站点的URL,然后单击Archive Now您会看到WAIL开始抓取网站。您可以在Advanced > Heritrix选项卡上检查您的抓取状态:

    如何存档网站:多种方式建立Web档案的指南-14

    WAIL显示抓取作业的当前状态

    完成后,它会向您显示“成功”消息。此时,您可以单击“Basic选项卡上的“View Archive按钮。这将在浏览器中打开您的存档站点,供您查看。

    5. 如果您习惯使用命令行,请使用Wget

    对于我们归档网站的最终方法,在开始之前您需要做一些事情:

    • 命令行访问您的计算机
    • 合适的命令行工具,例如Windows命令提示符或macOS和Linux上的终端
    • Wget安装在您的计算机上

    您可能已经拥有前两个。

    在macOS上,您可以使用命令brew install wget通过Homebrew安装Wget。请注意,您还需要安装Homebrew,但只需几秒钟。在Linux上,大多数主要发行版都预装了Wget。

    如果您是Windows用户,则在您的计算机上安装Wget可能会更加困难。虽然网络上有可用的教程,但它们的指导在机器之间似乎不一致。相反,我们建议您前往官方Wget网站并查看一些可用的Windows二进制文件,因为它们更有可能适合您。

    不管怎样,一旦你安装了Wget,使用它就很简单了。首先,导航到新终端窗口中的目录。在这里,我们也在创建目录,但此步骤是可选的:

    cd documents && mkdir archive && cd archive
    cd documents && mkdir archive && cd archive
    cd documents && mkdir archive && cd archive

    请注意,Wget会将所有下载内容拉入任何工作目录中。在这种情况下,我们为我们的文件指定了一个文件夹。

    接下来,您需要抓取站点并提取文件。使用wget命令调用每个操作,您需要使用以下格式:

    wget “https://www.wbolt.com/” –warc-file=“kins”
    wget “https://www.wbolt.com/” –warc-file=”kins”
    wget "https://www.wbolt.com/" --warc-file="kins"

    Enter键将开始将www.wbolt.com下载到index.html文件并创建一个名为kins-00000.warc.gz的WARC文件。

    如何存档网站:多种方式建立Web档案的指南-15

    存档为WARC文件的站点

    Wget功能强大,您可以使用许多命令和选项。例如,您可以使用该--mirror命令创建一个包含站点完整镜像的WARC 文件。您也可以使用该--no-warc-compression命令来写入未压缩的文件,尽管这显然会在每次下载时占用更多空间。使用内置压缩机是最佳方法。

    小结

    Web归档源于对快速变化的互联网形态进行记录的需求。它现在有多个有效的应用程序——例如,在法律文件和要求的情况下。无论您需要什么,拥有结构良好且组织良好的存档都可以补充您的整体备份策略。

    幸运的是,有很多解决方案可以提供帮助。大多数浏览器都提供在您的计算机上保存网页的功能。然而,诸如Wayback MachineHeritrixWAILWget等专用归档工具都是特别强大的解决方案,并提供标准化的文件格式。

  • 65+ 用于WordPress写作的键盘快捷键

    65+ 用于WordPress写作的键盘快捷键

    看起来似乎不需要很长时间,但是每次您需要将手从键盘上移开以使用鼠标时,都会浪费一小段时间。经过一整天的工作,时间可以加起来!这就是WordPress键盘快捷键可以提供帮助的地方。我们可以使用其中的许多来加快我们的写作工作流程

    WordPress键盘快捷键让您可以将手放在键盘上,而不会失去选择文本、添加格式甚至审核评论部分的能力!

    为了帮助您在WordPress网站上工作时尽可能高效,我们汇总了我们所知道的每个WordPress键盘快捷键的大列表。

    在本文结束时,您将了解各种WordPress键盘快捷键,可帮助您更有效地创建内容和管理评论。

    即使古腾堡编辑器仍处于不断迭代升级的阶段,我们仍然收集了一些古腾堡特定的快捷键,让您为WordPress 5.0做好准备。

    WordPress编辑器键盘快捷键

    当您在WordPress编辑器中创建内容时,这些键盘快捷键可以帮助您节省时间。

    您在日常生活中使用的许多键盘快捷键在使用WordPress编辑器时也可以派上用场。其中一些可能已经为您所熟悉——但如果不熟悉,您会很快爱上它们!

    除了一般的快捷键,您还可以应用一些特定于WordPress的快捷键。

    用于选择文本的Windows键盘快捷键

    这些Windows快捷键可以帮助您在编辑器中选择文本而无需离开键盘:

    • CTRL + A – 选择所有文本
    • Shift + 左/右– 选择右/左一个字母
    • CTRL + Shift + 右/左右/左选择一个词
    • CTRL + Shift + 向上/向下– 选择上/下一行
    • Shift + Home – 选择所有文本直到当前行的开头
    • Shift + End – 选择所有文本直到当前行的结尾

    用于选择文本的Mac键盘快捷键

    这些Mac快捷键可以帮助您在编辑器中选择文本而无需离开键盘:

    • Cmd + A – 选择所有文本
    • Shift + 左/右– 选择右/左一个字母
    • Cmd + Shift + 右/左 – 选择右边/左边的一个词
    • Cmd + Shift + 上/下 – 选择上/下一行
    • Shift + Home – 选择所有文本直到当前行的开头
    • Shift + End – 选择所有文本直到当前行的结尾

    用于操作所选文本的Windows键盘快捷键

    选择一些文本后,您可以使用这些Windows快捷键来操作它或应用格式:

    • CTRL + C – 复制选定的文本
    • CTRL + X – 剪切选中的文本
    • CTRL + V – 粘贴选定的文本
    • CTRL + Shift + V – 粘贴所选文本,不带任何格式
    • CTRL + B – 加粗
    • CTRL + I – 斜体
    • CTRL + U – 下划线
    • CTRL + K – 插入链接
    • ALT + Shift + L – 左对齐
    • ALT + Shift + R – 右对齐
    • ALT + Shift + J – 对齐
    • ALT + Shift + C – 居中对齐
    • ALT + Shift + D – 应用删除线
    • ALT + Shift + A – 另一种插入链接的方式
    • ALT + Shift + O – 开始一个有序列表
    • ALT + Shift + U – 开始一个无序列表
    • ALT + Shift + S – 删除链接
    • ALT + Shift + Q – 创建引用
    • ALT + Shift + X – 添加代码标签

    用于操作所选文本的Mac键盘快捷键

    选择一些文本后,您可以使用这些Mac快捷键来操作它或应用格式:

    • Cmd + C – 复制选中的文本
    • Cmd + X – 剪切选中的文本
    • Cmd + V – 粘贴所选文本
    • Cmd + Shift + V – 粘贴选定的文本,不带任何格式
    • Cmd + B – 粗体
    • Cmd + I – 斜体
    • Cmd + U – 下划线
    • Cmd + K – 插入链接
    • Option + CTRL + L – 左对齐
    • Option + CTRL + R – 右对齐
    • Option + CTRL + J – 对齐
    • Option + CTRL + C – 居中对齐
    • Option + CTRL + D – 应用删除线
    • Option + CTRL + A – 另一种插入链接的方式
    • Option + CTRL + O – 启动有序列表
    • Option + CTRL + U – 开始一个无序列表
    • Option + CTRL + S – 删除链接
    • Option + CTRL + Q – 创建引用
    • Option + CTRL + X – 添加代码标签

    其他WordPress编辑器Windows键盘快捷键

    这些Windows快捷键可能无法选择文本或应用格式,但它们仍然非常方便!

    • CTRL + Z – 撤消
    • CTRL + Y – 重做
    • ALT + Shift + M – 打开添加媒体屏幕
    • ALT + Shift + W – 启用无干扰写作模式
    • ALT + Shift + T – 插入更多标签
    • ALT + Shift + P – 插入分页符
    • ALT + Shift + H – 打开帮助屏幕
    • ALT + Shift + Z – 扩展WordPress编辑器格式栏
    • Shift + Enter – 在编辑器中向下移动一行而不插入完整的换行符。

    其他WordPress编辑器Mac键盘快捷键

    这些Windows快捷键可能无法选择文本或应用格式,但它们仍然非常方便!

    • Cmd + Z – 撤消
    • Cmd + Y – 重做
    • Option + CTRL + M – 打开添加媒体屏幕
    • Option + CTRL + W – 启用无干扰写作模式
    • Option + CTRL + T – 插入更多标签
    • Option + CTRL + P – 插入分页符
    • Option + CTRL + H – 打开帮助屏幕
    • Option + CTRL + Z – 展开WordPress编辑器格式栏
    • Shift + Enter – 在编辑器中向下移动一行而不插入完整的换行符。

    操作中的键盘快捷键

    下面是其中一些键盘快捷键的示例。我们正在使用Windows。作为参考,我是:

    • 输入一些文字
    • 使用CTRL + Shift + Left选择最后一个单词
    • CTRL + B将其加粗
    • 使用ALT + Shift + R右对齐所有内容
    • 使用CTRL + Z撤消这两个操作

    正在使用的WordPress键盘快捷键示例

    正在使用的WordPress键盘快捷键示例

    WordPress格式化快捷键

    格式化快捷键不完全是键盘快捷键。但最终结果大同小异,它们可以非常方便地替代上述某些键盘快捷键。

    格式化快捷键是WordPress 4.3的一项功能,可帮助您自动添加以下格式:

    • 有序或无序列表
    • 标题
    • 区块引用
    • 水平线

    对于列表和标题之类的东西,格式化快捷键的主要优点是它们不需要您同时按下与上述键盘快捷键一样多的键。

    与上面的键盘快捷键不同,您可以通过在WordPress编辑器中实际输入内容来激活格式快捷键。您必须使用Visual选项卡才能使这些快捷键工作。

    当前的格式化快捷键如下。请注意,您需要在键入任何快捷键后按空格或有时按Enter键以应用格式:

    • * – 开始一个无序列表
    • 1. – 开始一个有序列表
    • ## – 应用H2格式
    • ### – 应用H3格式(继续应用H6格式的模式)
    • > – 创建一个区块引用
    •  – 创建一条水平线

    这是一个使用格式化快捷键的示例:

    操作中的格式化快捷键示例

    操作中的格式化快捷键示例

    用于审核评论的WordPress键盘快捷键

    除了编辑内容,WordPress还包括内置的快捷键来帮助您审核评论。

    默认情况下,这些快捷键是禁用的。但是您只需几秒钟的工作即可启用它们:

    • 转到WordPress 仪表板中的用户 → 您的个人资料
    • 选中“键盘快捷键”旁边的框以启用键盘快捷键以进行评论审核
    • 保存您的更改。

    如何启用评论快捷键

    如何启用评论快捷键

    然后,您可以在WordPress仪表板的“评论”选项卡中使用这些快捷键。

    首先,您有一组快捷键来选择评论(当前选中的评论会有蓝色高亮显示):

    • J – 向下移动当前选择(如果您在页面底部,它也会跳到下一页)
    • K – 向上移动当前选择
    • X – 添加复选标记(这有助于执行批量操作
    • Shift + X – 打开或关闭所有评论的复选标记

    选择一个或多个评论后,您可以使用另一组快捷键执行操作:

    • A – 批准评论
    • S – 将评论标记为垃圾评论
    • D – 删除评论
    • Z – 从垃圾箱中恢复评论
    • U – 不批准评论
    • R – 开始回复评论
    • Q – 打开快速编辑屏幕以编辑评论
    • E – 打开完整的编辑屏幕

    如果您选择了多个评论,您还可以使用Shift +之前的那些命令对多个评论执行操作。例如:

    • Shift + A – 批准所有选定的评论
    • Shift + S – 将所有选定的评论标记为垃圾评论
    • 等等。

    这是它在行动中的一个例子。在这个GIF中,我:

    • 加载评论屏幕
    • J选择第一条评论
    • S将其标记为垃圾评论

    操作中的评论快捷键示例

    操作中的评论快捷键示例

    古腾堡编辑器键盘快捷键

    由于古腾堡仍处于不断的迭代升级的阶段,因此随着古腾堡的最终确定,该部分肯定会在未来发展。

    但就目前而言,这里有一些巧妙的方法可以让您在新的古腾堡编辑器中加快内容创建速度……

    注意 – 这些是特定于古腾堡的键盘快捷键。但是当前编辑器中的许多常规键盘快捷键也可以使用

    • / – 如果输入斜杠,则可以按名称快速插入区块
    • CTRL + Shift + ALT + M – (Windows) 切换到代码编辑器(如果您已经在代码编辑器中,则返回到区块编辑器)
    • Cmd + Shift + ALT + M – (Mac) 切换到代码编辑器(如果您已经在代码编辑器中,则返回到区块编辑器)
    • Enter – 创建一个新区块。这有助于结合上面的/快捷键来快速插入多个区块

    以下是这些键盘快捷键的示例:

    使用特定于古腾堡的快捷键的示例

    使用特定于古腾堡的快捷键的示例

    创建您自己的WordPress键盘快捷键

    如果上面的所有键盘快捷键对您来说都不够用,您可以使用AutoHotkey之类的程序创建自己的特定于工作流程的键盘快捷键。

    如果您必须在WordPress网站上执行上述快捷键未涵盖的任何重复操作,AutoHotkey可以轻松设置脚本和宏以提高您的工作效率。需要更简单的东西吗?查看ShortKeeper

    小结

    虽然记住所有这些捷径可能需要一些时间,但一旦它们成为你肌肉记忆的一部分,它确实是一种更有效的工作方式。

    是的 – 当你很难记住哪个捷径有什么作用时,一开始会有点困难。但过了一会儿,这种延迟就会消失,你的工作效率就会提高。

  • 如何为WordPress外贸网站添加自动话务员电话系统

    如果您经营的是一个WordPress外贸网站,您可能想为外贸网站设置自动客服电话系统吗?

    对于企业主而言,自动值班电话系统可以降低成本,帮助您更快接听电话,改善客户服务,并使您的小型企业看起来更专业。

    在本教程中,我们将分享有关如何为WordPress外贸网站轻松设置自动客服电话系统的具体步骤。

    如何为WordPress外贸网站添加自动话务员电话系统

    为外贸网站设置自动话务员电话系统需要什么?

    对于大多数小型企业网站或在线商店,您只需将电话号码添加到您的网站即可。您的访客可以拨打电话号码与您取得联系。

    但是,标准电话服务不提供呼叫转移、自动助理、呼叫等待、营业时间等高级功能。此外,添加自动助理等简单功能的成本很高。

    要以正确的方式设置自动助理电话系统,您需要使用虚拟商务电话服务提供商。

    我们建议使用Nextiva,因为它是市场上最好的商务电话服务,被Taco Bell、YMCA、Buffalo Bills等品牌使用。

    它让您可以轻松管理您的商务电话、设置自动助理、呼叫转移等,而且价格比商务座机或移动提供商便宜得多。

    Nextiva

    由于Nextiva是一种VoIP电话服务,它将使用互联网来拨打和接听电话,而不是传统的座机。

    这可以帮助您节省资金,并让您可以使用高级功能,例如自动助理、呼叫转移、呼叫等待、语音邮件、电话会议等等。

    您还可以获得免费电话号码或选择任何地点的商务电话号码。

    它还允许您通过当前的移动电话、计算机或标准桌面电话管理您的呼叫。

    话虽如此,让我们向您展示如何为您的网站设置自动助理电话系统。

    设置自动话务员电话系统

    首先,您需要注册一个Nextiva帐户。在注册过程中,您可以选择一个新的公司电话号码或将现有电话号码连接到您的帐户。

    设置帐户后,您将能够在任何设备上使用您的公司电话号码自动拨打和接听电话。

    接下来,您可以为您的网站设置自动助理电话系统。

    在您的帐户页面上,您需要单击“Communication”菜单选项,然后单击“Phone System”按钮。

    Nextiva电话系统

    这会将您带到一个界面,您可以在其中使用不同的选项来设置商务电话功能。

    接下来,单击“Call flows”按钮。

    电话系统呼叫流程

    在下一个界面上,您需要创建一个新的呼叫流程。

    只需单击“Create New Flow”按钮即可开始。

    创建电话呼叫流程

    如果您为其他功能创建了呼叫模板,则它们将列在此处。

    我们将选择“Start from Scratch”选项。

    从头开始创建呼叫流程

    接下来,您可以为您的呼叫流程命名以帮助您记住。

    之后,将鼠标悬停在上方并单击“Phone”按钮。

    选择电话号码

    然后,您需要输入您的主要业务电话号码。

    您也可以添加分机号和其他号码。

    选择电话号码及添加分机号

    然后,单击“Save & Continue”按钮。

    接下来,单击下一步的“Add Action”按钮。

    添加动作

    这将打开一个菜单,您可以在其中选择下一个操作。

    要创建自动助理,您可以选择“Phone menu电话菜单”、“Dial by extension按分机拨号”或“Dial by name按姓名拨号”选项。

    我们将选择“Phone menu”选项,因为这让我们可以录制问候语,然后为呼叫者提供拨打特定部门或团队成员的选项。

    选择电话菜单选项或其他

    接下来,您可以从“Greeting”下拉菜单中选择“Default Greeting”。

    您还可以选择录制或上传您自己的问候语。

    设置电话问候语

    之后,您可以自定义将在您问候后播放的电话菜单选项。

    您可以使用“Phone Menu”下的键盘输入呼叫者将拨打的号码以及他们将被重定向到的人员或部门。

    对于多个选项,单击数字,然后在“Menu Options”部分添加相应的部门。

    重定向电话呼入

    接下来,您可以配置“Advanced Options”设置。

    您可以设置超时长度,选择一个选项用于拨打接线员,然后单击复选框以允许呼叫者通过拨打他们的分机来联系各个团队成员。

    设置超时长度

    之后,单击“Save & Continue”按钮。

    这会将您带回到主呼叫流程界面。您需要为刚刚创建的呼叫选项分配团队成员和电话号码。

    只需单击“Add action”按钮之一。

    呼叫选项分配团队成员和电话号码

    然后,单击“Users and Teams”菜单选项。

    这使您可以将操作分配给特定的团队成员或部门。

    操作分配给特定团队或人员

    接下来,您可以选择呼叫响铃的对象、响铃方式、来电显示设置等。

    只需为您的业务选择最佳选项,然后单击“Save & Continue”按钮。

    业务最佳选项设置

    您需要对之前创建的所有呼叫菜单选项执行相同的步骤。

    之后,您将返回主呼叫流程界面,您需要再次单击“Add action”按钮以完成呼叫流程。

    完成呼叫流程

    接下来,如果没有人回答会发生什么,您将有多种不同的选择。

    我们将选择“Voicemail”选项,以便在无人接听电话时来电者可以留言。

    电话留言

    在下一个界面上,您可以选择您的语音信箱和留言。

    只需从“Voicemail Destination”下拉菜单中选择团队或个人,然后从“Team”下拉菜单中选择正确的部门。

    指定语音信箱和留言查收团队

    然后,单击“保存并继续”按钮。

    之后,您需要对每个扩展执行相同的步骤。

    完成后,您应该会在不同呼叫流程的末尾看到“Call ends”。

    激活呼叫流程

    然后,单击页面底部的“Go Live”按钮以激活呼叫流程。

    确保测试自动助理功能以确保问候语和呼叫转移正常工作。

    除了所有强大的功能外,Nextiva最让人喜欢的一部分是它让您的团队成员拥有一个虚拟的商务电话号码,因此他们只能在特定时间接听电话而不会失去隐私。

    在WordPress中添加点击呼叫按钮

    既然您已经设置了自动助理电话系统,您可能想在WordPress网站上添加一个点击呼叫按钮。这使得调用就像单击按钮一样简单。

    您需要做的第一件事是安装并激活WP Call Button插件。激活后,您需要转到Settings » WP Call Button来设置插件。

    WP Call Button插件

    在此界面上,您可以打开呼叫按钮并添加您的号码。

    然后,您可以自定义按钮的外观并添加一个浮动在整个网站界面上的固定按钮。

    设置电话按钮

    您还可以控制按钮出现的位置,并且可以选择在某些文章和页面上显示或隐藏按钮。

    如果您想更好地控制按钮出现的位置,则可以手动显示它。为此,只需单击“Static Call Button”菜单选项。

    然后,您可以更改按钮设置并复制短代码以添加到您的站点。

    静态电话按钮设置

    完成自定义插件设置后,请务必单击“Save Changes”按钮。

    您还可以使用包含的块将粘性按钮直接添加到您的页面、文章和小部件区域。

    电话按钮样式展示

    在块设置中,您可以更改文本的颜色、大小、对齐方式以及显示或隐藏电话图标。

    完成后,请务必单击“更新”或“发布”以保存更改。

    现在,您的访问者将在您的网站上实时看到您的点击通话按钮。当他们单击按钮时,他们将被带到您的自动助理电话系统。

    电话呼叫按钮外观

    对于一个需要与客户沟通联系的WordPress外贸网站,除了商务电话,我们还建议添加联系表,甚至是实时聊天或AI聊天机器人,这样您的访问者就可以通过他们喜欢的方式与您联系。

    我们希望本教程能帮助您了解如何为您的WordPress外贸网站设置自动客服电话系统。如果您无需复杂的电话呼叫流程,或者您还可以试试我们的WordPress在线客服插件

  • 如何实现为WordPress创建额外的图像尺寸

    默认情况下,WordPress会自动创建多个不同大小的图像上传副本。此外,WordPress主题和插件还可以创建自己的图像大小。

    在本教程中,我们将向您展示如何在WordPress中轻松创建其他图像尺寸并在您的网站上使用它们。

    如何实现为WordPress创建额外的图像尺寸

    为什么要在WordPress中创建额外的图像尺寸?

    通常,所有流行的WordPress主题和插件都能很好地处理图像大小。例如,您的WordPress主题可能会创建其他尺寸以用作存档页面上的缩略图。

    但是,有时这些图像大小可能不符合您自己的要求。您可能希望在子主题或文章网格布局中使用不同的图像大小。

    您可以通过在WordPress中创建其他图像大小,然后在需要时调用这些大小来实现。

    话虽如此,让我们来看看如何在WordPress中创建额外的图像大小。

    为您的主题注册额外的图像尺寸

    大多数WordPress主题(包括所有顶级WordPress主题)默认都支持发布缩略图(特色图片)功能。

    但是,如果您要创建自定义WordPress主题,则需要通过将以下代码添加到主题的functions.php文件来添加对文章缩略图的支持。

    add_theme_support( ‘post-thumbnails’ );
    add_theme_support( ‘post-thumbnails’ );
    add_theme_support( 'post-thumbnails' );

    启用对文章缩略图的支持后,您现在可以使用函数 add_image_size() 来使用注册附加图像大小的功能。

    add_image_size函数按以下格式使用:

    add_image_size( ‘name-of-size’, width, height, crop mode );
    add_image_size( ‘name-of-size’, width, height, crop mode );
    add_image_size( 'name-of-size', width, height, crop mode );

    示例代码如下所示:

    add_image_size( ‘sidebar-thumb’, 120, 120, true ); // 硬裁剪模式Hard Crop Mode
    add_image_size( ‘homepage-thumb’, 220, 180 ); // 软裁剪模式Soft Crop Mode
    add_image_size( ‘singlepost-thumb’, 590, 9999 ); // 不限高度模式Unlimited Height Mode
    add_image_size( ‘sidebar-thumb’, 120, 120, true ); // 硬裁剪模式Hard Crop Mode
    add_image_size( ‘homepage-thumb’, 220, 180 ); // 软裁剪模式Soft Crop Mode
    add_image_size( ‘singlepost-thumb’, 590, 9999 ); // 不限高度模式Unlimited Height Mode
    add_image_size( 'sidebar-thumb', 120, 120, true ); // 硬裁剪模式Hard Crop Mode
    add_image_size( 'homepage-thumb', 220, 180 ); // 软裁剪模式Soft Crop Mode
    add_image_size( 'singlepost-thumb', 590, 9999 ); // 不限高度模式Unlimited Height Mode

    现在,如果您注意到,我们已经指定了三种不同类型的图像大小。每个都有不同的模式,如硬裁剪、软裁剪和无限高度。

    让我们介绍每个示例以及如何在您自己的项目中使用它们。

    1. 硬裁剪模式

    您可能会注意到,在高度之后添加了一个“true”值。这告诉WordPress将图像精确裁剪到我们定义的大小(在本例中为120×120像素)。

    此方法用于确保一切都完全成比例。此功能将根据尺寸自动从侧面或从顶部和底部裁剪图像。

    图片硬裁剪

    2. 软裁剪模式

    默认情况下,软裁剪模式处于打开状态,这就是为什么您在高度之后看不到任何附加值的原因。此方法按比例调整图像大小而不会使其失真。因此,您可能无法获得所需的尺寸。通常,它匹配宽度尺寸,高度根据每个图像的比例而不同。示例显示如下所示:

    图片软裁剪

    无限高度模式

    有时您想在设计中使用超长图像,但您想确保宽度是有限的。例如,信息图图像往往很长,通常比内容宽度更宽。

    此模式允许您指定一个不会破坏您的设计同时保持高度不受限制的宽度。

    无限高度图片

    在您的WordPress主题中显示其他图像大小

    现在您已经添加了所需图像大小的功能,让我们来看看在您的WordPress主题中显示它们。打开要显示图像的主题文件并粘贴以下代码:

    <?php the_post_thumbnail( ‘your-specified-image-size’ ); ?>
    <?php the_post_thumbnail( ‘your-specified-image-size’ ); ?>
    <?php the_post_thumbnail( 'your-specified-image-size' ); ?>

    注意:这段代码一定要贴在post loop里面。

    这就是在WordPress主题中显示额外图像大小所需要做的一切。您可能应该使用适合您需要的样式将其包裹起来。

    重新生成额外的图像尺寸

    如果您不是在一个全新的网站上执行此操作,那么您可能需要重新生成缩略图。

    add_image_size() 函数仅从它添加到主题的点生成大小。这意味着在包含此功能之前添加的任何文章图像都不会具有新尺寸。

    要解决此问题,您需要为旧图像重新生成新图像大小。这通过名为Regenerate Thumbnails的插件变得容易。安装并激活插件后,菜单下会添加一个新选项:Tools » Regenerate Thumbnails

    Regenerate Thumbnails

    您将看到为所有图像或仅为特色图像重新生成缩略图的选项。我们建议重新生成所有图像以避免任何意外行为或损坏的图像。

    有关更多详细信息,请参阅我们关于如何在WordPress中重新生成特色图片的文章。

    为您的文章内容启用额外的图像尺寸

    即使您在主题中启用了图像大小,但使用仅限于您的主题,这没有任何意义。

    无论如何都会生成所有图像大小,所以为什么不让文章作者在帖子内容中使用它。

    您可以通过将以下代码添加到主题的函数文件中来完成此操作。

    function wpb_custom_image_sizes( $size_names ) {
    $new_sizes = array(
    ‘homepage-thumb’ => ‘Homepage Thumbmail’,
    ‘singlepost-thumb’ => ‘Infographic Single Post’
    );
    return array_merge( $size_names, $new_sizes );
    }
    add_filter( ‘image_size_names_choose’, ‘wpb_custom_image_sizes’ );
    function wpb_custom_image_sizes( $size_names ) {
    $new_sizes = array(
    ‘homepage-thumb’ => ‘Homepage Thumbmail’,
    ‘singlepost-thumb’ => ‘Infographic Single Post’
    );
    return array_merge( $size_names, $new_sizes );
    }
    add_filter( ‘image_size_names_choose’, ‘wpb_custom_image_sizes’ );
    function wpb_custom_image_sizes( $size_names ) {
        $new_sizes = array(
            'homepage-thumb' => 'Homepage Thumbmail',
            'singlepost-thumb' => 'Infographic Single Post'
        );
        return array_merge( $size_names, $new_sizes );
    }
    add_filter( 'image_size_names_choose', 'wpb_custom_image_sizes' );

    添加代码后不要忘记保存更改。

    您现在可以将图像上传到WordPress文章或页面。在图像块设置中,您将在“图像大小”选项下看到自定义图像大小。

    自定义图片大小

    您和在您的网站上工作的其他作者现在可以在将图像添加到帖子和页面时选择这些大小选项。

    我们希望本文能帮助您了解如何在WordPress中创建其他图像大小。您可能还想查看我们关于WordPress最佳图像压缩插件和我们的WordPress性能指南,以提高您的网站速度。

  • 如何将自定义CSS添加到您的WordPress网站

    有时您可能会发现自己需要在WordPress网站中添加自定义 CSS。在本教程中,我们将介绍如何在不编辑任何主题文件的情况下轻松地将自定义CSS添加到您的WordPress网站。

    如何将自定义CSS添加到您的WordPress网站

    方法 1:使用Theme Customizer添加自定义 CSS

    从WordPress 4.7开始,用户现在可以直接从WordPress管理后台添加自定义CSS。这非常简单,您可以立即通过实时预览看到您的更改。

    首先,您需要转到外观»自定义页面。

    WordPress外观自定义

    这将启动WordPress主题定制器界面。

    您将在左窗格中看到您网站的实时预览和一堆选项。单击左侧窗格中的额外CSS选项卡。

    WordPress主题额外CSS

    该选项卡将滑动显示一个简单的框,您可以在其中添加自定义CSS。一旦添加了有效的CSS规则,您就可以在网站的实时预览窗格中看到它的应用。

    编辑主题额外CSS代码

    您可以继续添加自定义CSS代码,直到您对其在网站上的外观感到满意为止。

    完成后不要忘记单击顶部的“保存并发布”按钮。

    发布主题自定义CSS

    注意:您使用主题定制器添加的任何自定义CSS仅适用于该特定主题。如果您想将其与其他主题一起使用,则需要使用相同的方法将其复制并粘贴到新主题中。

    方法 2:使用插件添加自定义CSS

    第一种方法只允许您为当前活动的主题保存自定义CSS。如果更改主题,则可能需要将自定义CSS复制并粘贴到新主题。

    如果您希望无论使用哪种WordPress主题都应用自定义CSS ,那么此方法适合您。

    您需要做的第一件事是安装并激活Simple Custom CSS插件。激活后,只需转到外观»Custom CSS并写下或粘贴您的自定义CSS。

    Simple Custom CSS

    不要忘记按“Update Custom CSS”按钮来保存您的更改。

    您现在可以查看您的WordPress网站以查看正在运行的自定义CSS。

    使用自定义CSS插件与在主题中添加CSS

    建议初学者使用上述两种方法。高级用户还可以将自定义CSS直接添加到他们的主题中。

    但是,不建议将自定义CSS片段添加到您的父主题中。如果您在没有保存自定义更改的情况下不小心更新了主题,您的CSS更改将会丢失。

    最好的方法是使用子主题。但是,许多初学者不想创建子主题。除了添加自定义CSS,初学者通常真的不知道他们将如何使用该子主题。

    使用自定义CSS插件可以让您独立于主题存储自定义CSS。这样您就可以轻松切换主题,而您的自定义CSS仍然存在。

    将自定义CSS添加到WordPress网站的另一种好方法是使用CSS Hero插件。这个出色的插件允许您在WordPress网站上编辑几乎所有CSS样式,而无需编写任何代码。

    CSS Hero插件

    我们希望本教程有助于将自定义CSS添加到您的WordPress网站。您可能还想了解如何选择最佳网页设计软件最佳WordPress拖放页面构建器插件

  • 如何在WordPress中添加短代码

    短代码是一种将动态内容添加到WordPress文章、页面和侧边栏的简单方法。

    许多WordPress插件和主题使用短代码来添加专门的内容,如联系表格、图片库、滑块等。

    在本教程中,我们将向您展示如何在WordPress中轻松添加短代码。我们还将向您展示如何在WordPress中创建您自己的自定义短代码。

    如何在WordPress中添加短代码

    什么是短代码?

    WordPress中的简码是代码快捷方式,可帮助您在WordPress文章、页面和侧边栏小部件中添加动态内容。它们显示在方括号内,如下所示:

    [myshortcode]
    [myshortcode]
    [myshortcode]

    为了更好地理解短代码,让我们先来看看为什么添加它们的背景。

    WordPress过滤所有内容以确保没有人使用文章和页面内容在数据库中插入恶意代码。这意味着您可以在文章中编写基本的HTML,但不能编写PHP代码。

    但是,如果您想在文章中运行一些自定义代码来显示相关文章、横幅广告、联系表单、画廊等,该怎么办?

    这就是Shortcode API的用武之地。

    基本上,它允许开发人员将他们的代码添加到一个函数中,然后将该函数作为短代码注册到WordPress,因此用户无需任何编码知识即可轻松使用它。

    当WordPress找到短代码时,它会自动运行与之关联的代码。

    让我们看看如何在您的WordPress文章和页面中轻松添加短代码。

    在WordPress文章和页面中添加短代码

    首先,您需要编辑要添加短代码的文章和页面。之后,您需要单击添加块按钮以插入短代码区块。

    插入短代码区块

    添加短代码区块后,您只需在区块设置中输入您的短代码即可。短码将通过各种WordPress插件来提供,你可能如使用是WPForms的联系表单,OptinMonster的电子邮件营销表单,WP Call button插入一个拨打电话按钮,等等。

    插入不同插件的短代码

    要了解有关使用区块的更多信息,请参阅我们的古腾堡教程以获取更多详细信息。

    您现在可以保存您的文章或页面并预览您的更改以查看正在运行的短代码。

    在WordPress侧边栏小工具中添加短代码

    您还可以在WordPress侧边栏小工具中使用短代码。只需访问外观»小工具页面并将“文本”小部件添加到侧边栏。

    现在您可以将您的短代码粘贴到小工具的文本区域内。

    添加短代码至小工具

    不要忘记单击“Save”按钮来存储您的小工具设置。

    之后,您可以访问您的WordPress网站,在侧边栏小部件中查看短代码的实时预览。

    在旧的WordPress经典编辑器中添加短代码

    如果您仍在WordPress中使用旧的经典编辑器,那么您可以通过以下方式向WordPress文章和页面添加短代码。

    只需编辑要添加短代码的文章和页面。您可以将短代码粘贴到内容编辑器中要显示的任何位置。只要确保短代码在它自己的行中。

    经典编辑器插入短代码

    不要忘记保存您的更改。之后,您可以预览您的帖子和页面以查看正在运行的短代码。

    如何在WordPress主题文件中添加短代码

    短代码旨在用于WordPress文章、页面和小部件。但是,有时您可能希望在WordPress主题文件中使用短代码。

    WordPress可以轻松做到这一点,但您需要编辑WordPress主题文件。

    基本上,您只需添加以下代码即可向任何WordPress主题模板添加短代码。

    <?php echo do_shortcode(“[your_shortcode]”); ?>
    <?php echo do_shortcode(“[your_shortcode]”); ?>
    <?php echo do_shortcode("[your_shortcode]"); ?>

    WordPress现在将查找短代码并在您的主题模板中显示其输出。

    如何在WordPress中创建自己的自定义短代码

    当您想在WordPress文章和页面中添加动态内容或自定义代码时,简码非常有用。但是,如果您想创建自定义短代码,则需要一些编码经验。

    如果您对编写PHP代码感到满意,那么这里有一个示例代码,您可以将其用作模板。

    // function that runs when shortcode is called
    function wpb_demo_shortcode() {
    // Things that you want to do.
    $message = ‘Hello world!’;
    // Output needs to be return
    return $message;
    }
    // register shortcode
    add_shortcode(‘greeting’, ‘wpb_demo_shortcode’);
    // function that runs when shortcode is called
    function wpb_demo_shortcode() {
    // Things that you want to do.
    $message = ‘Hello world!’;
    // Output needs to be return
    return $message;
    }
    // register shortcode
    add_shortcode(‘greeting’, ‘wpb_demo_shortcode’);
    // function that runs when shortcode is called
    function wpb_demo_shortcode() { 
    // Things that you want to do. 
    $message = 'Hello world!'; 
    // Output needs to be return
    return $message;
    } 
    // register shortcode
    add_shortcode('greeting', 'wpb_demo_shortcode');

    在这段代码中,我们首先创建了一个运行一些代码并返回输出的函数。之后,我们创建了一个名为“greeting”的新短代码,并告诉WordPress运行我们创建的函数。

    您现在可以使用以下代码将此短代码添加到您的文章、页面和小部件中:

    [greeting]
    [greeting]
    [greeting]
    

    它将运行您创建的函数并显示所需的输出。

    现在让我们来看看短代码的更实际用法。在此示例中,我们将在短代码中显示Google AdSense广告banner。

    // The shortcode function
    function wpb_demo_shortcode_2() {
    // Advertisement code pasted inside a variable
    $string .= ‘<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
    <ins class=”adsbygoogle”
    style=”display:block; text-align:center;”
    data-ad-format=”fluid”
    data-ad-layout=”in-article”
    data-ad-client=”ca-pub-0123456789101112″
    data-ad-slot=”9876543210″></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>’;
    // Ad code returned
    return $string;
    }
    // Register shortcode
    add_shortcode(‘my_ad_code’, ‘wpb_demo_shortcode_2’);
    // The shortcode function
    function wpb_demo_shortcode_2() {
    // Advertisement code pasted inside a variable
    $string .= ‘<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
    <ins class=”adsbygoogle”
    style=”display:block; text-align:center;”
    data-ad-format=”fluid”
    data-ad-layout=”in-article”
    data-ad-client=”ca-pub-0123456789101112″
    data-ad-slot=”9876543210″></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>’;
    // Ad code returned
    return $string;
    }
    // Register shortcode
    add_shortcode(‘my_ad_code’, ‘wpb_demo_shortcode_2’);
    // The shortcode function
    function wpb_demo_shortcode_2() { 
    // Advertisement code pasted inside a variable
    $string .= '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
    style="display:block; text-align:center;"
    data-ad-format="fluid"
    data-ad-layout="in-article"
    data-ad-client="ca-pub-0123456789101112"
    data-ad-slot="9876543210"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>';
    // Ad code returned
    return $string; 
    }
    // Register shortcode
    add_shortcode('my_ad_code', 'wpb_demo_shortcode_2');

    不要忘记用您自己的广告代码替换广告代码。

    您现在可以在WordPress文章、页面和侧边栏小部件中使用 [my_ad_code] 短代码。WordPress将自动运行与短代码关联的功能并显示广告代码。

    简码与古腾堡区块

    用户经常问我们简码与新古腾堡块之间的区别。

    基本上,如果您发现短代码有用,那么您会喜欢WordPress编辑器区块。块允许您以更用户友好的方式做同样的事情。

    与要求用户添加用于显示动态内容的短代码不同,区块允许用户使用更直观的用户界面在文章/页面中添加动态内容。许多流行的WordPress插件都改用Gutenberg区块而不是短代码,因为它们对初学者更友好。

    最后,希望本教程能帮助您了解如何在WordPress中添加短代码。

  • 如何将Ajax实时搜索添加到您的WordPress

    将即时搜索添加到WordPress可改进默认站点搜索,并使访问者更容易找到他们正在寻找的页面和文章。

    在本教程中,我们将向您展示如何将Ajax实时搜索添加到您的WordPress网站。

    如何将Ajax实时搜索添加到您的WordPress

    为什么要向WordPress添加Ajax实时搜索?

    Ajax实时搜索(也称为即时搜索)通过添加在Google等搜索引擎中很常见的下拉菜单和自动完成功能来改善默认的WordPress搜索体验。

    这是一个实际的例子:

    即时搜索效果展示

    实时搜索会在用户键入时猜测他们正在搜索的内容,并帮助他们更快地找到相关内容。这是对默认WordPress搜索的巨大改进。

    通过帮助用户快速找到他们正在寻找的内容,实时搜索将帮助他们在您的网站上停留更长时间,从而增加综合浏览量并降低跳出率

    话虽如此,让我们来看看如何简单地将Ajax实时搜索添加到您的WordPress博客或网站。

    使用WordPress插件将Ajax搜索添加到WordPress

    将Ajax实时搜索添加到WordPress的最简单方法是使用SearchWP插件。它是市场上最好的WordPress搜索插件,被30,000多个网站使用。

    SearchWP插件

    该插件超越了为文章内容编制索引,并将为您网站上的所有内容编制索引,例如自定义字段、PDF文档、文本文件、WooCommerce产品等。

    对于本教程,您可以使用免费的SearchWP Live Ajax Lite搜索插件,因为它会自动启用Ajax实时搜索。

    您需要做的第一件事是安装并激活插件。激活后,默认的WordPress搜索表单现在将自动包含Ajax实时搜索功能。

    在您的WordPress网站上显示Ajax实时搜索

    由于任何活动搜索栏现在都有实时搜索,您所要做的就是决定您希望它们显示的位置。

    下面您将了解如何将实时搜索栏添加到WordPress网站上的常见位置。

    将Ajax实时搜索添加到WordPress侧边栏

    添加搜索栏的最受欢迎的区域之一是WordPress侧边栏。这使您的访问者无论在您网站上的哪个位置都可以轻松进行搜索。

    要将搜索小工具添加到WordPress,只需转到外观 » 小工具以调出基于块的小工具编辑器。

    即时搜索小工具

    WordPress主题的每个小工具区域在块编辑器中都有一个单独的选项卡。

    在我们的测试站点上,我们的侧边栏小部件区域称为“Right Sidebar”,但根据您的主题,您的可能有不同的名称。

    只需单击侧边栏部分下方的“+”图标。

    添加实时搜索至侧边栏

    然后,在搜索栏中键入“SearchWP”并单击“SearchWP Live Search”图标。

    这将自动将Ajax实时搜索小工具插入您的侧边栏中。

    如何将Ajax实时搜索添加到您的WordPress-6

    您可以自定义标题部分以更改搜索框的标题。完成后,单击“更新”按钮保存更改并使搜索栏生效。

    自定义实时搜索小工具

    现在,您的所有网站访问者都可以使用您的实时搜索栏。

    侧边栏Ajax实时搜索演示

    您可以按照相同的过程将实时搜索栏添加到您网站的任何其他小部件区域。要将其添加到您的导航菜单区域,请参阅我们关于如何将搜索栏添加到WordPress菜单的教程

    将Ajax实时搜索添加到WordPress页面

    您可能还想向网站的其他页面添加Ajax实时搜索框。例如,您可以有一个存档页面,让访问者可以搜索您的内容。

    为此,您需要导航到要编辑的文章或页面。对于此示例,我们将向您展示如何将实时搜索栏添加到WordPress页面。

    首先,转到页面»所有页面,然后单击要编辑的页面。

    将Ajax实时搜索添加到独立页面

    打开页面后,单击页面编辑器屏幕上的“+”图标。

    这将调出区块菜单。

    添加Ajax实时搜索区块

    接下来,在框中键入“Search”,然后单击“Search”图标将其添加到您的页面。

    它会自动为您放置搜索栏。

    Ajax实时搜索区块

    您还可以在搜索框中自定义搜索标题和占位符文本。

    之后,请务必点击页面右上角的“更新”按钮。

    发布Ajax实时搜索区块文章页面

    现在,您的访问者可以使用您网站上的实时搜索栏快速找到他们正在寻找的内容。

    您可以使用相同的过程向任何文章或页面添加搜索栏。

    Ajax实时搜索前端演示

    自定义WordPress即时搜索结果

    SearchWP是一个非常通用的搜索插件,它不仅仅是发布内容并索引您网站上的所有内容,包括自定义字段、ACF字段、文本文件、PDF文档内容、自定义表格、自定义分类法、WooCommerce产品属性等。

    SearchWP插件的专业版可让您通过创建自己的相关性比例和调整算法来完全自定义您的搜索结果,而无需编写任何代码。

    SearchWP插件设置界面

    您还可以获得指标功能,可让您查看访问者正在搜索的内容,以及许多其他强大的功能,可进一步改进您的现场搜索功能。

    我们希望本教程能帮助您了解如何将Ajax实时搜索添加到您的WordPress网站。

  • 如何在WordPress中实现按类别搜索

    向WordPress添加按类别搜索功能可让您的访问者快速找到他们正在寻找的内容。您可以添加选项来搜索特定的博客类别、产品类别等。

    在本教程中,我们将向您展示如何向WordPress站点添加按类别搜索功能。

    如何在WordPress中实现按类别搜索

    为什么要在WordPress中添加按类别搜索?

    按类别搜索功能允许您的访问者搜索特定的网站类别。

    如果您有很多内容,那么类别可以帮助组织您的内容,并使访问者更容易找到他们正在寻找的内容。

    您可以向存档页面添加类别搜索功能,以帮助访问者快速找到他们正在寻找的内容。

    按类别搜索框

    类别搜索也可以添加到您的在线商店,以便访问者可以快速找到他们想要的确切产品。

    总体而言,这为您的访问者提供了更好的现场体验,并可以帮助您的WordPress网站发出积极的SEO信号,例如增加停留时间和降低跳出率。

    添加类别搜索功能的最佳方法是使用 WordPress 插件。

    我们将分享两个不同的WordPress搜索插件,它们可以帮助您自定义WordPress搜索。只需使用下面的快速链接选择您要添加的WordPress类别搜索类型。

    方法 1:使用SearchWP将类别选择搜索表单添加到WordPress

    SearchWP是WordPress最好的搜索插件。它非常易于使用,并允许您添加类别选择功能,让您的用户控制他们的搜索结果。

    首先,您需要安装并激活SearchWP插件。激活后,导航到Settings » SearchWP。这会调出主搜索设置菜单。

    SearchWP插件设置

    您可以通过单击“文章”、“页面”或“库”下拉菜单来调整搜索引擎设置。

    更改“Weight Multiplier”滑块可自定义搜索引擎对内容的评价方式。如果您希望搜索引擎对页面内容的评价高于标题,请相应地调整滑块。

    SearchWP插件搜索引擎设置

    完成后,请确保单击“Save Engines”按钮以生成您的第一个搜索引擎。

    接下来,我们将自定义搜索表单以添加类别选择选项,以便您的访问者可以决定他们想要搜索的类别。

    为此,您需要将代码添加到WordPress文件中。

    您需要复制并粘贴以下代码并将其添加到您的functions.php文件、特定于站点的插件中或使用代码片段插件。

    function my_searchwp_get_search_form_with_categories_dropdown( $form ) {
    ob_start(); ?>
    <form role=“search” method=“get” class=“search-form” action=“<?php echo home_url( ‘/’ ); ?>”>
    <label>
    <span class=“screen-reader-text”>Search For</span>
    <input type=“search” class=“search-field” placeholder=“Search…” value=“<?php echo esc_attr( get_search_query() ); ?>” name=“s” title=“Search for:” />
    </label>
    <?php
    // for more information see http://codex.wordpress.org/Function_Reference/wp_dropdown_categories
    $swp_cat_dropdown_args = array(
    ‘show_option_all’ => __( ‘Any Category’ ),
    ‘name’ => ‘swp_category_limiter’,
    );
    wp_dropdown_categories( $swp_cat_dropdown_args );
    ?>
    <input type=“submit” class=“search-submit” value=“Search” />
    </form>
    <?php return ob_get_clean();
    }
    add_filter( ‘get_search_form’, ‘my_searchwp_get_search_form_with_categories_dropdown’ );
    function my_searchwp_get_search_form_with_categories_dropdown( $form ) {
    ob_start(); ?>
    <form role=”search” method=”get” class=”search-form” action=”<?php echo home_url( ‘/’ ); ?>”>
    <label>
    <span class=”screen-reader-text”>Search For</span>
    <input type=”search” class=”search-field” placeholder=”Search…” value=”<?php echo esc_attr( get_search_query() ); ?>” name=”s” title=”Search for:” />
    </label>
    <?php
    // for more information see http://codex.wordpress.org/Function_Reference/wp_dropdown_categories
    $swp_cat_dropdown_args = array(
    ‘show_option_all’ => __( ‘Any Category’ ),
    ‘name’ => ‘swp_category_limiter’,
    );
    wp_dropdown_categories( $swp_cat_dropdown_args );
    ?>
    <input type=”submit” class=”search-submit” value=”Search” />
    </form>
    <?php return ob_get_clean();
    }

    add_filter( ‘get_search_form’, ‘my_searchwp_get_search_form_with_categories_dropdown’ );

    function my_searchwp_get_search_form_with_categories_dropdown( $form ) {
        ob_start(); ?>
            <form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
                <label>
                    <span class="screen-reader-text">Search For</span>
                    <input type="search" class="search-field" placeholder="Search..." value="<?php echo esc_attr( get_search_query() ); ?>" name="s" title="Search for:" />
                </label>
                <?php
                    // for more information see http://codex.wordpress.org/Function_Reference/wp_dropdown_categories
                    $swp_cat_dropdown_args = array(
                            'show_option_all'  => __( 'Any Category' ),
                            'name'             => 'swp_category_limiter',
                        );
                    wp_dropdown_categories( $swp_cat_dropdown_args );
                ?>
                <input type="submit" class="search-submit" value="Search" />
            </form>
        <?php return ob_get_clean();
    }
     
    add_filter( 'get_search_form', 'my_searchwp_get_search_form_with_categories_dropdown' );

    此代码修改您的WordPress博客上的搜索表单,并为用户提供一个下拉框来选择他们喜欢的类别。

    添加代码后,您可以查看任何搜索表单,您将看到已添加类别搜索下拉列表。

    按分类搜索演示

    您还可以使用SearchWP来自定义您的WooCommerce产品搜索页面。有关更多详细信息,请参阅有关如何进行智能WooCommerce产品搜索的教程

    方法 2:使用Ivory Search将按类别搜索添加到WordPress

    Ivory Search是另一个流行的WordPress搜索插件。它非常易于使用,可帮助您轻松控制WordPress中的搜索类别。

    您需要做的第一件事是安装插件。激活插件后,您将拥有一个名为“Ivory Search”的新WordPress菜单项。

    转到Ivory Search » Search Forms,然后单击“Add New Search Form Button”。

    Ivory Search搜索表单

    现在是时候开始构建您的类别搜索表单了。

    首先,为您的搜索表单命名。当您将搜索功能添加到您的网站时,该名称不会出现。它仅用于管理目的。

    自定义Ivory Search搜索表单

    接下来,单击“Post Types”元框中的下拉菜单。这会弹出一个菜单来选择您想要允许的内容类型。您可以将文章、页面和媒体添加到搜索中。

    您可以简单地启用要允许的内容类型的切换。

    Ivory Search搜索内容设置

    之后,单击“Posts”选项以显示展开的菜单。然后,打开“Search posts of only selected taxonomies”切换开关。

    这允许您选择可以添加到搜索中的WordPress类别。

    Ivory Search搜索文章设置参数

    选择一个或多个类别后,单击“Save Form”按钮。

    现在,在您的搜索表单标题下,复制短代码并将其粘贴到文本文件中。

    Ivory Search搜索短代码

    此短代码使您可以灵活地将WordPress类别搜索添加到您网站的任何页面、文章或小部件区域。

    您现在要做的就是打开要添加类别搜索并粘贴短代码的文章、页面或小部件。有关更多详细信息,请参阅有关如何在WordPress中添加短代码的教程。

    搜索短代码示例

    单击“Save”后,文章或页面现在将拥有您的活动类别搜索表单。

    您可以根据需要将此短代码添加到站点的任意多个区域。

    Ivory Search搜索框演示

    当用户使用此表单进行搜索时,他们将只能查看所选类别中的文章。

    在这种情况下,访问者将只能查看“Tutorials”类别中的文章。

    Ivory Search搜索结果演示

    如果您想创建多个不同类别的搜索,请按照上述步骤创建另一个搜索表单并将新的短代码嵌入您的网站。

    我们希望本教程能帮助您在WordPress中按类别添加搜索。

  • 如何创建自定义WordPress搜索表单

    搜索是大多数用户在您的网站上查找内容的方式。如果他们无法轻松找到他们正在寻找的内容,那么他​​们可能会转到另一个网站。

    在本教程中,我们将逐步向您展示如何通过创建自定义WordPress搜索表单来改进您的网站搜索。

    如何创建自定义WordPress搜索表单

    为什么要为WordPress创建自定义搜索表单?

    默认的WordPress搜索功能非常有限,并不总能找到最相关的内容。

    随着您向网站添加更多内容,您将需要更好的方法来帮助您的网站访问者轻松找到您网站上的内容。

    如果您经营在线商店或会员网站,您希望用户在其中找到合适的产品或课程,这一点就变得更加重要。

    您可能还想自定义搜索算法以显示高于其他内容的特定内容,或自定义搜索表单的外观。

    话虽如此,让我们来看看如何自定义WordPress搜索表单和结果页面。我们将介绍两种方法,您可以使用以下链接进行选择:

    如何自定义WordPress搜索表单和结果

    SearchWP是WordPress最好的自定义搜索插件。它易于使用,可让您完全控制搜索结果,并且比默认的WordPress搜索更准确。

    第一步是安装SearchWP插件。激活后,您需要访问设置 » SearchWP页面,然后单击“License”菜单选项。

    SearchWP授权设置

    然后,在“License”框中输入您的许可证密钥,然后单击“Activate”按钮。您可以在SearchWP网站上的帐户中找到此信息。

    自定义搜索引擎

    完成后,您需要单击“Engines”菜单选项。在那里,您应该单击“Add New”按钮以创建新的搜索引擎。

    SearchWP搜索引擎设置

    这将创建一个名为“supplemental”的新搜索引擎。要更改名称,您需要单击“Sources & Settings”按钮。

    SearchWP搜索源设置

    这会将您带到一个页面,该页面还允许您选择是否搜索文章、页面、媒体文件、评论和用户。我们将保留默认设置。

    我们将搜索引擎的名称更改为“Custom”。继续并将其输入到“Engine Label”字段中。

    SearchWP自定义搜索源

    请注意,已为您选择了“Keyword Stems”选项。当您的用户进行搜索时,这将忽略词尾,以便显示最相关的搜索结果。

    完成后,请确保单击“Done”按钮。

    搜索引擎的设置页面包含文章、页面、媒体和用户部分。在每个部分,您可以优先考虑不同的文章属性,或者在搜索结果中仅包含某些类别或标签。

    您可以通过调整“Attribute Relevance”滑块来做到这一点。

    这些改变了搜索引擎对内容的评价和排名方式。例如,如果您希望文章标题的权重高于内容,那么您可以相应地调整滑块。

    您应该完成每个部分并对您喜欢的滑块进行任何调整。

    SearchWP搜索源权重设置

    您还可以为每个部分创建规则,以确定是在搜索结果中包含还是排除某些内容。

    例如,您可以让访问者轻松搜索与他们刚刚阅读的主题相同的内容。或者在在线商店中,您可以帮助您的客户快速找到同一类别的其他产品。

    继续并单击文章部分中的“Edit Rules”按钮。

    您会注意到,您可以创建有关文章类别、标签和格式、发布日期和文章ID的规则。

    SearchWP文章搜索规则设置

    您可能希望让访问者搜索特定的网站类别。例如,您可以向存档页面添加类别搜索功能,以帮助访问者快速找到他们正在寻找的内容。

    要了解如何执行此操作,请参阅有关如何在WordPress中按类别搜索的教程中的方法 1 。

    完成自定义默认搜索引擎设置后,请务必单击页面顶部的“Save Engines”按钮以创建自定义搜索引擎。

    SearchWP设置保存

    添加带有简码的搜索表单

    SearchWP Shortcodes Extension简化了将新的自定义文章搜索表单添加到WordPress网站的工作。

    只需访问SearchWP Shortcodes Extension网站,然后单击“Download available with active license”按钮即可。

    SearchWP Shortcodes Extension

    之后,您需要按照安装上述插件的相同方式安装和激活扩展。

    现在,您可以使用短代码将自定义搜索表单添加到您的文章、页面和小部件。如果您之前没有使用过短代码,那么您可以在我们的初学者指南中了解更多关于如何在WordPress中添加短代码的教程

    只需编辑文章并将光标放在要添加搜索表单的位置。之后,单击加号“ + ”添加块图标以显示块菜单。

    添加搜索框短代码

    接下来,在搜索框中键入“html”,然后单击“自定义HTML”块以将其添加到文章中。

    添加新块后,您应该将以下短代码和HTML粘贴到其中。

    [searchwp_search_form engine=”custom” var=”searchvar” button_text=”Custom Search”]
    <div class=“search-results-wrapper”>
    [searchwp_search_results engine=”custom” var=”searchvar” posts_per_page=4]
    <h2>[searchwp_search_result_link direct=”true”]</h2>
    [searchwp_search_result_excerpt]
    [/searchwp_search_results]
    </div>
    <div class=“no-search-results-found”>
    [searchwp_search_results_none]
    No results found, please search again.
    [/searchwp_search_results_none]
    </div>
    <div class=“search-results-pagination”>
    [searchwp_search_results_pagination direction=”prev” link_text=”Previous” var=”searchvar” engine=”custom”]
    [searchwp_search_results_pagination direction=”next” link_text=”Next” var=”searchvar” engine=”custom”]
    </div>
    [searchwp_search_form engine=”custom” var=”searchvar” button_text=”Custom Search”]

    <div class=”search-results-wrapper”>
    [searchwp_search_results engine=”custom” var=”searchvar” posts_per_page=4]
    <h2>[searchwp_search_result_link direct=”true”]</h2>
    [searchwp_search_result_excerpt]
    [/searchwp_search_results]
    </div>

    <div class=”no-search-results-found”>
    [searchwp_search_results_none]
    No results found, please search again.
    [/searchwp_search_results_none]
    </div>

    <div class=”search-results-pagination”>
    [searchwp_search_results_pagination direction=”prev” link_text=”Previous” var=”searchvar” engine=”custom”]
    [searchwp_search_results_pagination direction=”next” link_text=”Next” var=”searchvar” engine=”custom”]
    </div>

    [searchwp_search_form engine="custom" var="searchvar" button_text="Custom Search"]
       
    <div class="search-results-wrapper">
     [searchwp_search_results engine="custom" var="searchvar" posts_per_page=4]
      <h2>[searchwp_search_result_link direct="true"]</h2>
      [searchwp_search_result_excerpt]
     [/searchwp_search_results]
    </div>
       
    <div class="no-search-results-found">
     [searchwp_search_results_none]
     No results found, please search again.
     [/searchwp_search_results_none]
    </div>
       
    <div class="search-results-pagination">
     [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="custom"]
     [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="custom"]
    </div>

    此代码会将您的自定义搜索表单添加到文章中,创建一个部分来显示搜索结果,如有必要显示无结果消息,并在结果进入多个页面时添加分页。

    如果您为搜索引擎指定了不同的名称,则需要engine=“custom”在四个位置更改为您自己的引擎名称。

    您还可以选择通过编辑将搜索按钮上的文本更改为更具描述性的内容button_text=“Custom Search”。其余代码可以保持不变。

    确保您单击发布或更新以保存您的文章并使其生效。

    编辑搜索短代码

    要查看正在运行的搜索表单,只需查看WordPress网站上的文章即可。这就是它在我们运行二〇二一主题的演示站点上的外观。

    自定义搜索框预览

    添加实时Ajax搜索

    实时Ajax搜索通过在用户键入查询时自动提供下拉搜索结果来改进您的搜索表单。

    实时搜索框预览

    将Ajax实时搜索添加到WordPress的最简单方法是免费的SearchWP Live Ajax Lite搜索插件,因为它会自动启用实时搜索。

    有关如何安装它的分步说明,请参阅我们关于如何将实时Ajax搜索添加到您的WordPress站点的指南

    使用SearchWP的高级设置

    现在您应该导航到设置 » SearchWP并单击Advanced选项卡。在此页面上,您可以启用一些设置,让您的用户更容易找到他们要查找的内容。

    SearchWP高级设置

    选中您想要的任何这些选项:

    • 部分匹配(Partial matches)还将显示与正在搜索的术语不完全匹配的结果。
    • Automatic “Did you mean?” corrections会建议一个略有不同的搜索词,以匹配您网站上的更多文章。
    • Support “quoted/phrase searches”将允许您的用户在搜索确切短语时使用引号。
    • Highlight terms in results将使您的访问者更容易在搜索结果中找到他们正在寻找的内容。

    设计搜索表单和结果页面

    您的WordPress主题控制您网站的外观,包括搜索表单和搜索结果页面。它们将WordPress网站所有元素的格式规则存储在CSS样式表中。

    您可以添加自己的自定义CSS来覆盖主题的样式规则。

    如果您以前没有这样做过,请参阅我们关于如何在WordPress中添加自定义CSS的文章。例如,这里有一些适用于大多数主题的自定义CSS。第一部分更改搜索表单的样式,第二部分自定义搜索结果。

    .searchform {
    font-family:arial;
    font-size:16px;
    background:#ace5e3;
    color:#ffffff;
    border:1px solid #61c3c0;
    padding:10px;
    height:90px;
    width:600px;
    }
    .search-results {
    font-family:arial;
    font-size:16px;
    background:#ace5e3;
    color:#000000;
    border:1px solid #61c3c0;
    padding:10px;
    width:600px;
    }
    .searchform {
    font-family:arial;
    font-size:16px;
    background:#ace5e3;
    color:#ffffff;
    border:1px solid #61c3c0;
    padding:10px;
    height:90px;
    width:600px;
    }

    .search-results {
    font-family:arial;
    font-size:16px;
    background:#ace5e3;
    color:#000000;
    border:1px solid #61c3c0;
    padding:10px;
    width:600px;
    }

    .searchform {
    font-family:arial;
    font-size:16px;
    background:#ace5e3;
    color:#ffffff;
    border:1px solid #61c3c0;
    padding:10px;
    height:90px;
    width:600px;
    }
     
    .search-results {
    font-family:arial;
    font-size:16px;
    background:#ace5e3;
    color:#000000;
    border:1px solid #61c3c0;
    padding:10px;
    width:600px;
    }

    您可以更改代码中的格式以适合您自己的站点。您还可以删除任何不想修改的行。例如,如果您不想更改搜索表单的高度和宽度,则只需删除这些行即可。

    以下是我们的演示网站在添加自定义CSS之前和之后的屏幕截图。

    自定义CSS样式展示

    衡量搜索结果和改善转化

    设置好自定义WordPress搜索表单后,下一步就是衡量结果。

    SearchWP带有一个搜索指标扩展,可以准确地显示您的网站搜索的执行情况。

    SearchWP搜索指标扩展

    您还可以使用搜索指标通过提升获得更多点击次数的结果来自动改进搜索结果。

    我们希望本教程能帮助您学习如何创建自定义WordPress搜索表单。