任何问题请联系WX:uu16853

买模板送网站采集器 让你轻松放开双手运营网站!

购买更多有优惠!

WordPress Adminer,MySQL,phpMyAdmin,数据库 文字详细教程

管理MySQL数据库是成为专业WordPress开发人员的基本要求之一。Adminer极大地简化了该任务。 每个WordPress站点都需要一个数据库才能运行——它是WordPress存储所有站点关键数据的地方。虽然phpMyAdmin多年来一直是MySQL/MariaDB数据库管理的主要工具,但 Adminer 是一个很好的选择。它加载了大量有用的功能和更漂亮的用户界面,所有这些都在一个轻量级的PHP文件中,您可以在您的服务器上快速部署。 在这篇文章中,您将了解Adminer、它比phpMyAdmin提供的许多好处,以及如何使用它来管理您的数据库。 什么是Adminer? 如何使用Adminer Adminer功能 Adminer插件 Adminer主题 Adminer vs phpMyAdmin 如何在WordPress中使用Adminer 什么是Adminer? Adminer(以前称为phpMinAdmin)是一个基于PHP的免费开源数据库管理工具。在您的服务器上部署非常简单。要使用它,您所要做的就是上传它的单个PHP文件,将浏览器指向它,然后登录。 Adminer登录页面 与phpMyAdmin仅支持管理MySQL和MariaDB数据库不同,Adminer还支持管理其他数据库,如PostgreSQL、SQLite、MS SQL、Oracle、SimpleDB、Elasticsearch、MongoDB和Firebird。它还提供43种语言版本。 Adminer提供易于使用的界面,更好地支持许多MySQL功能,更卓越的性能和更高的安全性。 现在让我们探索如何安装Adminer。 如何使用Adminer 但在开始安装之前,以下是让Adminer在您的服务器上工作的一些基本要求: 安装PHP 5、7 或8 一个数据库驱动程序(例如MySQL、PostgreSQL等) 差不多就是这样! 从他们的官方网站下载最新版本的Adminer。您还可以在那里找到仅MySQL和仅英语版本的Adminer。如果您正在管理MySQL或MariaDB数据库(例如用于 WordPress 站点),您可以获得这些较轻的变体。 下载Adminer的最新版本 或者,如果您使用的是终端,则可以使用curl命令将其直接下载到您的目录中。 curl -o https://github.com/vrana/adminer/releases/download/v4.7.8/adminer-4.7.8.php Adminer 4.7.8是最新的稳定版本。它增加了对刚刚发布的PHP 8.0的支持。如果有新版本可用,您可以在上述代码的下载URL中更改管理员的版本号。 下载后,您可以将此.php文件放在服务器上的任何位置,例如其根文件夹。但是,将所有第三方工具放在单独的目录(例如vendor、assets等)中是一种很好的做法。 您现在已经在您的服务器上安装了Adminer。它的即插即用设计意味着Adminer几乎可以在任何服务器上运行。 如何访问Adminer 要访问它,您需要做的就是通过浏览器访问其链接。 例如,如果您将其放在网站的根目录中,则可以通过访问https://your-website.com/adminer-4.7.8.php来访问它。如果您没有设置域名,您也可以通过您服务器的IP地址或本地主机环境访问它。 使用或不使用数据库名称登录Adminer 从这里,您可以登录到安装在服务器上的任何数据库。您也可以将数据库字段留空。Adminer将在下一个屏幕上向您显示所有数据库的列表。 勾选Permanent login选项将节省您的登录信息,所以你可以很容易地在以后通过在侧栏的链接重温这段会话。 如果不指定,Adminer会列出所有数据库 Adminer功能 Adminer包括许多功能,使数据库管理更加轻松。是时候深入了解它们了。 连接到数据库服务器 创建新数据库 更改数据库名称和排序规则类型 探索数据库架构 检查表数据和结构 更改表和列设置 […]

WordPress WordPress钩子,动作钩子,回调函数,过滤器钩子,钩子函数 文字详细教程

WordPress钩子(Hook)是WordPress开发人员的武器库中最重要的工具之一。它们是WordPress插件和主题开发的基础。您可以使用WordPress的许多内置钩子将自定义代码“连接到”WordPress核心,并执行或修改某些内容。 有两种类型的WordPress钩子:Actions和Filters。Hook非常普遍,甚至WordPress Core本身也广泛使用它们。WordPress还提供了一种让您定义自己的自定义钩子的方法,以便其他开发人员可以挂钩到您的代码中。 了解动作、过滤器和自定义钩子的工作原理对于掌握WordPress开发至关重要。 本文的前半部分介绍了WordPress钩子的基础知识,并解释了它们如何与多个示例一起工作。在后半部分,您将学习如何使用钩子来自定义WordPress,创建自己的自定义钩子,并使用它们来构建自己的可扩展插件。 什么是WordPress钩子? 钩子 vs 动作 vs 过滤器 WordPress钩子如何工作? 在哪里注册钩子及其函数? 使用WordPress钩子 WordPress钩子列表和资源 查找在WordPress页面上注册的钩子 “所有”钩子 WordPress钩子存储在哪里? 如何创建自定义WordPress钩子 从WordPress钩子中删除回调函数 更多WordPress钩子教程 什么是WordPress钩子? 一个WordPress的页面是由很多的功能和数据库查询组装。WordPress核心、插件和主题协同工作以输出页面元素,如文本、图像、脚本和样式。完全组装后,浏览器会将它们放在一起并呈现页面。 WordPress钩子允许您在某些点“钩入”这个构建过程并运行您的自定义代码。钩子的主要功能是让你在不接触核心文件的情况下修改或添加功能到WordPress 。 钩子将帮助您使用自己的代码扩展WordPress 在WordPress的插件API赋予WordPress钩子的功能。您可以通过在WordPress运行时在特定实例中调用某些称为Hook Functions的WordPress函数来使用钩子。 使用钩子函数,您可以将自定义代码捆绑在回调函数中,并将其注册到任何钩子中。注册后,此回调将在钩子所在的任何地方运行,允许您增加或替换默认的WordPress功能。 钩子在代码执行过程中的位置是一个重要的因素。您将在接下来的部分中详细了解其重要性。 两种类型的WordPress钩子:动作和过滤器 WordPress包括两种类型的钩子,称为Actions和Filters。动作允许您在WordPress运行时的某些预定义点执行某些操作,而过滤器允许您修改WordPress处理的任何数据并返回这些数据。 动作(Actions)在WordPress代码中定义为: do_action( ‘action_name’, [optional_arguments] ); action_name字符串是动作的名称。您可以指定[optional_arguments]变量以将附加参数传递给回调函数。如果未指定此字段,则其默认值将为空。 示例:do_action( ‘wp_head’ )每次WordPress处理站点标题时,都可以挂接该动作以运行自定义代码。此动作没有任何其他参数。 过滤器(Filters)在WordPress代码中定义为: apply_filters( ‘filter_name’, ‘value_to_be_filtered’, [optional_arguments] ); filter_name是过滤器的名称,value_to_be_filtered是可以被过滤器函数修改的值,[optional_arguments]可选,若干个可以传递给过滤器函数的参数。 例如:apply_filters( ‘admin_footer_text’ , string $text ) 这个过滤器可以用来修改管理页脚显示的文本。从WordPress […]

WordPress Node.js,Node.js调试,调试工具 文字详细教程

Node.js是一个JavaScript运行时,基于与Google Chrome浏览器中使用的相同的V8引擎。它通常用于构建跨平台的服务器端和终端应用程序。Node.js在过去十年中变得越来越流行,因为它易于安装、实用、速度快,并且允许客户端Web开发人员在其他地方利用他们的技能。 但是,软件开发仍然是一项复杂的任务,您的Node.js代码有时会失败。本教程演示了各种工具来帮助调试应用程序并找出问题的原因。 Tips:Deno是一个替代的JavaScript运行时。它与Node.js相似,但更新,它消除了一些裂缝和不一致。下面的工具和信息通常可以应用于Deno应用程序和Node.js。 调试概述 设置适当的Node.js环境变量 使用Node.js命令行选项 将消息输出到控制台 使用第三方日志系统 使用V8检查器 使用Chrome浏览器调试Node.js代码 条件断点 日志点 使用VS Code调试Node.js应用程序 VS Code高级调试配置 其他Node.js调试选项 调试概述 “调试”是修复软件缺陷的各种方法的名称。修复错误通常很简单。查找错误的原因可能要复杂得多,并且需要花费数小时的时间。 以下部分描述了您将遇到的三种一般类型的错误。 语法错误 您的代码不遵循语言规则——例如,当您省略右括号或拼写错误的语句,如console.lag(x). 一个好的代码编辑器可以通过以下方式帮助发现常见问题: 对有效或无效语句进行颜色编码 类型检查变量 自动完成函数和变量名 突出显示匹配的括号 自动缩进代码块 检测无法访问的代码 重构杂乱的功能 VS Code和Atom等免费编辑器对Node.js、JavaScript和TypeScript(可转换为JavaScript)提供了很好的支持。在保存和测试代码之前,通常可以发现基本语法问题。 像ESLint这样的代码linter也会报告语法错误、缩进错误和未声明的变量。ESLint是一个Node.js工具,您可以通过以下方式全局安装: npm i eslint -g 您可以使用以下命令从命令行检查JavaScript文件: eslint mycode.js …但是使用编辑器插件更容易,例如用于VS Code的ESLint或用于Atom的 linter-eslint,它们会在您键入时自动验证代码: VS Code中的ESlint 逻辑错误 您的代码运行但未按预期工作。例如,用户在请求时没有注销;报告显示不正确的数字;数据未完全保存到数据库中;等等。 逻辑错误可能由以下原因引起: 使用错误的变量 不正确的条件,例如,if (a > 5)而不是if (a […]

WordPress WordPress翻译,主题翻译 文字详细教程

大多数WordPress主题都带有一种且唯一的语言——英语。本教程向您展示如何将任何WordPress主题翻译成您选择的本地语言。 事前准备工作 在开始本指南之前,您需要以下内容: 按照Poedit软件到您的计算机上。Poedit提供 OS X和Windows版本,可以从这里下载。 您计算机上的WordPress主题文件。 第 1 步 — 打开主题的默认语言模板 打开Poedit并选择Create new translation: 将弹出一个新窗口,选择您要翻译的WordPress主题。主题的默认翻译模板位于THEMEXXX/lang/YYY.po,其中THEMEXXX是您的主题的名称和YYY– 主题的默认语言(themename/lang/en_EN.po在本例中): 接下来,从下拉菜单中选择您要将主题翻译成的语言: 您现在已准备好翻译您的主题。 第 2 步 — 翻译您的主题 突出显示您要翻译的任何字符串: 在Translation部分输入源字符串的所需翻译: 翻译完主题后,将文件(lt_LT在本例中)保存在与原始模板相同的目录中: 第 3 步 — 更改您的WordPress网站语言 将您在步骤2中保存的.po文件lt_LT.po(在本示例中)和.mo文件(lt_LT.mo由Poedit自动生成)上传到您的主机帐户上的相应目录。该目录应类似于public_html/wp-content/themes/THEMEXXX/lang,其中THEMEXXX是您的WordPress主题的名称。 打开wp-config.php文件(它位于您的WordPress安装根目录中)并添加以下行:define (‘WPLANG’, ‘ZZZ’);,ZZZ您用来保存翻译的文件的名称在哪里(在本例中的lt_LT): 您的主题现在将显示为已翻译: 小结 现在您知道如何使用Poedit翻译编辑器翻译您的WordPress主题了。如果您想使您的网站适应您的本地语言,这项技能很有价值。同样的翻译原则也适用于WordPress插件。

WordPress wp_nav_menu,自定义菜单 文字详细教程

菜单是网站上一些最常见的元素。使用WordPress,如果您的主题支持,您可以轻松自定义菜单并从多个显示选项中进行选择。但是,如果您想在自定义位置使用菜单,则需要编辑主题文件并添加wp_nav_menu函数。 通过将此功能与register_nav_menu结合使用,您将能够在网站的任何位置创建和放置菜单。即使您不是开发人员,添加和配置这些功能也相对简单。此外,您可以直接从WordPress仪表盘编辑菜单。 在本文中,我们将讨论WordPress的wp_nav_menu函数的工作原理。我们将向您展示哪些参数和类与wp_nav_menu一起使用,然后解释如何在您的主题中使用该函数。 wp_nav_menu参数 wp_nav_menu CSS类 步骤 1:使用wp_nav_register函数创建自定义菜单 步骤 2:编辑您的自定义WordPress菜单 步骤 3: 使用wp_nav_menu函数显示新菜单 什么是wp_nav_menu函数? wp_nav_menu是一个可以在WordPress中显示自定义菜单的功能。与显示现有页面列表的wp_page_menu不同, wp_nav_menu仅适用于自定义菜单。 您可以将该功能添加到任何主题的模板文件中,以控制您希望菜单出现的位置。这是一个没有任何特定参数的函数的快速示例: wp_nav_menu( array $args = array() ) 您需要指定要显示哪个菜单才能使代码正常工作。实际上,页面模板中的 wp_nav_menu 示例函数如下所示: wp_nav_menu( array( ‘theme_location’ => ‘custom-menu’) ); wp_nav_menu函数可以包含多个参数。在该示例中,我们使用theme_location来指定我们要使用的自定义菜单的名称。 如果您不习惯将代码添加到您的网站,您可以选择WordPress菜单插件。一些工具将使您能够创建和放置自定义菜单,就像您使用wp_nav_menu一样。 您也许还可以使用一些WordPress页面构建器。如果您已经在使用这些工具之一,请检查它是否提供自定义菜单功能。 WordPress的wp_nav_menu参数和CSS类 大多数WordPress函数都提供了各种预先确定的参数来修改它们的效果。对于wp_nav_menu,您同时拥有参数和CSS类。 wp_nav_menu参数 您可以使用一个或多个参数自定义wp_nav_menu函数。以下是可用选项: ‘menu’ – 表示您正在使用哪个菜单。您可以使用ID、slug、名称或对象来指定菜单。 ‘menu_class’ – 为您的菜单配置CSS类。默认情况下,该函数将使用菜单类。 ‘menu_id’ – 指定菜单的ID。默认值或ID 是带有附加或递增数字的菜单的 slug。 ‘container’ – 选择用于菜单的容器类型。默认情况下,该函数使用div容器。 ‘container_class’ – 设置一个直接应用于菜单容器的CSS类。默认情况下,该菜单类将是menu-{menu […]

WordPress Gatsby,WordPress静态,静态网站 文字详细教程

典型的动态网站(例如基于 WordPress 的网站)如何工作?当访问者在浏览器上输入URL或通过链接访问您的网站时,会向您的Web服务器发送请求。 服务器通过必要的数据库查询收集所需的数据,并生成一个HTML文件供您的浏览器显示。另一方面,静态站点将这些响应存储到服务器上的平面文件中,这些文件会立即传递给访问者。 静态站点生成器已经存在了很长时间,但它们最近变得越来越流行。在本分步指南中,我们将了解如何将WordPress与静态网站生成器Gatsby集成。 什么是Gatsby? 第1步:设置Gatsby 第2步:如何将Gatsby连接到WordPress 第3步:创建基本页面模板 第4步:高级迁移任务 什么是Gatsby? WordPress创建动态网站,需要在服务器上安装一堆PHP、MySQL和Apache或Nginx才能运行。可以通过为您网站上的所有内容生成HTML页面列表来创建WordPress的静态版本。 这个静态版本的WordPress称为无头WordPress或无服务器WordPress。此转换过程只需执行一次,以便可以多次向访问者提供同一页面。您如何将您的WordPress网站转换为静态版本?这就是Gatsby出现的地方。 Gatsby或GatsbyJS是一个使用ReactJS构建并由GraphQL提供支持的静态站点生成器。Gatsby允许任何人创建功能丰富、引人入胜的网站和应用程序。Gatsby通过GraphQL从各种来源(包括现有网站、API调用和平面文件)为您的站点获取数据,并根据您指定的配置设置构建静态站点。 Gatsby是一年前才开发出来的,但大量用户都在尝试Gatsby。Gatsby在各种环境中都得到了认可。Airbnb的数据科学与工程博客的主页由Gatsby提供支持,但实际的博客文章托管在Medium上。 Airbnb的工程与数据科学博客 BRAUN(博朗)是消费品公司宝洁的品牌。它的加拿大站点由Gatsby托管,而站点上的搜索功能由React提供支持。 博朗品牌的加拿大网站 此外,Gatsby还激发了自由职业者开发人员对其作品集的兴趣。诸如Jacob Castro的作品集主要包含静态内容,其中包含作品链接和电子邮件联系方式,因此静态网站非常适合他的需求。 Jacob D. Castro的作品展示站 为什么选择Gatsby? 快速网站: 使用Gatsby构建静态网站的主要好处是速度,自从Google宣布在网络搜索排名中使用网站速度以来,网站管理员一直在努力优化速度。加载时间也会影响页面浏览量和转化率。据估计,网站加载时间延迟一秒会导致转化次数减少7%。 安全性: 您还可以通过静态站点获得额外的安全性。由于提供的是一堆静态文件,因此没有什么可破解的。此外,如果静态文件丢失,您始终可以重新生成它们。 服务器成本:托管动态站点需要您的服务器与您的技术堆栈兼容。如果您使用的是静态站点,则几乎可以在任何服务器上托管它,这也降低了与托管相关的成本。 在每次更改时使用Gatsby生成静态站点确实需要JavaScript,这也可以在将静态文件传输到站点之前在本地计算机上完成。 为什么要避开Gatsby? 没有内置动态内容: 如果你想使用Gatsby,你需要重新考虑如何控制和提供动态内容,即你需要创建静态/动态的混合来实现这一点(更多关于这个以下)。 例如,评论需要通过像Disqus这样的服务在外部托管。 联系表格还需要通过Google表格等外部合作伙伴重新发送。简而言之,您将失去对此类动态内容的直接控制,因为它们的响应未存储在您的服务器上。 频繁构建不方便: 静态站点也存在频繁重新转换的问题。只有在重新生成页面并将其重新上传到服务器后,您在网站上所做的任何更改才会反映出来。 技术专长:  Gatsby建立在ReactJS和GraphQL之上。因此,需要一些JavaScript知识和GraphQL的基本概念来处理网站并将其移植到Gatsby。 静态网站非常适合那些正在寻找具有高安全性的低成本解决方案的人。一些用例是自由职业者的投资组合网站和产品演示网站。 如果您认为好处大于缺点,那就太好了!我们现在将尝试设置Gatsby以与我们的WordPress站点集成。 我们在本教程中构建的Gatsby站点的最新版本在GitHub上可供您使用。 第1步:设置Gatsby 在本节中,我们将了解如何安装Gatsby并使用Gatsby创建一个基本的静态站点。 先决条件 开始使用Gatsby的第一步是检查其先决条件。Gatsby通过npm(NodeJS包安装程序)提供服务。因此,在安装Gatsby之前,您的环境中需要NodeJS和npm。此外,Gatsby要求您安装源代码管理系统Git。 如果您运行的是Windows,您可以通过下载页面上的安装程序安装NodeJS和Git。在Mac上,您可以下载他们的安装程序或使用自制软件。 brew install nodejs brew install git 如果您运行的是Linux操作系统,则可以通过apt之类的包安装程序安装NodeJS。 sudo apt update sudo apt […]

WordPress PHP worker,服务器性能 文字详细教程

在选择托管计划时,选择最符合您的WordPress网站需求的计划非常重要。 例如,一个每月有50,000名访问者的电子商务网站通常比具有相同流量的简单博客对资源的要求要高得多。 这仅仅是因为电子商务网站本质上通常是动态的,并且需要更多资源用于PHP和数据库查询。 这就是PHP worker发挥作用的地方。阅读下文,了解PHP worker是什么以及如何使用它们来加快您网站上请求的处理速度。 什么是PHP worker? WordPress如何使用PHP Workers? PHP Worker与CPU的关系 如何优化您网站的PHP Worker使用 PHP Workers不足的后果 估计所需PHP workers的数量 什么是PHP worker? 在WordPress的上下文中,PHP worker构建页面、处理计划的后台任务等等。由于PHP worker直接负责生成HTML页面以提供给您网站的访问者,因此他们决定了您的网站在任何给定时间可以同时处理多少个未缓存的请求。 例如,假设您的WordPress站点配备了两个PHP workers,并且没有设置页面缓存。如果四个请求同时到达您的站点,则其中两个请求将立即得到处理,而另外两个则必须在队列中等待,直到前两个请求完成处理。 尽管我们实现了服务器级缓存,但对于绕过或丢失缓存的请求,PHP workers变得非常重要,因为他们必须为每个请求工作。 通常我们会在电子商务和社区论坛网站上看到很多未缓存的请求。因此,这些站点将需要额外的PHP workers来确保处理每个请求而不会出现延迟或超时。 如果您的网站经过高度优化或没有大量PHP代码(例如复杂的主题或大量WordPress插件),那么处理每个请求应该几乎立即发生。即使有2个PHP workers和4个请求,所有4个请求都将很快得到处理。 简单地说,PHP workers是运行PHP代码的服务器上的后台进程。 WordPress如何使用PHP Workers? 在我们讨论如何优化WordPress的PHP worker使用之前,我们必须首先了解WordPress如何使用PHP worker。 未缓存环境中的典型请求如下所示: Web服务器(Nginx或Apache)接收来自访问者的请求。 Nginx将请求传递给PHP。 PHP根据需要查询MySQL数据库并使用主题的PHP模板生成HTML页面。 PHP将呈现的HTML页面交还给Web服务器。 该页面提供给访问者。 在上面突出显示的过程中,第3步是最耗费时间和资源的(CPU和RAM)。具有最少数据库查询和高效PHP代码的高度优化的站点将相对较快地完成第三步。 相反,一个编写糟糕的PHP代码并进行大量不必要的数据库查询的站点将花费更多的时间来完成第3步,这意味着请求将占用PHP worker更长的时间。 PHP Worker与CPU的关系 当谈到WordPress性能时,PHP worker和可用CPU之间的关系是一个需要考虑的重要因素。 如果CPU资源不足是您网站的瓶颈,那么增加PHP worker的数量不会提高您网站的性能——它只会让您的网站同时处理更多请求,而每个请求的性能会降低。 让我解释。 想象一个带有一根软管的消防栓。只需连接一根软管,消火栓就能提供足够的水压。现在,如果我们将十根软管连接到消火栓上会发生什么? […]

WordPress Sublime Text,代码编辑器 文字详细教程

Sublime Text是世界上最受欢迎的文本/代码编辑器之一。它充满了强大的功能,例如多行编辑、为数十种编程语言构建系统、正则表达式查找和替换、用于开发插件的Python API等等。 最重要的是,它是跨平台的(Mac、Windows 和 Linux),并且作为“共享软件”分发,这意味着它可以通过偶尔的购买弹出窗口免费使用。 在本文中,您将学习如何使用Sublime Text来满足您所有的文本和代码编辑需求! 什么是Sublime Text? 如何下载Sublime Text Sublime Text 101 – 基础 编辑的Sublime Text 面向开发人员的Sublime Text 小结 什么是Sublime Text? Sublime Text将自己标榜为“用于代码、标记和散文的复杂文本编辑器”。Sublime Text最初于十多年前于2008年1月发布,现在是第四个主要版本,支持Mac、Windows和Linux。 Sublime Text的核心类似于一把瑞士军刀,可以应用于任何涉及文本操作的用例或问题。 乍一看,Sublime Text似乎是一个只对开发人员有用的文本编辑器。虽然它对于开发人员来说是一个很棒的工具,但对于作家和博主来说,它也是一个强大的应用程序。 在深入探讨Sublime Text的所有特性和功能之前,让我们快速浏览一些Sublime Text可能有用的场景。 正则表达式查找和替换 Regex是正则表达式的缩写,是一种用于指定搜索模式的语法。正则表达式通常用于定位相似(但不同)的文本字符串以进行文本编辑。 例如,如果您想从文档中删除所有HTML<h1>标记,则搜索每个要删除的标记(例如、<p>、<span>等)将非常耗时。 相反,您可以使用单个正则表达式模式执行搜索。在这种情况下,正则表达式模式[a-zA-Z0-9]可用于查找文档中的所有HTML标记。 在Sublime Text中查找和替换文本 在Sublime Text中执行正则表达式查找和替换非常简单。在菜单栏中,单击Find > Find in Files中查找。接下来,在查找和替换菜单中启用正则表达式模式,在“Find”字段中指定正则表达式模式,选择,然后 根据您需要完成的任务<current file>单击Find或Replace。 快速运行代码 与传统的文本编辑器不同,Sublime Text允许您直接在应用程序中运行代码。这对于小型 Bash或Python脚本等简单项目特别有用。 例如,如果你正在编写一个简单的Python脚本来从URL列表中抓取数据,那么设置一个单独的终端来调试代码不如直接在Sublime Text中运行脚本方便。 在Sublime […]

WordPress Varying Vagrant Vagrants,WordPress开发环境,本地WordPress 文字详细教程

开发您的网站始终是一个里程碑式的时刻,尤其是当您是第一次时。然而,尽管几乎每个主机都提供了一种在您的服务器上启动WordPress安装的方法,但不建议这样做。 更好的方法是在您的计算机上创建一个站点,并在您准备好后上传它。使用诸如Varying Vagrant Vagrants (VVV)之类的工具进行WordPress开发是一种很棒的、平台推荐的方法。 在本文中,我们将向您展示如何启动和运行VVV。在此之前,我们还将讨论可供您使用的替代方案。首先,让我们讨论一下为什么您不应该在线开发您的网站。 为什么要创建本地WordPress网站 在创建WordPress 网站(尤其是您的第一个网站)时,您的主机通常会成为首选资源或支持点。这是因为您的主机应该比任何人都更了解如何最好地安装和使用它提供的站点创建包。 但是,在实时服务器上开发WordPress网站并不是最好的方法,原因如下: 您在不需要时使用您网站的资源。 尽管可能可以访问暂存或站点限制功能,但您仍在“公开”开发您的站点。 任何开发错误都可能影响您网络上的所有站点,如果发生最坏的情况会导致混乱。 在实时服务器上开发您的网站存在安全问题,因为您的网站在很长一段时间内自然会不完整。 也有很多连锁反应,比如感觉你在让你的网站上线时是在争分夺秒。因此,离线并给自己一个“有围墙的沙盒”环境来开发您的网站更容易在钱包和神经上。 本地网站开发:您需要了解的基础知识 本地网站开发通常涉及使用“堆栈”软件尽可能模拟实时服务器。传统上,网站将使用实时服务器上常见的软件在“LAMP”堆栈上开发: Linux 操作系统 (OS ) 。 Apache HTTP服务器。 关系数据库管理系统 (RDBMS),例如MySQL或MariaDB。 一种服务器端编程语言,例如PHP、Perl或Python。 结合起来,这会将您的计算机变成本地服务器,让您在与实时服务器类似的环境中完整地创建和测试您的站点。 然而,传统的LAMP堆栈也有缺点:它可能会占用大量资源,并且不是一致的远程开发的最佳解决方案。 Vagrant等工具旨在提供精益且可移植的虚拟开发环境。结合VirtualBox或VMware等解决方案,您可以创建“虚拟机”——封装的服务器,本质上是可以在其中工作的全功能计算机。 为WordPress开发引入Varying Vagrant Vagrants (VVV) 总而言之,虽然传统的LAMP堆栈是一种在本地开发网站的可靠方法,但Vagrant和VirtualBox等工具会加速这一过程。 Varying Vagrant Vagrants (VVV)是一个听起来很奇怪的解决方案,可帮助您利用虚拟机的力量来创建WordPress网站。如果您采用传统的开发路线,这通常需要一些额外的步骤。 它是从命令行运行的,并且几乎包括您进行设置所需的一切: 安装后,您可以从命令行vagrant up使用启动VVV,然后使用vagrant halt停止它。站点在专用配置文件中创建: 您对VVV安装所做的任何更改都需要使用专用命令provision进行“配置”。 您创建的站点在虚拟沙盒环境中运行。这意味着任何问题都是该环境独有的,不会影响您的实际计算机。 WordPress已安装并准备好开始运行,因此一旦创建了站点,您就可以像访问实时站点一样访问它,使用.test作为您的顶级域 (TLD)。但是,在大多数情况下,这些站点只能通过您的计算机访问。 这对于运行类似服务器的配置非常有用,因为您可以使用与实时服务器类似的设置,并在开发过程中诊断任何错误。通过在开发环境和实时服务器之间建立更一致的路径,您可能会节省时间和金钱。 改变流浪者的替代方案 虽然本文将重点介绍使用VVV进行WordPress开发,但值得一提的是一些替代方案。VVV不会是适合所有人的解决方案。 考虑到您将使用多少命令行和配置文件,我们建议您至少需要代码的工作知识。调试VVV问题也必须通过命令行进行。更重要的是,支持渠道是通过GitHub实现的,因此您需要能够向其他程序员表达您的问题。 如果您想利用VVV的强大功能但不喜欢编码的想法,那么有一些不错的选择。 1.最有名的是DesktopServer。 它使用“XAMPP”堆栈通过专用的图形用户界面 (GUI) 创建WordPress站点,并且超级快速且易于使用。 2.另一个类似的选择是Local by […]

WordPress CSS框架,Tailwind CSS,前端开发 文字详细教程

随着您作为开发人员的进步,您更有可能使用通过编写更少代码来帮助您完成更多工作的技术。像Tailwind CSS这样可靠的前端框架是实现这一目标的一种方法。 在本文中,我们将了解Tailwind CSS——一个有助于构建和设计网页的CSS框架。我们将首先解释如何在您的项目中安装和集成Tailwind CSS,查看一些实际应用程序,以及如何创建自定义样式和插件。 什么是Tailwind CSS? 什么是框架? 什么是实用程序优先的CSS框架? 使用Tailwind CSS的先决条件 如何开始使用Tailwind CSS 如何创建Tailwind CSS插件 什么是Tailwind CSS? Tailwind CSS Tailwind CSS是一个实用程序优先的CSS(级联样式表)框架,带有预定义的类,您可以使用这些类直接在标记中构建和设计网页。它允许您以预定义类的形式在HTML中编写CSS。 我们将定义什么是框架以及“实用程序优先CSS”的含义,以帮助您更好地理解Tailwind CSS的全部含义。 什么是框架? 作为一个通用的编程术语,框架是一种工具,它提供了从现有工具的特性构建的可重用和现成的组件。创建框架的总体目的是通过减少工作来提高开发速度。 现在我们已经确定了框架的含义,它应该可以帮助您理解Tailwind CSS是基于CSS功能构建的工具。该框架的所有功能都源自以类形式组成的CSS样式。 什么是实用程序优先的CSS框架? 当我们说实用程序优先CSS时,我们指的是我们的标记 (HTML)中具有预定义功能的类。这意味着您只需编写一个附加了预定义样式的类,这些样式将应用于元素。 在您使用vanilla CSS(没有任何框架或库的CSS)的情况下,您将首先为您的元素指定一个类名,然后将不同的属性和值附加到该类,这反过来会将样式应用于您的元素. 我们将向您展示一个示例。在这里,我们将创建一个带有圆角的按钮和一个显示“Click me”的文本。这是按钮的样子: 点击按钮 我们将首先使用vanilla CSS执行此操作,然后使用Tailwind CSS中可用的实用程序类。 With Vanilla CSS <button class=”btn”>Click me</button> 我们已经给按钮标签class btn,它将使用外部样式表进行样式设置。那是: .btn { background-color: #000; color: #fff; padding: 8px; border: […]

WordPress get_posts,WordPress函数 文字详细教程

WordPress的get_posts是一个强大的函数,允许开发人员从WordPress数据库中检索内容。您可以最详细地指定要查找的文章、页面和自定义文章类型,获取自定义结果集,然后像PHP/MySQL忍者一样过滤和排序项目。 但是,如果您不是PHP专业人士,请不要害怕,有无数的PHP教程可供您观看或阅读并学习该语言。您只需要一点PHP知识即可创建自定义文章列表以显示在您的网站上,因为get_posts函数保留了一组参数,允许构建简单或高级查询。 使用WordPress的get_posts分为两个步骤: 首先,您必须构建自定义查询。实际上,它看起来不像MySQL查询,而且您不会编写任何SELECT语句。您只需要定义一个参数数组并将其传递给get_posts函数。WordPress将该数组转换为真实且安全的MySQL查询,针对数据库运行它,并返回一个文章数组。 其次,您必须使用foreach循环遍历get_posts返回的结果集。 话虽如此,在这篇文章中,我们将首先深入探讨上面提到的关键概念,特别是如何get_posts工作、如何构建自定义查询以及如何在前端站点上显示数据。然后,我将提供一个真实示例,其中包含一段代码,您可以在暂存环境中获取、编辑和使用代码片段,以进行测试和开发。 注意:我们通常区分文章、页面和自定义文章类型。在本文中,我们使用术语“post”来表示常规博客文章以及页面和自定义文章类型。所有这些文章类型都存储在数据库的“wp_posts”表中。文章类型之间的主要区别在于“post_type”字段的值。从开发人员的角度来看,文章、页面和自定义文章类型都是文章。 get_posts函数简介 如何使用get_posts参数构建查询 如何显示get_posts数据 真实示例:使用自定义简码显示高度自定义的文章列表 get_posts 函数简介 Codex对get_posts函数的描述如下: 检索最新文章的数组,或与给定条件匹配的文章。 我们可以这样使用get_posts: $args = array( ‘numberposts’ => 20, ‘category’ => 4 ); $my_posts = get_posts( $args ); if( ! empty( $my_posts ) ){ $output = ‘<ul>’; foreach ( $my_posts as $p ){ $output .= ‘<li><a href=”‘ . get_permalink( $p->ID ) . […]

WordPress Cache Enabler,htaccess,W3 Total Cache,WP Fastest Cache,浏览器缓存,缓存插件 文字详细教程

WordPress网站设置缓存机制与不设置缓存机制,网站的加载速度有天壤之别。Google PageSpeed Insights或GTmatrix或Pingdom等工具可能会建议您通过htaccess或者Nginx设置浏览器缓存。 或者使用现有的WordPress缓存插件实现WordPress网站的浏览器缓存。我们在另外一篇文章《网站测速性能测试深入浅出教程[附15款常用网站测速工具]》详细地说明了网站测速方法,有兴趣的站长也可以参考阅读一下。 好吧,在本文中,我们将一起探讨如何解决网站测速工具提到的浏览器缓存设置提醒。此外,还将会一些在WordPress中实现浏览器缓存的简单但非常有效的技术。 下面根据我们的经验,利用浏览器缓存帮助您将网站加载速度提高多达50%。 文章阅读导航 什么是优化浏览器缓存? 浏览器缓存如何加速您的网站 如何修复浏览器缓存警告 在WordPress中启用浏览器缓存 在Apache服务器上通过htaccess设置浏览器缓存(不使用WordPress插件) 在Web服务器NGINX上启用浏览器缓存(不使用WordPress插件) 使用WordPress缓存插件实现浏览器缓存 #1 WP Fastest Cache #2 Cache Enabler – WordPress Cache #3 W3 Total Cache 什么是优化浏览器缓存? 优化浏览器缓存即,设置浏览器本地存储网站的可缓存资源的时间值(即图像,JavaScript和CSS),减少客户端访问相同页面时的HTTP请求所需要的资源下载,提高了站点加载速度。 在使用Google Pagespeed进行网站速度测试时,您通常会注意到建议你为将WordPress的一些资源设置浏览器缓。 在大多数情况下,可缓存资源是可以由浏览器临时存储的网站文件(例如图像,JavaScript和CSS)。 浏览器缓存如何加速您的网站 在进入本文优化WordPress网站浏览器缓存细节之前,让我们首先了解WordPress中的浏览器缓存是如何工作的?以及它是如何更快地加载您的网页。 Web浏览器需要从服务器检索许多资源(即HTML文件,CSS文件,JS文件,文本,图像等)以便加载网站。 Web缓存是Web浏览器和软件应用程序中用于“临时存储”或“记住”本地磁盘上访问过的网页资源的技术。此临时存储的数据称为“Web缓存”或“HTTP缓存”。 当你再次访问同一个网站时。Web浏览器仅从服务器端下载来自网站的更新内容,“临时存储”数据则直接从你的本地电脑读取。 因此,Web缓存有助于减少带宽使用,服务器负载等。因此,利用浏览器缓存对于加快网页加载非常重要。 换句话说,它命令您的Web浏览器(i)在本地缓存网站文件一段时间(ii)并从本地存储加载文件以供下次访问,直到缓存时间失效。 (iii)因此,从本地存储加载网站文件有助于Web浏览器更快地呈现和显示网站。 如何修复浏览器缓存警告 为了修复浏览器缓存设置警告,您的Web服务器应该允许Web浏览器临时在本地磁盘上存储访问过的Web页面资源。此外,当用户再次访问您的站点时,由于本地已经缓存了部分可用静态资源,它将加载更快。因此,您会发现网站加载速度有了显着提高。 那么问题是如何启用WordPress站点的浏览器缓存功能? 要在WordPress中启用浏览器缓存,您需要通过在HTTP标头中添加缓存控制标头和ETag标头来设置内容过期日期。 Cache-Control状态通过Web浏览器指出特定文件的缓存周期。 而ETag用于验证缓存资源和请求资源之间的更改。 我们可以设置一个特定的时间段(数月或数年)来保持本地缓存资源(即HTML,CSS或JS文件,图像等)。 温馨提示:请根据资源更改的频率设置到期日期,或者换句话说,更新网站静态资源的频率。而不是照本宣科参照下面提到的方法,应该因地制宜适当调整缓存策略。 在WordPress中启用浏览器缓存 你可以通过以下方式设置你的WordPress网站的浏览器缓存: Adding Expires Headers-HTTP添加Expires头 Adding […]

WordPress CDN,WordPress加速,网站加速 文字详细教程

在本教程中,我们将向您介绍使用CDN的基础知识,并讨论为什么需要使用它。然后,我们将推荐一些适合WordPress网站上使用的CDN解决方案。 世界比以往任何时候都发展得更快,这意味着您的网站需要跟上。无论您身在何处,您的用户都可能分散在全球各地。因此,无论地理位置如何,您都需要确保您的网站能够快速运行。 保持站点速度和性能一致的一种方法是使用内容分发网络 (CDN)。CDN是分布在世界各地的远程服务器网络,每个服务器都包含访问者可以访问的站点副本。这不仅会使您的网站更快,而且还有助于保护它并减少您的带宽使用。 CDN简介 CDN(内容交付网络) 是一个由多个服务器组成的系统,这些服务器位于世界各地的不同位置。当您在站点上使用CDN时,所有这些服务器都将加载站点文件的静态版本。这通常包括CSS和JavaScript等代码、图像、文档、视频和其他数据。 虽然两者看起来很相似,但重要的是要认识到CDN与网络主机不同。您的主机是您的站点“所在”的服务器,有时也称为“源服务器”。CDN服务器只是从您的源服务器复制静态文件,以便更快地将它们交付给您的访问者。 使用CDN的好处 通常,当用户访问您的站点时,他们会通过浏览器直接连接到源服务器并从那里下载所有必要的文件。但是,对于远离源服务器的用户来说,这可能会导致问题。这个距离会导致加载时间显着延长。 您网站的速度会对它的跳出率产生负面影响,这反过来又会对您的转化造成灾难性的影响。因此,这不是一个小问题。由于所有访问者都从一台服务器请求相同的文件,您甚至可能会遇到更多的停机时间。 这就是CDN派上用场的地方。当您使用CDN时,访问者将改为通过离他们最近的服务器连接到您的站点。这样,您的页面加载速度会更快,并且会对源服务器造成更少的压力。 还使用CDN: 使您的网站降低网络故障率。如果一个CDN服务器出现故障,该站点将简单地从另一个服务器加载。这使您能够处理更多流量。 改善用户体验。您的网站有效地遍布全球这一事实为所有访问者创造了更加一致的体验。 提高您的SEO排名。网站的速度会影响到其搜索引擎排名,因此加快速度使其更有可能出现在搜索结果中的较高位置。 减少带宽使用。由于您的源服务器不需要向每个访问者发送尽可能多的数据,因此您可以最大限度地减少所需的带宽量。 帮助防御基本攻击。CDN 旨在处理大量流量,这有助于抵御最常见的恶意活动类型,例如分布式拒绝服务 (DDoS) 攻击。 如您所见,使用CDN不仅可以帮助提高站点的速度和可靠性,还可以帮助提高很多。剩下的唯一问题是如何开始。现在让我们来看看您可以在WordPress网站上实施的一些最佳CDN解决方案。 适用于WordPress网站的CDN解决方案 一旦您决定实施CDN,您只需要找到最适合您需求的解决方案。这里是一些主流的CDN解决方案,您可以与WordPress网站一起使用。 1. Cloudflare Cloudflare是一种非常流行的WordPress网站CDN解决方案。它不仅拥有120多个数据中心,而且还是少数提供免费计划的CDN提供商之一。对于想要可靠且易于实施的解决方案的网站所有者来说,这使其成为一个明智的选择。 在WordPress站点上安装 Cloudflare 插件就像安装插件和创建免费帐户一样简单。然后您可以激活默认设置,一切顺利。 主要特征 易于与 WordPress 网站一起使用,只需最少的配置。 更新站点时自动清空缓存。 在所有高级计划中都包含 Web 应用程序防火墙 (WAF)。 定价: Cloudflare可免费使用,但也提供多种收费计划,起价为20美元/月。其中包括额外的站点服务,例如图像优化、增强的安全性和优先支持。 2. Image CDN by Jetpack Jetpack是最全面和最受欢迎的WordPress插件之一。但是,您可能不知道它还包含一个整洁的小型CDN解决方案,称为Image CDN(以前称为 Photon)。这是一个仅限图像的CDN,它为您来自云网络的所有图像提供服务,以优化您网站的速度。 主要特征 无需配置。 自动应用于页面和文章上的所有图像。 提高性能,尤其是在具有许多图像的站点上。 定价:由于Jetpack包含 Image […]

WordPress New Relic,WordPress性能,事务管理,网站性能 文字详细教程

New Relic APM是一个强大的工具,可以深入了解WordPress网站的内部工作原理,以查明插件、主题模板文件、数据库查询、外部调用或导致客户网站性能问题的编码错误。 然而,让New Relic运行只是一个开始。如果您从未使用过New Relic APM(即使您使用过),您可能很难充分利用这个强大的工具。在本教程中,我们将向您展示如何使用New Relic APM来诊断和修复WordPress站点上的性能问题。 New Relic APM概览 New Relic APM 那么什么是New Relic APM?就我们的目的而言,以下定义适合: New Relic APM是一个Web应用程序,可提供有关WordPress站点性能的详细信息。 您可以通过向PHP添加扩展来安装New Relic 。该扩展程序侦听PHP处理的每个请求,然后将该信息发送回New Relic仪表板。然后,New Relic将该信息组织成一系列图表和图形,您可以使用它们来诊断网站的性能问题。需要注意的是,HHVM不支持New Relic。 让我们快速浏览一下New Relic的主要数据可视化。 概述 New Relic APM概述 概览提供了网站整体性能的快速快照。您不会从该屏幕诊断特定问题,但显示PHP、MySQL和外部调用如何协同工作的便捷编译可以为您指明正确的方向。 了解有关APM概述页面的更多信息。 事务 New Relic Transactions选项卡 事务(Transactions)选项卡是New Relic中最有用的选项卡。 学会喜欢事务选项卡,您将能够深入了解缓慢的事务,以识别数据库调用、外部资源或降低站点速度的代码瓶颈。事务视图中特别有趣的是慢Transactions列表。要查看列表,请向下滚动到事务选项卡的底部,然后查看页面的右下方。 New Relic Transactions跟踪 在这里,您将找到New Relic捕获的最慢事务的列表。我们现在不会在此部分上花费更多时间,但稍后我们将解释如何使用此部分来诊断您网站的问题。 了解有关New Relic APM事务页面的更多信息。 WordPress钩子 WordPress钩子 WordPress挂钩选项卡提供了通过WordPress操作挂钩触发的所有PHP函数消耗的时间的可视化。此信息对有经验的开发人员很有用,他们可以使用这些信息从重载的钩子中逆向工作,以识别由钩子触发的函数。 WordPress插件和主题 WordPress插件和主题 […]

WordPress CartFlows,漏斗分析 文字详细教程

经营在线业务最困难的方面之一是将您的访问者转变为付费客户。涉及的因素太多了,错过一两步是可以原谅的。然而,如果您要使用WordPress创建漏斗,那么赢得客户的机会就更大。 在创建销售渠道方面,对我们而言,WordPress胜过竞争对手。无论您是初创公司还是企业,它都具有可扩展性、灵活性和适合您的预算。 在这篇文章中,我们将向您展示如何使用WordPress创建漏斗分析。我们将概述您需要的所有工具,并引导您完成整个过程。 ClickFunnels快速入门 在我们真正进入文章之前,值得花几分钟谈谈ClickFunnels。这是创建可重复且有效的销售渠道的领先解决方案。成千上万的用户使用该工具产生流量、客户和收入。 在纸面上,它具有许多令人兴奋和创新的特性和功能。例如: 有一个可靠的漏斗构建器,具有拖放功能。 它提供内置于平台的内容营销。 社区丰富而专注。 “哎呀,是的!”中还有更多内容。用于选择ClickFunnels的列。即便如此,它并没有捕获100%的用户群。 为什么你想找到一个ClickFunnels替代品 鉴于ClickFunnels提供的出色功能,它并不是市场上唯一的解决方案。以下是几个原因: 价钱。ClickFunnels价格比较贵的,这是无可避免的。最低级别是每月97美元,这不像每月297美元的计划那样功能齐全。 ClickFunnels的生态系统。虽然封闭源代码的多合一托管平台非常适合入门,但您永远被锁定在ClickFunnels中。换句话说,没有办法让您的业务脱离ClickFunnels的系统。 功能。ClickFunnels是一个“万事通”。因此,虽然某些功能是一流的,但其他功能需要一些工作。 它的外观和设计。就像WordPress网站过去有某些“告密”元素一样,所以ClickFunnels网站也会大声疾呼它的名字。 为了进一步讨论最后一点,如果您查看ClickFunnels网站的任何模板或默认设置,它们都具有与整个销售渠道相关联的过时外观: 所以,ClickFunnels有一个“垃圾邮件”的默认设计,尽管我们承认它是一个成功的设计。无论如何,您想要使用WordPress创建漏斗的原因会有一个独特的组合——所以让我们接下来讨论一下。 为什么你应该使用WordPress创建漏斗 在构建任何类型的网站时,我们认为WordPress排名第一,这不应该让人感到震惊。我们总结一下关键方面: WordPress核心软件是免费的。它不仅下载和使用成本为零,而且是开源的。这意味着您几乎可以控制网站的各个方面,而无需锁定。 它可以伴随您的整个业务旅程。WordPress非常适合作为博客平台使用。它也是一个功能齐全的内容管理系统 (CMS),适用于每月点击数百万次的企业级网站。 WordPress可以通过数以千计的主题和插件进行扩展。事实上,很多都是免费的。我们将在整篇文章中讨论的主题和插件还有一个丰富的高级市场。 WordPress社区强大、多样且知识渊博。有易于访问的支持渠道和丰富的开发人员网络,以确保WordPress始终在发展和改进。 以上只是冰山一角。即便如此,不是每个人都会在不调查竞争对手的情况下使用WordPress创建漏斗。接下来我们将重点介绍这一点。 使用WordPress创建漏斗的替代解决方案 任何产品或服务之间的竞争都是有益的。销售漏斗也不例外。我们过去曾介绍过登录页面,在许多情况下,它们可以与更“传统”的漏斗构建器竞争。 尽管如此,我们建议有两个工具更接近WordPress,第一个是我们已经提到的。 1. ClickFunnels 我们将不再讨论相同的细节,因为我们已经在本文和其他文章中讨论了ClickFunnels。无论如何,值得总结一下ClickFunnels的吸引力: 这是一个多合一的漏斗构建器平台。 社区旨在帮助您取得成功。 您将获得一个经过验证的系统来创建、利用销售渠道并从中获得成功。 更重要的是,启动和运行起来轻而易举。完成注册过程后,您将执行以下步骤: 导航到您的仪表盘,然后单击构建漏斗按钮。 从弹出的对话框屏幕中,选择要使用的漏斗类型。 使用漏斗生成器中的启动清单创建您的销售漏斗。 这里的最后一步涉及设计挤压和销售页面、订单表格、确认和感谢页面。这一切都布置得很好,您很快就会准备好您的漏斗并等待访客。 2. Systeme 另一个解决方案是Systeme。 这将自己定位为ClickFunnels的直接竞争对手,并且具有许多相同的功能: 拖放式漏斗构建器,也可兼作网站构建工具。 电子邮件和内容营销功能。 用于销售订阅和课程的内置工具。 强大的联系人管理。 在我们的评论中,我们认为Systeme与ClickFunnels接触的用户不同。后者专注于核心概念,而Systeme希望成为您整个业务的中心。 因此,入门步骤比ClickFunnels更加多样化: 单击“创建”按钮以构建新渠道。 为您的渠道选择最终目标,例如捕获电子邮件或举办网络研讨会。 使用模板构建订单表格和感谢页面。 根据您的要求自定义每个页面。 使用内置页面构建器进一步设计您的渠道。 […]

WordPress Cloudflare设置,WP Rocket设置 文字详细教程

WP Rocket是WordPress网站最简单有效的缓存插件之一。它提供一键式功能,用于删除未使用的CSS、延迟JavaScript和优化缓存以加速您的网站。另一方面,Cloudflare是一项免费的CDN服务,可从最近的位置向用户访问者提供内容。将WP Rocket缓存的强大功能与Cloudflare CDN相结合以提高您网站的性能是一个好主意。 Rocket CDN与Cloudflare WP Rocket还提供自己的RocketCDN,您可以将CDN部分集成到WP Rocket设置中。RocketCDN来自StackPath,您每月需要7.99美元才能开始使用这项仅限高级服务。要使用RocketCDN,您需要通过在您的DNS区域中设置CNAME来创建CDN重定向,并在CDN设置页面添加CNAME。但是,Cloudflare是一个免费的CDN,您无需创建CNAME记录即可在WordPress中使用Cloudflare。 来自WP Rocket的RocketCDN 您需要更改指向Cloudflare服务器的域的名称服务器,并通过它们路由整个流量。这有助于保护您的网站并改善向用户的内容交付。要将Cloudflare与WP Rocket一起使用,您需要启用附加组件且无需使用CDN部分。 WP Rocket Cloudflare附加组件 要将WP Rocket与Cloudflare一起使用,您必须启用默认情况下随WP Rocket插件提供的附加组件。将Cloudflare CDN与WP Rocket一起使用时,不必使用该插件。但是,该插件有助于优化您的Cloudflare帐户中的设置,以便通过缓存正确使用CDN设置。 启用Cloudflare插件 登录到您的WordPress管理面板并导航到“Setting > WP Rocket”部分。导航到“附加组件”菜单并向下滚动到“Rocket Add-ons”部分。此时,WP Rocket提供了两个附加组件——Cloudflare和Sucuri。默认情况下,所有加载项状态都设置为关闭。通过单击“Add-ons status”按钮打开Cloudflare加载项,如下所示。 WP Rocket插件中的Cloudflare插件 使用WP Rocket设置Cloudflare 启用插件后,单击“Modify Options”按钮查看配置设置。有三个部分可用于优化Cloudflare的设置。 Cloudflare凭据 Cloudflare设置 Cloudflare缓存 相关文章: 使用W3 Total Cache插件设置Cloudflare WordPress网站的Cloudflare设置初学者指南 Cloudflare凭证 要将WP Rocket与Cloudflare一起使用,您需要允许插件访问您的Cloudflare帐户。这可以通过添加Cloudflare全局API密钥、区域ID以及您的登录电子邮件地址来完成。 连接Cloudflare和WP Rocket 转到您的Cloudflare帐户并选择您的站点以查看仪表盘。您将登陆“Overview”部分并向下滚动以查看“API”部分(这将显示在右侧边栏上)。您可以在此处找到Zone ID,将其复制并粘贴到您的WP Rocket Zone ID文本框中。之后单击显示在您的帐户ID下方的“Get your API […]

如果你做的是国外站点,尤其是图片比较多的站点,谷歌图片搜索流量不容忽视。那么我们应该如何分析谷歌图片搜索流量来源呢?问题是,貌似在Google Analytics的相关帮助文档找不到有关跟踪图像流量的

如果你做的是国外站点,尤其是图片比较多的站点,谷歌图片搜索流量不容忽视。那么我们应该如何分析谷歌图片搜索流量来源呢?问题是,貌似在Google Analytics的相关帮助文档找不到有关跟踪图像流量的任何内容。 经查阅相关资料和咨询一些朋友得到了了很多不同的意见,一些专家说这是不可能的,有些人则说只能通过谷歌网站管理员工具实现,还有其他一些人则建议用一种非常复杂的方式-使用Javascript函数。 直到有一天,经过越来越多的网络搜索,我找到了几个帖子,终于找到比较实用的办法,具体如下。 进入你的谷歌统计分析后台,Acquisition / All Traffic /  Referrals 在那里,点击进入Google.com,您将看到推介路径。 如果引荐路径是“imgres”,“mgres”,“images”或“imagedetail”,那就是您想要的数字。 完成此操作后,您可以选择“目标网页”作为辅助维度,以了解哪些目标网页包含从Google图片搜索中点击的图片。 如果您的页面中每个都有20个图像,这就没多大的意义了,但大多数网站都会有一个明显的图像(当然会有相应的优化替代文本,文件名等等),您可以将其识别为一个作为流量来源。 问题是你可能有来自多个“google”的推荐,这意味着你需要逐个打开并计算google.de, google.fr, google.co.uk等不同的引荐路径。 上述文章基于Search Engine Watch及MOZ编写的相关文章来编写的,如果你在做外贸网站或者对谷歌SEO感兴趣,可以多阅读他们的文章。最后推荐大家使用我们开发的SEO插件-热门关键词推荐插件Pro,对做网站关键词布局非常有意义,有兴趣的朋友可以下载来研究一下。

我们将看看究竟什么是noopener链接,以及如何在WordPress中使用该属性。

在构建和维护网站时,我们始终必须考虑我们所管理网站的安全性。考虑到它们通常拥有的外链数量,博客尤其需要格外小心。照顾外链涉及不同的任务,以始终确保它们得到优化。有助于监督外链安全的工具之一是HTML属性。这是一件简单的事情,但可以为网站的安全创造奇迹。 在这篇文章中,我们将看看究竟什么是noopener链接,以及如何在WordPress中使用该属性。 什么是 rel=”noopener” 属性? 简单地说, rel=”noopener” 属性被添加到在新选项卡/窗口中打开的链接中。当您在WordPress中添加链接时,您可以选择该链接是在同一窗口中打开还是在不同窗口中打开。当您选择在另一个窗口上打开时,WordPress 会自动将 rel=”noopener” 属性与通常的 target=”_blank” 属性一起添加到您的HTML中。 将 rel=”noopener” 属性添加到在新窗口中打开的链接的目的是什么?首先,就用户体验和访问者指标而言,在新选项卡中打开外部链接非常好,这样它们就不会完全离开您的网站。 但是这个属性存在的主要原因是为了安全。 反向Tabnabbing rel=”noopener” 属性可保护站点免受恶意意图的侵害,特别是称为反向tabnabbing的网络钓鱼攻击。 反向tabnabbing是指恶意站点使用window.opener.location.assign()将真实页面替换为虚假页面。它是这样工作的:添加链接的页面,称为父页面,通过所述链接指向子页面。恶意子页面然后使用window.opener.location.assign()将自身附加到父页面,并使用虚假站点模仿原始站点。 如果被模仿的站点有一个登录小部件并且用户输入了他们的信息,那么所有这些信息都会被恶意子页面窃取。 rel=”noopener” 属性的作用是保护父页面免受通过子页面反向tabnabbing的恶意攻击。 关于Noreferrer rel=”noopener” 属性适用于除Firefox和其他旧浏览器之外的大多数浏览器。当WordPress默认将 rel=”noopener” 属性添加到您的链接时,您应该在其旁边添加 rel=”noreferrer” 属性。如果您已更新到最新的WordPress,那么这两个属性都会自动添加到您的链接中。 rel=”noopener” 属性将告诉浏览器不要从发送链接的主页收集引用信息。 你的链接应该是这样的: <a href=”https://www.example.com” rel=”noopener noreferrer” target=”_blank”>example anchor text</a> Noopener, Dofollow和Nofollow链接 一个常见的误解是,带有 rel=”noopener” 属性的链接与dofollow和nofollow链接相关,而实际上它们不是。不同之处在于noopener和noreferrer链接是出于安全目的,而dofollow和nofollow链接更多的是关于页面排名和SEO。 例如,具有 rel=”noopener” 属性的链接可以是dofollow或nofollow。这个选择取决于你。事实上,我们不久前发表了一篇关于nofollow和dofollow的文章,你一定要看看。 所有添加的链接都会自动归为跟随(dofollow)链接。为确保它们是 nofollow,您的链接应如下所示: <a href=”https://www.example.com” rel=”noopener noreferrer […]

在本文中,我们将讨论摩天大楼技术及其工作原理。我们将讨论摩天大楼和基石内容之间的区别,以及这种技术如何帮助建立链接。

“摩天大楼”技术的原理非常简单。当您处理新内容时,您的目标是使其比其他任何在线可用的内容更长且信息量更大。如果您的竞争对手针对您想要定位的关键字发布了惊人的文章,那么您需要让您的文章变得更好。 在本文中,我们将讨论摩天大楼技术及其工作原理。我们将讨论摩天大楼和基石内容之间的区别,以及这种技术如何帮助建立链接。 什么是摩天大楼技术? “摩天大楼技术”一词最初是由SEO专家Brian Dean在解释一种看待链接构建策略的新方法时创造的。 该技术的名称恰如其分,因为无论您身在何处,摩天大楼都会在天际线中脱颖而出。建筑物越高,吸引的注意力就越多。然而,在许多情况下,人们只会关注最高的建筑,即使整体高度差异很小。那么,您希望您的内容成为那座摩天大楼。 如果您的竞争对手的文章是摩天大楼,您要确保您的文章比他们的文章多出几英尺。结构更好的较长文章可以使您的内容看起来更权威。最终,用户会选择他们认为提供最佳信息的文章。 摩天大楼技术背后的想法是查看特定主题或关键字的竞争对手内容,并问自己以下问题: 我可以做些什么来改善内容结构? 竞争对手文章中缺少哪些信息? 有没有我可以添加的竞争对手没有使用的媒体资源? 最终,摩天大楼技术的目标是帮助您发布比特定主题的任何其他文章更全面的内容。当有人在寻找资源时,他们会注意到您拥有最全面的在线内容。 为什么摩天大楼技术有效? 使用搜索引擎时,您不会一一浏览每个结果。统计数据表明,除非您进行非常深入的研究,否则您可能会坚持前五个结果: 如果您不确定哪个结果具有最佳信息,您可以打开多个页面并快速查看每个页面。大多数用户坚持使用看起来最全面的页面或文章。 尽可能写出最好的内容是关键。然而,长度和格式在用户对信息的感知中也起着重要作用。研究表明,大多数在线访问者不一定会通读整个页面,而是会浏览内容。 您可以通过使用适当的副标题分布来利用这一点。当访问者浏览您的文章时,他们将更容易找到他们想要的内容。 您的文章包含的部分或副标题越多,访问者看起来就越全面。本质上,您正在使用分段建造摩天大楼。如果您将该结构与信息丰富且有用的内容相结合,您可能会获得成功。 摩天大楼与其他类型内容之间的主要区别 摩天大楼技术是您可以为网站创建的多种类型的长篇内容之一。其他流行的长篇内容技术包括: 基石页面。基石页面的目标是帮助访问者找到与单个主题相关的信息。例如,假设您发布了许多托管评论。在这种情况下,您可以拥有一个基石页面,提供最佳选项的汇总以及所有相关内部文章的链接。内部链接对于基石页面至关重要。 支柱内容。“支柱”页面是关于特定主题的综合文章。当您计划此类内容时,您还将创建“补充”页面。这些都是关于相关问题的不太深入的文章,所有这些都导致了特定主题的核心支柱。 10X内容。您可以将10X内容视为类固醇的摩天大楼文章。这个内容营销术语被用于比其他任何可用的“好十倍”的文章。10X页面应该在媒体内容、用户体验和信息方面处于领先地位。 一个成功的内容营销策略不应该仅仅依赖摩天大楼的内容,甚至只是长篇文章。有时间和地点创建大量文章,使搜索引擎结果页面 (SERP)中的所有其他内容相形见绌。通常,当主题要求该长度时,这些文章是合适的。 需要注意的是,在2022年,第一位置SERP结果的平均长度为1,400-1,500 字。通常,摩天大楼的内容超过2,000个字,具体取决于搜索词的竞争程度。文章SEO的最佳字数会随着时间的推移而变化,而当前的环境有利于长篇内容。 这些数字告诉我们,并非每个主题或问题都需要一个摩天大楼页面来解决它。有时,编写和发布简明扼要的内容会更好。 如何使用摩天大楼链接结构 如果你想建造一座合适的摩天大楼,你需要计划。在开始写作之前,您需要查看其他网站的内容,看看他们在做什么。让我们从那里开始。 第 1 步:为特定关键字/搜索寻找最佳内容 确定“最佳”内容不仅仅是查看SERP排名。您还需要确定哪些页面具有最多的反向链接,以便您可以取消它们。 首先,您需要缩小要为其构建摩天大楼内容的主题。运行Google搜索并查看前五个位置的页面: 这些文章将是您的主要竞争对手。继续并在单独的选项卡中打开每个页面,并查看哪些提供最佳内容和页面结构。 请记住,由于高权重域,许多结果可能会上升到SERP的顶部。内容本身可能不是那么好,但域赋予了它更多的权重。 一旦您确定了最佳和最全面的结果,您就可以查看他们的反向链接配置文件。Ahrefs的免费反向链接检查器非常适合这项工作(尽管您可以使用其他反向链接检查器工具): 使用反向链接检查器,您可以在几秒钟内找出有多少网站链接到特定页面: 通常,SERP中的顶部条目不会是具有最多反向链接的页面。理想情况下,您希望使用链接最多的页面作为摩天大楼内容的参考点。 注意:我们稍后将返回反向链接检查器,因此请记住如何使用它以及您分析了哪些页面! 第 2 步:分析参考页面的内容 缩小要参考的页面范围后,就该仔细查看它们的内容了。这意味着通读每篇文章,看看它有多全面。 创建摩天大楼内容的最简单方法是找出您的竞争对手缺少哪些信息或他们的页面缺少哪些详细信息。这些将是使您的摩天大楼比他们的摩天大楼高的额外楼层。 如果您不是该主题的专家,您可能很难确定缺少哪些信息。完成图片的一种好方法是将一些热门文章相互比较。 通常,您用作参考的某些文章会包含其他页面缺失的信息,反之亦然。您可以使用这些比较来填补空白并进行研究以弥补其余的空白。 第 3 步:为您的摩天大楼内容创建大纲 根据定义,摩天大楼页面和文章是长篇内容。如果您有编写此内容的经验,您就会知道很难跟踪您想要涵盖的每个主题。 根据我们的经验,处理摩天大楼内容的最佳方法是使用全面的大纲。列出您希望最终文章包含的每个部分和副标题。如果您想加倍努力,请考虑添加一些小简介,以帮助您记住每个部分中的关键点: 你的大纲应该包括你的竞争对手在他们的文章中涵盖的每个主题,以及新的信息。自然地,您将用自己的话来涵盖主题,而不是重写内容。但是,分解其他成功文章的核心组件可以帮助您制作出更好的版本。 第 […]

如果您尚未设置Sitemap站点地图,请立即进行设置。不仅因为百度搜索推送需要到Sitemap,而大部分搜索引擎都认可sitemap的标准,能够在一定程度上提升搜索引擎发现你的网站的新内容。

如果您尚未设置Sitemap站点地图,请立即进行设置。不仅因为百度搜索推送需要到Sitemap,而大部分搜索引擎都认可sitemap的标准,能够在一定程度上提升搜索引擎发现你的网站的新内容。 如果您没有设置站点地图,则在发布页面后可能需要一些时间才能显示在搜索结果中。所以,请立即进行设置一个Sitemap。在这里小编推荐比较流行的WordPress插件XML Sitemaps,因为“XML Sitemaps”易于配置。当然类似的插件非常多,不过我们的百度搜索推送插件能够识别大部分插件生成的Sitemap地址,如果你要安装其他的sitemap插件也是可以的。 关于XML Sitemaps插件 XML Sitemaps插件,原名为Google   XML Sitemaps插件,中文名称为XML 站点地图。 XML Sitemaps插件截止目前为止,已经被超过100万的站点安装使用,被翻译为超过37种语言,该插件从2005年发展至今已经有17年。这里必须给该插件的开发者点个赞。 不过,需要指出的是,该插件发展至今,一直仅用于Sitemap地图,这一点可能有点未能与时俱进。再者WordPress现在的版本也默认提供sitemap功能支持,虽然很鸡肋。 但仅仅为sitemap安装一款插件,这是否真的值得呢?这就见仁见智了。 又或者我们是不是应该换一种思路,通过其他功能更强大的SEO插件(比如Smart SEO Tool),来实现生成网站地图呢?! XML Sitemaps插件安装及设置 下面小编就会针对XML Sitemaps来写一个简单的教程。 步骤1:安装XML Sitemaps 如果你安装过WordPress插件,这个步骤是非常简单的。进入你的WordPress仪表盘,点击“插件-安装插件” 然后在搜索框中输入“Auctollo”。当搜索结果中显示“XML 站点地图”时,请单击“现在安装”。 安装将在10秒内完成,安装完毕后单击“启用”。 然后,让我们接下来设置。 步骤 2:设置 Google XML Sitemaps 单击 WordPress 仪表盘菜单“设置”中的“ XML-Stemap”以继续进行设置。 可以设置以下八个项目。 基本设置 附加页面(Additional Pages) 日志优先 sitemap 内容 排除的项目(Excluded Items) 更新频率(Change Frequencies) 优先权 看起来貌似很多设置项目,其实不然,因为它默认的参数很多时候就已经能够满足我们了。 XML Sitemaps的基本配置 将更新通知下方的三个选项都勾选上,一般默认就已经勾上。 最重要的检查是让Google知道您何时更新网站。 第二项检查是让Bing知道您何时更新网站(注:最新版本已经取消了bing的通知选项,查看如何提交sitemap至bing)。 第三个选项是将 sitemap […]

我们将仔细研究上下文链接以及它们如何提高您的排名。我们还将研究在您的网站上使用它们的一些最佳实践。让我们开始吧!

因此,您制作了一些优质内容,您的网站看起来很漂亮,并且您拥有了人们想要的产品。但是,您仍然必须滚动浏览搜索引擎搜索结果的一页又一页,然后才能找到您的网站。因此,您可能想知道:出了什么问题? 有很多方法可以提高您在搜索引擎中的表现。最有效的方法之一是添加上下文链接。这些链接可以对您的搜索引擎排名产生积极影响。 在这篇文章中,我们将仔细研究上下文链接以及它们如何提高您的排名。我们还将研究在您的网站上使用它们的一些最佳实践。让我们开始吧! 上下文链接简介(以及它们为何重要) 上下文链接通常放置在文章或页面的正文中。理想情况下,您需要使用描述性锚文本来帮助读者理解链接的相关性。 有两种类型的上下文链接:出站链接和入站链接。出站链接将用户发送到另一个网站,而入站链接将读者引导到同一站点上发布的文章: 例如,如果您正在撰写有关社交媒体营销的文章并提到Facebook,则指向社交媒体网站的链接将是出站上下文链接。但是,如果您包含指向您在网站上发布的有关Facebook的文章的链接,则这将是一个入站链接。 上下文链接可以帮助您提高搜索引擎排名。只要正确实施它们,它们就可以使您的内容更加值得信赖和权威。反过来,这可能会为您的网站带来更多流量,为您提供更多品牌知名度,并有助于提高转化率。 上下文链接是搜索引擎的排名因素吗? 早在2012年,谷歌就发布了一个名为Penguin的更新。在此之前,上下文链接和非上下文链接之间没有区别。 Penguin完全改变了算法的方法,消除了通过链接方案影响排名的尝试。事实上,这次更新优先考虑质量而不是数量,谷歌更加关注自然链接,并惩罚带有垃圾邮件和不相关链接的页面。 然而,谷歌从未正式声明上下文链接是一个排名因素。这可能是因为该公司希望阻止操纵性链接构建和其他垃圾邮件计划。 上下文链接可以使您的内容更有帮助。想要了解有关某个主题的更多信息的读者可以单击将他们带到相关文章的链接: 此外,这些链接可以通过鼓励读者查看您网站上的其他文章来帮助降低跳出率。这种用户参与可以向搜索引擎表明您发布了高质量的内容,并且您是您所在领域的专家。因此,它可以帮助您提升排名并为您的网站吸引更多流量。 但是,重要的是要记住上下文链接并不是唯一的排名因素。还有其他元素可以帮助您提升排名,包括长尾关键词和优化图像。 提高网站链接使用率的提示 正如我们所见,上下文链接可以帮助您提高排名。让我们看看在您的网站上有效使用它们的一些技巧。 首先,您需要确保您的锚文本包含与您链接到的文章相关的单词或短语。这样,搜索引擎将能够在抓取您的网站时了解链接的相关性。 其次,您要避免在文章中塞满链接。如果您的页面上有太多链接,搜索引擎可能会将其视为垃圾邮件并惩罚您的网站。 此外,确保您的链接自然地适合您的文章也很重要。不应操纵文本来创造链接机会。 最后,我们建议您优先考虑指向已建立网站和权威来源的链接,尤其是在引用研究或提及统计数据时: 请记住,算法旨在向用户宣传最相关和最有用的页面。因此,高质量页面的上下文链接可以被视为更有价值,并且可以帮助您获得更高的排名。 小结 如果您想提高您的网站在搜索引擎的排名,上下文链接是一个很好的起点。通过对您在内容中使用链接的方式进行一些小改动,您可以开始更快地提升这些排名。 在这篇文章中,我们分享了一些提高您网站链接使用率的技巧。例如,链接应该自然地适合您的内容。您还需要确保锚文本与链接的文章相关,以便读者知道他们要去哪里。此外,重要的是您优先考虑质量而不是数量,并链接到权威来源。 温馨提示:您可以通过安装Spider Analyser插件来统计您的网站每一篇文章的出链数和入链数,以便于您对文章的上下文链接进一步优化。

你的网站使用WordPress作为你的CMS吗?尝试通过使用WordPress的动作钩子和过滤器改善你的技术性SEO。

你的网站使用WordPress作为你的CMS吗?尝试通过使用WordPress的动作钩子和过滤器改善你的技术性SEO。 WordPress是世界上最流行的内容管理系统(CMS),其市场份额超过60%。 一个大的支持社区和许多可用的免费插件使用WordPress(WP)建立一个网站变得经济实惠,它在其市场份额如此之大的原因中起着关键作用。 然而,正如你所知,安装插件是有代价的。 它们往往可能降低你的Core Web Vitals分数;例如,它们可能在每个页面上加载不必要的CSS或JS文件,而这些文件是不需要的。 要解决这个问题,你需要雇用一个程序员来为你做,购买一个高级插件,或者也许走一个小的学习途径,自己做。 你也可以走混合型路线,通过自定义编码解决部分问题,其他部分使用插件。 这篇文章旨在帮助你走学习之路,我们将介绍最需要的WordPress钩子,以帮助你提高网站的技术性SEO。 什么是WordPress钩子? WordPress钩子是WP的关键功能,它允许开发者扩展CMS的功能,而不需要修改WP的核心文件–使更新主题或插件更容易,而不破坏自定义的修改。 它们为开发者提供了一种强大的方式来扩展WordPress的功能,并对他们的网站进行自定义修改。 什么是过滤器钩子? 钩子的过滤功能是用来在函数返回之前修改它的输出的。例如,你可以使用wp_title过滤器钩子给页面标题加上你的博客名称的后缀。 什么是动作钩子? 动作钩子允许程序员在WP核心、插件或主题执行的特定点上执行某些动作,比如当一个帖子被发布,或者JS和CSS文件被加载时。 通过学习一些基本的动作钩子或过滤器,你可以执行广泛的任务,而不需要雇用开发人员。 我们将通过以下钩子: wp_enqueue_scripts wp_head script_loader_tag template_redirect wp_headers wp_enqueue_scripts 这正是你用来排除多余的CSS或JS文件在不需要它们的页面上加载的动作钩子。 例如,流行的免费Contact Form 7插件,有超过500万的安装量,在所有页面上加载CSS和JS文件–而人们只需要它在存在联系表格的地方加载。 要在联系页以外的页面上排除CF7的CSS和JS文件,你可以使用下面的代码片段。 function my_dequeue_script(){ //check if page slug isn’t our contact page, alternatively, you can use is_page(25) with page ID, or if it is a post page […]

作为提高网站搜索引擎排名的有效方法,我们将提供7个ChatGPT的使用案例,以实现SEO最大化。

搜索引擎优化(SEO)对于网站在搜索引擎结果页面中获得更高的排名是非常重要的,这将导致增加: 可见度 流量 转化率 SEO是内容营销策略的一部分。一个成功的搜索引擎优化策略可以确保网页在搜索引擎上有一个良好的排名。因此,它是向目标受众展示你的产品和服务的一个重要因素。成功的企业都意识到了这一点,因为近68%的营销人员表示,搜索引擎优化是他们最重要的内向型营销。 在这篇文章中,作为提高网站搜索引擎排名的有效方法,我们将提供7个ChatGPT的使用案例,以实现SEO最大化。 1. 为内容写作生成主题 ChatGPT可用于生成SEO内容写作的主题思想(见图1),通过利用其语言处理能力来: 产生相关的关键词和短语 分析竞争对手的内容以确定覆盖面的差距 根据当前的趋势和用户的搜索查询建议主题 图1. 由ChatGPT生成的B2B营销的内容主题 2. 进行关键词研究 在内容中加入相关关键词的过程对成功的SEO战略至关重要,因为它有助于确定潜在客户在搜索与网站产品或服务相关的术语和短语。 ChatGPT可以在关键词搜索优化中执行一些功能,如: 生成关键词: 它可以通过分析所提供信息的上下文和语言,为一个话题或主题生成一个相关的关键词列表(见图2)。 识别关键词趋势: 它可以分析搜索数据,以确定当前的关键词趋势,并建议在不久的将来可能会流行的术语。 图2. B2B营销内容的关键词创意 了解B2B内容写作的挑战以及为解决这些挑战而提出的解决方案。 3. 寻找正确的标题 ChatGPT可以通过将其语言生成能力与SEO最佳实践的知识相结合,协助创建引人注目的SEO友好型标题。它可以生成对SEO友好的标题(见图3),确保标题是: 描述性强,清楚地传达内容的主题 能够纳入与该主题相关的关键词 简明扼要,通常不超过60-70个字符的限制,以便在搜索引擎结果页中得到最佳显示。 引人注目,有可能吸引点击,这有助于提高点击率(CTR),并最终提高SEO。 图3. ChatGPT对B2B营销中内容的SEO友好标题建议 4. 搜索意图分组 搜索意图分组是一个根据搜索背后的意图对相关的用户搜索查询进行分类和分组的过程。一个搜索查询背后的意图可以是: 信息性的(例如,”法国的首都是什么”?) 导航性的(例如,”Facebook登录”)。 交易性的(例如,”在线购买跑鞋”)。 商业调查(例如,”最适合女性的跑步鞋”)。 了解查询背后的搜索意图对于创建准确和有效满足客户需求的内容至关重要,这可以带来更高的参与度和转化率。 ChatGPT可以通过分析搜索查询,并根据用户的预期目标或目的进行分类,这要归功于自然语言处理(NLP)方法,协助进行搜索意图分组。这可以帮助企业和营销人员了解特定搜索词背后的意图,优化他们的内容和策略,以更好地满足目标受众的需求和期望。 例如,ChatGPT可以分析像 “市中心最好的咖啡店 “这样的搜索查询,并将其归类为导航性搜索意图,使网站能够呈现相关信息和市中心的咖啡店位置。 5. 创建内容结构 ChatGPT可以协助创建内容结构,为一个给定的主题生成大纲和组织建议。这对SEO最大化很有帮助,因为结构良好、有组织的内容不仅能提供更好的用户体验,还能帮助搜索引擎理解内容的背景和相关性。 例如,ChatGPT可以分析像 “咖啡冲泡方法” 这样的主题,并为文章提出一个大纲,包括不同冲泡方法的标题和副标题,如浓缩咖啡、法式压榨和浇注(见图4)。这种结构使作者更容易创建全面的内容,也使搜索引擎更容易理解内容的相关性并对其进行相应的排名。 图4. ChatGPT创建内容的结构 6. […]

获得权威链接的秘诀是什么?这不是一个容易回答的问题。但是您可能认识其他能够生成指向他们发布的几乎所有内容的反向链接的人。他们是怎么做到的呢?他们是否知道一些您不知道的链接构建秘密?它可能发生在幕后,但有些人知道如何轻松获得反向链接。今天,我们将向您展示SEO策略之一:Guestographic。

获得权威链接的秘诀是什么?这不是一个容易回答的问题。 但是您可能认识其他能够生成指向他们发布的几乎所有内容的反向链接的人。他们是怎么做到的呢?他们是否知道一些您不知道的链接构建秘密? 它可能发生在幕后,但有些人知道如何轻松获得反向链接。今天,我们将向您展示SEO策略之一:Guestographic。 是什么让人们链接到其他网站? 作为发送了数千封链接请求电子邮件的人,我可以告诉你,有一个简单的链接构建公式每次都有效: 伟大的内容 + 有针对性的外联 + 附加值 = 链接 我的小公式的前两部分非常简单:发布出色的内容并将其呈现在合适的人面前。 这就是大多数人所做的:他们向数百人发送电子邮件,希望有人能链接到他们。 当然,您可以通过这种方式获得一些反向链接…… …但是您可以通过增加一些价值来轻松地将转化率翻倍或三倍。 使用Guestographics建立链接:小型案例研究 增加价值是Guestographic Method的全部意义所在。 它是什么? 这是一种链接构建技术,以一种新的方式使用信息图表。 与其发布信息图并恳求其他人分享它,不如诱使他们在他们的网站上发布它…… ……有一点贿赂。 为了向您展示它的效果如何,下面展示使用页面SEO文章制作Guestographics: 首先,这是指向该页面的引用域的大量增加: 与上个月相比,该页面的自然搜索流量增加了175.59%: 该页面在关键字“on page SEO”的第2和第3位之间反弹。 简而言之,它奏效了。 如何使用Guestographics获取反向链接 Guestographic Method再简单不过了。 以下是五个步骤: 第 1 步:在您的网站上发布信息图 第 2 步:查找有关您的信息图主题的网站 第 3 步:向他们展示您的信息图 第 4 步:为他们提供独特的内容(“贿赂”) 第 5 步:获取上下文反向链接 让我更详细地向您展示每个步骤…… 第 1 步:发布很棒的信息图 这里没有捷径: 如果你想让人们分享你的信息图,它必须是好的。 […]

我们将深入了解在线订阅的世界。我们将告诉您您需要了解的有关WooCommerce订阅扩展的所有信息,引导您完成设置,并分享您可以尝试的其他一些插件选项。

尽管订阅是一种常见的付款模式,但WooCommerce不支持开箱即用的定期付款。这就是WooCommerce订阅发挥作用的地方。 这些可能会使提供会员资格、付费内容订阅和其他持续服务(例如网站维护)难以实施。 幸运的是,WooCommerce确实提供了一个扩展,使您能够轻松地为您的产品或服务创建订阅。如果您正在寻找一种低成本的工具来创建基于订阅的网站,那么还有几种替代解决方案可用。 在这篇文章中,我们将深入了解在线订阅的世界。我们将告诉您您需要了解的有关WooCommerce订阅扩展的所有信息,引导您完成设置,并分享您可以尝试的其他一些插件选项。 请记住,您的最终目标是增加商店的收入。 使用WooCommerce销售订阅的介绍 如何向WooCommerce添加订阅 如何将WooCommerce订阅与WooCommerce会员资格一起使用 WooCommerce订阅的替代方案 使用WooCommerce销售订阅的介绍 网上赚钱的方法有很多,包括通过WooCommerce销售产品或服务。但是,您网站上的个人销售并不构成稳定的收入来源。这就是为什么转向订阅定价模式可能是明智之举。 这是您可能熟悉的示例。如果您曾经购买过高级WordPress插件,那么您可能已经注册了月度或年度订阅。您将支付此经常性费用,以便持续访问插件更新和支持。 另一个熟悉的工作订阅实例是订阅框。Stitch Fix、Birchbox、HelloFresh和Dollar Shave Club等 服务每月或每周以统一费率向客户发送精选套餐: 基于订阅的公司示例 同样,《纽约客》 和《哈佛商业评论》等在线出版物 也需要订阅才能无限制地访问其内容。随着越来越多的杂志搬到网上,他们找到了一种方法来通过限制他们的一些内容来维持他们的经常性收入。 会员网站是在线零售商产生经常性收入的另一种方式。您可以将这些视为Costco会员 ,但在线。用户可能会获得对某些产品、特别促销和折扣或其他独特优惠的独家访问权,以换取他们的月费。 如您所见,您可以通过多种方式在您的网站上实施订阅式产品或服务。它们中的每一个都可以成为一种简单而有效的方法,为您的企业创造更可靠的收入流。 此外,这种模式可以为您的客户提供便利的好处,以及随着时间的推移分散支付的小额付款。 如何向WooCommerce添加订阅 您可以使用一些WooCommerce扩展将订阅选项添加到您的WooCommerce网站。如果您已经在使用这个流行的电子商务插件,您可以放心地投资它的专用工具之一,并且知道新功能将轻松与您现有的内容集成。 重要的是要注意,虽然基本的WooCommerce插件是免费的,但一旦你开始添加扩展,它就会变得昂贵。请记住,我们将在这篇文章中使用和建议的工具需要每年超过100美元的年度续订,因此使其适合您的预算是关键。 有两个扩展可供选择:WooCommerce订阅和WooCommerce会员资格。前者非常适合在线杂志、软件即服务 (SaaS) 提供商以及任何想要收取经常性费用的人。后者最适合收取一次性注册费。 下面,我们将更详细地探讨这两个扩展及其功能。 WooCommerce订阅扩展解释 如果您已经是WooCommerce零售商,在您的网站上设置订阅的最简单方法是使用WooCommerce订阅扩展: WooCommerce订阅扩展 使用官方WooCommerce扩展市场的插件是确保订阅工具与现有网站无缝集成的最简单方法。此外,此解决方案还包括多种功能,使您能够创建希望在店面中使用的任何类型的订阅服务。 WooCommerce订阅的主要功能包括: 使您能够为物理和虚拟产品或服务创建订阅。 包括设置注册费、免费试用期和到期日期的选项。 与超过两打支付网关集成。 提供手动和自动续订选项和通知。 使客户能够根据需要升级或降级他们的计划。 在详细报告中汇总订阅信息和客户数据。 WooCommerce本身是完全免费的,但WooCommerce订阅是一个高级扩展。在单个站点上使用的起价为每年 199 美元。 虽然这个价格标签肯定是高端的,但请记住在您的WooCommerce网站上合并经常性收入流的好处。如果您打算实现这样的模型,那么这个插件可能非常值得投资。 如何设置和使用WooCommerce订阅扩展 如果您认为WooCommerce订阅可能适合您,只需几个步骤即可开始在您的在线商店中使用它。让我们概述一下基础知识。 第1步:购买和安装WooCommerce订阅 您需要做的第一件事是获取WooCommerce订阅扩展。为此,请单击绿色的立即购买按钮: WooCommerce订阅购买选项 然后,系统将提示您登WooCommerce.com帐户或创建一个新帐户: 购买流程的WooCommerce登录表单 完成注册或登录过程,以及您的购买。然后,您将看到一个确认页面,其中有两个选项可供您选择如何继续。 首先,您可以单击紫色的下载 按钮来接收WooCommerce订阅扩展的.zip 文件。然后,在您的WordPress仪表盘中,导航到Plugins > Add […]

WooCommerce手机APP旨在简化移动工作流程。在本文中,我们将讨论该应用程序的功能,并简单说明APP的一些功能要点。

使用移动设备时,在WordPress中管理您的WooCommerce业务可能会很麻烦。通常,这涉及登录WordPress并从您网站的仪表盘访问WooCommerce。但是,仪表盘针对桌面设备进行了优化,而不是针对移动设备。因此,在旅途中对您的WooCommerce商店进行更改可能是一个挑战。 WooCommerce手机APP旨在简化移动工作流程。在本文中,我们将讨论该应用程序的功能,并简单说明APP的一些功能要点。 适用于Android和iPhone的WooCommerce 如果您不熟悉使用WooCommerce,您可能不知道该插件有一个官方应用程序。该应用程序适用于Android和iOS,它为管理您的电子商务商店提供了绝佳的解决方案: WooCommerce手机APP已经公开测试了四年多。这意味着该应用程序尚未提供Automattic团队想要包含的所有功能,但它已准备好用于一般用途。 使用此应用程序,您可以接收有关新订单和评论的通知。它还使您能够检查订单状态、收取付款、修改运输详细信息等。 您还可以使用WooCommerce手机APP更新产品、删除它们,甚至添加新产品。由于该应用程序仍在开发中,您可以期待看到新功能快速出现。例如,现在开发人员正在努力整合优惠券管理。 还值得注意的是,这个应用程序同时支持WordPress.com和自托管的WordPress WooCommerce商店。只要您使用WooCommerce,您就可以利用该应用程序的优势。最重要的是,它对Android和iOS都是免费的。 如何使用WooCommerce手机APP 由于WooCommerce Android和iOS应用程序几乎相同,我们将使用以前的版本向您展示其功能。安装WooCommerce应用程序后,您需要做的第一件事是将其连接到WordPress。 将WooCommerce应用程序连接到WordPress WooCommerce应用程序可以连接到WordPress.com和自托管的WordPress网站。要使该应用程序正常工作,您需要在您的网站上安装Jetpack和WooCommerce。 要开始使用,请选择 Enter your store address 按钮。在下一个屏幕上,输入您的WordPress网站的URL: 之后,该应用程序将询问您的WordPress账号密码。最后,您会看到一个欢迎屏幕,提示您分享您的商店。如果您选择该选项,您将能够通过消息应用程序和社交媒体向您的商店发送链接: 在此屏幕中,您可以跳转到多个选项卡,这些选项卡将使您能够管理您的商店。让我们看看每个部分的作用。 快速说明:您可以将多个商店连接到应用程序,并在不登录或退出的情况下从一个商店切换到另一个。 检查和管理订单 应用程序中的“ Orders”选项卡将显示您商店的所有订单列表,从最近的订单开始。对于每个订单,您可以查看其状态、(1) 客户、(2) 购买日期和 (3) 金额: 如果您选择特定订单,则可以对其进行编辑。编辑菜单可让您修改订单状态、发送付款提醒、发放退款和添加个人备注: 一个有趣的功能是这个应用程序与WooCommerce Payments集成。如果您在商店中启用此扩展程序,您可以使用该应用程序收取当面付款: 开始使用该应用程序后,您将收到有关客户新订单的移动通知。仅此一项功能就值得使用该应用程序,因为通知通常比电子邮件更难错过。 编辑和添加产品 Products 选项卡使您能够查看数据库中的 所有现有产品并添加新产品。如果您单击现有产品,您将能够更新其照片和价格、更改其库存和产品类型设置以及修改其描述: 我们最喜欢的功能之一是该应用程序可以在您上传图像后自动 (1)优化图像。一旦您开始使用该应用程序,默认情况下就会启用该设置: 乍一看,产品编辑选项比使用仪表盘时看到的更简单。但是,该应用程序隐藏了许多用于编辑产品的选项。 例如,如果您单击 产品屏幕底部的+ADD MORE DETAILS 信息,您可以添加运输、分类和链接的产品详细信息。此部分甚至使您能够 (1) 添加指向虚拟产品可下载文件的链接: 如果您单击产品屏幕右上角的图标,您还将找到用于 (1) 预览项目和 (2) 修改其状态的选项: 总体而言,导航WooCommerce应用程序的产品编辑器相对简单。但是,在编辑设置或添加新项目时,您必须从一个屏幕移动到另一个屏幕: 使用该应用程序添加产品比从常规的WooCommerce产品编辑器中添加产品花费的时间要长得多。这是可行的,但如果您可以选择使用笔记本电脑或台式计算机来完成此任务,那将是一种更加简化的体验。 小结 WooCommerce手机APP提供了一种监控一个或多个电子商务商店的绝妙方法。如果您启用通知,该应用程序会在您收到新订单时通知您。您还可以使用此应用查看评论、编辑和添加新产品、发放退款、收款等。 还值得注意的是,WooCommerce移动应用程序在Android和iOS上提供了相同的功能。这意味着您几乎可以在任何智能手机上进行设置,并且您将获得相同的体验,但有一些风格上的差异。尽管该应用程序仍处于测试阶段,但它非常稳定,它可以帮助您随时随地管理您的WooCommerce商店。随着应用程序的不断发展,它也必将获得更多功能。

在本教程中,我们将向您展示如何使用WooCommerce导出产品。我们将收集一些插件来帮助您,并为您提供分步教程来完成这项工作。

许多用户会转向WooCommerce以使用WordPress运行功能齐全的在线商店。一般的“流程”包括将资产、产品和内容引入这两个平台。但是,您也可以使用WooCommerce导出产品。 你这样做的原因有很多。大多数情况下,您需要执行一些管理,例如批量修复条目。但是,如果您选择移动您的虚拟主机,您也可以导出产品。 无论如何,知道如何导出你的产品——以及所涉及的步骤——是你箭袋中的一支强大的箭。 在本教程中,我们将向您展示如何使用WooCommerce导出产品。我们将收集一些插件来帮助您,并为您提供分步教程来完成这项工作。 首先,让我们简要介绍一下导出的用例以及导入过程。 为什么要导出WooCommerce产品 如何导入WooCommerce产品和订单 如何使用WooCommerce导出产品 如何使用插件导出WooCommerce产品和订单 为什么要导出WooCommerce产品 您的全部库存和清单都在WordPress中——特别是WooCommerce。导出这些产品意味着生成一个列表,您可以在该列表中处理另一个程序中的数据,而无需安装商店。 产品导出的电子表格 您经常将这些产品导出为某种电子表格格式,无论是逗号分隔值 (CSV) 文件、Excel电子表格,还是纯文本文件。 虽然这似乎是一件很激烈的事情,但实际上,您经常会出于一些平凡和常规的原因出口您的产品: 效率:通过电子表格而不是WooCommerce界面批量编辑您的库存更加直接和熟悉。此外,您可以使用电子表格应用程序的专用功能来节省启动时间和精力。 全局错误更正:您的产品列表可能存在问题,您需要在全局级别进行排序。例如,您的库存单位 (SKU) 值可能存在错误。导出您的WooCommerce产品可让您解决此问题,并立即重新导入列表。 迁移简单性:您甚至可能希望将您的主机升级为更强大且功能特定的东西以满足您的需求。如果您导出WooCommerce产品,则无需将整个列表导入新安装或新服务器。 说到导入,在您进入导出过程之前了解如何执行此操作是值得的。这将使您很好地了解条目与“内部”和“外部”世界的关系(至少在WooCommerce方面)。 如何导入WooCommerce产品和订单 从表面上看,WooCommerce产品和订单的导入过程似乎很简单。事实上,有很多齿轮组成了整个轮子。 在接下来的几节中,我们将讨论一些“需要知道”的元素,并展示将产品导入WooCommerce的确切过程。 CSV文件的基础知识 尽管我们称其为“CSV文件”,但它并不是真正的文件类型——它是一种文件格式。尽管CSV文件具有.csv扩展名,但仍然如此。 您几乎可以使用任何可以解析和显示文本的应用程序来读取CSV格式。大多数用户会在电子表格应用程序中打开CSV,因为这将提供相关功能来处理其中的值。但是,从技术意义上讲,使用文本编辑器或其他解决方案并没有错。 CSV文件的关键方面是它使用“分隔符”。基本来说,这是一个分隔符,默认是逗号——因此格式显示“逗号分隔值”。当您使用CSV格式时,“翻译”软件(在我们的例子中是WooCommerce和电子表格应用程序)将理解以逗号分隔的每一块信息都是一个独特的、单独的数据: 用逗号分隔的用户名 如果没有逗号分隔符,您将看到数据被粉碎到一个单元格中: 由于缺少分隔符而合并的数据集 CSV格式的美妙之处在于它不仅与您用于读取数据的程序无关,而且与您导入的程序无关。如果一个应用程序可以使用CSV值,那么您几乎可以将这些数据移动到任何地方——只要您可以将数据适当地映射到您将其导入到的程序中。 WooCommerce如何使用CSV数据 WooCommerce以与其他程序类似的方式使用CSV数据。您在WooCommerce中有许多字段可以指定您的产品的值: WooCommerce产品和数据字段的列表 当您从CSV文件导入一组产品时,每个值都将整理在一个header下 — SKU、产品名称、变量值等。但是,这些标头需要对应于WooCommerce中的适当值。 例如,如果您的WooCommerce产品列表不使用header 值,则您无法从Engine Type header导入数据。让我们来谈谈一般的导入过程。 从CSV文件导入WooCommerce产品和订单 好消息是,尽管有所有背景信息,但WooCommerce产品和订单的导入程序很简单。这要归功于WordPress的友好界面。 您需要一个CSV文件来执行此操作,我们将使用WooCommerce示例数据。它是免费提供的,但您需要从WordPress.org下载WooCommerce插件文件。在其中,您会找到一个名为sample-data的文件夹,其中包含要使用的文件: WooCommerce的三个示例数据文件 有几种方法可以将产品导入WooCommerce。如果您有新安装并通过Onboarding Wizard运行,则可以在该过程中导入CSV文件: WooCommerce向导要求您导入产品 但是,这仅适用于没有产品的全新商店。接下来,我们将向您展示如何更新您的WooCommerce产品数据,其中还介绍了使用CSV文件的导入过程。 使用CSV文件更新现有订单和产品 导入WooCommerce产品的最佳(和推荐)方法是通过WordPress中的Products > All Products屏幕。如果您选择Start Import,您将看到一个选择CSV文件的对话框: […]

如何自定义WooCommerce结帐页面。在这里,您将学习如何使用WooCommerce结帐模板来做到这一点。

电子商务业务现在比以往任何时候都具有竞争力。竞争越来越激烈,因为新网站定期出现。许多电子商务企业家都在为销售而苦苦挣扎。你也是? 最近的一项研究表明,如今60%的购物车被放弃是正常现象。因此,您将潜在客户带到您的WordPress网站,让他们选择产品,添加购物车页面,然后获得退回。 在有人采取将产品添加到购物车的步骤之后没有获得销售真的令人沮丧。但是,如果您自定义WooCommerce结帐页面,则可以解决此问题。 所以,问题是如何自定义WooCommerce结帐页面。在这里,您将学习如何使用WooCommerce结帐模板来做到这一点。 为什么要自定义WooCommerce结帐页面? 如何自定义WooCommerce结帐页面 安装Elementor和ShopEngine 创建结帐页面模板 自定义结帐页面的结帐元素 改进WooCommerce结帐页面的其他提示 ShopEngine还提供什么? 小结 为什么要自定义WooCommerce结帐页面? WooCommerce结帐页面可以为客户提供顺畅的结帐流程。但是,如果您想为您的用户提供更丰富的购物体验,从而提高您的转化率,那么您应该考虑自定义WooCommerce结帐页面。 根据您的业务类型,您应该更改WooCommerce结帐页面,以确保为您的客户提供顺畅的购买体验。例如,如果您只销售数字商品,则无需收集地址。 说到收集地址,结帐页面是您收集用户数据的最佳场所,您可以使用这些数据来改善客户的体验,并在您未来的营销策略中使用这些数据来增加销售额。 除了添加、删除或编辑结帐页面表单字段外,您还可以添加一个新部分来突出您的业务或推荐的特别优惠或USP(独特的销售主张)等。所有这些都可以帮助您获得客户的信任并让更多的客户完成他们的订单。 我希望您现在意识到自定义结帐页面对您的WordPress网站的重要性,以及为什么您应该自定义WooCommerce结帐页面。 如果您想知道如何自定义WooCommerce结帐页面,请移至下一部分以获取答案。 如何自定义WooCommerce结帐页面 当所有其他公司为结帐页面提供外部插件/插件时,wpmet带来了内置的拖放结帐页面构建器ShopEngine。使用ShopEngine,您可以通过3个简单的步骤创建自己的结帐页面。 不用担心!您不必编写任何代码。在这里,我将展示使用WooCommerce结帐模板的过程。 在开始设计之前,最好为即将到来的结帐页面画一个草图。它将在设计页面时节省您的时间并消除混乱。 安装Elementor和ShopEngine 第一步是在您的WordPress wooCommerce网站中安装Elementor和ShopEngine。这两个插件都是免费的,可以在WordPress目录中找到。安装插件后,请完成基本设置。 安装路径:wp-admin -> 插件-> 安装插件 -> ShopEngine/Elementor -> 立即安装 -> 启用 创建结帐页面模板 单击ShopEngine侧边栏菜单中的Template。 单击“Add New”,您的仪表盘中将显示一个弹出窗口。 从“Type”下拉菜单中设置名称和“Checkout”。 将默认设置为“YES”并保存页面。 设置路径 – 转到ShopEngine -> Templates-> Add New 新的结帐页面将添加到页面列表中。使用Elementor编辑页面。有关如何使用ShopEngine创建结帐页面模板的更多详细信息,请查看文档。 您可以创建自定义字段并为您的网站制作标准的WooCommerce结帐页面。结帐页面模板不需要自定义代码或自定义CSS。使用ShopEngine,您可以通过简单的“drag and drop”来修改WooCommerce结帐页面。 您可以搜索元素并将其放在页面上。然后保存它。此外,您可以手动浏览它们。您可以根据自己的选择选择任何Elementor布局,添加小工具并保存。 自定义结帐页面的结帐元素 […]

在本文中,我们将讨论 WooCommerce 所有评论区块的工作原理。我们将向您展示如何将其添加到您的网站、对其进行配置并有效地使用它。

大多数现代客户在进行最小的购买之前都会查看产品评论。为您自己的产品启用用户评论有助于您与新客户建立信任,并让他们与其他买家分享重要信息。在您的网站上显示评论的最佳方法之一是使用 WooCommerce 所有评论区块。 在本文中,我们将讨论 WooCommerce 所有评论区块的工作原理。我们将向您展示如何将其添加到您的网站、对其进行配置并有效地使用它。 如何将 WooCommerce 所有评论区块添加到您的文章或页面 WooCommerce 所有评论区块使您能够在您的网站上显示最新产品评论的列表。默认情况下,该区块显示每个项目的评论,这意味着访问者将大致了解您的最新客户的满意度。 要使用此区块,请打开要展示评论的页面或文章的区块编辑器。选择添加新区块的选项,然后使用搜索工具查找所有评论(all reviews) 选项: 请注意,仅当您使用 WooCommerce 时,所有评论区块才可用。如果插件未激活,您将无法访问区块编辑器中的任何 WooCommerce 区块。 放置“所有评论 ”区块后,它将显示您商店中所有最新评论的列表: 默认情况下,每条评论都包含客户姓名、评论正文、评分、撰写时间和个人资料图片。但是,您可以完全控制评论在“所有评论 ”区块中的显示方式,我们将在下一节中向您展示。 WooCommerce 所有评论区块设置和选项 与大多数其他区块不同,WooCommerce 所有评论区块不提供任何格式选项。这意味着您无法更改其对齐方式或布局。但是,该区块确实提供了各种设置,使您能够配置它包含的元素。 要访问此区块的设置,请在编辑器中选择它,然后单击屏幕右上角的齿轮形图标。右侧会出现一个菜单,包括所有可用于“所有评论 ”区块的设置。 内容设置 设置菜单的第一部分使您可以决定区块将为每个评论显示哪些元素: 您可以选择是否包含评论者的姓名、头像、日期、评论内容和产品评级。在大多数情况下,我们建议包括所有这些项目。 但是,如果购买频率不高,您可以选择禁用评论日期,以免阻止潜在客户。最后,您可以选择在每条评论旁边显示评论者的照片(他们的个人资料图片)或产品图片。 列表设置 下一部分使您能够决定以何种顺序显示评论,以及显示多少评论。默认情况下,所有评论区块将显示整个商店的最新评论。但是,您也可以选择从最高评分到最低评分显示评论,反之亦然。 您还可以配置当用户单击“加载更多 ”按钮(或完全禁用该选项)时将显示多少额外评论: 文字颜色 下一部分允许您自定义“所有评论”区块中文本的颜色。要更改文本颜色,请单击文本颜色选项。然后您可以选择一种默认主题颜色或选择十六进制代码以添加您自己的自定义颜色。 字体大小 除了文本颜色之外,您还可以在排版设置下更改所有评论区块的字体大小。要更改字体大小,请单击版式切换按钮上的加号图标并选择字体大小。在那里,您可以从一种内置主题字体大小中进行选择,或单击自定义图标以添加您自己的自定义字体大小值。 额外的 CSS 类 最后,  “所有评论 ”区块设置菜单中有一个“高级 ”选项卡,可让您向元素添加新的 CSS 类。如果您习惯使用样式表,则可以使用这些 CSS 类来修改区块的样式。 有效使用 WooCommerce 所有评论区块的提示和最佳实践 在大多数情况下,我们建议您在商店的主页和/或登录页面上显示“所有评论 ”区块。这向新访客展示了过去客户的满意度,鼓励他们留下来。此外,如果您有很多最近的评分,则显示评论日期可以向访问者表明您获得了很多销售。反过来,这可以帮助您进一步建立信任。 如果您的商店仍在增长,我们建议改为展示评分最高的评论。如果您这样做,我们还建议禁用评论日期,因此如果最近没有任何销售,访问者不会气馁。 至于是否显示用户资料图片或产品照片,由您决定。显示客户图片可以帮助使评论看起来更值得信赖,并给他们一种人性化的感觉。但是,这只有在大多数客户设置个人资料图片时才有效。否则,您通常最好在每条评论旁边显示产品照片,以便潜在客户了解您提供的产品。 关于 WooCommerce 所有评论区块的常见问题 如果您对如何使用“所有评论 ”区块有任何疑问,我们将在此处进行介绍。让我们从讨论如何设计这个方便的区块开始。 […]

我们将逐步介绍如何用WooCommerce创建优惠券代码,帮助你产生更多的销售。

想知道如何增加你网上商店的流量吗?你想增加你的电子商务商店的销售额和转换率吗?我猜你对以上两个问题的回答是:”是的!”!那么,这篇文章将帮助你!。 我们将逐步介绍如何用WooCommerce创建优惠券代码,帮助你产生更多的销售。 除了用WooCommerce创建优惠券的内置和默认方法外,我们将分享一些好方法,通过安装一些强大的插件来吸引顾客访问你的网店。 优惠券的力量 引导磁铁和WooCommerce 如何使用WooCommerce创建优惠券代码 用插件创建优惠券代码 如何推广你的优惠券 小结 优惠券的力量 优惠券满足了我们省钱和抢购便宜货的愿望。我们每个人都喜欢认为自己得到了一笔大交易。 据估计,超过90%的美国消费者积极使用优惠券。他们用它们来省钱,尝试新产品,体验新事物,并享受优惠券提供的任何好处。 它们可以是一个非常强大的诱因,这就是为什么我们推荐在WooCommerce中使用它们的原因! 优惠券还可以创造一种紧迫感,从某种意义上说,害怕错过一个伟大的折扣和节省一些钱。正是因为这个原因,优惠券和折扣的效果很好。 优惠券、折扣和优惠也是为你的网店带来流量的一个好方法。除了增加流量和销售外,优惠券还可以作为一种引导磁铁,帮助建立你的电子邮件订阅列表。 如果你想知道什么是线索磁铁… 引导磁铁和WooCommerce 引导磁铁(Lead magnet)是一个营销术语,用来表示赠品,纯粹是为了收集客户的联系信息。 例如,磁铁可以是折扣券、买一送一的优惠券、试用订阅、电子书、免费咨询,或完全不同的东西。 引导磁铁的目的是为了产生线索。你通过提供价值来产生线索并培养你的受众。然后,慢慢地但肯定地,你可以接近销售。 Convert Pro就是一个帮助选择电子邮件和产生线索的插件的例子(查看更多线索生成插件)。通过直观的拖放编辑器,你可以在几分钟内轻松创建选择表格。 在我们深入研究这篇文章之前,这里有一些围绕优惠券的统计数据,以帮助你了解优惠券的强大作用。 90%以上的消费者都以某种方式使用过优惠券。 2019年,全球约有310亿张数字优惠券被兑换。 38%的消费者喜欢在他们的移动设备上获得优惠券和折扣。 60%的消费者喜欢收到数字优惠券。 68%的消费者认为,数字优惠券能产生忠诚度。 2017年,数字优惠券的兑换价值达到470亿美元。 77%的消费者在兑换优惠券时比预期多花10到50美元。 对于89%的消费者来说,价格是影响购买决定的主要因素。 (Source: Valassis) 在这篇文章中,我们将介绍为你的WooCommerce商店创建优惠券的一些最流行的方法。 用WooCommerce创建优惠券代码是不是太技术性了?绝对不是!它可能比你想象的要简单得多!它可能比你想象的要简单得多。 所以在我们开始之前,我们假设你的WordPress网站上已经安装了WooCommerce。如果你没有,请查看文章:如何用Elementor和Astra主题建立一个WooCommerce网站。 如何使用WooCommerce创建优惠券代码 首先,我们将介绍如何使用默认的WooCommerce工具创建优惠券代码。 前往WooCommerce > Coupons。 你会注意到一个提示:”Coupon management has moved!”。现在,优惠券选项卡已经被移到了市场营销下。 因此,在未来,你可以通过前往Marketing > Coupons来访问优惠券部分。是的,如果你愿意,你可以继续点击 “Remove legacy coupon menu” 按钮。 如果你是第一次创建优惠券,你会看到以下屏幕。 如果你已经有一个创建了优惠券的现有WooCommerce商店,你会看到一个优惠券的列表,如下图所示。 要创建一个新的优惠券,请点击 […]

这就是为什么创建网站对您的业务很重要的原因。以前建立网站很困难。因为那时雇用开发人员并使用编码制作网站是创建网站的唯一方法。但是,现在您可以使用可用的工具在WordPress中轻松地从头开始创建电子商务网站。在本文章中,我们将向您展示使用ShopEngine创建电商网站的最简单方法。

随着时间的流逝,电子商务业务正在迅速增长。这就是为什么在这项业务中获得成功的机会正在增加。 据估计,电子商务业务将如此受欢迎,到2040年底,95%的销售将通过电子商务发生。来源名称 – nasdaq.com 该统计数据证明了电子商务业务日益增长的速度。还发现46%的美国小企业没有网站。这对企业来说是有风险的,因为93.5%的全球互联网用户在线购买产品。 这就是为什么创建网站对您的业务很重要的原因。以前建立网站很困难。因为那时雇用开发人员并使用编码制作网站是创建网站的唯一方法。但是,现在您可以使用可用的工具在WordPress中轻松地从头开始创建电子商务网站。 在本文章中,我们将向您展示使用ShopEngine创建电商网站的最简单方法。 什么是电商网站? 为什么创建电商网站? 创建电商网站的先决条件 使用ShopEngine免费创建电商网站的4个步骤 创建电商网站后需要维护的5件事 创建一个电商网站需要花多少钱? 小结 什么是电商网站? 电子商务网站是一个网站,您可以在其中放置您的商品或服务的图片、功能、其他信息并通过互联网进行销售。电子商务网站主要分为三种。它们是企业对企业、企业对消费者、消费者对消费者。 企业对企业网站的一个例子是阿里巴巴,而企业对消费者网站的例子是亚马逊、天猫和京东。最后,消费者对消费者的一个例子是eBay。 为什么创建电商网站? 创建电商网站对您有利,因为电子商务行业每年都在以23%的速度增长。此外,全球93.5%的互联网用户在网上购物。这意味着您的大部分客户将访问您的网站以购买产品或服务。在这种情况下,如果您没有电子商务网站,那么您将失去很多商机。 以下是拥有电子商务网站的更多原因: 如果您有电子商务网站,您的客户可以24/7全天候购物。您不能让您的实体店24/7全天候营业。 客户在线购物是因为他们可以随时购物,这是在线购物的第一大原因。来源名称-毕马威 您可以通过网站的对话营销将50%的访问者转化为消费者。 电子商务网站将帮助您每天接触新客户。 通过电子商务网站,您可以进行大量转换。以下是美国顶级电子商务网站的销售额统计: 美国顶级电子商务网站销售额 人们现在的每一项工作都依赖于互联网。因此,在线可以为您的业务添加新的大门。 创建电商网站之前的先决条件 在这一代,电子商务业务正处于需求高峰期,人们一天都离不开互联网。要处理这项业务,您必须拥有一个电子商务网站。 2021年,全球有21.6亿人希望在线购买商品和服务,而2016年为16.6亿 – Statista.com。 这只是证明拥有在线形象的重要性的一项统计数据。还有其他人。维护电子商务网站可能是在线展示的有效方式。这就是为什么您需要建立一个电子商务网站。但是,为了建立它,你需要的东西很少。 以下是使用ShopEngine创建电商网站的先决条件: 域名 服务器 CMS平台 WooCommerce Elementor WooCommerce页面构建器 使用ShopEngine免费创建电商网站的步骤 建立一个电商网站并不难。您无需雇用或成为开发人员。您所需要的只是适当的电商解决方案,它将指导您完成构建电商网站的过程。此外,构建小型或大型电商网站的过程几乎相同。在这种情况下,您有两个选择。要么通过使用电子商务解决方案来构建它,要么雇佣一个开发人员来创建你的电子商务网站。 你认为哪个是最好的选择? 当然是第一。因为在这种情况下,你将是独立的。无需每天都看开发人员的脸。在这里,我将为您提供使用ShopEngine创建电商网站的最简单解决方案: 第 1 步:选择您的托管服务提供商并选择一个域名。 托管服务提供商 第一步,您需要选择将为您的公司提供数字空间的托管服务提供商。托管服务提供商有很多,如Bluehost、HostGator、 Hostinger等,DIY主机则可以优先考虑诸如Linode、Vultr等。国内则有更多可选项,阿里云、华为云、腾讯云等等。 在选择服务提供商时,您需要注意3件事: 加载时间。 正常运行时间。 支持系统。 选择您的托管服务提供商后,然后为您的网站修复一个域名。域名是您的客户可以联系到您的名称。在拿起它之前,请记住几件事: 保持简短、具体和品牌化。 […]

在本文中,我们将向您介绍如何将Spotify嵌入区块添加到WordPress文章或页面,以及如何向其添加各种Spotify链接。我们还将介绍技巧、最佳实践和常见问题解答。

WordPress的Spotify嵌入区块可让您向WordPress文章和页面添加各种音乐好东西。您可以嵌入专辑、播放列表、播客或曲目,任何人在访问您的网站时都可以收听它们。在提示他们进行下一步(例如登录或注册)之前,他们会听到30秒的预览。此外,您实际上并不需要付费的Spotify帐户来嵌入音乐或播客,这意味着您可以迎合您的观众,而无需在您的每月预算中添加其他订阅。 想要在您的WordPress文章或页面中嵌入Spotify链接的原因有很多: 推广您自己(或其他人)的创意项目 将您的观众与您知道他们会喜欢的内容联系起来 提供您正在评论或评论的音乐样本或播客 用多媒体增强您的页面,让您的访问者享受聆听的乐趣 在本文中,我们将向您介绍如何将Spotify嵌入区块添加到WordPress文章或页面,以及如何向其添加各种Spotify链接。我们还将介绍技巧、最佳实践和常见问题解答。 如何将Spotify嵌入区块添加到页面或文章 在将Spotify链接添加到WordPress之前,您必须知道如何设置Spotify嵌入区块并为它们做好准备。首先,登录到您的WordPress仪表盘。以Gutenberg编辑器创建或打开页面或文章 将鼠标悬停在页面上的空白区域,您会看到一个加号。单击它会显示您可以添加到WordPress文章或页面的所有区块。在搜索框中输入“Spotify”,然后选择出现的Spotify区块。这会将Spotify嵌入区块添加到WordPress文章或页面。 现在让我们添加一些音乐或播客! 如何文章或页面中嵌入Spotify音乐 让我们从嵌入单个曲目开始,因为嵌入专辑或播放列表将遵循类似的过程。 如何将Spotify曲目嵌入文章或页面 打开Spotify网络播放器并登录。找到您要嵌入的曲目(1)。单击最右侧的三点图标(2)。将鼠标悬停在“Share(3)”上以显示第二个菜单。选择Select Copy Song Link(4)。 返回WordPress,将该链接粘贴到Spotify嵌入框中,然后单击嵌入。 这是嵌入轨道的样子: 如何将Spotify专辑或播放列表嵌入文章或页面 要在WordPress中嵌入整个专辑,请转到Spotify上的专辑。(确保您实际上是在专辑上,而不是在艺术家的页面上——当您复制链接时,您是否在错误的地方会很清楚。)点击三点图标(1),将鼠标悬停在Share(2)上,然后选择Copy Album Link(3)。 将链接粘贴到WordPress的Spotify嵌入框中,然后单击嵌入。所有专辑曲目都会显示出来,用户可以滚动查看更多。 要嵌入Spotify播放列表(您的或其他人的),请导航到播放列表,单击三点图标(1),选择Share(2),然后选择Copy Link to Playlist(3)。 这将显示为与专辑相同的曲目列表和右侧的滚动条以查看更多内容。 如何将Spotify播客嵌入文章或页面 嵌入播客遵循类似的过程。首先,您必须转到主播客页面,而不仅仅是单个剧集的页面。如果您正在观看一集,单击“See All Episodes”会将您带到主节目页面。 从那里,单击“Follow”链接右侧的三点图标(1)。将鼠标悬停在Share(2)上,然后从弹出的菜单中单击Copy Show Link(3)。 返回WordPress的Spotify嵌入区块,粘贴链接并点击嵌入。 如何将Spotify播客剧集嵌入文章或页面 要嵌入单个播客剧集,您将遵循类似的过程。转到剧集,单击加号右侧的三点图标(1),将鼠标悬停在Share(2)上并选择Copy Episode Link(3)。 转到WordPress,将链接粘贴到Spotify嵌入框中,然后点击嵌入。 Spotify嵌入区块错误消息 如果您以某种方式获取了无法嵌入的链接,或者您不小心只粘贴了链接的一部分,您将收到一条错误消息。您可以选择再次尝试链接或选择转换为链接选项,但如果两者都不起作用,则必须使用不同的链接。 Spotify嵌入区块设置和选项 当您单击Spotify嵌入区块时,顶部上方的工具栏中会显示四个选项。 从左到右分别是: 更改区块类型或样式:这使您可以将块转换为列或组布局。这个选项很挑剔,但如果你想尝试一下,你可以添加更多的Spotify区块(或其他区块)并以有趣的方式排列它们,你还可以调整颜色设置。不过,不要理会段落选项 – 它会将您的URL变成纯文本。 更改对齐方式:将嵌入框向左、居中或向右对齐,或选择全幅或宽幅。选择Left或Center将使框变小,而选择Wide或Full将使其与页面一样宽。 编辑URL:更改嵌入框中的Spotify链接。 更多选项:复制或复制嵌入框、在它之前或之后添加另一个区块、在页面上移动它、编辑区块的HTML、将其添加到您的可重用区块、将布局变成一个组或完全删除区块。 如果页面上有任何其他区块,您还会看到六点拖动图标,可让您单击并将框拖动到页面上的其他位置,以及向上和向下箭头图标,可让您移动块每次点击向上或向下一个位置。 […]

在本教程中,我们将向您展示如何在 WordPress中添加此区块以及如何配置它。然后,我们将介绍一些提示,以便您可以充分利用您的专栏,以及一些有关区块的常见问题 (FAQ)

栏目是大多数现代网站和页面构建器的关键组件。幸运的是,WordPress区块编辑器使您能够同时使用列和行,因此您可以完全控制每个页面的布局。然而,尽管Builder将自动添加行,你需要选择在哪里以及如何使用栏目区块添加栏目。 在本教程中,我们将向您展示如何在 WordPress中添加此区块以及如何配置它。然后,我们将介绍一些提示,以便您可以充分利用您的专栏,以及一些有关区块的常见问题 (FAQ) 如何将栏目区块添加至页面或文章 首先,打开要处理的页面或文章的区块编辑器。单击您添加的最后一个区块下方的加号图标 (1),或使用屏幕顶部的菜单,然后选择“栏目” 选项 (2): 区块编辑器为您提供了多个选项,供您选择要在所选行中包含的栏目数: 默认情况下,区块编辑器仅允许您选择在一行中最多包含三列的预设。但是,一旦您放置了这些预设之一,您就可以单击它们之间的加号以向该行添加更多元素: 可以这么说,编辑器将每一列视为自己的“部分”。例如,如果您有一行包含三列,您可以在每列中添加单独的区块以创建定价表: 您可以将编辑器中可用的任何区块添加到您正在处理的每一列。放置所需的区块后,您可能还想花一些时间自定义列的设置。 栏目区块设置和选项 当您将鼠标悬停在区块编辑器中带有列的行上时,将出现一个格式菜单。该菜单包括用于移动列 (1)、更改其对齐方式 (2) 和修改行宽 (3) 的选项: 您看到的格式菜单会随着您添加区块而改变。当您将鼠标悬停在包含区块的列上时,该元素的格式菜单将替换默认菜单。 对于此示例,我们向所有列添加了表格区块。当我们将鼠标悬停在其中任何一个上时,会出现以下格式菜单: 除了格式菜单之外,还有另一组选项可让您自定义栏目区块。要访问它,请选择包含要编辑的栏目的行,然后单击屏幕右上角的齿轮图标 (1)。将弹出一个侧边栏,包括更改该行颜色 (2)、填充 (3) 和列宽 (4) 的选项: 颜色设置使您能够更改行内文本和链接的颜色,以及其背景的颜色。请记住,您在此处选择的设置适用于行中的所有列。但是,您可以通过调整每列中的各个区块设置来取代这些选项。 如果您想进一步自定义此区块,您还可以从设置菜单的“高级”选项卡中设置HTML锚点和其他CSS类: 这就是您需要了解的有关如何使用和配置这个重要区块的所有信息。现在让我们回顾一些提示,以帮助您有效地使用栏目。 有效使用栏目区块的提示和最佳实践 栏目是网页设计中的通用元素。您几乎可以在任何情况下使用它们,因为它们有助于为任何页面或文章提供结构。 在视觉上,栏目可帮助您分解长段的段落,并将列表、表格甚至图像并排放置。这是默认WordPress主题之一的示例,使用列来实现与图片区块的重叠效果: 在大多数情况下,您不希望列重叠。但是,对于如何使用列并没有一成不变的规则。只要结果看起来美观,您就可以随意使用此区块进行试验。 关于栏目区块的常见问题 到目前为止,您已经对如何在WordPress中使用栏目有了扎实的掌握。为确保您没有遗漏任何内容,让我们回顾一些常见问题。 栏目区块可与页面构建器插件一起使用吗? 一般情况下,第三方页面构建器插件取代了默认的WordPress编辑器。这意味着您将无法访问栏目区块。但是,大多数页面构建器插件都包含自己的行和列,因此您可以使用类似的功能。 可在页面或帖子中添加多少列? 栏目区块允许您在预设行内添加到三列。但是,您可以手动添加更多行。请记住,如果添加太多列,它们可能没有足够的空间来正确显示其内容。 可以在小部件中使用栏目区块吗? WordPress支持使用区块编辑器自定义小部件区域,例如页脚或侧边栏。这意味着您可以访问与处理页面或文章时相同的所有区块。请记住,由于您的工作空间可能会减少,因此在小部件区域中使用多个列会使您的内容看起来很拥挤。 小结 对于现代页面构建器工具而言,仅行是不够的。创建和自定义行和列的选项使您可以完全控制网站上每个元素的位置。 WordPress栏目区块使用起来非常简单。您可以在任何单行中添加任意数量的列。此外,您可以在列中放置任何您想要的区块,并自定义其内容、样式等。

100% Secure Checkout

PayPal / MasterCard / Visa