任何问题请联系WX:uu16853

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

购买更多有优惠!

如何在WordPress中创建自定义存档页面

是否要在WordPress中创建自定义存档页面? WordPress附带了一个存档小部件,您可以将其添加到任何小部件就绪的区域,例如侧边栏。然而,许多成功的网站使用独立的档案页面来帮助访问者找到他们正在寻找的东西。 在本文中,我们将向您展示如何在WordPress中创建自定义存档页面。 您甚至可以将站点的类别和标签添加到自定义存档页面。 通过这种方式,你可以帮助访问者找到有趣的内容,并鼓励他们查看你的旧帖子,这将增加你的页面浏览量,降低你的跳跳率。 大多数WordPress主题没有定制的存档页面模板。考虑到这一点,让我们来看看如何在WordPress中创建一个定制的档案页面,无论你使用的是什么主题。 只需使用下面的快速链接,即可直接跳转到您要使用的方法。 方法1:使用块编辑器创建自定义归档文件模板方法2:使用SeedProd创建自定义归档文件页(推荐) 现在将出现一个弹出窗口,其中包含您当前的模板。 只需继续并点击“新建模板”图标即可。 在弹出窗口中,输入模板的名称。这个名字只是供你参考,所以你可以使用任何你想要的东西。 然后,继续并点击“创建”以启动模板编辑器。 *模板编辑器的工作方式类似于标准的WordPress块编辑器。 要将区块添加到您的自定义档案页面,只需点击蓝色的‘+’按钮。然后,您可以拖放以将块添加到布局中。 由于我们要创建自定义存档页面,因此您通常会希望从添加存档块开始。这个区块允许访问者根据年、月、周或日浏览你的帖子。 例如,下图显示了一个档案区,其中的帖子被组织成几个月。 点击这些链接中的任何一个,访问者都会进入一个新页面,显示在此期间发布的所有帖子。 要添加存档块,只需在左侧菜单中找到它,然后将其拖动到您的布局中。添加任何块后,最好在右侧菜单中查看其设置。 首先,您可能想要更改帖子的组织方式,方法是打开“Group by”下拉列表并从列表中选择一个选项。 例如,如果你只有少量的帖子,那么在白天显示它们可能是有意义的。 然而,如果你有很多内容,那么你通常会想要选择“月”甚至“年”,这样你就不会用一长串的列表淹没访问者。 默认情况下,WordPress会以项目符号列表的形式显示已存档的帖子,但你也可以将它们显示为下拉菜单。 如果您的空间非常小,并且需要创建压缩归档,则这会很有用。要切换到下拉格式,只需点击“Display as Dropdown”滑块将其激活。 档案块还可以在每个标题旁边显示帖子的总数。 这可以帮助访问者决定他们想要首先查看档案的哪一部分。 您可能还想添加类别列表,以便访问者可以根据帖子的内容而不仅仅是日期来浏览您的帖子。这可以帮助访问者找到有趣的内容,这将使他们在您的网站上停留更长时间,并提高您的WordPress搜索引擎优化。 要添加这个区块,只需点击蓝色的‘+’按钮,然后输入‘Categories List’。当右侧块出现时,使用拖放将其添加到布局中。 同样,您可能需要对块的设置进行一些更改。 与存档块类似,您可以将帖子计数添加到列表中,或者将类别显示为下拉菜单而不是项目符号列表。 默认情况下,此块以完全相同的方式显示所有类别和子类别。 您可能更喜欢将子类别缩进显示在其父类别的下方。 要进行此更改,只需单击以激活“显示层次结构”切换。 另一种选择是通过激活“仅显示顶级类别”切换来完全隐藏子类别。 你可能还想添加一个标签云,它可以帮助访问者找到有趣的相关内容。要做到这一点,只需在左侧菜单中找到“Tag Cloud”,然后将其拖到您的布局上。 现在,您可以选择该块并使用右侧菜单中的设置进行配置。 首先,Tag Cloud有两种样式:默认和轮廓。你可以通过点击小圆圈图标,然后在“样式”下选择一个选项来在这两个选项之间切换。 您还可以使用显示每个标签旁边的帖子总数,以及更改云中包含的标签数量。 只需点击小齿轮图标,然后在此部分进行更改。 除了这个名字,你还可以在Tag Cloud中显示类别。例如,与类别块相比,您可能更喜欢标记云块的样式。 要显示网站的分类,只需打开“分类”下拉菜单,然后选择“分类”即可。 档案旨在让访问者轻松访问您的所有内容。 但是,您可能还希望通过添加最新帖子块来突出显示站点的最新帖子。 默认情况下,这一块只显示每个帖子的标题,但您可以添加作者、出版日期和特色图片。 只需使用右侧菜单中的切换即可进行这些更改。 你可能还想展示帖子摘录,这可以帮助访问者了解每个帖子的内容。 若要添加摘录,请继续并单击以激活“发布内容”切换。 之后,点击选择“摘录”按钮。 默认情况下,WordPress将在摘录中显示最多55个单词。要显示更多或更少的单词,只需使用“摘录中的最大字数”设置即可。 […]

如何在WordPress自定义帖子类型档案中添加粘滞帖子

是否要将粘滞帖子添加到自定义帖子类型存档页面? 将你最重要的定制帖子放在页面的顶部,会帮助你的访问者更容易地找到它们。但默认情况下,WordPress使粘滞功能可用于帖子,但不适用于其他帖子类型。 在本文中,我们将研究如何在WordPress自定义帖子类型档案中添加粘性帖子。 之后,您需要点击屏幕底部的“保存更改”按钮。 现在,当您访问该自定义帖子类型的管理页面时,您会注意到一个新的专栏,您可以在其中使帖子变得粘滞。你所需要做的就是点击你想要展示的帖子旁边的星号。 现在,您已经使帖子变得粘稠了。问题是WordPress只在主页上显示粘性帖子。接下来,我们将看看如何在归档页面上显示粘性帖子。 在此之后,您需要在同一文件夹中找到filve.php文件。只需复制Archive.php的内容并将其粘贴到您创建的新文件中。 下一步需要将代码添加到主题文件中。如果您需要向站点添加代码的帮助,请参考我们关于如何在WordPress中添加自定义代码的指南。 准备好后,您需要将以下代码添加到主题的函数.php文件或类似WPCode(推荐)的代码片段插件中: 现在,您可以使用以下命令设置粘滞帖子的样式.sticky在您的主题的style.css样式表。下面是一个例子: 我们希望这篇教程能帮助你学习如何在WordPress的自定义帖子类型档案中添加粘性帖子。你可能还想看看我们关于如何加快你的WordPress网站速度的指南,或者我们的专家为你挑选出最好的WordPress调查插件。 中国和中国都是如此。

如何将自定义快捷方式链接添加到WordPress工具栏

是否要自定义WordPress管理工具栏? 管理栏包含一些最常用的管理页面的便捷链接。但是,您可能希望将自己的快捷方式添加到您在站点上工作时最常用的页面。 在本文中,我们将向您展示如何向WordPress管理工具栏添加自定义快捷方式链接。 一个新项目将添加到列表顶部,并包含两个字段。 一个用于项目标题,另一个用于链接。 要添加标题,您需要单击笔记本项目以将标题字段置于编辑模式。然后,您可以键入标题,然后单击复选标记图标以存储它。 在本教程中,我们将输入‘Widget’。 同样,要添加链接,您需要单击链接图标,然后键入链接。完成后,您可以单击复选标记图标保存链接。 在本教程中,我们将粘贴指向小部件页面的链接。它应该看起来像是http://example.com/wp-admin/widgets.php。别忘了用你自己的域名替换“Example.com”。 确保您将“Example.com”更改为您自己的域名,并且不要忘记单击复选标记图标来存储链接。 因为新项目位于列表的顶部,所以它将被添加到管理工具栏的左侧。要将其进一步向右移动,您需要使用拖放将该项目在列表中进一步向下移动。 是否要添加多个自定义快捷方式链接?如果是这样的话,只需重复相同的步骤来创建另一个项目。 如果你在定制管理栏时犯了错误,你可以点击顶部的‘恢复到默认的WordPress工具栏’按钮来删除你所有的定制设置,或者点击‘恢复到上次保存’按钮来删除自上次保存以来的所有更改。 最后,您需要滚动到页面底部。在这里,您可以决定哪些用户角色可以查看新项目,然后保存您的设置。 如果你想让所有登录的用户看到你的新链接,那么你需要从下拉菜单中选择‘Everyone’,这样设置就会显示为‘Implementate This for Everyone Expert’。如果您不添加例外,则所有用户都将能够看到该项目。 但是,如果您不希望具有订阅者或参与者用户角色的用户看到该项目,则需要选择这些角色作为例外。 您应该首先点击‘+添加例外案例’链接。这将显示一个下拉列表,您可以在该下拉列表中选择“角色:订阅者”。接下来,点击+图标并添加‘Role:Contributor’。 另一个例子是,如果您只希望链接对您自己或单个用户可见。 在这种情况下,从下拉菜单中选择选项,这样设置就会显示为‘Implementate This for No-one Expect User:Person’s Name‘。 你就快完成了。如果你不想在浏览你的网站时看到定制链接,那么确保你也点击了标有“在前端禁用定制工具栏”的复选框。 然后,一旦你完成了管理工具栏的配置,别忘了点击“保存所有设置”按钮。 一旦您刷新页面或单击管理侧边栏上的另一个页面,您将能够看到您的自定义短码链接。 我们建议在带有WPCode的WordPress中添加此代码。这是最好的代码片段插件,无需编辑主题的函数.php文件即可轻松添加自定义代码。所以,你不必担心破坏你的网站。 要开始使用,您需要安装并激活免费的WPCode插件。有关详细说明,请参阅有关如何安装WordPress插件的指南。 一旦插件被激活,你的WordPress仪表板上就会添加一个新的菜单项,标签为“代码片段”。单击它将显示您已保存在站点上的所有自定义代码片段的列表。由于您刚刚安装了该插件,因此您的列表将为空。 在这里,点击“添加新的”按钮来添加你的第一个代码片段。 接下来,导航到“添加您的定制代码(新代码段)”选项,然后点击它下面的“使用代码段”按钮。 在“创建自定义代码片断”页面上,您可以从为代码片断添加标题开始。这可以是任何帮助您记住代码段用途的东西。 然后,只需将上面的代码粘贴到“代码预览”框中,并从下拉菜单中选择“PHP代码片段”作为代码类型。 之后,将开关从“非活动”切换到“活动”,然后单击“保存代码片断”按钮。 我们希望本教程能帮助您学习如何向WordPress管理工具栏添加自定义快捷方式链接。你可能还想学习如何在WordPress中创建自动化的工作流程,或者看看我们列出的最好的SEO插件和工具来扩大你的网站。 中国和中国都是如此。

如何在WordPress中修复自定义菜单项限制

就在几天前,我们的一个用户报告了一个不寻常的问题。问题是,他正在达到定制菜单项的限制。他在达到菜单项限制后保存的任何内容都不会保存。创建了200多个菜单项并保存。它运行得很好。将100个项目移动到下拉列表中,保存得非常好。在这一点上,我们知道这与服务器有关。根据进一步的研究,似乎许多其他人也有同样的问题。在阅读了很长很长的trac标签后,问题似乎还没有得到解决,但对于那些有此问题的人,有一个解决方案。 要解决此问题,您需要编辑PHP.ini文件。如果您使用的是专用服务器或具有超级用户访问权限的VPS,那么您应该已经知道我们在谈论什么了。如果你在共享主机上或者不知道PHP.ini文件在哪里,那么请你的虚拟主机提供商为你做这件事。 您需要要求他们在PHP.ini配置中设置以下值: WordPress是一个开源(自愿)项目,核心团队每天都在尽其所能改进它。这将是固定的,但时间线还没有定义,因为它说“未来的版本”。 如果您尝试了不同的方法来修复此问题,请在评论中让我们知道。这将允许其他人解决他们的问题,直到核心团队找到解决方法。

如何在WordPress中添加自定义数据库错误页

你有没有在你的WordPress网站上看到过‘建立数据库连接错误’的错误页面? 此消息可以出于各种原因显示,但它没有吸引力,可能会让您的访问者感到困惑。此外,在你访问网站并看到消息之前,你不会意识到你的网站已经关闭。 在本文中,我们将向您展示如何在WordPress中定制您的数据库错误页面。我们还将向您展示如何在每次您的网站因数据库错误而宕机时设置通知。 对于初学者来说,解决这个错误可能很棘手,所以我们在如何修复WordPress中的“建立数据库连接错误”的指南中列出了一些解决错误的方法。 你的访问者最不想看到的就是WordPress显示的一般性错误消息。错误页面缺乏详细信息,没有吸引力,也不包含任何您的品牌。只是看起来你的网站已经消失了。 话虽如此,让我们来看看如何自定义WordPress网站上的错误页面,使其更有帮助。 这不是最吸引人的错误信息,但它是向前迈出的一步。现在,您可以更改页面的HTML和CSS,以更好地适应您自己的网站。 您需要将“错误404”更改为“数据库错误”,并将“找不到此页面”更改为“此网站暂时不可用”。你还应该去掉“回家”按钮,因为你的整个网站很可能都瘫痪了。 创建自定义数据库错误页面设计的最简单方法是使用SeedProd插件。它是最受欢迎的登录页面生成器,具有拖放功能,无需编辑任何代码即可自定义错误页面。 SeedProd有一个免费版本,但你需要专业版才能访问内置的404错误页面模板。 有关如何使用SeedProd创建自定义错误页面的想法,请查看我们关于如何在WordPress中改进您的404页面模板的指南。 发送有关数据库错误的电子邮件通知 如果你的网站关闭了,那么你希望得到通知,这样你就可以做点什么了。 我们之前使用的代码片段包含当您的网站出现数据库错误时将向您发送电子邮件通知的代码。这部分代码当前处于非活动状态,因为它被两个斜杠注释掉了。 // If you wish to email yourself upon an error // mail(“[email protected]”, “Database Error”, “There is a problem with the database!”, “From: Db Error Watching”); 由❤️托管WPCode在WordPress中一键使用 要接收通知,您需要删除邮件功能之前的两个斜杠。 // If you wish to email yourself upon an error mail(“[email protected]”, “Database Error”, “There […]

如何在WordPress 3.0中使用自定义帖子类型

从2.9版开始,WordPress引入了使用定制帖子类型的能力。现在,在3.0版本中,可以选择为您的定制帖子类型创建面板,这一点更进一步。在本教程中,我们将向您展示如何将站点中的自定义帖子类型实现到WordPress站点中。 创建自定义发布类型-使用插件 从3.0版开始,WordPress没有任何内置的UI(用户界面)来创建自定义帖子类型。我们只有两个选项可以用来创建自定义帖子类型:插件或将它们硬编码到您的主题Functions.php文件。首先,让我们看看如何使用插件来创建自定义帖子类型。 自定义岗位类型界面 Custom Post Type UI是WebDevStudios的Brad Williams开发的一个插件,它允许您轻松创建自定义帖子类型和分类。这个插件最酷的功能之一是它生成一个代码来创建自定义的帖子类型,这样你就可以将它粘贴到你的主题的Functions.php文件。这个插件的一个奇怪之处是不能在所有post_type之间共享分类。 在Custom Post Type UI面板中,点击“Add New”。 接下来,您可以选择几个选项进行填写。WordPress将使用“帖子类型名称”来查询来自该post_type的所有帖子。“标签”将显示在仪表板的侧边栏上,就像常规的“帖子”菜单一样。如果展开“查看高级选项”,您将看到更多可以配置的选项。大多数都是不言而喻的,比如“Public”和“Show UI”。第一个参数设置为True时允许在侧边栏上显示自定义POST类型菜单,另一个参数(Show UI)设置为True时生成菜单面板。 “重写”允许自定义帖子类型使用SEO友好的WordPress URL(固定链接)。“自定义重写插件”可以设置为您喜欢的任何内容。WordPress将使用这个插件来生成永久链接。所以如果我们有Example.com使用自定义重写的“Movies”段,您的自定义POST类型固定链接将如下所示Example.com/Movies WordPress的“查询变量”功能允许您查询您的自定义帖子类型的帖子。因此,如果我们使用前面给出的例子,访问带有标题的帖子,我的第一个电影帖子,它写在电影POST_TYPE,可以输入Example.com/?Movies=My-First-Movie-Post。因此,查询变量如下所示:?邮寄名称 最后,您可以选择您的定制帖子类型支持的不同功能,如缩略图/特色图片和摘录。 创建自定义帖子类型-使用Functions.php文件 如果您更喜欢使用不带插件的自定义POST类型,则只需将以下代码添加到主题的函数.php文件中: // Creates Movies post type register_post_type(‘movies’, array( ‘label’ => ‘Movies’, ‘public’ => true, ‘show_ui’ => true, ‘capability_type’ => ‘post’, ‘hierarchical’ => false, ‘rewrite’ => array(‘slug’ => ‘movies’), ‘query_var’ => true, ‘supports’ => […]

如何在WordPress中将自定义Meta字段添加到自定义分类

您需要在WordPress的自定义分类中添加自定义元字段吗? 自定义分类允许您在类别和标记之外组织内容。有时,添加额外的字段来描述它们很有用。 在本文中,我们将向您展示如何将其他元字段添加到他们创建的分类中。 有时,添加额外的字段以更好地描述分类法是很有用的。例如,您可以将“出生年份”字段添加到“作者”分类中。 话虽如此,下面是如何在WordPress的自定义分类中添加自定义元字段的方法。 一旦你完成了,你应该点击‘+添加字段’按钮来添加一个字段。将出现一个新表单,您可以在其中填写新字段的详细信息。 输入字段标签后,系统会自动为您创建字段名,如果您愿意,可以对其进行编辑。在本教程的后面部分,您将需要使用该字段名,因此请将其记下来。 现在,您应该填写该字段的其他详细信息,如字段类型、将填写表单的作者的说明,以及此字段是否为必填项。截图中未显示的其他选项包括默认文本、占位符文本、字符限制等。 如果您希望添加第二个字段,则应单击“+添加字段”按钮并重复该过程。否则,只需向下滚动到位置部分。 您可以在此处创建描述在何处显示新字段的规则。您应该从第一个下拉菜单中选择‘Taxonomy’,并将中间的字段保留为‘is equals to’。最后,为最后一个字段选择正确的定制分类。在本教程中,我们将选择“作者”。 如果要将此字段添加到另一个分类,则可以单击“添加规则组”按钮并重复该步骤。 现在,您应该调整页面上的任何其他设置。我们只需保留缺省值。一旦你完成了,你应该滚动到页面的顶部,然后点击‘发布’按钮。 祝贺您,您已在WordPress的自定义分类中成功添加了一个自定义元字段。但你还有很多工作要做。 之后,我们可以在新字段中输入数据。在本例中,我们将输入该作者的出生年份。别忘了点击“更新”按钮来存储新数据。 您应该在您的网站上按照相同的步骤将数据添加到您的自定义分类中。 当你完成的时候,还有一步要走。当您登录到您的WordPress管理区域时,您可以看到自定义域,但您网站的访问者将无法看到它。您需要将该字段添加到定制分类的存档页面。 我们希望这篇教程能帮助你学习如何在WordPress的自定义分类中添加自定义元字段。你可能还想学习如何在WordPress中添加关键字和元描述,或者查看我们列出的扩展站点所必需的插件。 中国和中国都是如此。

如何为每种自定义帖子类型创建单独的RSS提要

您想在您的WordPress网站上为每种自定义帖子类型创建单独的RSS提要吗? 自定义帖子类型允许网站所有者添加自己独特的内容类型。这些帖子类型可以具有与帖子或页面类似的功能,包括RSS提要。 在本文中,我们将向您展示如何轻松地在WordPress中为定制帖子类型创建单独的RSS提要。 要查看RSS提要,您只需在定制POST类型存档URL旁边添加/feed/即可。 Https://example.com/movies/feed/ 或者,您也可以通过在主WordPress RSS提要中添加POST类型参数来查看提要。例如: Https://example.com/feed/?post_type=movies 然后,该URL将只获取名为Movies的自定义帖子类型。 现在,您将被定向到“创建自定义代码片段”页面,您可以从输入代码片段的名称开始。 此名称不会显示在任何地方,仅用于识别目的。 接下来,从右侧的“代码类型”下拉菜单中选择“PHP代码片段”选项。 在此之后,您就可以添加自定义代码片段了。 只需将以下代码复制并粘贴到代码预览框中即可。 接下来,您需要滚动回页面顶部,并将“Inactive”开关切换为“Active”。 最后,别忘了点击“保存代码片段”按钮,在你的WordPress网站上保存并执行代码。 仅此而已,您的定制帖子类型内容现在将被添加到您站点的主RSS提要中。 我们希望这篇文章能帮助你学习如何在WordPress中为定制帖子类型创建一个单独的RSS提要。你可能还想看看我们关于优化你的WordPress RSS提要的教程,以及我们的专家为你挑选出最好的WordPress RSS插件。 中国和中国都是如此。

如何在WordPress中创建自定义帖子类型存档页面

是否要在WordPress中创建自定义帖子类型存档页面? 通常,WordPress中的自定义帖子类型将使用您主题的存档模板。您还可以为您的帖子类型创建自己的定制存档页面。 在本文中,我们将向您展示如何在WordPress中轻松创建自定义帖子类型存档页面。 要了解更多,请参阅我们关于WordPress模板层次结构以及如何在WordPress主题中使用它们的指南。 现在,如果您想要更改您的自定义帖子类型存档页面的显示方式,则可以通过创建自定义模板来实现。 话虽如此,让我们来看看如何在WordPress中轻松创建自定义POST类型的存档页面。 现在,如果您使用插件来生成您的自定义帖子类型,那么您只需在那里编辑它并启用存档功能即可。 例如,在CPT UI插件中,您可以编辑您的自定义POST类型,并打开POST类型设置下的“有档案”功能。 另一方面,如果您使用代码生成您的定制帖子类型,则需要编辑该代码以启用存档。 以下是生成POST类型的代码的简短示例。您可以看到,最后一行有一个用于启用存档页面的附加属性。 从这里,您需要将存档.php文件下载到您的计算机。 下载后,您需要将文件重命名为ARCHIVE-{posttype}.php,其中{posttype}是您的自定义帖子类型的名称。 例如,如果您的自定义帖子类型名为Movies,那么您需要将其重命名为ARCHIVE-Movie.php。 现在,您可以使用任何纯文本编辑器(如记事本)打开此文件进行任何更改。 该文件已经包含了显示自定义帖子类型内容所需的所有代码。您可以添加要添加的任何代码或更改现有模板的布局。 提示:如果你需要帮助,请看我们为初学者准备的WordPress主题开发小抄。 一旦您对所做的更改感到满意,不要忘记保存文件。 之后,你需要使用ftp或文件管理器应用程序将该文件上传到你的WordPress主题文件夹。 您现在可以访问您的自定义帖子类型存档页面,以查看您的更改是否有效。 接下来,您需要转到SeedProd»登录页面。 从这里,点击Add New Landing Page按钮开始。 接下来,您需要为页面选择模板。 如果有类似于您的网站设计的模板,那么您可以使用该模板或从空白模板开始。 接下来,您需要为页面提供一个名称并选择一个URL。 请确保您使用的内容代表您的自定义帖子类型。 这将把您带到页面构建器界面。 您可以选择一个布局开始,然后从左列开始添加块。 让我们从添加POSTS块开始,以显示来自您的定制POST类型的项目。 只需将高级部分中的帖子块拖放到您的页面上。 默认情况下,帖子块将显示您的博客帖子。 点击区块设置,然后在按帖子类型查询部分中选择您的帖子类型。 之后,您可以查看其他选项以打开特色图像、更改摘录大小等。 当您完成后块设置,您可以切换到部分选项卡,并添加页眉或页脚到您的页面布局。 一旦完成编辑,您就可以继续发布您的页面。 只需点击保存按钮旁边的下拉箭头,然后选择发布。 现在,您可以通过单击预览选项卡来访问您的自定义页面,以查看其运行情况。 以下是我们测试站点上的自定义POST类型存档页面的外观。 现在,您可以将此页面添加到导航菜单,或继续编辑以进一步优化它。 我们还为我们的WordPress词汇表部分使用了一个定制模板,这也是一个定制帖子类型。 我们在MemberPress的朋友们在他们的插件部分使用了一个定制的POST类型的存档模板。 我们希望本文能帮助您学习如何轻松创建自定义POST类型的归档页面。你可能还想看看我们关于如何开始你自己的播客的指南,或者我们对最好的商业VoIP提供商的专家比较。 中国和中国都是如此。

如何使用自定义字段重写来宾作者姓名

您想用WordPress中的自定义字段重写您的来宾作者姓名吗? 如果你接受WordPress博客上的客帖,那么你可能不想在你的网站上为每个客串作者创建一个新的用户帐户。 在本文中,我们将向您展示如何在WordPress中使用自定义域轻松重写来宾作者,而无需创建用户帐户。 从这里,切换到Guest选项卡并输入来宾作者信息,如作者姓名、网站、传记描述和图片。 之后,您可以保存或发布帖子并在浏览器中预览。这是它在我们的演示网站上的样子。 这将弹出块编辑器设置弹出窗口。 从这里,您需要切换到面板选项卡,并打开自定义字段选项。 您现在可以关闭首选项弹出窗口。 在此之后,您将注意到编辑器下方有一个新的自定义字段框。 现在,您需要点击“Enter new”链接,为来宾作者姓名创建自定义字段。 首先输入‘Guest-Author’作为您的定制字段的名称。然后在Value字段中,只需输入来宾作者的姓名即可。 继续并单击添加自定义域按钮以保存它。 之后,不要忘记更新或保存博客帖子。 现在我们已经将来宾作者信息保存为自定义域,下一步是将其显示在您的网站上。 为此,您需要将以下代码复制并粘贴到主题的unctions.php文件或站点特定的插件中。 我们希望本文能帮助您轻松重写作者姓名,并将其替换为WordPress中的客座作者姓名。你可能还想看看这些其他的WordPress提示、技巧和技巧,或者看看我们关于使用用户生成的内容来扩大你的WordPress博客的指南。 中国和中国都是如此。

有没有想过如何定制WordPress发送给新用户的默认电子邮件?学习如何在WordPress中向新用户发送自定义欢迎电子邮件。

你想在WordPress中向新用户发送自定义的欢迎邮件吗? 如果你允许用户在你的WordPress网站上注册,每个新用户都会收到一封电子邮件来设置他们的WordPress密码。 但是,他们没有收到针对您的网站的合适的欢迎邮件。例如,引导他们了解您的社区的电子邮件消息,指向下一步的相关链接,等等。 在本文中,我们将向您展示如何轻松地向您的新WordPress用户发送自定义欢迎信息。 我们将分享两种方法,您可以选择最适合您需求的方法(我们更喜欢选项#2,因为它更可靠)。 为什么在WordPress中向新用户发送自定义欢迎邮件? 默认情况下,WordPress会在新用户注册时发送一封电子邮件。然而,这封邮件并不是为每个单独的网站或博客定制的。 欢迎邮件可以帮助您为新用户设置合适的登录流程,以下是一些常见的场景: 自定义欢迎邮件可以改善用户体验,并确保用户在创建帐户后不会忘记您的网站。 话虽如此,让我们看看在WordPress中为新用户轻松设置自定义欢迎电子邮件的不同方法。 方法1。使用插件设置自定义欢迎电子邮件 这种方法更容易,但它不是最灵活的。当新用户在您的网站上注册时,您只需向他们发送一封欢迎电子邮件。 你需要做的第一件事就是安装并激活Better Notifications for WP插件。有关更多细节,请参阅我们关于如何安装WordPress插件的分步指南。 激活后,您需要访问Notifications»添加新的页面来创建您的自定义欢迎电子邮件。 首先,您需要为这个新通知提供一个标题,以帮助您轻松地识别它。 之后,选择‘New user –发送注册邮件’旁边的‘通知’选择。您可以通过输入电子邮件主题和消息开始编写自定义欢迎电子邮件。 专业提示:单击查找短代码按钮,可以在电子邮件消息中使用短代码列表。例如,要显示用户名,可以使用短代码[email_user_display_name]。 一旦你写完你的自定义欢迎电子邮件,你可以点击保存按钮来保存你的更改。 该插件还允许您向自己发送测试通知。点击‘发送测试邮件’按钮,它将向您的用户配置文件中的电子邮件地址发送测试通知。 您还可以通过创建一个新的用户帐户来测试电子邮件。 确保邮件在WordPress中的可交付性 默认情况下,大多数WordPress托管公司没有正确配置邮件功能。为了防止他们的服务器被滥用,许多托管公司甚至完全关闭了服务器。 这意味着您的WordPress邮件将无法到达用户。 不要担心,有一个简单的解决方案。 您将需要安装并激活WP Mail SMTP插件。它允许你使用SMTP服务器发送你的WordPress电子邮件。 更多细节,参见我们的指南如何解决WordPress不发送邮件的问题。 方法2。通过Constant Contact发送自定义欢迎电子邮件给新用户 第一种方法只允许您在用户在您的网站上执行操作时发送电子邮件。这在某种程度上是有限的,并没有给你完全的控制。 第二种方法将允许您发送一封欢迎电子邮件,并使用多个入职电子邮件设置您的欢迎漏斗。 您还可以定期与用户沟通,这将有助于您将他们带回您的网站。 对于这一部分,我们将使用Constant Contact,这是小企业最好的电子邮件营销服务。 同样可以与其他电子邮件服务提供商一起完成,如SendinBlue, ConvertKit, Drip等。 首先,您需要注册一个Constant Contact帐户。一旦你注册了,转到联系人页面,点击电子邮件列表旁边的创建按钮。 电子邮件列表是您存储联系人的所有电子邮件地址的地方。只需为您的电子邮件列表输入一个名称,然后单击‘按钮。 接下来,您需要在您的网站上安装并激活Constant Contact Forms插件。有关更多细节,请参阅我们关于如何安装WordPress插件的分步指南。 这个插件作为您的网站和Constant Contact之间的连接器。 激活后,您需要访问Contact Form»Connect Now页面并点击‘连接插件’按钮。 这将带您到Constant […]

你是否曾经需要将WordPress帖子切换到页面或自定义帖子类型?一步一步地学习如何轻松地在WordPress帖子类型之间切换。

你是否曾经想过将WordPress帖子转换为页面,将页面转换为帖子,或将两个自定义帖子类型合并为一个? WordPress自带五种默认的帖子类型,你可以创建自己的自定义帖子类型。当您需要将一种帖子类型更改为另一种帖子类型时,您该怎么办? 在本文中,我们将向您展示如何在不编写任何代码的情况下切换自定义帖子类型。 为什么你需要切换类型? 文章类型是你可以添加到你的WordPress网站的不同类型的内容。有五种默认的帖子类型,分别是帖子、页面、附件、修订和菜单。 您还可以创建自己的自定义帖子类型。这使您可以创建不同类型的内容,并在您的网站上以不同的方式显示它们。这些可以是作品集、推荐信、产品或任何你喜欢的东西。 如果你想知道如何在自己的网站上使用自定义帖子类型,那么你应该查看我们的指南,了解何时需要在WordPress中使用自定义帖子类型或分类。 有时你可能需要切换一种类型的文章。例如,您可能需要将帖子转换为页面,反之亦然。 或者您可能希望将一种自定义帖子类型切换到另一种,甚至一次转换多个帖子类型,从而节省大量时间。 说到这里,让我们来看看如何在WordPress中切换或转换自定义文章类型。 在WordPress中切换帖子类型 你需要做的第一件事是安装并激活帖子类型切换器插件。关于如何安装WordPress插件的详细说明,您可以查看我们的一步一步指南。 一旦激活,插件将允许您在编辑帖子时切换帖子类型,以及在查看所有帖子时使用快速编辑和批量操作。 在块编辑器中切换帖子类型 如果您使用古腾堡块编辑器,那么首先编辑您现有的帖子,页面或自定义帖子类型之一。 In the Status &在Post设置的可见性部分,您会注意到Post Type有一个新条目。一旦你点击Post链接,你就可以选择不同的帖子类型。 一旦您回复确认消息,帖子类型将立即更改。 在经典编辑器中切换帖子类型 如果你使用的是经典的WordPress编辑器,那么你还需要从编辑一个现有的帖子或其他帖子类型开始。您应该在Publish元框下看到一个新的下拉菜单。 只需选择您想要的帖子类型并单击更新按钮。 从快速编辑切换帖子类型 您还可以在查看所有帖子时使用快速编辑快速更改单个帖子类型。 您应该在快速编辑表单的底部看到相同的下拉菜单。在这里,您可以选择要切换到的帖子类型,然后单击Update按钮。 使用批量操作切换多个帖子类型 Post Type Switcher插件还允许您一次切换多个帖子的帖子类型。在查看所有帖子时,您可以使用Bulk Actions模式来完成此操作。 首先,您需要导航到Posts»All Posts,然后选择您希望更改的所有帖子。 接下来,您应该单击文件列表顶部或底部的批量操作下拉菜单。然后您需要选择Edit并单击Apply按钮。 现在您将看到所有选定的文章在快速编辑模式。查看您选择的帖子,然后根据需要更改帖子类型。 我们希望本教程能帮助您学习如何在WordPress中切换或转换自定义帖子类型。 你可能还想学习如何选择最好的WordPress托管,或者查看我们的插件列表来发展你的网站。 和

WordPress SearchWP,搜索插件,高级搜索 文字详细教程

有时候我们可能需要针对WordPress自定义文章类型创建高级搜索表单吗?这样可以通过在结果中添加包含自定义文章类型的搜索表单,为访问者提供更好的网站体验。 在本教程中,我们将向您展示如何为WordPress自定义文章类型创建高级搜索表单。 为什么创建WordPress自定义文章类型高级搜索表单? 如果您有许多不同的内容类型,那么自定义文章类型搜索表单可让您帮助访问者更轻松地找到最相关的内容。 如果我们向每个页面添加自定义文章类型搜索表单,那么搜索结果将仅显示该类别的帖子。 这种自定义搜索可帮助您的访问者查看更多页面并在您的网站上停留更长时间,这会发出积极的WordPress SEO信号,例如较低的跳出率和增加的停留时间。 使用WordPress插件创建新的搜索算法 为自定义文章类型创建高级搜索表单的最简单方法是使用SearchWP插件(目前该插件已经被Awesome Motive收购),目前已经有30,000 多个网站使用这款WordPress搜索插件。它易于使用,并且让您可以完全控制您的WordPress搜索结果。 您需要做的第一件事是安装并启用插件。启用后,您需要转到设置»SearchWP,然后单击“License”菜单选项。 然后,在“License”框中输入您的许可证密钥,然后单击“Activate”按钮。您可以在SearchWP网站上的帐户中找到此信息。完成后,您需要单击“Engines”菜单选项。 这会将您带到一个屏幕,您可以在其中设置搜索引擎设置。可以把它想象成为您的网站创建自己的Google搜索算法。 使用SearchWP,您需要先创建一个站点范围的搜索引擎,然后才能创建自定义文章类型搜索引擎,因此我们将首先执行此操作。您可以通过单击“文章”、“页面”、“图书馆”或其他自定义文章类型下拉菜单来调整搜索引擎设置。每个部分都有一个“权重乘数(Weight Multiplier)”,它将改变搜索引擎对内容的排名方式。如果您希望搜索引擎重视页面标题而不是内容,请相应地调整滑块。 完成自定义默认搜索引擎设置后,请务必单击“Save Engines”按钮以创建您的第一个搜索引擎。现在您的初始搜索引擎已设置,是时候为您的自定义文章类型创建高级搜索表单了。 添加仅限于单个自定义文章类型的高级搜索表单 要创建自定义搜索框,我们将首先添加一个单独的搜索引擎,该引擎仅针对您想要的自定义文章类型。首先,导航到设置»SearchWP,然后单击“Add New”按钮。 这将自动创建一个新的独立搜索引擎。接下来,单击“Sources & Settings”按钮。 这将弹出一个弹出窗口,您可以在其中选择自定义搜索引擎的来源。只需取消选中您不想包含的来源的框即可。在此示例中,我们将只选中“Coupons”框,因为我们希望创建一个仅允许用户搜索我们的优惠券页面的搜索表单。 您还需要为您的搜索引擎命名。记下“Engine Name”框中的名称,因为您将在稍后的步骤中用到它。 然后,单击“Done”按钮。完成后,单击“Save Engines”按钮以保存新的自定义文章类型搜索引擎。 现在,您需要下载SearchWP简码扩展,以便轻松地将新的自定义文章搜索表单添加到WordPress。首先,前往SearchWP Shortcodes Extension网站,然后单击“Download available with active license”按钮。 之后,您需要按照安装上述插件的相同方式安装和启用扩展。现在,您可以使用短代码创建新的自定义文章搜索表单页面。 只需导航到页面»新建页面,然后为您的页面命名。之后,单击加号“添加区块”图标以显示块菜单。 接下来,在搜索框中输入“HTML”。然后,选择“自定义HTML”区块。 完成后,您可以将以下短代码和HTML添加到您的页面。 [searchwp_search_form engine=”coupon” var=”searchvar” button_text=”Find Results”] <div class=”search-results-wrapper”> [searchwp_search_results engine=”coupon” var=”searchvar” posts_per_page=4] <h2>[searchwp_search_result_link direct=”true”]</h2> [searchwp_search_result_excerpt] [/searchwp_search_results] […]

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 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 分页符,分页符区块,文章分页 文字详细教程

使用理想的长度(字数)是文章在Google搜索中排名良好的成功因素之一。没有决定长度的规则,这取决于你写的主题。然而,长篇文章往往表现良好,因为除了焦点关键词之外,它们还可以对长尾关键词进行排名。 不管怎样,一次展示3000字以上的文章,会让用户很快感到疲倦和无聊。解决方案是在WordPress中使用分页符,以便将文章分成几页。在本文中,我们将解释如何在WordPress中使用分页符并自定义样式。 使用分页符时会发生什么? 分页符是WordPress中将冗长的文章拆分为所需页数的功能。您可以在一篇文章中插入多个分页符以拆分为多个页面。发表的文章会有一个分页,用户可以点击它进入下一页阅读更多内容。假设您在一篇文章中插入了两个分页符。在这种情况下,文章将分为三个页面,如下所示,三个不同的 URL: yoursite.com/test-post/ 第 1 页 yoursite.com/test-post/2/ 第 2 页 yoursite.com/test-post/3/ 第 3 页 请记住,每个URL在WordPress中都是一个单独的页面,这意味着用户可以独立访问它们。WordPress将在源代码中添加同一拆分页面(如 /2/ 或 /3/)的规范URL,以通知搜索引擎这些可以被视为独立页面。 WordPress中分页符的规范URL 但是,您的XML站点地图将有一个文章URL,即文章的第 1 页。无论您使用默认的WordPress站点地图还是使用插件为您的站点生成站点地图,情况都是一样的。 分页符的优点 在WordPress中添加分页符有助于通过以下方式提高可见性: 限制单个页面的长度而不会拉伸太长。 用户可以导航到下一页或上一页以阅读内容,从而增加现场参与度和时间。 每个页面都可能在搜索引擎中排名,从而提高您的流量。 但是,请确保内容对您的读者足够有吸引力以保留它们并将页面分解在适当的位置。否则,用户可能会在未阅读完整内容的情况下离开页面,从而产生负面影响。 在古腾堡编辑器中添加分页符 分页符是古腾堡编辑器中的区块之一,您可以在内容的任何位置插入它。创建要插入分页符的段落块,只需键入/page以插入该区块。 在Gutenberg中查找分页符区块 选择要插入的分页符区块,它将显示一条分隔线,如下图所示。这个区块没有额外的设置,你唯一能做的就是插入或删除。 古腾堡编辑器中添加的分页符 现在,发布或更新您的文章并在单独的浏览器选项卡中打开页面。您可以在编辑器中看到您在其中插入分页符的页面导航链接。Gutenberg编辑器中分页线下方的内容部分将移动到一个新页面,您可以通过单击第2页链接访问该页面。您可以插入多个分页符以将内容分成不同的页面,这些页面可以使用分页链接访问。下面是它在WordPress主题二〇二二的页面上的样式。 默认WordPress主题中的分页符 在WordPress中自定义分页符的样式 您使用的主题将决定已发布页面上分页符部分的样式。正如您在上面的屏幕截图中看到的那样,分页看起来很简单,用户甚至可能没有注意到它出现在内容的末尾。 但是,商业主题使用自定义的内置样式来使分页的外观更具吸引力。例如,下面是Astra和Kadence主题中分页符分页的样式。 Astra主题中的分页 Kadence主题中的分页符 如果您想自定义分页链接,WordPress提供了三个CSS类供您使用。您可以使用浏览器的开发人员工具部分更改实时站点的样式,以找到适合您站点的合适CSS。 我们将在此处使用默认的二〇二二主题进行说明,当您使用不同的主题时,外观可能会有所不同。分页wrapper的CSS类是.post-nav-links,您可以使用以下样式为此类添加一些背景、填充、边框半径。 .post-nav-links { background: rgb(144 238 144); padding: 10px; border-radius: 5px; […]

WordPress Advanced Custom Fields,自定义字段 文字详细教程

WordPress自定义字段是使WordPress成为灵活的内容管理系统的重要组成部分,而不仅仅是“一个博客平台”。 对于WordPress自定义字段,Advanced Custom Fields插件是最知名的名称之一。它使在各个方面使用自定义字段变得更加容易,这也是我们今天文章的主题。 具体来说,我们将解释为什么高级自定义字段如此有价值,然后逐步向您展示如何将其应用到您的WordPress网站。 以下是您将在这篇文章中找到的所有内容: 什么是WordPress自定义字段?他们让你做什么? Advanced Custom Fields插件使自定义字段更容易 高级自定义字段教程:如何添加字段 如何在前端显示高级自定义字段 什么是Advanced Custom Fields插件? 由Elliot Condon开发的高级自定义字段(通常简称为 ACF)是一个WordPress插件,允许您向网站添加和管理WordPress自定义字段。它既可以作为免费插件也可以作为高级插件使用,称为ACF PRO,终身更新和1个站点的起价为25美元。 什么是WordPress自定义字段?他们让你做什么? WordPress自定义字段可让您添加、存储和显示有关WordPress中某段内容的附加信息。在更技术层面上,自定义字段可帮助您存储元数据。 即使您不熟悉这个术语,自定义字段也会为您喜欢的插件和主题中的大部分功能提供支持。 例如,构建电子商务商店的最流行方式WooCommerce使用自定义字段来存储有关产品的其他信息,例如: 价格 重量 颜色 或者,如果您有WordPress事件日历插件,该插件将使用自定义字段来存储有关事件的额外信息,例如: 地点 开始/结束时间 价格 您还可以创建自己的自定义字段来存储与您的独特需求相关的信息,这就是整篇文章的内容。 什么时候应该使用自定义字段? 现在,您可能想知道为什么首先需要自定义字段。 例如,如果您想在您的WordPress网站上发布活动,您不能将所有这些信息作为常规文本放入WordPress编辑器中吗? 嗯,是的,你可以。但是出于以下几个原因,使用自定义字段是一种更好的方法: 更轻松的输入——而不是从头开始输入内容,布局良好的自定义字段组将使输入数据变得更加容易。例如,您可以直接从日期选择器中选择日期,而不是输入日期。 一致性——您在自定义字段中输入的信息将始终根据您的设置显示,这意味着它将在您的整个站点中保持一致。 易于更新和维护——如果您想更改该信息在未来的显示方式,您可以只更新一件事,而不必单独编辑每个帖子。 WordPress包括内置的自定义字段功能 WordPress实际上包含用于向您的内容添加自定义字段的内置功能。在经典的TinyMCE编辑器中,您可以从屏幕选项区域启用此功能。或者,在新的区块编辑器中,您可以从选项区域启用它: 如何在区块编辑器中访问自定义字段 然后,您可以使用键/值对输入自定义字段数据: 内置的WordPress自定义字段功能 这种本机自定义字段功能是完全实用的,但它不是最用户友好的做事方式,这就是为什么很多人转而使用高级自定义字段插件的原因。 Advanced Custom Fields使其更容易 简而言之,Advanced Custom Fields使在WordPress中使用自定义字段变得更加容易……几乎所有方面。 它简化了在WordPress仪表盘中添加和管理自定义字段的界面,还简化了在站点前端显示自定义字段信息的过程。这一事实仅有助于解释为什么它在超过100万个网站上活跃,并在1,000多条评论中获得4.9星评级。 在后端,它可以让您创建用户友好的元框,其中包括预选的字段类型。因此,您将能够使用日期选择器、复选框等,而不是通用键值对接口(如您在上面看到的那些): 区块编辑器中的高级自定义字段 高级自定义字段总共提供 30 […]

WordPress Gutenberg,WordPress开发,区块开发,区块插件,区块编辑器,古腾堡教程,开发工具 文字详细教程

许多人抱怨开始构建古腾堡区块和应用程序的障碍。学习曲线陡峭,主要是由于开发环境的安装和配置困难。此外,扎实的JavaScript、Node.js、React和Redux知识是这个相当复杂的秘诀的必备要素。 官方的WordPress区块编辑器手册为开发人员提供了大量信息,但您可能会发现自己迷失在这些细节的海洋中。 值得一提的是,Gutenberg项目的首席架构师Matías Ventura在接受WP Tavern采访时所报告的内容: 虽然有些人可以快速学习它,但这对人们来说仍然是一个很大的障碍。我认为这有几个层次;文档在组织和演示方面可能要好一个数量级。我希望我们可以在那里做更多的事情。 考虑到这一点,我们决定提供一个分步教程,旨在帮助我们的读者开始使用Gutenberg区块开发。 古腾堡区块开发先决条件 什么是古腾堡区块? 设置您的WordPress开发环境 初学者区块脚手架的演练 项目:建造你的第一个古腾堡区块 古腾堡区块开发先决条件 对于本教程,唯一需要的技能是对WordPress插件开发有很好的了解,并且至少对HTML、CSS、JavaScript和React有基本的了解。 这会是一个雄心勃勃的项目吗?你打赌它会的! 在完整性和简单性之间找到正确的折衷方案或决定包含哪些主题和省略哪些主题并不容易。 希望中高级读者能原谅我们没有深入研究某些概念,例如React状态、Redux存储、高阶组件等。这些主题需要额外的空间和注意力,并且可能对于开始区块开发来说太高级了(除非您是 React 开发人员)。 出于同样的原因,我们不会涵盖与Gutenberg区块开发相关的一些更高级的主题,例如动态区块和元框。 有了本文结尾您将获得的知识,您将能够立即开始享受乐趣并提高工作效率。 一旦您开始构建区块,您将准备好进一步提高您的技能并自行构建更高级的古腾堡区块。 什么是古腾堡区块? 自2018年12月首次发布以来,区块编辑器在各个方面都得到了极大的改进:更强大的API、更高级的用户界面、改进的可用性、大量新区块、全站点编辑的首次实现等等. 简而言之,即使古腾堡仍在大力开发中,它也已经走过了漫长的道路——如今,区块编辑器已成为可靠的功能性页面和网站构建器的成熟候选者。 从开发人员的角度来看,Gutenberg是一个基于React的单页应用程序(SPA),它允许WordPress用户在WordPress中创建、编辑和删除内容。但是,这不应该让您想到传统内容编辑器的增强版。 我们想明确这一点: Gutenberg不是常规的WYSIWYG编辑器。相反,它重新定义了WordPress中的整个编辑体验。 在古腾堡,内容被划分为区块,这些区块是用户可以用来创建文章和页面或整个网站的“砖块”。 但从技术上讲,什么是区块? 我们喜欢WordPress的定义: “区块”是用于描述标记单元的抽象术语,这些标记单元组合在一起形成网页的内容或布局。这个想法将我们今天在WordPress中实现的概念与短代码、自定义HTML和嵌入发现结合到一个一致的API和用户体验中。 标题、段落、列、图像、画廊以及构成编辑器界面的所有元素,从侧边栏面板到区块工具栏控件,都是React组件。 那么,什么是React组件?W3Schools提供以下定义: 组件是独立且可重用的代码。它们的用途与JavaScript函数相同,但独立工作并通过render()函数返回HTML。 在WordPress 5.8中使用Gutenberg区块 虽然Gutenberg提供的编辑体验与经典的WordPress编辑器相比是全新的,但WordPress将您的内容片段存储在数据库中的方式根本没有改变。这是因为Gutenberg是一个在WordPress中运行的应用程序,但不会改变CMS的核心工作方式。 使用Gutenberg创建的文章(包括文章、页面和自定义文章类型)仍存储在wp_posts表中,与经典编辑器完全相同。 但是在使用Gutenberg创建的文章中,您会在表格中找到更多信息,这些信息代表了通过Classic Editor与Gutenberg创建的文章之间的根本区别。 这些信息看起来像HTML注释,它们有一个特定的功能:分隔区块: 代码编辑器视图中的博客文章。 区块分隔符告诉WordPress要在屏幕上呈现什么区块。它们还为JSON对象中的区块属性提供值。这些道具决定了区块应该在屏幕上呈现的方式: wp_posts存储在表中的博客文章 设置您的WordPress开发环境 设置现代JavaScript开发环境需要扎实的高级技术知识,例如Webpack、React和JSX、Babel、ESLint等。 被吓倒了?不要!WordPress社区已经通过提供强大的工具来帮助您避免混乱的手动配置过程。 为简单起见,我们不会在本文中介绍转译(不过,我们建议您在了解区块开发的基础知识后熟悉一下)。相反,我们将介绍两种替代工具,您可以使用它们在几分钟内快速轻松地设置现代JavaScript开发环境。您可以选择对您的项目最方便的一个。 设置JavaScript开发环境以构建Gutenberg区块是一个三步过程: 安装Node.js和npm 设置开发环境 设置区块插件 让我们开始吧。 1. […]

WordPress 元数据,区块插件,区块编辑器,自定义字段 文字详细教程

自定义字段提供了一种为网站内容分配额外信息的方法。这些信息通常被称为元数据。 元数据是关于信息的信息。就WordPress而言,它是与帖子、用户、评论和术语相关的信息。 鉴于WordPress中元数据的多对一关系,你的选择是相当无限的。你可以有你想要的许多元选项,而且你可以在其中存储几乎任何东西。 —Plugin Handbook 下面是一些你可以使用自定义字段附加到文章的元数据的例子: 地方或房地产的地理坐标 事件的日期 书的国际标准书号或作者 文章作者当天的心情 或者更多其他信息。 开箱即用,WordPress并没有提供一个简单的方法来添加和管理自定义字段。在经典编辑器中,自定义字段显示在页面底部的一个框中,位于文章编辑器的下面。 经典编辑器中的自定义字段。 在Gutenberg中,自定义字段默认是禁用的,但你可以通过选择文章设置中的相应项目来显示它们。 将自定义字段面板添加到区块编辑器中。 不幸的是,如果不使用插件或不动手写代码,就没有办法在前台显示元数据。 如果你是一个用户,你会发现有几个优秀的插件在为你做这项工作。但是,如果你是一个开发者,想从WordPress的自定义字段中得到更多的东西,把它们无缝地集成到块编辑器中,并使用自定义的Gutenberg块在WordPress网站的前端显示它们,那么你就来对地方了。 因此,如果你想知道对于WordPress开发者来说,在Gutenberg和经典编辑器中使用WordPress自定义字段的最佳方式是什么,快速的答案是 “创建一个既适用于经典编辑器又适用于Gutenberg的插件”。 但不要太担心。如果创建一个插件来管理两个编辑器中的自定义字段可能有点棘手,我们会尽量使这个过程简单明了。一旦你理解了我们将在本文中讨论的概念,你将获得在Gutenberg中管理自定义元字段和建立各种网站所需的技能。 Info 本文假设你熟悉Node.js & npm、React和JavaScript等技术。还需要有WordPress开发的基本知识。 如果你是Gutenberg区块开发的新手,在开始阅读本文之前,请务必查看我们之前的指南: 构建自定义古腾堡区块 如何为古腾堡创建动态块 注意:在做任何事情之前,确保你的电脑上有最新版本的Node.js。 说了这么多,下面是我们的详细介绍: 用官方的create-block工具创建一个区块插件 在经典编辑器中添加元数据框 在古腾堡区块编辑器中添加自定义元字段(三个选项) 进一步阅读 用官方的create-block工具创建一个区块插件 第一步是创建一个新的插件,包含注册一个新的区块类型所需的所有文件和依赖性。块插件将允许你轻松地建立一个自定义块类型,用于管理和显示自定义元数据。 为了创建一个新的区块类型,我们将使用官方的create-block工具。关于如何使用create-block工具的详细介绍,请查看我们之前关于Gutenberg区块开发的文章。 打开你的命令行工具,导航到你的WordPress开发网站的插件目录,运行以下命令: npx @wordpress/create-block 当出现提示时,添加以下细节: The template variant to use for this block: dynamic The block slug used for identification (also […]

WordPress CSS自定义,WordPress CSS,额外CSS 文字详细教程

想尝试编辑WordPress CSS,但不知道从哪里开始?使用CSS样式,您可以全局或在某些页面上编辑网站的外观。添加颜色,分隔某些元素,设计布局,并从根本上改变WordPress主题中任何内容的外观。 如果您想更熟悉WordPress的开发环境,或者只是想更好地控制您网站的外观,您需要知道如何在WordPress中添加CSS(以及如何更改已经存在的内容)。 通过编辑您的主题并包含您自己的其他CSS,您将能够优化您网站上的每个视觉元素。今天,我们将仔细研究它。 什么是CSS编辑? WordPress和CSS 如何使用CSS自定义您的WordPress主题 如何在WordPress中添加自定义CSS 在哪里学习CSS 什么是CSS编辑? CSS代表Cascading Style Sheets,它是除了HTML之外最流行的网络语言。两者相辅相成,因为CSS用于设置HTML元素的样式。HTML为网站的外观奠定了基础,而CSS用于进一步设置样式。 CSS代码示例(来源:w3schools.com) CSS使您能够使网站具有响应性、添加颜色、更改字体、修改布局以及总体上微调网站的视觉呈现。与HTML和JavaScript一样,CSS是一种前端客户端语言,这意味着它在用户端执行,而不是在后端服务器上执行。 在深入研究WordPress开发时,HTML、CSS、JavaScript和PHP是您需要了解的语言。这就是核心CMS以及它的许多主题和插件的内置内容。 但是,即使您不是网页设计师或开发人员,也可以选择一点CSS,因为您可以使用它来移动网站上的元素或设置样式,或者对主题进行小的美学更改以更好地适应您。 WordPress和CSS 在WordPress中,CSS有点不同。它由主题控制,主题由模板文件、模板标签,当然还有CSS样式表组成。虽然由您的主题生成,但所有这些都可以由您编辑。 模板文件将您网站的各个部分拆分为多个部分(例如header.php或archive.php),并且模板标签用于调用它们以及数据库中的其他内容。这些文件实际上主要由PHP和HTML组成,但如果需要,您可以添加CSS。 您真正需要的是stylesheet或style.css。要更改您网站的外观,您需要了解如何在此文件中添加和编辑代码。 如何使用CSS自定义您的WordPress主题 如果您想自定义主题并使用CSS更改网站的外观,您需要添加自己的代码或编辑已有的代码。有很多方法可以添加CSS,而无需接触任何主题文件,但要更改现有的主题代码,您必须访问您网站的样式表。 当您进行这些更改时,您应该知道一件事:当您的主题更新时,您对style.css、functions.php或其他主题模板文件所做的任何编辑都将被删除。一般来说,您不应该在不使用子主题的情况下在编辑器中直接更改您的网站。 样式表就像您网站的“指令列表”,准确设置其样式以及CSS代码的处理方式。这是您进行大量编辑的地方,但我们还将向您展示如何访问其他主题模板文件,例如header.php和footer.php。 有两种方法可以访问WordPress网站的样式表:通过WordPress仪表盘或通过FTP客户端。我们将分别介绍这两种方法。 自己做这个不方便吗?考虑聘请WordPress开发人员为您处理该步骤。 在仪表盘中编辑WordPress CSS 访问CSS样式表的最简单、最方便的方法就是在WordPress仪表盘中。无需安装FTP程序或代码编辑器。您可以使用内置的语法突出显示和函数文档直接编辑任何文件。 在对核心文件进行任何重大编辑之前,您应该始终备份您的WordPress站点。如果您是CSS新手,很容易意外犯下可能破坏网站外观的错误,并且可能很难弄清楚如何恢复您的更改。 完成备份和子主题后,登录到您的后端。您可以通过转到菜单并单击外观 > 主题编辑器来找到编辑器。 您应该会看到一个弹出窗口,警告您不要直接编辑这些文件。不用担心,只需单击“I understand”即可。在进行任何重大更改之前,使用子主题并备份您的网站只是一个警告。按照这些步骤操作,就可以安全地进行编辑了。 直接编辑WordPress文件 现在你进来了!默认情况下,您应该在样式表上,但如果没有,请查看右侧的菜单以查看您的主题文件。 除了style.css,您还可以访问functions.php、header.php和single.php等模板文件。所有这些都会影响您网站上某些页面的行为方式。 但是在深入研究这些特定文件之前,您应该熟悉PHP。 在WordPress主题中编辑style.css样式表 请记住:您在此处所做的大多数CSS更改都是全局性的。例如,如果您将H1标题更改为某种字体,它将对您网站上的每个页面生效。您需要使用特殊语法来自定义特定页面的样式。 直接编辑主题文件 如果您无法访问主题编辑器或更喜欢通过FTP进行工作怎么办?使用后端编辑器更容易,但某些主题或插件可能会禁用它。如果是这种情况,您需要通过FTP连接到您的网站。 FTP或文件传输协议允许您远程访问和修改网站的文件。您需要做的第一件事是下载FileZilla或任何其他FTP客户端。 接下来,您应该联系您的主机并询问您的FTP凭据(主机、端口和用户名/密码,如果适用)。如果您的主机有仪表盘,您可以通过登录找到它们。 拥有它们后,启动FTP客户端并输入该信息。如果它不起作用,请尝试将“sftp://”放在主机部分的URL之前。 使用FileZilla 进入后,您可以找到style.css文件,方法是单击wp-content文件夹将其打开,然后单击主题文件夹(如TwentyTwenty主题),然后滚动直到看到style.css。 双击打开它(或右键单击并选择View/Edit)并进行修改。记得保存并上传回服务器。 如果您需要编辑home.php、single.php、archive.php等其他模板文件,您可以在style.css所在的文件夹中找到它们。 编辑您的主题文件,无论是通过FTP还是仪表盘,并不总是必要的。事实上,如果你只是添加一些额外的代码,最好避免这样做。 对于少量添加,这是将CSS添加到WordPress网站的最佳方式。 如何在WordPress中添加自定义CSS 如果您不想编辑现有的CSS代码,而只想添加自己的样式,强烈建议使用以下方法之一:WordPress定制器或使用专用插件。 […]

WordPress Cloudflare,Cloudflare Workers,WordPress缓存 文字详细教程

Cloudflare一直是我非常喜欢的厂商,免费的套餐就可以提供不错的服务,只不过现在被玩坏了,国内访问速度大不如前,但是总体来说有还是比没有强。 不过免费版套餐的Cloudflare CDN有个非常致命的缺点,就是不能根据cookie来区分访客,从而针对性提供访问内容(比如不为登陆、评论过的用户提供缓存)。并且还会把已登录或已评论用户的信息缓存上去,这点难以接受,也是我抛弃Cloudflare的重要原因之一。 不过在Cloudflare Workers面世后,这个问题就迎刃而解了,我们可以使用Workers来绕过这个限制,自己编写缓存策略。 介绍 关于Cloudflare Workers的介绍可以自行搜索,通过搜索引擎看到本文人或许应该已经有所了解。 我简单阐述一下,本文要讲的内容,就是通过Cloudflare官方曾编写的一款脚本,实现自定义缓存策略。 Edge Cache HTML Cloudflare官方曾编写的一款WordPress插件,用以搭配edge-cache-html,不过这个项目已经快两年没更新了,应该是觉得这个项目会影响到他们付费套餐的出售。 https://github.com/cloudflare/worker-examples/tree/master/examples/edge-cache-html 目前这个脚本直接使用,是无法在WordPress下生效的,并且缺失URL路径规则。我稍作修改,增加了路径排除和支持在WordPress下是缓存(去除header cache判断)。 前期操作请参考 [WordPress]利用 Cloudflare Workers 来缓存博客的 HTML 网页 ,写的非常详细,只不过这位博主没有没有缓存成功。 以下是修改后的脚本 // IMPORTANT: Either A Key/Value Namespace must be bound to this worker script // using the variable name EDGE_CACHE. or the API parameters below should be // configured. KV is recommended if […]

如何自定义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购物车页面? 为什么编辑代码以获取自定义WooCommerce购物车页面不是一个好主意? 如何使用拖放插件自定义WooCommerce购物车页面 使用ShopEngine模块促进电子商务商店销售的技巧 为什么要升级到ShopEngine Pro? 小结 默认WooCommerce购物车页面的外观如何? WooCommerce提供了一个非常基本的购物车页面布局。虽然不同的主题为页面添加了不同的样式,但它看起来还是一样的。让我们看看默认WooCommerce购物车页面在不同主题上的外观。 这是WooCommerce购物车页面在WordPress官方二〇二〇主题上的外观: 以下是购物车页面在WordPress官方主题二〇二一上的外观: 即使是像Hello Elementor这样流行的Elementor主题也会为您提供具有相同旧布局的非常基本的购物车页面。 我想你会同意上面所有的购物车页面都有相同的布局,没有提供任何花哨或特别的东西 为什么要自定义WooCommerce购物车页面? 截至2021年,  4,414,537个直播网站使用WoCommerce。我正在告诉统计数据,以便您了解有多少人可能正在使用WooCommerce提供的同一个无聊的购物车页面。 不要误会我的意思!我完全支持WooCommerce。它是WordPress最受欢迎的电子商务插件,当之无愧。 WooCommerce提供了一个随时可用的全功能电子商务网站,其中包含 WooCommerce 模板,包括购物车页面。尽管它很棒,但您的网站可能会迷失在使用默认模板的人群中,因为您的网站看起来就像其他网站一样。 但从商业的角度来看,在这个竞争激烈的电子商务世界中,拥有一个看起来像其他页面的购物车页面并不是真正的方式。特别是如果你考虑一下,大约 70%的人会放弃他们的购物车并且永远不会去结账。 众所周知,人们会被与众不同的事物所吸引,并在人群中脱颖而出。 因此,不要让您的购物车页面在人群中迷失,而是对其进行自定义,使其脱颖而出并帮助您获得更多订单。 现在的问题是如何获得一个突出的购物车页面?好吧,有两种方法可以自定义设计您的购物车页面。 1. 编辑WooCommerce文件(需要您知道编码) 2. 使用拖放插件 为什么编辑代码以获取自定义WooCommerce购物车页面不是一个好主意? 虽然编辑代码以获得所需的购物车页面是一种选择,但不建议非编码人员使用。由于您选择了WordPress和WooCommerce等即用型软件来构建您的网站,因此我假设您不想手动编写任何代码。 以下是新手程序员或非编码人员应避免编辑WooCommerce代码的一些原因: 它要求您是专家级的程序员,并且像专业人士一样了解Html、CSS、Javascript和PHP。 如果代码没有被有效地编辑和优化,它可能会降低您的网站速度。 每次要更改WooCommerce主题时,都需要更改代码 当WooCommerce提出新的更新时,您将需要进行新的更改以使代码与新版本的WooCommerce兼容 如果您不创建子主题,您也可能在WooCommerce更新时丢失所有代码。 我想你现在明白为什么我不建议更改WooCommerce代码了。 此外,如果您使用WordPress和WooCommerce等平台来 避免一开始就必须编码,那么为什么要学习编码只是为了编辑购物车页面,对吧? 不用担心。我有另一个流程,您可以使用它来顺畅地自定义设计您的购物车页面,而无需编写代码。连一条线都没有。承诺! 如何使用拖放插件自定义WooCommerce购物车页面 现在,您可以使用简单的拖放技术设计购物车页面。感谢WooCommerce PageBuilder插件ShopEngine。 ShopEngine是终极的WooCommerce构建器,具有预制模板、自定义构建WooCommerce页面的小工具以及具有有用电子商务功能的模块。使用此插件,您可以完全控制WooCommerce页面的设计,包括购物车页面。 虽然ShopEngine为您提供了一个预制的购物车模板,但您可以从头开始创建您的购物车页面。在本博客中,我将引导您完成有关如何自定义WooCommerce购物车页面以从头开始创建全新页面的过程。 第 1 步:安装Elementor和ShopEngine 要开始,您将需要两个插件 Elementor […]

您的独特产品值得拥有独特的定制WooCommerce产品页面。不仅是产品页面,您还需要自定义WooCommerce商店和其他页面以获得更好的用户体验。幸运的是,这不需要任何复杂的代码或过程。您可以通过编辑您的WooCommerce单一产品页面来执行简单的调整以改进您的页面设计以补充您的产品。 在本文中,即使您没有编码知识,我也将解释如何自定义WooCommerce产品页面。

您是否使用WooCommerce来设计您的在线商店?那么你应该知道超过300万个网站也在这样做。 那么这是否意味着它们看起来都一样? 好吧,如果您的网站有默认的WooCommerce模板,那么可以。您的在线商店将看起来像成千上万的其他商店。 您的独特产品值得拥有独特的定制WooCommerce产品页面。不仅是产品页面,您还需要自定义WooCommerce商店和其他页面以获得更好的用户体验。幸运的是,这不需要任何复杂的代码或过程。您可以通过编辑您的WooCommerce单一产品页面来执行简单的调整以改进您的页面设计以补充您的产品。 在本文中,即使您没有编码知识,我也将解释如何自定义WooCommerce产品页面。 您需要什么来自定义WooCommerce产品页面? 您一定想知道为在线业务定制WooCommerce单一产品页面需要什么。好吧,我将展示的产品定制WooCommerce的过程不需要您购买数十个付费插件或扩展。 除了安装和激活WooCommerce之外,您还需要在 WordPress 网站上激活以下两个插件才能漂亮地编辑您的WooCommerce产品页面:: Elementor页面构建器 ShopEngine 这两个插件都可以与WooCommerce插件顺利配合使用,并帮助您开始为所有新产品和旧产品设计和自定义单个产品页面。使用ShopEngine可以更轻松地更改WooCommerce产品页面或单个产品页面布局。因为您将在ShopEngine中获得WooCommerce商店页面模板,您可以在几分钟内创建和编辑WooCommerce商店页面。 逐步自定义WooCommerce产品页面 默认产品页面的定制和调整没有止境。不同类型的产品需要不同类型的定制。但是,在这个分步指南中,我将解释您可以对WooCommerce产品页面进行的关键自定义,以便您从所有产品页面获得更多销售额。 安装Elementor和ShopEngine 安装Elementor和ShopEngine 由于我们将使用Elementor和ShopEngine自定义默认WooCommerce产品页面,因此第一步是从WordPress安装插件。在这里了解如何安装Elementor和ShopEngine以更改WooCommerce产品页面或列表布局。 Elementor安装过程 ShopEngine 安装过程 1. 转到您的WordPress仪表盘。点击插件➜ 安装插件 2. 在搜索框中,输入Elementor,然后选择要安装的Elementor Website Builder插件。 3. 安装后,点击启用。 1. 转到您的WordPress仪表盘。点击插件➜ 安装插件 2. 在搜索框中,输入ShopEngine,然后选择ShopEngine插件进行安装。 3. 安装后,点击启用。 创建Woocommerce单一产品页面模板 转到ShopEngine ➜ 模板➜Add New 为模板Name 选择类型:Single 将模板设置为默认(YES) 单击使用Elementor编辑 创建Woocommerce单一产品页面模板 在这个产品定制WooCommerce教程中,我将展示如何从头开始构建WooCommerce产品页面。这就是我选择空白模板的原因。但是,ShopEngine提供了9 种以上专业外观的预建单品模板,您可以导入和使用这些模板。 选择结构以更改您的WooCommerce单一产品页面布局 从Elementor中选择您喜欢的结构,开始制作您商店的单个Elementor WooCommerce产品页面。 选择结构后,您可以根据自己的喜好以任意顺序拖放任何小工具。创建自定义WooCommerce产品页面ShopEngine提供了20多个小工具 ,包括产品图片、产品标题、产品价格、产品库存、产品标签等。 注意:在开始构建产品页面之前,请确保您要使用的小工具已启用。您可以从ShopEngine ⇒ Widgets ⇒ […]

在本文中,您将学习如何在没有任何编码的情况下自定义WooCommerce类别页面。以及优化存档页面以提高转化率的方法

您是否正在考虑是否应该编辑WooCommerce产品类别页面? 好吧,如果你是,那么我强烈建议你应该这样做。因为自定义WooCommerce存档页面并对其进行优化可以提高您的销售额。 但问题是如何自定义WooCommerce类别页面? 好吧,如果您按照本博客中显示的过程进行操作,您肯定不必进行任何编码来自定义WooCommerce类别页面。 在本文中,您将学习如何在没有任何编码的情况下自定义WooCommerce类别页面。以及优化存档页面以提高转化率的方法 为什么要自定义WooCommerce类别页面 如何通过6个步骤自定义WooCommerce类别页面 优化WooCommerce类别页面以提高转化率 小结 为什么要自定义WooCommerce类别页面 根据builtWith的数据,前100万个网站中有超过29%使用了WooCommerce。虽然这种受欢迎程度表明WooCommerce作为电子商务工具的可信度,但它也反映了成千上万的网站使用WooCommerce必须提供的相同默认布局。 WooCommerce在前100万个网站中的使用情况 如果您认为使用默认的WooCommerce页面只会最大限度地减少您的网站在人群中脱颖而出的机会,那么您就错了。您还需要考虑其他原因。要了解这些其他原因,让我们看一下 激活WordPress官方主题二〇二二的WooCommerce默认类别页面。 WooCommerce默认类别页面 如果您看到,WooCommerce默认类别页面的基本外观不是很吸引人。此外,它没有任何高级选项,如使用名称搜索产品、根据不同属性过滤产品等。所有这些对于确保在线商店的良好用户体验都很重要。 此外,谁不喜欢一个好看的网站呢? 好吧,答案是每个人!让我们转到下一部分,您将学习如何在没有任何编码的情况下自定义WooCommerce类别页面模板。 如何通过6个步骤自定义WooCommerce类别页面 这是一个易于理解的教程,介绍如何在没有任何编码的情况下自定义 WooCommerce 类别页面。通过遵循此过程,您可以立即选择 WooCommerce 存档页面的布局和设计。那么,让我们开始吧…… 步骤 #1:安装Elementor页面构建器和ShopEngine 要使用本博客中显示的过程编辑WooCommerce的产品类别页面,您将需要两个WordPress插件: Elementor页面构建器 ShopEngine和ShopEngine Pro ShopEngine是用于拖放页面构建器Elementor的WooCommerce构建器。它是Elementor的一个附加组件,带有大量的小工具和模块,使WooCommerce定制变得毫不费力。 步骤#2:创建类别页面模板 安装并激活所有必需的插件后,您需要创建一个类别模板。要创建 WooCommerce 自定义类别页面模板, 导航至:  ShopEngine ⇒ Builders Template 点击新增 提供模板名称 从下拉列表中选择类型作为Archive  打开设置默认选项以覆盖任何现有的类别/存档页面模板 选择样本设计下的空白选项 单击使用Elementor编辑以开始构建模板 创建一个空白的WooCommerce类别页面模板 注意:我在这篇博客中选择了空白选项,我将展示如何从头开始创建自定义类别页面。ShopEngine提供多个预建的WooCommerce类别页面模板。如果您想使用预先构建的模板,请选择您喜欢的模板,然后跳到第5步。(如果您想从头开始构建,第3步和第4步是强制性的) 步骤#3:为WooCommerce类别页面选择布局/结构 进入编辑器模式后,您需要为WooCommerce类别页面选择结构。 我将为三个不同的部分使用3种不同类型的布局来构建自定义存档页面。您可以按照博客中所示的方式进行操作,也可以选择您喜欢的布局。 要选择结构,请单击“+”图标,然后将鼠标悬停在您喜欢的布局上,然后单击它。 选择结构 注意:您可以重复相同的过程来选择不同的布局。 步骤#4:拖放ShopEngine小工具并自定义设置 ShopEngine提供8多个专用小工具来构建自定义WooCommerce存档页面。这些类别页面小工具是 […]

WooCommerce默认结帐页面的表单字段有时可能不足以提供流畅的电子商务结帐体验。因此,很常见的是人们正在寻找添加WooCommerce自定义结帐字段的方法。

无需编码即可添加WooCommerce自定义结帐字段的方法? 在本博客中,您将学习如何以最简单的方式添加WooCommerce额外的结帐字段。 WooCommerce默认结帐页面的表单字段有时可能不足以提供流畅的电子商务结帐体验。因此,很常见的是人们正在寻找添加WooCommerce自定义结帐字段的方法。 虽然执行原始代码是一种选择,但它并不是添加 WooCommerce 结帐字段的最有效方式。 好吧,那么您一定要问的有效方法是什么,对吗? 答案是使用易于使用但轻量级的WooCommerce插件。以及如何使用一个很棒的WordPress插件来添加WooCommerce自定义结帐字段是这个博客的全部内容。 什么是电子商务中的结帐页面? 为什么需要向WooCommerce结帐页面添加自定义字段? WooCommerce结帐字段编辑器插件 如何添加WooCommerce自定义结帐字段 如何在WooCommerce中编辑/删除额外的结帐字段 小结 什么是电子商务中的结帐页面? 在电子商务网站中,结帐页面基本上是指处理支付/运输信息以完成交易的页面。它通常具有不同的表单字段来收集用户信息,例如帐单地址、送货地址、付款方式等。 为什么需要向WooCommerce结帐页面添加自定义字段? 默认的WooCommerce结帐模板有两个表单字段,一个与计费相关,另一个与运输和付款信息相关。所有这些都是进行交付所需的基本信息。 但是,例如,如果您的客户希望在他们的订单中进行一些个性化设置,那么他们可能希望将订单作为礼物发送给其他人,并且他们希望在其上写一些便条。他们是怎么做到的? 为此,他们通常需要拨打您的帮助热线,这可能是一个漫长而令人厌烦的结帐过程,从而导致糟糕的用户体验。但是,如果您添加WooCommerce自定义结帐字段,则可以更改它。 另一个示例是添加中间名字段。当然,一个人总是可以在名字字段中写中间名,但是有一个中间名表单字段将为有中间名的人提供更好的用户体验(我们都知道,有很多!)。 另一个例子可能是,送货人希望产品在一天中的某个时间交付。为此,您还可以提供自定义字段。我只是在谈论我想到的选项。 但我敢肯定,作为在线商店所有者,您有许多想法或需求,WooCommerce自定义结帐字段可以轻松解决。因此,通过向您的WooCommerce结帐页面添加自定义字段,使订单对消费者更加个性化以及使制造和交付过程都非常有益。 WooCommerce结帐字段编辑器插件 要将额外的自定义字段添加到您的WooCommerce结帐页面,您需要安装并激活以下插件: Elementor(Free) ShopEngine Free and Pro 如果您在激活WooCommerce结帐字段编辑器 – ShopEngine Pro方面需要帮助,您可以查看官方文档。 ShopEngine是终极的WooCommerce结帐字段编辑器,它带有13多个模块和60多个小工具,让您可以完全控制构建自己的个性化Woo商店。它是Elementor页面构建器的插件,因此您需要在安装ShopEngine插件之前安装Elementor。 在超过13个模块中,我将在本教程中使用一个名为“Checkout Additional Field Module”的模块,将一个额外的自定义字段添加到WooCommerce结帐页面。这里是主要过程…… 如何添加WooCommerce自定义结帐字段 是的!如果您使用ShopEngine,在WooCommerce中添加额外的自定义结帐字段只需 3 步任务。让我们详细检查这些步骤,以便您可以轻松地进行操作…… 第 1 步:启用ShopEngine的Checkout Additional Field模块 第一步是启用附加字段模块。要启用或激活模块,您需要 导航到ShopEngine ⇒ Modules ⇒ Checkout Additional […]

因此,在本博客中,我将讨论如何使用ShopEngine创建WooCommerce自定义商店页面,这是WordPress的最佳免费工具。

WooCommerce将为您的虚拟商店提供默认商店页面。但是,它们的自定义选项有限。此外,WooCommerce的预建商店页面并未针对您的转化率进行优化。良好的转换伴随着精心设计的WooCommerce商店页面。 你知道只有22%的行业对他们的转化率感到满意吗? 现在我想问你一个问题。你想成为22%快乐行业的一份子,还是78%不快乐行业的一份子?决定权在你。如果是,则需要使用编码或使用WooCommerce构建器来自定义您的商店页面。我们在这里不要使用编码,因为您需要具备良好的编码知识。因此,请继续使用WooCommerce构建器来定制您的商店页面。这是另一个任务,选择最好的WooCommerce构建器。 ShopEngine是您的WooCommerce页面的完整解决方案,因为使用此插件后,您不需要其他插件。这个插件将为您的产品比较、变化样本、愿望清单、快速查看、快速结帐、延期交货、徽章、销售通知、部分付款等提供解决方案。此外,您可以完全自定义这些选项。这就是为什么使用此插件具有成本效益且用户友好的原因。 因此,在本博客中,我将讨论如何使用ShopEngine创建WooCommerce自定义商店页面,这是WordPress的最佳免费工具。 什么是WooCommerce商店页面? 默认WooCommerce商店页面有什么问题? 自定义WooCommerce商店页面的好处 如何使用ShopEngine自定义WooCommerce商店页面 为什么使用ShopEngine作为WooCommerce页面构建器? 在哪里搜索WooCommerce商店页面模板? 小结 什么是WooCommerce商店页面? WooCommerce商店页面 WooCommerce商店页面是您网站上最重要的页面,您将在其中展示您的所有产品或服务。当任何客户登陆您的网站购买产品或服务时,他们将直接访问您的商店页面。 您可以说它是您网站的核心,因为您的成功将取决于此页面。因为在访问此页面并查看产品后,他们将决定是否购买您的产品。这就是为什么您的WooCommerce商店页面需要用户友好且设计良好的原因。 默认WooCommerce商店页面有什么问题? 您的WooCommerce商店页面对于提高转化率起着至关重要的作用。因此,您需要始终牢记,您的商店页面需要得到很好的优化。这是使用默认WooCommerce商店页面的问题。因为默认的WooCommerce商店页面没有针对提高转化率进行很好的优化。 想象自己站在客户的位置。作为客户,您在购买产品时希望从网站获得什么? 当然,一个简单而干净的设计,您可以使用它轻松搜索和查找产品。您的默认WooCommerce商店页面不适合它。 76%的客户想要一个简单的设计网站,而不是复杂且令人困惑的设计。via- HubSpot.com 这证明了它对您的客户的重要性。现在看看你的默认WooCommerce页面并检查它。它是否为您带来了目标收入?如果没有,请准备好使用Elementor和WooCommerce商店页面插件自定义您的WooCommerce商店页面ShopEngine。 但是,在此之前,让我们看看更改WooCommerce商店页面后您将获得哪些好处。 自定义WooCommerce商店页面中获得的好处 在投入时间和辛勤工作之前,是时候检查一下好处了。看看为什么需要自定义WooCommerce商店页面: 一个高转化率的商店页面,将显着改变您的投资回报率。 出色的用户体验。 针对SEO和不同设备进行了优化。 增加用户的机会。 在竞争激烈的电子商务世界中脱颖而出的商店页面。 快速加载商店页面。 这些是您将从优化的商店页面中获得的好处。现在您知道了好处,是时候带您进入主题了。如何编辑WooCommerce商店页面以获得更好的用户体验? 继续挖掘以找出答案。 如何使用ShopEngine自定义WooCommerce商店页面 当WooCommerce页面定制出现时,没有什么能打败ShopEngine。ShopEngine是WordPress中可用的WooCommerce拖放页面构建器插件。它因其用户友好且完全可定制的功能而闻名。此外,它还提供了适合无需编码即可构建网站的高级模块和小工具。 这意味着您无需费心以编程方式自定义WooCommerce商店页面。现在您可能会想在哪里可以找到WooCommerce商店页面模板? ShopEngine还附带WooCommerce商店页面模板,您可以再次创建它们。所以,不用担心。只需按照以下步骤使用ShopEngine(最简单、最有效的WooCommerce页面构建器)编辑您的WooCommerce商店页面: 步骤#1:创建商店页面模板。 要自定义WooCommerce商店页面,您需要创建商店页面模板。转到ShopEngine>> 构建器模板以创建新的WooCommerce商店页面模板。 店铺页面模板创建 之后,单击添加新按钮,然后将出现一个弹出模板设置栏。您需要输入以下信息来设置您的店铺页面模板: 名称:在这里输入您为WooCommerce商店页面选择的Woo商店名称。 类型:在这个间隙中,您需要选择要创建的模板类型。在创建商店页面模板时,您必须选择商店。 设置默认值:如果要添加默认模板,请启用默认按钮。我正在启用它,因为我将使用默认的那个。 样品设计:在这里您将有两种设计。如果您选择左侧,您可以从头开始编辑您的 WooCommerce 商店页面。而且,如果您选择正确的,那么您将获得商店页面模板的默认设计。您无需从头开始编辑它。在这里,我选择了默认的样本设计。最后,要对其进行编辑,请单击“使用Elementor编辑”按钮。 店铺页面模板设置 现在,创建您的商店页面模板已完成。因此,是时候进入实际的定制部分了。 步骤#2:使用ShopEngine自定义您的WooCommerce商店页面模板。 创建商店页面模板后,现在是时候对其进行编辑了。要对其进行编辑,请单击存档标题并根据您的需要自定义以下选项: HTML标签:选择要用于存档标题的标签。 对齐方式:您可以从此处选择存档标题的对齐方式。 […]

您可以使用电子商务网站的这个必要的WooCommerce我的帐户页面元素做更多事情,以获得更好的客户体验。但是,WooCommerce我的帐户页面定制可能非常复杂且不方便。因此,我们在这里让您充分了解自定义WooCommerce我的帐户页面的最好和最简单的方法之一。

您是否厌倦了客户在您的网站上无聊的WooCommerce我的帐户页面? 为您的WooCommerce我的帐户页面定制寻找一种简单的方法?那么你来对地方了…… 您可以使用电子商务网站的这个必要的WooCommerce我的帐户页面元素做更多事情,以获得更好的客户体验。 但是,WooCommerce我的帐户页面定制可能非常复杂且不方便。 因此,我们在这里让您充分了解自定义WooCommerce我的帐户页面的最好和最简单的方法之一。 安装一个WooCommerce插件,该插件预先构建了我的帐户模板,具有多种WooCommerce功能,将为您节省大量时间和金钱。 幸运的是,您还可以在许多地方进行修改。永远记住对“我的帐户”页面进行全面修改,以便您的所有客户都拥有一致的体验。 为什么自定义WooCommerce我的帐户页面? 使用ShopEngine自定义我的帐户页面 小结 为什么自定义WooCommerce我的帐户页面? 帐户页面是Woo商店的基本方面之一,因为我们的客户可能需要在其帐户页面上提供更多选项。他们可能希望包括其他重要细节,例如付款方式、网站、地址等。 您可能还希望更改其帐户页面上的帐户页面布局、颜色和文本样式,这在当今很常见。由于所有WooCommerce用户都知道,默认情况下,他们无法使用Woo系统。 为这些添加代码以及任何其他更改是显而易见的方法。您还可以使用WooCommerce我的帐户页面自定义插件之一自定义WooCommerce我的帐户页面。 在您的WordPres 网站上安装WooCommerce扩展或从头开始自定义它无疑是人们可以选择的两个最佳解决方案。 使用ShopEngine自定义我的帐户页面 这种方法要简单得多。WordPress中有多个WooCommerce帐户页面仪表盘插件。这将帮助您在一分钟内创建和自定义您的我的帐户页面!您只需选择一个帐户页面模板WooCommerce插件。它具有各种预构建的woocommerce仪表盘模板选项,可以节省您大量的时间和精力。 拥有电子商务商店的主要部分之一是允许消费者创建自己的“我的帐户”页面。这有助于他们保存并与您共享信息、帐户详细信息和帐单地址,从而使他们的购物体验更加方便。 ShopEngine的帐户页面模板易于定制,提供无忧导航,并允许用户从单个页面采取行动。 以下是使ShopEngine我的帐户模板独一无二的主要功能: 高度定制和用户友好的预建界面。 可以编辑菜单选项的文本。 您可以暂时禁用菜单选项。 菜单可以重新排序。 ShopEngine与任何主题和插件兼容。 它还在帐户页面模板中具有用户友好的添加新部分。您还可以添加介绍性登录表单。之后,他们可以进入仪表盘,用户可以在其中输入他们的订单、最后订单条件、地址和所有其他帐户详细信息。 对于每个部分,您都可以方便地使用ShopEngine的现成小工具。该模板使该过程毫不费力,并且没有任何错误的机会。 现在我们将研究如何使用ShopEngine的内置帐户页面模板和小工具在新头像中创建客户帐户页面。在这里,您将能够以您喜欢的方式为WooCommerce创建和自定义直观的WordPress仪表盘。 从头开始创建WooCommerce我的帐户页面 通常WooCommerce安装会使用其默认设置自动创建我的帐户页面。我们将使用我们希望在页面上包含的内容来编辑该默认页面。 首先,我们将安装并激活ShopEngine,这将帮助我们超级轻松简单地添加模板。为此,您需要做的就是转到管理仪表盘 >插件 >安装插件并搜索ShopEngine。 如何安装ShopEngine 之后,只需单击立即安装 > 启用活。然后将鼠标悬停在页面上并单击所有页面。 如何自定义WooCommerce帐户仪表盘 在那里,您将看到WooCommerce为您的电子商务商店创建的各种默认“我的帐户”页面。 如何自定义WooCommerce帐户仪表盘 现在您可能会看到所有默认的 WooCommerce 页面。由于我们只修复了我的帐户页面,所以我们现在只需将光标放在我的帐户 – 我的帐户页面上,然后单击标题下方的编辑。 如何自定义WooCommerce帐户仪表盘 您将在下面看到类似这样的内容,只是默认WooCommerce我的帐户页面的简码。 如何自定义WooCommerce帐户仪表盘 第二张图片是您的客户在登录您的网站时将如何看到他们的我的帐户仪表盘。 默认WooCommerce帐户仪表盘 请记住,它因主题而异,我的主题是建立在WordPress默认主题上的。但是,上下文应该是相同的。 入门 将鼠标悬停在ShopEngine >点击Widgets,将找到您的小工具库。请记住,我的帐户小工具捆绑仅随ShopEngine Pro提供。 ShopEngine入门 我的帐户仪表盘 […]

对于任何WooCommerce商店,最重要的是让客户满意。在WooCommerce商店中添加自定义感谢订购页面是其中的一部分。您可以通过在买家旅程结束时显示自定义消息来有效地与客户沟通。

对于任何WooCommerce商店,最重要的是让客户满意。在WooCommerce商店中添加自定义感谢订购页面是其中的一部分。您可以通过在买家旅程结束时显示自定义消息来有效地与客户沟通。 您可以通过适当规划的WooCommerce自定义感谢订购页面来提高WooCommerce商店的销售额。 默认情况下,WooCommerce有一个普通的感谢订购页面,仅显示默认消息和订单详细信息。但这并不吸引人,而且您不能添加任何自定义消息。要拥有更多功能,必须使用定制的东西。 如果您刚刚开设了WooCommerce商店,自定义感谢页面或添加自定义感谢页面可能会令人困惑。 在这里,我将分享为WooCommerce创建自定义感谢订购页面的分步指南。 为什么要添加WooCommerce自定义感谢订购页面? 感谢页面是买家旅程的最后一步。因此,思考为什么有人会添加自定义感谢页面是很正常的。好吧,您确实可以在默认感谢页面上显示默认消息,但这不会给您的客户带来很好的体验。 自定义感谢页面允许您显示自定义消息、链接、视频等,让客户满意并帮助您鼓励观众采取行动。 您甚至可以使用感谢页面上的自定义链接将您的流量重定向到另一个产品页面。它将增加WooCommerce商店获得更多销售额和更好的用户参与度的机会。 WooCommerce的自定义感谢订购页面有何作用? 想知道为什么您页面的自定义很重要?好吧,通常认为自定义感谢订购页面不是强制性的,因为WooCommerce中有一个默认页面。如果您这么认为并且没有使用定制的,那么您就错失了一个大好机会。 以下是自定义感谢页面可能带来的好处 – 增加获得追加销售的机会 您可以将客户重定向到另一个产品页面 可以显示自定义消息以使客户满意 易于展示即将推出的产品的产品促销视频 易于提供打折产品或闪购产品 您可以自定义WooCommerce的默认感谢订购页面吗? 人们经常寻找如何自定义默认的WooCommerce感谢订购页面。当您知道如何编码时,自定义默认设置并不难。或者,至少,您应该对PHP的功能有一个清晰的概念。 如果您使用的是特定主题,则必须编辑function.php中的代码。然而,对于大多数人来说,这可能是一个复杂的过程。 如果您不是编码员,那么理解 PHP 的功能对您来说可能会很困难。您可能会为自定义WooCommerce感谢订购页面找到不同的资源和简码,但您永远不知道它是否适合您。 如果代码显示一些问题,那么修复它就太难了。代码中的单个字符会给商店带来大量错误,而您不希望这样。因此,如果您对 PHP 没有深入的了解,我们强烈建议您不要使用自定义代码。 但你不必担心。只需按照我们在此处共享的替代方法即可。 如何创建自定义感谢订购页面 有多个选项可以添加自定义感谢订购页面或自定义现有的感谢订购页面。人们经常使用专用插件来添加自定义感谢页面。但这将花费巨大,并且不是一个可行的解决方案。 或者,您可以使用带有大量WooCommerce自定义功能的ShopEngine。在所有特性和功能中,自定义感谢页面是最受欢迎的页面之一。无需编写任何代码来实现自定义感谢订购页面。 要添加自定义感谢页面,您需要这两个插件 – Elementor ShopEngine 第 1 步:安装Elementor 添加自定义感谢订购页面WooCommerce的第一步是安装Elementor。只需转到WordPress仪表盘并将鼠标悬停在插件上即可。现在搜索Elementor页面构建器。Elementor插件将出现在搜索结果中。单击安装按钮,然后激活插件。 好消息是,您不需要Elementor Pro版本即可使用ShopEngine。ShopEngine的所有功能都适用于Elementor的免费版本。 第 2 步:安装ShopEngine WooCommerce Builder 现在您需要安装ShopEngine以添加自定义感谢页面。转到WordPress仪表盘并在插件列表中搜索ShopEnfinge。安装插件,然后激活它。 现在,转到ShopEngine登录页面并选择符合您要求的定价计划。 第 3 步:添加自定义感谢订购页面模板 一旦您选择了ShopEngine的专业计划,您就可以为自定义WooCommerce感谢页面选择一个现成的模板。好消息是,您将拥有无限的模板定制机会。 从WordPress仪表盘的插件列表中导航到ShopEngine。 在ShopEngine中,选择Builder Templates,将会有一个ShopEngine所有现成模板的列表。 从模板列表中,选择Order […]

在本教程中,我们将讨论创建自定义WordPress网站首页的选项,并解释如何实现每个选项。

在本教程中,我们将讨论创建自定义WordPress网站首页的选项,并解释如何实现每个选项。 您的WordPress首页(也称为主页)是大多数访问者登陆您的网站时首先看到的内容。因此,给人留下良好的第一印象至关重要。 虽然您的首页通常会显示您的最新文章,但您可能需要更个性化的内容来帮助您最重要的内容脱颖而出。幸运的是,WordPress平台上有很多可用的选项。 什么是自定义首页 WordPress网站主页默认情况下,它会显示您的博客文章,从最近的条目开始。WordPress使您能够设置显示的文章数量,甚至包括其他文章的摘要(取决于您的主题选项)。 但是,WordPress支持选择任何页面作为首页。这意味着您可以使用静态页面或自定义页面。后一个选项特别有趣,因为它使您能够从使用相同主题的其他站点中脱颖而出。 定制首页的好处包括能够: 优化您的静态内容。 更好地展示您的网站是关于什么的——它的使命、与众不同的功能、核心价值等。 添加多个高度可见的强大号召性用语 (CTA)。 自定义WordPress首页使您可以微调其外观,以满足您的要求。它还可以为您提供比具有类似主题的其他网站的重要优势。让我们来看看在WordPress中自定义首页的几种方法。 自定义WordPress首页的方法 在实施任何这些方法之前,首先备份您的站点很重要。这将确保您可以轻松回滚您不喜欢的更改。 1. 选择是显示文章还是静态页面 WordPress首页有两个主要选项。要查看它们,转到您的仪表板并选择“设置”>“阅读”。 在这里,您可以选择在首页上显示您的最新帖子或使其成为静态页面。如果您的博客是您网站的主要焦点,则显示最新文章可能是您的首要任务。您可以通过更改博客页面最多显示字段中的数量来设置将显示的文章数量。 如果您选择静态页面,则可以决定使用哪个页面。 您还可以选择哪个替代页面将显示您的博客文章。请记住,您需要先创建这些页面,然后才能选择它们进行显示。 2. 使用简码自定义您的静态首页 从本质上讲,短代码是特定于WordPress的代码,可让您快速执行特定操作。例如,您可以使用短代码在页面中添加功能或嵌入文件(例如视频或地图)。 您可以将短代码用于很多事情,其中​​之一是自定义您的WordPress首页。首先,您需要确保将特定页面设置为静态主页(如上所述)。然后,打开该页面并切换到文本编辑器。 只需复制并粘贴您要添加到编辑器中的短代码。例如,您可以使用[ gallery ]短代码将您的首页变成照片库,或使用短代码[ video ]通过自定义视频介绍您的网站(注意将短代码[]的空格去掉)。如果您切换回Visual选项卡,您将看到一个新空间供您自定义短代码添加的功能: 在此示例中,您将单击编辑图标并将您的视频添加到页面。然后保存或更新它,你就完成了!您的短代码应该相应地工作。WordPress 提供了许多默认的短代码选项来帮助您入门,根据您的主题和插件,您可能可以访问更多选项。 3. 创建自定义WordPress页面模板 这是来自WordPress主题二〇一四的页面模板示例。 您还可以通过创建自定义页面模板在WordPress中自定义首页。首先打开一个简单的文本编辑器,如记事本(您也可以使用任何HTML编辑器,如Atom)。在此之后,编写您的第一行PHP: <?php /* Template Name: MyCustomTemplate */ ?> MyCustomTemplate是一个占位符,您可以将其重命名为您希望调用自定义模板的任何名称(请确保没有空格)。保存文件,确保在末尾添加.php扩展名。 您刚刚创建了您的第一个自定义WordPress模板!让我们上传并编辑它。为此,您需要一个FTP客户端。我们推荐FileZilla。使用它连接到您的主机,并查找您的/wp-content/themes目录。找到当前主题所在的文件夹,然后将新模板粘贴或拖动到该文件夹​​中。 接下来,登录到您的WordPress仪表板并选择页面>新建页面。在屏幕右侧,您将看到页面属性区域。 您应该会在模板下拉菜单中看到您的新模板。选择它,当您发布(或更新)页面时,您的自定义模板将被应用。 小结 向您的网站添加自定义首页有很多好处,包括更大的视觉吸引力和立即向访问者传达相关信息的能力。幸运的是,WordPress足够灵活,可以让您几乎以任何需要的方式自定义首页。

本周早些时候,websevendev将其第四个WordPress插件Block Attributes发布到官方目录中。该扩展允许最终用户向几乎任何区块添加任何HTML属性。

本周早些时候,websevendev将其第四个WordPress插件Block Attributes发布到官方目录中。该扩展允许最终用户向几乎任何区块添加任何HTML属性。 WordPress编辑器的问题之一是自定义HTML可能有点麻烦。区块建立在一组标准上,标记应该满足这些期望。如果某些内容不适合,用户会看到无效标记警告。 但是,有时用户出于各种原因需要放入自定义HTML属性。例如,我有时需要添加一个自定义data-属性来使用一些JavaScript。因为我对代码非常了解,所以我通常通过自定义HTML区块在这些情况下写出HTML。但是,当需要添加次要属性时,这没有意义。 WordPress目前允许用户向几乎每个区块添加类和ID(在管理中称为“HTML锚点”)。它不允许直接输入HTML支持的许多其他可能的属性。普通用户的用例很少。 对于某些用户可以使用额外功能的场景,块属性插件非常方便。 该插件易于使用。它在每个区块的“高级”选项卡下添加了一个名为“附加属性”的新字段。用户可以添加属性名称并单击“添加”按钮。从那里,它创建一个用于添加属性值的新字段。 向onclick按钮区块添加属性。 该插件还支持多个属性。添加一个后,您只需使用相同的输入字段来创建更多。 对于我的第一次尝试,我添加了onclick一个值为myFunction(). 然后,跳转到我的主题并通过JavaScript创建该函数以在控制台中输出一条简单的消息。一切看起来都很好,而且它奏效了。 HTML视图和控制台,带有用于按钮区块的自定义JS。 我想到的大多数用例都是与JavaScript集成的,这是一个简单的例子。开发人员可以使用这样的功能做更复杂的事情。这就是将该插件保留在工具箱中的充分理由——有时您需要扳手而不是锤子。 我还可以看到区块属性用于在其他可能有助于可访问性的情况下添加ARIA属性。 用户可以通过style插件的属性将自定义样式添加到特定区块。但是,除非这是一个简单的一次性,否则我建议不要这样做。对于更高级的用例,Blocks CSS是一个更合适的插件。它有一个内置的语法荧光笔。另外,textarea比单行文本输入框更友好。 我见过的区块属性的唯一缺点是停用时。如果您添加了任何自定义属性,您将在编辑器中看到可怕的“此区块包含未预料的或无效的内容。”消息。编辑器设法解决了我在核心区块中遇到的任何问题。 停用插件后解决区块警告。 停用插件不应影响前端输出。因为自定义属性是 HTML 标记的一部分,所以它们仍然存在。错误消息应该只显示在编辑器中。

在本文中,我们将仔细研究自定义HTML区块。我们将了解如何将其添加到您的文章和页面、查看其设置和选项、查看有关如何使用它的提示以及常见问题解答。

自定义HTML区块可让您添加HTML内容并对其进行编辑,而无需查看页面或以HTML形式发布。您可以嵌入HTML,甚至可以使用它来标记您的文本,然后根据需要将其转换为带有样式文本的段落区块。这个区块非常适合那些喜欢在HTML中工作的人,它是嵌入某些类型代码(例如 Google 地图)的最佳方式之一。 在本文中,我们将仔细研究自定义HTML区块。我们将了解如何将其添加到您的文章和页面、查看其设置和选项、查看有关如何使用它的提示以及常见问题解答。 如何将自定义HTML区块添加到文章或页面 要将自定义HTML区块添加到您的内容,请将光标放在您希望区块出现的位置,然后选择插入器工具。将打开一个搜索框,您可以在其中输入搜索词或滚动选项。搜索html并在结果中显示该区块时选择该区块。 或者,您可以在希望区块出现的位置键入/html并按 Enter 键或从区块区域上方的选项中选择它。 现在,您的内容中有一个自定义HTML区块,您可以在其中添加HTML。当我们完成设置时,我们将看到一些带有代码的示例。 自定义HTML区块设置和选项 与大多数区块不同,自定义HTML区块不包括编辑器侧栏中的选项。您将在工具栏中找到所需的所有选项。 自定义HTML区块工具栏 单击区块内的任意位置以查看其工具。如果您没有看到它们,请在新区域中的区块下方单击,然后再次选择区块时将显示其余工具。 每个区块都有自己的特定控件,您可以在其中选择区块的选项。工具栏上方的一小组区块选项允许您更改区块类型、转换为区块以及打开选项。 让我们详细看看每个设置。 自定义HTML更改区块或样式 在选项中选择HTML会打开一个下拉框,您可以在其中将区块转换为其他类型的区块。选项包括代码、栏目或组。 代码– 将自定义HTML区块转换为代码区块,以便您可以显示不同类型的代码。 栏目– 将区块放置在栏目中。 组– 将区块添加到组中,以便您可以将它们作为单个区块进行调整。 自定义HTML区块拖动工具 拖动工具包括六个点,您可以用鼠标抓住它们来移动它。 然后,只需将区块拖动到内容中您想要的任何位置并将其放下。将出现一条蓝线,指示在您四处拖动区块时将放置区块的位置。 一旦您看到蓝线出现在您想要区块的位置,松开鼠标按钮,您的区块将被放置在新位置。 自定义HTML区块移动 每次单击时,向上和向下箭头都会将区块移动到一个内容部分。当区块自动移动到新位置时,屏幕将滚动。这是将区块移动一两个部分的简单方法。 自定义HTML区块的HTML和预览 HTML和预览按钮让您可以选择区块如何在编辑器中与HTML配合使用。默认情况下选择HTML按钮。这以代码形式显示HTML,而不是执行它。此示例显示了Google地图的HTML。 选择预览显示HTML在浏览器中执行时在前端的外观。在视图之间来回切换以编辑HTML并查看最终用户的外观很容易。这是进行编辑和快速查看结果的绝佳方式。此示例显示了嵌入的Google地图,因为它会出现在内容中。 再举一个例子,这里有一些HTML来为一行文本添加样式。这是HTML视图,我可以在其中创建和编辑HTML。 这是预览模式,显示了它在前端的外观。 自定义HTML区块选项 工具栏的最右侧是垂直堆叠的三个点。这三个点在三个分区中打开一组10个选项,允许您隐藏设置、转换为区块、复制、复制、前后插入、移动到、添加到可重用区块、分组或删除区块。 以下是自定义HTML区块选项可以执行的操作: 隐藏更多设置– 这会隐藏右侧边栏,扩展您的工作区。 转换为区块– 这会将内容转换为其他适当的区块。文本将被转换为段落区块,图像将被转换为图片区块等。嵌入代码,例如我在示例中使用的Google地图代码,将保留为自定义HTML区块。如果区块中的其他HTML可以转换,则它将从区块中删除,放置在不同的区块中。 复制– 这会将区块复制到剪贴板,以便您可以将其粘贴到编辑器中的任何位置。 新建副本– 这会将区块的副本放置在原始区块下方。 在区块前插入– 这会在自定义HTML区块之前添加一个区块区域,以便您可以放置​​另一个区块。 在区块后插入– 这会在区块之后添加一个区域,您可以在其中放置另一个区块。 移动到– 这让您可以使用箭头键向上或向下移动区块。您将移动一条蓝线。当它到达你想要的位置时,按回车键,区块会立即移动。 添加至可重用区块– 将自定义HTML区块添加到您的可重用区块中,以便您可以在任何页面或文章上再次使用它。 组合– […]

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

有时您可能会发现自己需要在WordPress网站中添加自定义 CSS。在本教程中,我们将介绍如何在不编辑任何主题文件的情况下轻松地将自定义CSS添加到您的WordPress网站。 方法 1:使用Theme Customizer添加自定义 CSS 从WordPress 4.7开始,用户现在可以直接从WordPress管理后台添加自定义CSS。这非常简单,您可以立即通过实时预览看到您的更改。 首先,您需要转到外观»自定义页面。 这将启动WordPress主题定制器界面。 您将在左窗格中看到您网站的实时预览和一堆选项。单击左侧窗格中的额外CSS选项卡。 该选项卡将滑动显示一个简单的框,您可以在其中添加自定义CSS。一旦添加了有效的CSS规则,您就可以在网站的实时预览窗格中看到它的应用。 您可以继续添加自定义CSS代码,直到您对其在网站上的外观感到满意为止。 完成后不要忘记单击顶部的“保存并发布”按钮。 注意:您使用主题定制器添加的任何自定义CSS仅适用于该特定主题。如果您想将其与其他主题一起使用,则需要使用相同的方法将其复制并粘贴到新主题中。 方法 2:使用插件添加自定义CSS 第一种方法只允许您为当前活动的主题保存自定义CSS。如果更改主题,则可能需要将自定义CSS复制并粘贴到新主题。 如果您希望无论使用哪种WordPress主题都应用自定义CSS ,那么此方法适合您。 您需要做的第一件事是安装并激活Simple Custom CSS插件。激活后,只需转到外观»Custom CSS并写下或粘贴您的自定义CSS。 不要忘记按“Update Custom CSS”按钮来保存您的更改。 您现在可以查看您的WordPress网站以查看正在运行的自定义CSS。 使用自定义CSS插件与在主题中添加CSS 建议初学者使用上述两种方法。高级用户还可以将自定义CSS直接添加到他们的主题中。 但是,不建议将自定义CSS片段添加到您的父主题中。如果您在没有保存自定义更改的情况下不小心更新了主题,您的CSS更改将会丢失。 最好的方法是使用子主题。但是,许多初学者不想创建子主题。除了添加自定义CSS,初学者通常真的不知道他们将如何使用该子主题。 使用自定义CSS插件可以让您独立于主题存储自定义CSS。这样您就可以轻松切换主题,而您的自定义CSS仍然存在。 将自定义CSS添加到WordPress网站的另一种好方法是使用CSS Hero插件。这个出色的插件允许您在WordPress网站上编辑几乎所有CSS样式,而无需编写任何代码。 我们希望本教程有助于将自定义CSS添加到您的WordPress网站。您可能还想了解如何选择最佳网页设计软件和最佳WordPress拖放页面构建器插件。

100% Secure Checkout

PayPal / MasterCard / Visa