分类: WordPress基础

  • 深入了解最新的WordPress古腾堡编辑器(2021)

    深入了解最新的WordPress古腾堡编辑器(2021)-1

    当WordPress区块编辑器或古腾堡于2018年12月推出时,我们不知道会发生什么。当然,我们有足够的时间来玩它的测试版,但我们无法预测实际发布的顺利程度,或者用户和开发人员会多么热衷于接受新编辑器。

    但经过三年的发展,我们已经看到古腾堡编辑在两年多的时间里经历了巨大的发展。它已从最小可行产品 (MVP) 发布转变为更成熟的项目,该项目越来越接近为WordPress创建统一的完整站点编辑体验的目标。

    考虑到这些变化,我们重新审视了古腾堡编辑器,带您了解它的新面孔,包括它接下来的发展方向。

    1. 什么是古腾堡区块编辑器?
    2. 古腾堡与流行替代品的优缺点
    3. 如何使用WordPress古腾堡区块编辑器
    4. 10个提高工作效率的古腾堡技巧
    5. 深入研究更高级的区块编辑器概念
    6. 使用插件扩展区块编辑器
    7. WordPress古腾堡编辑器和完整站点编辑

    什么是古腾堡区块编辑器?

    Gutenberg,也称为“WordPress区块编辑器”或“WordPress编辑器”,是2018年12月6日发布的WordPress 5.0中引入的WordPress内容编辑器。

    如果您还没有听说过这个词,它是所有WordPress网站都会使用默认编辑器,除非您明确禁用它。它看起来像这样:

    WordPress古腾堡编辑器

    WordPress古腾堡编辑器

    WordPress古腾堡编辑器与之前的WordPress编辑器(现在称为“经典编辑器”或“TinyMCE编辑器”)之间的最大区别是一种新的基于区块的内容创建方法。

    使用Gutenberg,您内容中的每个元素都是一个区块,可以轻松操作内容。每个段落都是一个区块,每个图像都是一个区块,每个按钮都是一个区块——你懂的!

    第三方开发人员还可以创建自定义区块,这有助于结束WordPress与短代码的关系。假设您要嵌入联系表单。无需像过去那样添加短代码(例如`[your-form-shortcode]`),现在只需放入表单插件区块即可。

    除此之外,您还可以使用区块来创建更复杂的布局,例如设置多列设计或将区块分组以创建一个有凝聚力的部分。随着我们深入向您展示如何使用区块编辑器,您将更好地了解如何使用块来改进您创建内容的方式。

    古腾堡不仅仅是一个内容编辑器

    需要了解的一件重要事情是,Gutenberg项目的目标不仅仅是一个内容编辑器。

    2021年7月,Gutenberg仍然只是一个内容编辑器(大多数情况下)。但是Gutenberg的长期目标是将其推向称为Full Site Editing的领域。

    Full Site Editing的理念是您可以使用Gutenberg编辑器设计100%的网站。例如,您不仅可以使用WordPress主题附带的标题选项,还可以使用Gutenberg区编辑器设计自定义标题。

    这种类型的功能目前尚不可用,但它是在路上,我们也有一些项目“概念证明”,我们会给你看一下近这篇文章的结尾。

    现在我们已经能够使用WordPress区块编辑器两年多了,我们对古腾堡与其他解决方案的一些优缺点有了很好的了解。在WordPress上创建内容有两种主要选择:

    • TinyMCE编辑器:这是在WordPress 5.0之前使用的经典编辑器。
    • 页面构建器插件这些是为WordPress添加视觉、拖放设计的第三方插件。

    一般来说,经典的TinyMCE编辑器提供更精简的类似字处理器的体验,而页面构建器提供更灵活的视觉拖放设计体验。

    如果我们根据它们的设计灵活性对所有三个编辑器进行排序,它会是这样的:

    Classic TinyMCE编辑器(最不灵活)< Gutenberg < 页面构建器(最灵活)

    现在,让我们谈谈古腾堡块编辑器与替代品的一些优缺点。

    古腾堡与经典编辑器:优点和缺点

    让我们首先比较Gutenberg与经典的TinyMCE编辑器。

    优点

    • 古腾堡提供了更视觉化的设计背景
    • 您不需要使用短代码来嵌入内容——您将获得一个统一的区块系统

    缺点

    • 有些人发现用古腾堡写作有点笨拙,因为每个段落都是一个单独的区块。对于长文章,操作文本可能很困难。您可能更喜欢在另一个编辑器中书写并在完成后将文本粘贴到Gutenberg中。
    • 虽然Gutenberg的性能有了显着提高,但它仍然会滞后于大量文章,而经典编辑器不太可能发生这种情况。

    如果您认为经典TinyMCE编辑器更适合您的需求,您可以完全禁用Gutenberg编辑器。

    古腾堡与页面构建器:优点和缺点

    现在,让我们来看看Gutenberg如何与第三方页面构建器插件相抗衡。

    优点

    • Gutenberg是一项核心功能,这意味着您不必担心兼容性问题。
    • 因为它是一个核心功能,所以所有开发人员都可以将Gutenberg支持构建到他们的插件中,从而提高兼容性。
    • Gutenberg输出更干净、更轻量级的代码。在所有条件相同的情况下,使用Gutenberg构建的设计通常比使用页面构建器构建的相同设计加载速度更快。

    缺点

    • 古腾堡不像页面构建器那样提供适当的视觉编辑。它比经典编辑器更易于访问,但仍然不像页面构建器那样100%无缝。
    • 页面构建器仍然为您提供更灵活的设计和布局选项。
    • 大多数页面构建器提供更加流畅和灵活的拖放移动。

    关于比较的想法

    对于大多数用户来说,古腾堡在灵活性方面达到了最佳点。大多数人不需要为其内容提供页面构建器的灵活性,尤其是博客文章。但同时,快速设置多列设计或插入按钮也不错,经典编辑器并不容易。因此,考虑到这一点,让我们进入如何开始使用古腾堡。

    如何使用WordPress古腾堡区块编辑器

    现在您对Gutenberg区块编辑器有所了解,让我们深入研究如何使用它来开始创建内容。我们将首先介绍界面,然后逐步开发更高级的方法来使用编辑器和改进您的工作流程。

    古腾堡区块编辑器界面

    当您打开编辑器时,它将隐藏WordPress仪表盘侧边栏并为您提供全屏体验:

    WordPress古腾堡区块编辑器界面

    WordPress古腾堡区块编辑器界面

    编辑器分为三个主要部分:

    • 内容:您的内容占据了大部分屏幕。您将看到网站前端的视觉预览。这不是100%准确,但您应该对最终设计有一个很好的了解。
    • 顶部工具栏:顶部的工具栏可帮助您插入新区块、撤消/重做以及访问其他重要设置
    • 侧边栏:侧边栏包含两个选项卡。 “文章”选项卡让您可以配置文章级别的设置,例如其类别、标签、特色图片等。“区块”选项卡显示您选择的区块的设置——稍后会详细介绍。

    要创建更加身临其境的写作体验,您可以通过单击右上角的“齿轮”图标隐藏侧边栏。要恢复侧边栏,您需要做的就是再次单击“齿轮”图标:

    单击“齿轮”图标将显示/隐藏侧栏

    单击“齿轮”图标将显示/隐藏侧栏

    您的编辑器可能看起来略有不同,因为主题开发人员可以选择将他们的样式添加到编辑器中以创建更具视觉效果的体验。根据您的主题,您可能会看到不同的字体或颜色。

    例如,如果您使用新的2021默认主题,编辑器界面如下所示:

    2021主题将其样式应用于区块编辑器的示例

    2021主题将其样式应用于区块编辑器的示例

    添加区块

    要将常规段落文本添加到您的文章中,您只需单击并键入即可。每次按 Enter 键时,编辑器都会自动创建一个新的段落区块。

    对于其他类型的内容,您需要插入一个新区块。您将使用块作为图像、按钮、视频嵌入等。

    要添加新区块,您可以单击界面中的“加号”图标之一。它是左上角的主要区块插入器图标,但您还会在界面内看到其他图标,用于打开较小的区块插入器界面:

    “加号”图标可让您插入新区块

    “加号”图标可让您插入新区块

    首先,将鼠标光标放在要插入新区块的位置。例如,要在按钮下方添加新区块,您可以单击按钮下方,然后单击+图标。

    您应该会看到一个侧面板,其中显示了所有可用的区块,分为不同的类别。您可以搜索特定块或仅从列表中选择一个选项。当您将鼠标悬停在一个区块上时,您将看到其功能的描述和预览。

    要插入区块,您只需单击它。例如,要插入常规图像,您只需单击图片区块

    单击要插入的区块类型

    单击要插入的区块类型

    然后,您可以按照提示上传或从媒体库中选择现有图像。

    基本格式选项

    要为您的区块进行基本格式选择,您将获得一个浮动工具栏,当您单击任何区块时会出现该工具栏。如果您要格式化常规文本,您可以在此处:

    • 添加粗体或斜体
    • 插入链接
    • 更改路线
    • 添加格式,如内联代码、删除线和订阅

    浮动工具栏允许您进行基本的格式选择

    浮动工具栏允许您进行基本的格式选择

    例如,假设您想在您的内容中插入一个链接。您将首先选择要链接的特定文本 – 在我们的示例中,即“对于其他类型的内容”。然后,您可以单击工具栏上的链接图标打开链接插入选项:

    在WordPress古腾堡区块编辑器中插入链接

    在WordPress古腾堡区块编辑器中插入链接

    配置高级区块设置

    您插入的所有区块都在侧栏中带有附加设置。一些块可能会给你一些设置,而另一些区块会给你几个选项来控制设计、布局、功能等。

    要打开区块的设置,请在编辑器中单击块以选择它。然后,转到边栏中的“区块”选项卡以查看其设置。

    下面,您可以看到按钮区块的设置,这是更灵活的区块之一。你可以改变颜色,使它更宽,等等。

    当您更改区块的设置时,您会立即看到这些更改反映在编辑器中。

    您可以在边栏中访问区块的设置

    您可以在边栏中访问区块的设置

    同样,每个区块都将具有该区块独有的设置。例如,如果您打开常规段落文本的设置,您只会获得一些基本的排版和颜色选项。在下面,您可以看到我们能够应用颜色背景来突出显示某些文本:

    常规段落文本的区块设置

    常规段落文本的区块设置

    重新排列区块

    除了仅使用复制和粘贴(您可以像任何其他编辑器一样对文本执行此操作)之外,Gutenberg还为您提供了两种重新排列块的主要方法。

    首先,如果您想将一个区块向上或向下移动几个位置,您可以使用浮动工具栏上的向上或向下箭头。

    对于广泛的移动,您可以使用拖放。要拖放区块,您需要单击箭头左侧的“六个点”图标。

    在该图标上单击并按住鼠标后,您可以将区块拖动到页面上的任何位置:

    您可以使用箭头或拖放来重新排列区块

    您可以使用箭头或拖放来重新排列区块

    对于非文本内容,复制和粘贴可能很棘手。在这篇文章的稍后部分,我们将向您展示如何在保留其样式的同时复制和粘贴整个区块。

    嵌入来自其他来源的内容

    Gutenberg带有专用区块,用于嵌入来自第三方来源(如 YouTube、Vimeo、Soundcloud 等)的内容。您可以在区块插入器的“嵌入”部分找到所有这些选项。

    例如,要嵌入YouTube视频,您只需:

    1. 添加专用的YouTube嵌入区块。
    2. 粘贴视频的直接URL。
    3. 单击嵌入

    在Gutenberg中嵌入YouTube视频

    在Gutenberg中嵌入YouTube视频

    然后,您应该会在编辑器中看到嵌入视频的预览。

    创建多列或分组布局

    正如我们之前提到的,块编辑器相对于旧版TinyMCE编辑器的显着优势之一是您可以创建更复杂的布局,而无需依赖自定义代码或短代码。区块编辑器带有两个默认块来帮助您执行此操作:

    • 栏目:创建多列布局。
    • 组:将多个区块分组。例如,您可以使用它为显示在多个区块后面的整个部分设置背景颜色。

    这两个块的工作原理都是“嵌套”块,这意味着您将一个或多个区块放在另一个区块中。

    我们将向您展示一个使用栏目区块的示例,但相同的基本原则适用于组区块。

    假设您要创建一个两列布局,其中左侧的列有一些常规段落文本,右侧的列有一个按钮。

    首先,您将使用区块插入器添加栏目区块。这将显示一个提示,您可以在其中选择您喜欢的布局:

    选择栏目结构和列宽比

    选择栏目结构和列宽比

    我们将为此示例选择两列 50/50 布局。有了它,你会看到两个大小相等的盒子,里面有+图标。要插入内容,您可以单击那个+图标打开块插入器界面:

    如何向栏目区块添加内容

    如何向栏目区块添加内容

    将第一个区块添加到列后,您可以点击+图标插入其他区块。或者,您可以将一个区块从列结构外部拖放到列中。

    10个提高工作效率的古腾堡技巧

    现在您已经对古腾堡的工作原理有了基本的了解,让我们回顾一些有助于您更有效地使用区块编辑器的有价值的提示和技巧。

    1.使用/ (正斜杠)快速插入区块

    如果您需要插入很多区块,手动打开区块插入器可能会有点乏味。值得庆幸的是,一旦您开始学习需要使用的常用区块的名称,就有一种仅使用键盘/(正斜杠)即可更快地插入区块的方法。

    如果您按“Enter”开始一个新的段落区块,您可以通过键入一个正斜杠来快速插入一个区块,后跟要插入的区块的名称。

    当您开始输入时,您将看到与您的查询匹配的所有区块的列表。然后,您可以使用键盘箭头导航块并按“Enter”键选择要插入的区块。

    以下是使用快速插入添加图像区块的示例:

    如何使用正斜杠快速插入区块

    如何使用正斜杠快速插入区块

    2. 通过从桌面拖动图像来插入图像

    如果您要插入许多图像,区块编辑器包含另一个省时功能,让您无需在上传图像之前添加图像区块。

    相反,您可以直接将图像文件从桌面拖动到您想要将其添加到文章的位置。当您将图像文件拖到您网站的内容上时,您会看到一条蓝线标记图像的显示位置。

    发布文件后,WordPress将自动上传它并在适当的位置插入图像区块:

    您可以通过从桌面拖动文件来插入图像

    您可以通过从桌面拖动文件来插入图像

    3. 使用一些Markdown格式

    如果你是Markdown语法创建内容的粉丝,你会很高兴地知道,区块编辑器不支持某些用途有限,Markdown-主要是做标题。

    例如,如果您想插入带有H3标签的标题块,您可以键入三个主题标签 (`###`),然后按空格键。编辑器会自动将其转换为H3,然后您可以继续输入标题:

    区块编辑器支持标题的基本Markdown语法

    区块编辑器支持标题的基本Markdown语法

    假设您想要更高级的Markdown支持。在这种情况下,你可以安装一个像EditorsKit这样的免费插件,它也可以让你使用Markdown来加粗、斜体和删除线——我们稍后会在这篇文章中详细讨论Gutenberg插件。

    4. 将格式工具栏固定在编辑器的顶部

    如果您不喜欢格式化工具如何“浮动”在块上方,块编辑器包含一项功能,可让您将其固定在顶部工具栏下方:

    您可以将格式工具栏固定到顶部

    您可以将格式工具栏固定到顶部

    5. 复制区块及其所有设置

    区块编辑器允许您像在任何编辑器中一样复制和粘贴文本 – “ Ctrl + C ”或右键单击并选择Copy

    但是,您不能使用此方法复制和粘贴整个区块,同时保留其设置。相反,您需要:

    1. 选择区块。
    2. 单击区块工具栏上的三点图标。
    3. 选择复制

    如何复制区块及其所有设置

    如何复制区块及其所有设置

    以这种方式复制区块后,您可以像往常一样粘贴它——即“ Ctrl + V ”或右键单击并选择粘贴

    6.使用区块列表视图快速选择正确的区块

    对于大多数区块,您只需单击编辑器即可选择区块。但是,如果您开始使用“嵌套”区块,例如在列或组块中插入区块,这可能会变得棘手。

    编辑器包括一个列表视图选项,您可以从顶部工具栏打开它来解决这个问题。列表视图将显示每个区块,包括缩进的嵌套区块。

    您可以通过在列表中单击一个区块来选择它,当您将鼠标悬停在列表中时,编辑器也会突出显示该区块。

    在下面的示例中,您可以看到:

    • 主要的父列区块
    • 每列的嵌套区块
    • 一列内的嵌套组区块
    • 组区块内的嵌套标题区块

    要选择主父块,您只需打开列表视图并从列表中选择它:

    打开列表视图可帮助您导航嵌套区块

    打开列表视图可帮助您导航嵌套区块

    7. 打开代码编辑器(对于单个区块或完整的文章)

    Gutenberg区块编辑器的优点之一是它允许您配置许多样式和布局选项,而无需求助于代码。但是,在某些情况下,您仍可能希望为更高级的用户直接访问代码。

    为了帮助您做到这一点,Gutenberg编辑器提供了几个不同的选项。

    首先,您可以编辑单个区块的代码,这对于插入CSS类等细微调整很有用。为此,请从区块的工具栏中打开下拉菜单,然后选择Edit as HTML(作为HTML编辑)

    如何将单个区块作为HTML编辑

    如何将单个区块作为HTML编辑

    选择此选项会将视觉预览转换为该区块的代码编辑器,而不会影响其他区块的视觉预览:

    单个区块的HTML编辑器

    单个区块的HTML编辑器

    其次,编辑器包含一个HTML自定义区块,您可以使用它来嵌入完整的HTML片段。您所做的就是添加区块并粘贴到您的代码中。

    最后,您还可以通过使用在右上角的下拉菜单或键盘快捷方式:Ctrl Shift Alt M打开整个文档的完整代码编辑器。

    请记住,当您打开完整的代码编辑器时,您还会看到来 Gutenberg的区块格式标记,因此导航可能有点棘手:

    完整的代码编辑器,包括区块标记

    完整的代码编辑器,包括区块标记

    8. 学习键盘快捷键

    区块编辑器包含许多键盘快捷键,可让您执行常见操作。花时间学习它们是值得的,因为它们会让你更有效率,并让你免于重复点击鼠标。

    以下是一些最常见的快捷方式——如果您使用的是 Mac,您需要将“Ctrl”切换为“Command (⌘)”:

    • 打开区块列表视图 – Shift + Alt + O
    • 保存更改 — Ctrl + S
    • 撤消上次更改 — Ctrl + Z
    • 重做上次撤消 – Ctrl + Shift + Z
    • 复制选定的区块 — Ctrl + Shift + D
    • 删除选定的区块 — Shift + Alt + Z
    • 在所选区块之前插入一个新区块 — Ctrl + Alt + T
    • 在所选区块之后插入一个新区块 — Ctrl + Alt + Y

    您还可以在编辑器中打开所有键盘快捷键的完整备忘单。为此,您可以使用键盘快捷键 — Shift + Alt + H — 或单击编辑器右上角的“三个垂直点”菜单图标 ( ),然后从下拉列表中选择键盘快捷键。

    9. 通过隐藏区块整理你的界面

    默认情况下,区块编辑器会添加许多区块,但您可能不会全部使用它们。为了帮助您整理界面,编辑器包含一个名为区块管理的功能,可让您禁用和隐藏您不使用的区块:

  • 如何安装WordPress插件(三种不同方法)

    如何安装WordPress插件(三种不同方法)

    安装WordPress插件对某些人来说似乎微不足道,但我们想涵盖您可以执行此操作的所有不同方法。这包括适合初学者的简单方法和更高级的方法;对于那些拥有更多经验的人,例如WordPress开发人员。

    今天,我们将深入探讨如何在您的网站上安装WordPress插件的三种不同方法。这包括从WordPress仪表盘中搜索、通过SFTP手动上传插件以及通过WP-CLI安装插件。在以下这些示例中,我们将使用流行的免费Yoast SEO插件,该插件目前安装在超过100万个WordPress网站上。

    1. 如何通过仪表盘安装WordPress插件

    从仪表盘中安装WordPress插件是让插件快速启动和运行的最简单方法之一。您要做的第一件事是在WordPress仪表盘的插件菜单下,单击“安装插件”。然后,您可以搜索要安装的插件。在我们的示例中,我们输入Yoast SEO。您还可以浏览特色、热门和推荐的插件。然后点击“立即安装”。

    在WordPress仪表盘中添加插件

    在WordPress仪表盘中添加插件

    然后点击“启用”。

    启用WordPress插件

    启用WordPress插件

    就是这样!您的插件现已安装、启用并可使用。大多数插件,尤其是较大的插件,都会有一个选项菜单,可能会出现在WordPress仪表盘的左侧。例如,使用Yoast SEO插件,我们现在有一个“SEO”菜单,我们现在可以在其中深入了解插件的设置。

    另外一些小功能插件,可能会出现再设置或者工具菜单中。

    WordPress插件设置

    WordPress插件设置

    2. 如何通过SFTP安装WordPress插件

    安装WordPress插件的第二种方法是通过 SFTP(安全 FTP)手动安装。在此示例中,我们将使用免费的Filezilla FTP客户端将Yoast SEO插件上传到我们的WordPress网站。根据您托管的说明将有所不同。您可以参考提供商的文档,了解如何通过SFTP连接到您的站点。

    第一步是转到WordPress插件库并手动下载插件。您可以搜索插件,然后单击进入。

    WordPress插件库搜索插件

    WordPress插件库搜索插件

    然后单击“下载版本xx”按钮。这会将插件的最新 .zip 版本下载到您的计算机。

    手动下载插件

    手动下载插件

    然后您需要解压插件安装包( 您也可以通过SSH解压缩它)。

    解压WordPress插件

    解压WordPress插件

    然后通过您的FTP客户端,将插件上传到您的/public/wp-content/plugins目录(不同主机,路径可能稍有不同)。注意:您需要在命名的插件文件夹中获取插件文件夹。比如wordpress-seo.3.5文件夹下还有一个文件夹叫做wordpress seo。那是您要移动的文件夹。

    通过SFTP安装WordPress插件

    通过SFTP安装WordPress插件

    然后要启用插件,请转到WordPress仪表盘插件部分下的“已安装的插件”,然后单击您刚刚通过SFTP上传的插件下的“启用”。

    通过SFTP启用插件

    通过SFTP启用插件

    3. 如何通过WP-CLI安装WordPress插件

    将插件上传到WordPress的第三种也是最后一种方法是通过WP-CLI,这是一个用于管理WordPress的命令行工具。启动WP-CLI后,您可以运行以下命令来安装插件。不过,首先,您需要知道名称。您用于WP-CLI的插件的名称只是插件库或Git上的文件夹名称。所以在这个例子中,它是“wordpress-seo”。

    WP-CLI安装插件

    WP-CLI安装插件

    因此,从命令行,我们输入以下内容:

    wp plugin install wordpress-seo
    wp plugin install wordpress-seo
    wp plugin install wordpress-seo

    wp插件安装

    wp插件安装

    然后我们运行以下命令来启用它。

    wp plugin activate wordpress-seo
    wp plugin activate wordpress-seo
    wp plugin activate wordpress-seo
    

    wp插件启用

    wp插件启用

    就是这样!正如您所看到的,WP-CLI非常快,一旦您习惯了它,它就可以成为管理WordPress安装、插件和安装的好方法。请务必查看官方WP-CLI文档以获取其他命令和示例。

  • 如何通过FTP批量上传文件到WordPress媒体库

    如何通过FTP批量上传文件到WordPress媒体库

    批量上传文件到您的WordPress媒体库允许您上传大量文件或文件大小较大的文件,而无需尝试使用WordPress内置上传功能。但是,虽然这个过程在某些情况下绝对可以让您的生活更轻松,但它并不像通过FTP上传文件那么简单。如果您希望这些文件在您的WordPress媒体库中实际可用,您需要完成一些额外的步骤。下面,我们将带您完成从开始到结束的完整过程。

    何时将文件批量上传到WordPress媒体库有帮助?

    只要您不尝试上传,常规的 WordPress 媒体库上传功能就完全没问题:

    • 大文件大小的文件(一些 WordPress 网站的最大上传大小默认低至2MB)
    • 大量单个文件(以数百个为例)

    但有时您可能需要完成上述操作之一。在这些情况下,通过FTP将文件批量上传到您的媒体库提供了比尝试使用内置媒体库上传工具更好的解决方案。

    为什么不能通过FTP上传文件并停止?

    完全可以通过FTP批量上传文件,而无需完成任何额外的步骤。只有当您希望这些文件在您的WordPress媒体库中可用时才会出现问题

    看,一旦您通过FTP上传文件,它就在您的服务器上。也就是说,您可以直接链接到它并加载文件。但是,虽然您可以直接链接到该文件,但它不会出现在您的WordPress媒体库中,除非您完成一些额外的操作以将上传的文件注册到WordPress。

    因此,如果您希望批量上传的文件实际出现在您的媒体库中,则需要完成以下过程:

    • 通过FTP将文件上传到您的上传文件夹
    • 使用免费的WordPress插件注册您使用WordPress媒体库上传的文件

    下面,我们将带您详细了解所有步骤。您不需要任何专业知识即可完成该过程 – 只需按照屏幕截图操作即可!

    如何将文件批量上传到 WordPress 媒体库

     

    为了将您的文件批量上传到 WordPress 媒体库,您需要一些工具和信息:

    • 您的主机的FTP帐户详细信息– 需要从您自己的主机仪表板获取这些详细信息。
    • FTP 程序– 一种允许您将文件上传到主机的软件。FileZilla是一个不错的免费选择,但如果您愿意,也可以选择其他FTP程序。
    • 从服务器添加插件——这个免费插件可帮助您将上传的文件注册到您的媒体库。

    第 1 步:通过 FTP 连接到您的网站

    首先,您需要通过FTP或SFTP连接到您的站点。SFTP是安全FTP的简称。

    请记住 – 您需要一个FTP程序来执行此操作。我们将在屏幕截图中使用FileZilla,但您可以根据需要使用其他FTP程序。

    要实际连接,您需要FTP登录详细信息。

    SFTP/SSH部分,您将需要主机、用户名、密码和端口。

    现在,您拥有了通过FTP连接所需的所有信息。

    使用您的SFTP详细信息,返回到您的FTP程序并按如下方式输入它们:

    • 主机-您的主机名前有“sftp://”。例如: sftp://35.224.70.159 此外,某些FTP程序允许您在单独的下拉列表中指定SFTP方法。
    • 用户名– 来自您的主机仪表板
    • 密码——来自您的主机仪表板
    • 端口– 从您的主机仪表板

    通过SFTP登录Filezilla

    通过SFTP登录Filezilla

    输入信息后,单击Quickconnect按钮,FileZilla(或您选择的FTP程序)将处理其余的工作。

    第 2 步:上传任意数量的文件

    此时,您应该通过FTP客户端连接到您的站点。您可以通过查找状态:已连接到yoursite.com消息来确认这一点:

    连接Filezilla FTP客户端

    连接Filezilla FTP客户端

    现在,您需要将文件上传到WordPress站点中的上传文件夹。为此,请通过单击+按钮展开FTP 程序中远程站点选项卡的文件夹结构。您可以在下面的屏幕截图中看到要遵循的文件路径:

    扩展FTP文件夹

    扩展FTP文件夹

    现在,您可以在FTP程序的“本地站点”选项卡中导航到要上传的文件。您需要做的就是将这些文件从本地站点端拖到远程站点的上传文件夹中:

    通过FTP上传本地文件

    通过FTP上传本地文件

    根据文件的大小,上传它们可能需要一些时间。但除了等待上传完成之外,您现在已经完成了这一步。

    第 3 步:将您新上传的文件注册到WordPress媒体库

    FTP上传完成后,您的文件就在您的服务器上。但是,如果您访问WordPress网站的媒体库,您会注意到这些文件无处可见:

    WordPress媒体库

    WordPress媒体库

    要将这些文件带入您的库,您需要安装并激活免费的Add From Server插件。

    激活插件后,您可以导航至媒体 → Add From Server。然后单击列表中的上传文件夹:

    Add From Server插件

    Add From Server插件

    现在,您应该会看到您刚刚通过FTP上传的文件列表。假设您想导入每个文件,您只需勾选复选框以选择全部(如果没有,您始终可以选择单个文件)。然后,单击底部的导入按钮:

    从服务器添加 - 选择文件

    从服务器添加 – 选择文件

    单击该按钮后,您应该会在屏幕顶部看到每个文件的成功消息:

    通过FTP添加媒体库文件夹

    通过FTP添加媒体库文件夹

    当您返回媒体库时,您应该会看到通过FTP上传的所有文件:

    FTP文件显示在WordPress媒体库中

    FTP文件显示在WordPress媒体库中

    就是这样!到此您已完成。这就是将文件批量上传到WordPress媒体库所需要做的全部工作。

    备择方案

    这里有一些替代方案,您也可以用来在WordPress媒体库中批量上传和注册文件。

    • 如果您想要一个功能更复杂的插件,您可以尝试免费的Media from FTP插件。这个插件的主要优点是能够安排导入过程自动运行。但是,除非您特别需要此功能,否则尽可能坚持使用Add From Server提供的手动方法通常更安全。
    • 您还可以使用高级WP All Import 插件从您的服务器导入图像
    • 如果您想直接从命令行执行此操作,您可以使用 WP-CLI 导入图像wp media import命令允许您从本地文件或URL创建附件。
  • 如何手动更新WordPress插件

    如何手动更新WordPress插件

    有时候我们需要手动更新WordPress插件!在前面我们已经介绍了几种安装WordPress插件的几种不同方法

    现在,在第一篇文章的基础上,我们将介绍几种不同的方法来在仪表板内自动更新不起作用时手动更新WordPress插件。大多数情况下,这些自动更新工作得很好。但大多数时候并不总是如此。因此,学习如何手动更新WordPress插件以涵盖边缘情况是个好主意。

    注:从WordPress 5.5开始,您可以通过WordPress仪表盘从您的计算机上传.zip包来更新插件和主题。

    更新WordPress插件

    在本条目中,我们将向您展示如何以三种不同的方式更新WordPress插件:

    1. 如何从WordPress仪表盘更新WordPress插件

    在我们进入手动更新教程之前,这里有一个关于自动更新插件的快速复习。

    我们将保持简短,因为您可能已经熟悉这种更新WordPress插件的方法。您要做的就是前往WordPress仪表盘中的插件选项卡,查看特定插件已过期的通知,然后单击立即更新按钮以自动更新插件:

    WordPress插件“立即更新”

    WordPress插件“立即更新”

    然后WordPress会自动获取最新版本并为您安装——不再需要手动输入。

    上面的方法完全可以使用……直到它不是。也就是说,虽然自动插件更新应该在99% 的时间内工作,但您可能会遇到一些特定情况,其中:

    • 由于某种原因,自动插件更新失败。发生这种情况时,WordPress 通常会告诉您“插件升级失败”
    • 您使用的第三方插件不支持自动更新。虽然大多数第三方插件确实启用了自动更新,但有时问题会阻止它们正常工作。

    在这些情况下,您需要亲自动手并手动更新插件。虽然这似乎是一项艰巨的任务,但实际上很容易做到。说真的 – 我们将向您展示如何……

    2. 如何通过SFTP或FTP手动更新WordPress插件

    对于绝大多数人来说,运行这些手动更新的最佳方式是通过SFTP/FTP。因此,除非您已经熟悉WP-CLI的概念,否则我们建议您使用SFTP/FTP方法。FTP方法快速、简单,并且不会影响您插件的任何设置。

    要开始使用此方法,您需要一些工具和信息:

    • 一个FTP程序。这允许您通过SFTP/FTP连接到您的站点。FileZilla是一个不错的免费选项(我们将在我们的屏幕截图和指南中使用它),但您可以选择您喜欢的任何程序。
    • 您的SFTP详细信息。这一般在你的主机控制面板可以找到,如果你使用的是宝塔面板,则直接在宝塔面板上操作即可。

    获得此信息后,打开您选择的 FTP 程序并连接到您的站点。以下是您需要在“连接”框中输入的特定信息:

    • Host– 从您的主机控制面板获取。如果您使用Filezilla进行连接,则需要在URL前添加sftp://以使用SFTP连接。
    • 用户名– 从您的主机控制面板获取。
    • 密码– 从您的主机控制面板获取。
    • 端口– 从您的主机控制面板获取。

    通过FTP连接到您的站点后,使用远程站点选项卡中的文件夹结构导航到您的插件文件夹。您可以在下面的屏幕截图中看到路径:

    WordPress插件目录

    WordPress插件目录

    然后,通过右键单击并选择Rename来重命名要更新的插件的文件夹。例如,如果您想更新add-from-server插件,您可以右键单击并将其重命名为add-from-server-old:

    重命名WordPress插件文件夹

    重命名WordPress插件文件夹

    虽然您总是可以立即删除旧插件 – 重命名它可以确保您仍然可以随时使用文件,以防出现问题。但是,一旦验证一切正常,您将需要删除旧版本。

    上传最新版本的插件

    重命名文件夹后,您需要下载插件的最新版本。如果插件在WordPress.org上列出,您只需单击其列表页面上的“下载”按钮:

    下载最新版本的WordPress插件

    下载最新版本的WordPress插件

    对于其他插件,您需要从开发人员那里获取最新版本。然后,使用工具打开您下载的 .zip 文件并解压缩其中的文件夹:

    提取WordPress插件

    提取WordPress插件

    然后,在FTP 程序的本地站点选项卡中找到提取的文件夹并将其上传到服务器上的插件文件夹:

    手动上传WordPress插件

    手动上传WordPress插件

    文件上传完成后,您的插件应更新到最新版本。您可以通过转到WordPress仪表盘中的插件选项卡来验证这一点:

    最新版本的插件

    最新版本的插件

    确保仔细检查插件是否仍处于激活状态(应该是)。然后,只要您没有看到任何错误,就应该继续使用FTP程序从服务器中删除旧文件夹。

    注意 – 在删除旧文件夹之前,您可能会在“插件”选项卡中看到两次列出的插件。这是正常的,删除旧文件夹后就会消失。

    现在,您的插件应该100%是最新的!而且因为您所做的一切都不会对WordPress数据库产生任何影响,所以您的所有插件设置在更新过程后都应保持不变。

    3. 如何通过WP-CLI手动更新WordPress插件

    注意– 如果您无法自动更新插件,因为自动更新不可用,此方法仍然无效。这只是使用仪表板内更新方法的一种替代方法——它不能 100% 替代上述所有情况下的SFTP方法。

    使用WP-CLI更新插件相当简单。假设您已经通过SSH连接到您的服务器并熟悉WP-CLI的基础知识,您需要做的就是运行以下命令:

    wp plugin update plugin-slug
    wp plugin update plugin-slug
    wp plugin update plugin-slug

    要坚持我们之前的从服务器添加示例,您只需要运行:

    wp plugin update add-from-server
    wp plugin update add-from-server
    wp plugin update add-from-server

    WP-CLI 手动更新WordPress插件

    WP-CLI 手动更新WordPress插件

    对于其他命令和示例,您可以查看官方WP-CLI插件文档

  • 如何实现WordPress和WooCommerce文章重新排序

    如何实现WordPress和WooCommerce文章重新排序

    默认情况下,WordPress按时间倒序(从最新到最旧)对文章进行排序,或者更确切地说是按发布日期排序。这适用于大多数发布商,但在某些情况下您可能需要对它们重新排序。

    也许您有需要重新排列的自定义文章类型或希望出现在购物页面顶部的WooCommerce产品。查看这些不同的解决方案和技巧来重新排序WordPress中的文章。

    以下是您可以用来重新排序文章的几种不同方法和选项。

    选项1 – 通过更改发布日期重新排序文章

    大多数WordPress主题使用“ orderby ”发布日期参数。因此,您可以用来重新排序文章的第一种方法是简单地更改文章上的发布日期。这可以是重新排序一两个文章的快速方法,但WordPress没有很好的批量重新排序方式。如果您需要一次做很多事情,我们建议您使用以下其他选项之一。如果我们看一下下面的文章,我们可以看到这两篇文章是在同一天发表的。最后一个发布的是出现在我们博客顶部的那个。但是,在这种情况下,我们希望先显示上一篇文章。因此,要更改顺序,我们可以更改发布日期。为此,请单击文章标题下的“编辑”。

    编辑WordPress文章

    编辑WordPress文章

    在右侧,您选择一个新的发布日期(一个比另一个更新的日期),然后单击“更新”。

    通过更改发布日期重新排序文章

    通过更改发布日期重新排序文章

    您可以看到该文章现在位于顶部的另一个文章上方。这将反映在您的博客上,因为所有内容都按时间倒序显示。

    文章现在出现在列表顶部

    文章现在出现在列表顶部

    如果您不想彻底更改日期,您也可以简单地更改时间(如下所示,WordPress 默认使用军用时间)。即使稍后设置它也会导致它重新排序文章。

    修改WordPress文章发布时间

    例如,如果您有一个自动RSS电子邮件营销活动即将运行,并且您需要它来抓取当天的文章,但您只需要重新排序一两个文章,那么仅更改时间就很有用。

    选项 2 – 在WooCommerce中重新排序文章(内置拖放)

    很多人可能不知道这一点,但WooCommerce实际上在其插件中具有内置的拖放功能。要使用它,请单击“Products”页面,然后单击顶部的“Sorting”。然后,您可以将鼠标悬停在产品上并拖动它们以更改其顺序。是的,这会直接影响它们出现在购物页面前端的顺序。

    WooCommerce产品排序

    排序WooCommerce产品

    在WooCommerce中重新订购产品的另一种方法是更改​​自定义元“menu order”字段。如果您单击您的产品,在“Advanced”选项卡下,您可以为产品分配菜单顺序,例如 0、1、2、3、4。这将反映在仪表板和商店的前端。您也可以使用负数。因此,例如,如果您想要显示在顶部的产品,并且您之前已经分配了菜单订单,则可以使用 -1 或 -2。某些主题还将具有可在自定义文章类型中更改的菜单顺序。

    在WooCommerce中更改菜单顺序

    在WooCommerce中更改菜单顺序

    您还可以通过更改默认产品排序来快速更改商店页面前端的目录。为此,请单击WooCommerce设置,然后单击“Products”选项卡下的“Display”。然后,您可以从默认产品分类中选择以下内容:

    • 默认排序(自定义排序 + 名称)
    • 人气(销量)
    • 平均评分
    • 按最近排序
    • 按价格排序(升序)
    • 按价格排序(降序)

    WooCommerce默认产品排序

    WooCommerce默认产品排序

    最后,您还可以使用插件在WooCommerce和EDD中重新排列产品,请参阅下面的下一个选项。

    选项 3 – 使用插件重新排序WordPress文章

    到目前为止,在WordPress中重新排序文章的最简单方法之一是使用插件。我们强烈推荐免费的Post Types Order插件。这允许您使用拖放可排序的JavaScript功能重新排序帖子、页面、自定义文章类型和产品(WooCommerce和EDD)。

    Post Types Order插件

    Post Types Order插件

    它目前有超过400,000次活跃安装,您可以从WordPress插件库下载Post Types Order ,也可以在WordPress仪表盘插件下“安装插件”搜索它。启用它后,单击设置下的“Post Types Order”,您可以启用您希望重新排序界面显示的文章类型。

    文章类型顺序

    文章类型顺序

    然后在该文章类型下,您将看到一个名为“Re-order”的新菜单。然后,您可以根据您希望它们出现的顺序拖放其中的文章。在此示例中,我们在Testimonial自定义文章类型上执行此操作。

    如何实现WordPress和WooCommerce文章重新排序-1

    拖放重新排序自定义文章类型

    因为WordPress主题为这种自定义文章类型设置了自定义样式,使用插件重新排列它们使我们能够准确控制它们在页面上的显示方式。因此,从某种意义上说,使用此插件重新排序甚至会影响您网站的设计和感觉。

    排列自定义文章类型

    排列自定义文章类型

    请记住,您几乎可以使用该插件重新排序任何类型的帖子。又快又容易!

    选项 4 – 使用代码重新排序WordPress文章

    您的最后一个选择是使用自定义代码重新排序WordPress文章。这是一个按标题升序在前端对文章进行排序的示例。为确保在更新主题时您的自定义设置保持不变,请首先备份您的网站。然后,把下面的代码添加至你主题的functions.php文件中。

    function change_posts_order( $query ) {
    if ( $query->is_home() && $query->is_main_query() ) {
    $query->set( ‘orderby’, ‘title’ );
    $query->set( ‘order’, ‘ASC’ );
    }
    }
    add_action( ‘pre_get_posts’, ‘ change_posts_order ‘ );
    function change_posts_order( $query ) {
    if ( $query->is_home() && $query->is_main_query() ) {
    $query->set( ‘orderby’, ‘title’ );
    $query->set( ‘order’, ‘ASC’ );
    }
    }
    add_action( ‘pre_get_posts’, ‘ change_posts_order ‘ );
    function change_posts_order( $query ) {
    if ( $query->is_home() && $query->is_main_query() ) {
    $query->set( 'orderby', 'title' );
    $query->set( 'order', 'ASC' );
    }
    }
    add_action( 'pre_get_posts', ' change_posts_order ' );

    您还可以聘请WordPress开发人员来创建您自己的自定义排序查询。

  • 如何禁用WordPress插件(4种方法)

    如何禁用WordPress插件(4种方法)

    正在为如何禁用WordPress插件而苦恼?如果您仍然可以访问您的WordPress仪表盘,这个过程很简单——您只需单击一个按钮。但是,如果您无法访问WordPress仪表盘,则需要以不同的方式禁用插件。

    无论您处于何种情况,我们都会向您展示一种方法,可以让您快速禁用一个或多个WordPress插件。您可以单击以下链接之一直接跳转到特定方法。

    如何通过wp-admin仪表盘禁用WordPress插件

    如果您仍然可以访问wp-admin仪表盘区域,这里是单独或批量禁用插件的方法。

    如何从WordPress仪表盘禁用单个插件

    首先,单击仪表盘侧栏中的插件。然后,单击要禁用的插件名称下方的禁用链接:

    从WordPress仪表盘禁用单个插件

    从WordPress仪表盘禁用单个插件

    就是这样!该插件现已禁用。如果需要,您可以通过同样单击“删除”按钮从WordPress站点完全删除插件。您始终可以通过单击“未启用”选项卡来查看已禁用插件的完整列表:

    删除WordPress插件

    删除WordPress插件

    如何从WordPress仪表盘批量禁用插件

    如果您想同时禁用多个插件,您可以使用每个插件旁边的复选框来选择多个插件。选择要禁用的所有插件后,从下拉列表中选择禁用,然后单击应用

    批量禁用WordPress插件

    批量禁用WordPress插件

    单击应用后,您选择的所有插件都将被禁用。

    如何通过FTP禁用WordPress插件

    如果您在网站上遇到阻止您访问WordPress仪表盘的问题,一个常见的诊断步骤是禁用您网站上的所有插件。但是因为您无法访问WordPress管理仪表盘来禁用它们,所以您需要通过FTP手动连接到您的站点并以这种方式禁用插件。

    就是这样:

    第 1 步:通过FTP连接到您的站点

    要通过FTP连接到您的站点,您需要:

    • FTP客户端– FileZilla是一个很好的自由选择
    • 您的FTP凭据– 您可以从主机获取这些凭据

    通过FTP成功连接到您的站点后,您应该会看到大致如下所示的内容:

    FTP程序管理WordPress界面

    FTP程序管理WordPress界面

    第 2 步:导航到wp-content文件夹

    在您的FTP程序中,导航到wp-content文件夹:

    wp-content文件夹

    wp-content文件夹

    第 3 步:将插件文件夹重命名为plugins_old

    wp-content文件夹中,您应该会看到一个名为plugins的文件夹。右键单击此文件夹并将其重命名为plugins_old

    重命名插件文件夹

    重命名插件文件夹

    完成后,它应该如下所示:

    重命名插件文件夹后

    重命名插件文件夹后

    此时,您的所有插件都已禁用。您现在应该能够成功访问您的WordPress仪表盘。

    第 4 步:将plugins_old文件夹重命名为plugins

    成功访问WordPress仪表盘后(在完成此步骤之前访问WordPress仪表盘至关重要),您可以执行相同的过程将plugins_old文件夹重命名回原始plugins名称:

    plugins_old文件恢复原样

    plugins_old文件恢复原样

    将名称改回plugins后,您可以转到WordPress仪表盘中的Plugins部分,根据需要手动重新激活插件。

    如何通过FTP停用单个WordPress插件

    如果您知道只需要禁用一个插件即可解决问题,您可以执行类似的过程,但只需稍作调整。重命名插件文件夹名而不是重命名插件目录:

    • 浏览到plugins文件夹
    • 找到要停用的插件的文件夹
    • 右键单击该文件夹并将其重命名为plugin-name_old之类的名称

    通过FTP禁用单个插件

    通过FTP禁用单个插件

    通过这样做,只会禁用那个单独的插件——你的其他插件都不会受到影响。

    如何通过phpMyAdmin禁用WordPress插件

    在大多数情况下,如果您被锁定在仪表盘之外,FTP方法是禁用WordPress插件的最简单方法。但如果需要,您也可以通过phpMyAdmin禁用WordPress插件。

    强烈建议您在进行任何更改之前进行备份,因为您将直接编辑站点的数据库。

    第 1 步:打开phpMyAdmin

    如果您使用宝塔面板管理服务器,则这非常方便:,则可以从宝塔后台右侧的“数据库”菜单进入数据库管理,然后点击对应网站的数据库“管理”链接即可进入phpMyAdmin 。

    如何通过宝塔访问网站数据库的phpMyAdmin

    如何通过宝塔访问网站数据库的phpMyAdmin

    如果您在其他地方托管,您应该能够直接从您的cPanel仪表板访问phpMyAdmin。

    第 2 步:选择WordPress数据库

    打开phpMyAdmin后,从左侧边栏的选项中选择WordPress站点的数据库:

    打开WordPress网站的数据库

    打开WordPress网站的数据库

    第 3 步:打开选项表

    接下来,单击以打开选项表。它通常被命名为wp_options,但有些安装使用不同的前缀。只要是something_options,你就找到了正确的表:

    找到选项表

    找到选项表

    第 4 步:编辑active_plugins值

    选项表中,查找option_name列中的active_plugins条目。您可能需要转到第二页才能找到此条目。找到后,单击该行的“编辑”按钮:

    找到active_plugins条目

    找到active_plugins条目

    编辑界面打开后,在option_value框中输入a:0:{}并单击Go

    编辑active_plugins条目

    编辑active_plugins条目

    就是这样!您网站上的所有插件现在都将被禁用。如果需要,您可以转到WordPress仪表盘中的插件区域并手动重新激活插件。

    如何通过WP-CLI禁用WordPress插件

    在WordPress中禁用插件的第四种也是最后一种方法是通过WP-CLI,这是一个用于管理WordPress的命令行工具。启动WP-CLI后,您可以运行以下命令来禁用插件。不过,首先,您需要知道名称。

    您用于WP-CLI的插件的名称只是存储库或Git上的文件夹名称。所以在这个例子中,它是“wordpress-seo”。

    WP-CLI安装插件名称

    WP-CLI安装插件名称

    或者您可以运行以下命令来获取当前插件的列表:

    wp plugin list
    wp plugin list
    wp plugin list

    WP-CLI插件列表

    WP-CLI插件列表

    要停用单个插件,您可以运行以下命令。

    wp plugin deactivate wordpress-seo
    wp plugin deactivate wordpress-seo
    wp plugin deactivate wordpress-seo
    

    WP-CLI停用插件

    WP-CLI停用插件

    要一次停用所有插件,请运行以下命令。

    wp plugin deactivate –all
    wp plugin deactivate –all
    wp plugin deactivate --all

    WP-CLI停用所有插件

    WP-CLI停用所有插件

    就是这样!正如您所看到的,WP-CLI非常快,一旦您习惯了它,它就可以成为管理WordPress安装、插件和安装的好方法。请务必查看官方WP-CLI 文档以获取其他命令和示例。

  • 如何更改您的WordPress用户名

    如何更改您的WordPress用户名

    创建WordPress帐户后,您可能出于各种原因想要更改用户名。不幸的是,WordPress默认不允许您更改用户名。

    如果您尝试过,您可能会看到如下内容:

    WordPress默认不支持更改WordPress用户名

    您将在本教程中了解如何解决此问题

    虽然WordPress不允许修改,但实际上您可以通过多种方式安全地更改您网站上的WordPress用户名或任何其他用户的用户名。

    在本文中,您将学习三种不同的方法。如何…

    1. 使用免费的Username Changer插件
    2. 通过创建新用户名并删除旧用户名来更改您的用户名
    3. 通过phpMyAdmin修改数据库更改您的用户名

    如果您不习惯使用phpMyAdmin直接编辑WordPress数据库,我们强烈建议您使用第一种或第二种方法。

    如何使用Username Changer插件更改WordPress用户名

    更改WordPress用户名的最简单方法是使用免费的Username Changer插件

    要使用它,请安装并启用插件。然后,转到用户 → 个人资料。在您的用户名旁边,您应该会看到一个Change Username的新选项:

    该插件添加了Change Username新选项

    该插件添加了Change Username新选项

    当您单击该链接时,您将获得输入用户名的选项。然后,当您对用户名感到满意时,只需单击“Save Username即可使您的更改生效:

    输入您的新用户名并保存

    输入您的新用户名并保存

    如果更改通过,您应该会看到一条成功消息。如果您更改了自己的用户名,则还需要使用新用户名再次登录(您的密码仍然相同):

    如果您更改了自己的用户名,则需要重新登录

    如果您更改了自己的用户名,则需要重新登录

    您还可以使用此插件更改其他用户的用户名。如果您转到Settings → Username Changer,您还可以允许某些其他用户更改自己的用户名。

    如何通过创建/删除帐户来更改WordPress用户名

    这种方法在技术上不会改变你的用户名……但最终结果是一样的。基本上,您将:

    • 创建新用户名
    • 将作者身份从您的旧用户名转移到您的新用户名
    • 删除旧用户名

    步骤 1:创建新的管理员用户

    假设您的帐户是管理员帐户,您需要做的第一件事是转到用户 → 添加用户并创建一个新用户。

    在用户名框中输入您想要的用户名,并确保将角色设置为管理员(如果您要更改其他用户的用户名,请确保为其帐户选择适当的用户角色):

    创建一个新的WordPress用户

    创建一个新的WordPress用户

    目前,您将无法使用与现有帐户相同的电子邮件。但是,您可以在下一步中删除原始帐户后随时更新您的电子邮件。

    步骤 2:删除旧用户名

    现在,退出您的WordPress仪表盘,然后使用您刚刚创建的新用户名重新登录。

    完成后,转到WordPress仪表盘中的“用户”选项卡并删除您的旧用户名:

    删除您原有的用户名

    删除您原有的用户名

    在下一页上,选中将这些内容的作者修改为:并在下拉菜单选择您的新用户名。这可确保您现有的所有文章和页面现在都将使用您的新用户名作为作者:

    确保将所有内容归于您的新用户名

    确保将所有内容归于您的新用户名

    然后,点击确认删除

    就是这样!您的新用户名现在应该与旧用户名完全一样。您可以通过查看用户区域中的文章列来验证这一点:

    验证您的所有旧文章是否都与您的新用户名相关联

    验证您的所有旧文章是否都与您的新用户名相关联

    如何通过phpMyAdmin更改WordPress用户名

    重要提示:此方法需要直接编辑您的WordPress站点的数据库,因此我们不推荐它,除非您觉得使用phpMyAdmin很舒服。

    我们始终建议在进行任何更改之前完全备份您的数据库

    步骤 1:访问 phpMyAdmin

    如果您使用宝塔面板管理服务器,则这非常方便:,则可以从宝塔后台右侧的“数据库”菜单进入数据库管理,然后点击对应网站的数据库“管理”链接即可进入phpMyAdmin 。

    如何通过宝塔访问网站数据库的phpMyAdmin

    如何通过宝塔访问网站数据库的phpMyAdmin

    如果您在其他地方托管,您应该能够直接从您的cPanel仪表板访问phpMyAdmin。

    步骤 2:浏览到wp_users表

    登录到phpMyAdmin后,在左侧选择您站点的数据库。然后,单击wp_users表:

    选择wp_users表

    选择wp_users表

    步骤 3:编辑用户名

    找到您要为其更改用户名的用户。然后,单击编辑

    确保选择正确的用户

    确保选择正确的用户

    在下一个屏幕上,在user_login字段中输入您想要的新用户名。然后,点击底部的Go

    将user_login字段更改为您的新用户名

    将user_login字段更改为您的新用户名

    就是这样!当您尝试访问WordPress仪表盘时,系统会提示您使用新用户名登录。您的密码和电子邮件地址将与以前相同。

  • 如何添加WordPress图片说明文字

    如何添加WordPress图片说明文字

    标题是出现在图像下方的一小段文字,通常用于为其提供额外的上下文或提供来源归属。虽然图片说明可能看起来很小,但与内容中的常规文本相比,它们可能需要读者更多的关注。一些专家,例如Copyblogger的专家,甚至建议在重要图像下方使用2-3个句子标题。

    出于这个原因,关注WordPress网站上的说明文字是有意义的(您会注意到,除了我们的特色图片之外,我们还在此处的所有内容中使用了标题)。为了帮助您开始为自己的图像使用说明文字,我们将深入研究如何添加WordPress图像说明文字。

    我们将介绍几个不同的应用程序,但您始终可以单击以下链接之一直接跳转到特定部分:

    如何添加WordPress图片说明

    在本节中,我们将介绍如何添加您在单个文字或页面中使用的WordPress图片说明。首先,创建一个新的文章/页面或编辑要添加标题的内容。

    然后,单击WordPress编辑器中的添加媒体按钮上传或插入图像:

    如何在WordPress编辑器中添加新图像

    如何在WordPress编辑器中添加新图像

    找到现有图像或上传要为其添加标题的图像后,单击图像预览缩略图以选择图像。

    然后,在“附件详细信息”部分下查找“说明文字”框。在框中输入所需的标题,然后单击插入文章

    选择特定图像以为其添加说明文字

    选择特定图像以为其添加说明文字

    就是这样!您应该会在WordPress编辑器中的图像下方看到您的说明文字,并且您还会看到它出现在前端:

    图像说明文字在WordPress编辑器中的外观示例

    图像说明文字在WordPress编辑器中的外观示例

    WordPress支持开箱即用的图像说明文字。但是,您的标题在前端的外观将取决于您使用的特定WordPress主题。如果您的标题丢失或样式不符合您的要求,我们建议您联系WordPress主题的开发人员进行更改。大多数情况下,它只是需要的一个小的CSS 调整。

    我们还将深入探讨下面的WordPress插件,它可以帮助您对如何在WordPress网站上设置标题的样式进行一些额外的控制。

    如何编辑现有图像的说明文字

    在上一节中,我们向您展示了如何为插入到WordPress内容中的新图像添加说明文字。但是,如果您需要编辑现有图像的标题或为已插入内容的图像添加标题,该怎么办?

    要做到这一点:

    • 单击要编辑或添加标题的现有图像
    • 单击铅笔图标以编辑图像

    如何编辑WordPress图像

    如何编辑WordPress图像

    • 说明文字框中输入描述图片的文字
    • 点击更新

    在哪里添加新说明文字

    在哪里添加新说明文字

    如果您需要编辑图像的说明文字,您也可以像编辑任何其他文本一样在WordPress编辑器中新增图像说明文字的文本:

    直接在WordPress编辑器中编辑现有的WordPress图片说明文字

    直接在WordPress编辑器中编辑现有的WordPress图片说明文字

    同样 – 最后一种方法仅适用于您正在修改图像的说明文字。

    您可以使用类似的方法为您在常规WordPress画廊中使用的图像添加说明文字。

    首先,创建一个新画廊:

    • 单击添加媒体
    • 选择创建图库
    • 选择您的图片
    • 单击创建新画廊

    如何在WordPress中创建新的图片库

    如何在WordPress中创建新的图片库

    然后,您可以使用每个图像下方的框来编辑每个图像的标题:

    编辑WordPress相册图像的说明文字

    编辑WordPress相册图像的说明文字

    如何更改WordPress图像说明文字的外观

    默认情况下,您选择的WordPress主题控制您网站上的图像说明文字的外观。因此,如果您想直接更改此默认功能在主题中的外观,则需要使用自定义CSS。

    你可以使用名为Image Caption Hover的免费插件实现,该插件可让您通过200多种不同的CSS3悬停效果显示图像标题。

    此插件不允许您更改图像说明文字的静态显示。但是,如果您愿意仅在用户将鼠标悬停在您的一张图片上时才显示图片说明,那么这是一个免费选项,可以为您提供大量控制权。

    要使用插件为图像添加说明文字,您首先需要使用插件的标题构建器来选择悬停效果并输入说明文字的详细信息。然后,您可以使用提供的简码在WordPress网站上的任何位置插入图像和说明文字:

    Image Caption Hover插件界面

    Image Caption Hover插件界面

    为使用插件创建的图像添加短代码后,您将在站点的前端看到新的说明文字悬停效果:

    插件创建的说明文字悬停效果示例

    插件创建的说明文字悬停效果示例

    默认情况下,大多数WordPress主题不会在您的特色图片下方显示说明文字。但是,有时您可能需要在那里显示说明文字,特别是如果您需要为您在特色图片中使用的图片提供属性。

    要在您的特色图片下方显示说明文字,您可以使用免费的Featured Image Caption插件,该插件旨在与所有WordPress主题配合使用。

    安装并启用插件后,您将在WordPress编辑器的侧边栏中获得一个新的特色图片说明文字框:

    插件添加的新特色图片说明文字框

    插件添加的新特色图片说明文字框

    注:图片ALT替代文本、标题和说明文字是三个不同的定义,ALT替代文本主要用于告知搜索引擎,该图片涉及的内容,用于辅助搜索引擎识别图片含义;图片标题是用于鼠标悬浮上方显示,用于增强用户体验;图片说明文字,则作为图片标题的补充,对图片内容作更详尽的描述!

  • 如何使用Facebook调试器修复WordPress图片

    如何使用Facebook调试器修复WordPress图片

    无论您是博主、社交媒体营销人员,还是只是小企业主,在某些时候,您都可能会遇到Facebook无法显示来自WordPress网站的正确图像的问题。有时Facebook可能会拉取旧图像,甚至更糟,根本没有图像!值得庆幸的是,您可以使用名为Facebook Debugger(Facebook调试器)的工具轻松解决和修复这些类型的问题。查看下面您可能遇到的一些常见情况以及如何解决这些情况。

    Facebook如何获取信息

    每当您向WordPress分享内容时,Facebook都会将您的图像缓存在他们的服务器和CDN上(在此处阅读有关什么是CDN及其工作原理的更多信息)。您可以将这与缓存在您的站点上的工作方式相同,有时您必须清除缓存才能使事情再次运行。Facebook有时也是如此。如果您在您的网站上进行更新,当您去分享它时,Facebook可能仍会显示旧图像,这是因为它不会获取新信息,而是提供它已经缓存的信息。

    关于您的链接和内容本身的信息也是如此。他们获取他们所谓的开放图谱元标签。根据Facebook的说法,Open Graph协议使任何网页都能够成为社交图中的丰富对象。基本上,这些是标签(代码),用于告诉Facebook有关您分享内容的信息。

    不确定您是否在您的网站上使用Open Graph元标签?如果您使用的是流行的插件,例如Yoast SEOSocial Warfare,它们实际上会在幕后自动为您添加这些标签(注:一般WordPress网站面向海外用户就会用到)。

    让我们以其中一个页面为例。如果我们查看该文章的源代码,我们可以看到以下有关Open Graph的数据。注意:Open Graph使用不同的属性,例如og:title我们在本教程中真正关心的属性, 即og:image. 这是我们网站上的代码,Facebook会查看该代码以确定要显示的特色图片、标题和描述。

    <meta property=“og:locale” content=“zh-CN” />
    <meta property=“og:type” content=“article” />
    <meta property=“og:title” content=“WordPress终极SEO优化方案: 55个站长必须掌握的SEO小技巧” />
    <meta property=“og:description” content=“仅仅因为搜索引擎优化(SEO优化)在过去十年中发生了翻天覆地的变化,并不意味着它已经死了。实际上,WordPress的市场份额越多,就越多站长寻求优化WordPress SEO的方法。” />
    <meta property=“og:url” content=“https://www.wbolt.com/wordpress-seo-tips.html” />
    <meta property=“og:site_name” content=“闪电博” />
    <meta property=“article:publisher” content=“https://www.facebook.com/wbolt” />
    <meta property=“article:author” content=“https://www.facebook.com/wbolt” />
    <meta property=“article:tag” content=“webdev” />
    <meta property=“article:tag” content=“webperf” />
    <meta property=“fb:app_id” content=“148976462317083” />
    <meta property=“og:image” content=“https://static.wbolt.com/wp-content/uploads/2021/01/wordpress-seo-1024×512-1.jpg” />
    <meta property=“og:image:secure_url” content=“https://static.wbolt.com/wp-content/uploads/2021/01/wordpress-seo-1024×512-1.jpg” />
    <meta property=”og:locale” content=”zh-CN” />
    <meta property=”og:type” content=”article” />
    <meta property=”og:title” content=”WordPress终极SEO优化方案: 55个站长必须掌握的SEO小技巧” />
    <meta property=”og:description” content=”仅仅因为搜索引擎优化(SEO优化)在过去十年中发生了翻天覆地的变化,并不意味着它已经死了。实际上,WordPress的市场份额越多,就越多站长寻求优化WordPress SEO的方法。” />
    <meta property=”og:url” content=”https://www.wbolt.com/wordpress-seo-tips.html” />
    <meta property=”og:site_name” content=”闪电博” />
    <meta property=”article:publisher” content=”https://www.facebook.com/wbolt” />
    <meta property=”article:author” content=”https://www.facebook.com/wbolt” />
    <meta property=”article:tag” content=”webdev” />
    <meta property=”article:tag” content=”webperf” />
    <meta property=”fb:app_id” content=”148976462317083″ />
    <meta property=”og:image” content=”https://static.wbolt.com/wp-content/uploads/2021/01/wordpress-seo-1024×512-1.jpg” />
    <meta property=”og:image:secure_url” content=”https://static.wbolt.com/wp-content/uploads/2021/01/wordpress-seo-1024×512-1.jpg” />
    <meta property="og:locale" content="zh-CN" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="WordPress终极SEO优化方案: 55个站长必须掌握的SEO小技巧" />
    <meta property="og:description" content="仅仅因为搜索引擎优化(SEO优化)在过去十年中发生了翻天覆地的变化,并不意味着它已经死了。实际上,WordPress的市场份额越多,就越多站长寻求优化WordPress SEO的方法。" />
    <meta property="og:url" content="https://www.wbolt.com/wordpress-seo-tips.html" />
    <meta property="og:site_name" content="闪电博" />
    <meta property="article:publisher" content="https://www.facebook.com/wbolt" />
    <meta property="article:author" content="https://www.facebook.com/wbolt" />
    <meta property="article:tag" content="webdev" />
    <meta property="article:tag" content="webperf" />
    <meta property="fb:app_id" content="148976462317083" />
    <meta property="og:image" content="https://static.wbolt.com/wp-content/uploads/2021/01/wordpress-seo-1024x512-1.jpg" />
    <meta property="og:image:secure_url" content="https://static.wbolt.com/wp-content/uploads/2021/01/wordpress-seo-1024x512-1.jpg" />

    使用Facebook调试器

    与任何平台或工具一样,它也会有您必须解决的问题或怪癖,特别是如果您不遵循为最佳实践制定的准则。Facebook Debugger(Facebook调试器)工具旨在帮助您解决Open Graph元标签的问题,以及解决缓存问题。

    您可以在Facebook开发人员网站的工具和支持下找到Facebook调试器。如果您是在Facebook上分享大量内容的人,这是一个很好的书签链接以供将来参考。

    Facebook调试器工具

    Facebook调试器工具

    要抓取文章,只需输入URL并单击“调试”。我们实际上将在我们的示例中使用一个实时案例。我们最近刚刚更新了我们网站速度优化文章中的图片。当我们将其输入Facebook Debugger时,它会首先拉出他们的缓存信息(如下所示)。

    这是人们在分享我们的文章时实际看到的。但是,在这种情况下,它从我们更新文章之前提取旧图像。我们还可以看到og:image是旧文件名。

    Facebook调试器中显示的旧图像和URL

    Facebook调试器中显示的旧图像和URL

    所以,我们能做些什么?有两件事需要做。请按照以下步骤操作。

    第 1 步 – 清除该URL的WordPress缓存

    为了确保Facebook获取最新信息,我们需要做的第一件事就是清除我们 WordPress 网站本身的缓存。没错,从技术上讲,这里可能涉及两层缓存。如果旧图像仍然缓存在您的网站上,Facebook 调试器将无法帮助解决您的问题,因为它只会重新获取缓存的信息。

    使用不同的缓存解决方案或第三方插件,您需要查看他们的文档以确保您知道如何清除URL的缓存。以下是一些流行的缓存解决方案的链接:

    如果所有其他方法都失败了,您可以随时清除整个WordPress网站上的缓存(如下所示)。但是,出于性能原因,通常不建议这样做,因为您的站点必须重建缓存,同时降低加载时​​间。

    如果您仍然遇到问题,您的图像也可以缓存在您的CDN上。在这种情况下,您可能需要清除CDN缓存

    第 2 步 – 在Facebook调试器中再次抓取

    现在已清除相关帖子或页面的缓存,我们需要在Facebook调试器工具中再次抓取它。所以我们输入URL并点击“重新获取”按钮。

    在Facebook Debugger工具中再次抓取

    在Facebook Debugger工具中再次抓取

    您可能会遇到警告。根据我们的经验,这些并不总是最准确的。例如,我们看到一条警告,指出我们的图像超过了8 MB的最大大小或服务器响应速度太慢。首先,我们的图像远不及那个大小,实际上只有160.63 KB。其次,我们的服务器闪电般快速,整个页面本身在 1 秒内加载。

    所以这就是我们第二次点击“重新抓取”按钮的地方。是的,这听起来可能很奇怪。但很多时候你可能需要点击两次。只需要几秒钟。现在你可以看到它现在正在提取我们的新特色图像,如果我们查看 og:image 属性,它确实是新文件名。

    请务必注意,这不会更新已分享的Facebook帖子的图像。这只会影响您或其他人事后分享的帖子。

    其他Facebook调试器提示

    您可以使用Facebook Debugger工具不仅更新旧图像,还可以更新您在Facebook帖子中看到的内容(文本)。标题和描述都是开放图谱元标签。因此,如果您需要改写某些内容,请在WordPress中进行更新,然后按照上述完全相同的步骤进行操作。

    提供的“og:image”属性尚不可用

    此外,仅仅因为我们忽略了上面的警告并不意味着它们并不总是有用。事实上,当涉及到您应该使用的图像时,有推荐的尺寸。否则,可能会发生不好的事情。例如根本没有显示的图像(如下面的警告所示)。

    提供的 ‘og:image’ 属性尚不可用,因为新图像是异步处理的。为确保新URL的分享包含图像,请使用“og:image:width”和“og:image:height”标签指定尺寸。

    Facebook调试器 – 图片太小

    Facebook调试器 – 图片太小

    发生上述情况是因为我们的图像太小了。Facebook要求的最小图像尺寸为200 x 200像素。对于Facebook图片,通常越大越好。1,200 x 630 像素似乎最适合大多数人。放大也可以,实际上我们在第一个示例中的帖子中的图像是1460 x 730。请记住,Facebook 会裁剪更大的任何内容,因此保持纵横比是最重要的部分之一。

    如果您使用的是Yoast SEO之类的插件,也可以建议手动设置图像。也许您的WordPress主题上的特色图片具有不同的纵横比或大小。或者你甚至不使用特色图片!

    在这种情况下,Yoast SEO插件允许您为Facebook手动上传不同大小的图像,这些图像将填充那些Open Graph Meta标签。如果需要,您还可以手动设置标题和描述。

    Yoast SEO Facebook社交框

    Yoast SEO Facebook社交框

    缺少以下必需的属性:fb:app_id

    您可能还会看到以下有关缺少Facebook应用ID的警告。请务必注意,这不会以任何方式干扰在Facebook上分享帖子的能力。很多时候这可以简单地忽略。但是,它确实限制了您使用Facebook Insights数据的能力。

    缺少以下必需的属性:fb:app_id

    缺少以下必需的属性:fb:app_id

    缺少以下必需的属性:fb:app_id

    如果您需要额外的洞察数据,则需要将您的Facebook应用ID添加到您的网站。以下是有关如何使用Yoast SEO插件将其添加到WordPress的说明。

    1. 创建您的Facebook应用程序:https :  //developers.facebook.com/docs/apps/register  (这是完全免费的)
    2. 应用仪表板复制您的Facebook应用 ID 。
    3. 在您的WordPress仪表盘中,单击左侧的“SEO”。
    4. 在“Facebook”选项卡下,您可以输入您的Facebook应用ID。

    添加Facebook应用ID

    添加Facebook应用ID

    在Facebook调试器工具中重新测试之前,请务必清除您网站的缓存。

    小结

    希望您对Facebook Debugger工具以及如何使用它对WordPress网站上的图像进行故障排除和修复有更多的了解。记得清除所有缓存层,然后刮掉。您的新图片应该会正确显示,以便所有人在Facebook上分享。

  • 如何将代码添加到WordPress页眉和页脚

    如何将代码添加到WordPress页眉和页脚

    为如何向WordPress页眉(head)或页脚添加代码而苦恼?许多工具和跟踪脚本要求您将代码片段添加到WordPress网站的页眉或页脚。但是,默认情况下,WordPress无法编辑这些文件。

    在本教程中,我们将向您展示如何通过使用WordPress插件或手动将代码添加到您的functions.php文件来向WordPress页眉或页脚添加代码。对于大多数用户来说,插件方法是推荐的方法。但是中高级WordPress用户可能更喜欢使用手动编码方法。

    对于大多数用户来说,向WordPress页眉和页脚添加代码的最简单方法是通过插件。在下一节中使用插件而不是手动方法的好处是:

    • 如果您切换主题,您的代码片段将保持不变。
    • 该插件可以轻松地仅将代码片段添加到主页的页眉或页脚,这在某些用例中很有帮助。
    • 该插件对初学者更友好,因为它不需要深入研究代码。

    虽然有几个插件提供此功能,但我们推荐Stefano Lissa的Head, Footer and Post Injections插件,因为它比许多替代品提供更多的控制。它目前有超过200,000次活跃安装。

    Head, Footer and Post Injections插件

    Head, Footer and Post Injections插件

    第 1 步:安装并启用插件

    Head, Footer and Post Injections插件在WordPress.org上免费提供,因此您可以直接从WordPress仪表盘安装和激活它,方法是转到插件 → 安装插件并搜索它:

    安装插件

    安装插件

    第 2 步:将代码片段添加到插件

    激活插件后,您可以通过转到WordPress 仪表板中的设置 → Header and Footer来访问其界面。您将在插件界面中看到许多选项卡。但是对于本指南,您将主要在默认的Header and Footer选项卡中工作:

    Head, Footer and Post Injections

    Head, Footer and Post Injections

    要将代码添加到站点的页眉中,您需要将其粘贴到<HEAD> SECTION INJECTION区域下的框之一中:

    • Every page– 将代码片段添加到您网站上每个页面的标题中。这是您大部分时间想要使用的。
    • Only home page– 仅将代码片段添加到主页的标题中。

    例如,要将Google Analytics跟踪代码添加到WordPress,您只需将其粘贴到Every page框中并保存更改:

    向页面Header添加代码的示例

    向页面Header添加代码的示例

    要将代码添加到您网站的页脚,您可以向下滚动到BEFORE THE </BODY> CLOSING TAG (FOOTER)选项。同样,您有两个选项,尽管它们与Header部分不同:

    • Desktop-尽管名称如此,这会向您网站的桌面和移动版本的页脚添加代码,除非您专门选中移动框。
    • Mobile选中后,您可以将不同的代码段添加到您网站的移动版本。

    如果您只想为所有用户添加一个代码片段到页脚部分无论他们的设备是什么,请将其粘贴到桌面框中并取消选中移动 :

    向页脚添加代码的示例

    向页脚添加代码的示例

    如果需要,您可以向每个框添加多个代码片段。

    这个插件的另一个优点是,如果您使用Google AMP for WordPress,该插件允许您专门将代码片段添加到Google AMP版本页面的页眉和页脚(只要您使用官方Automattic的AMP插件)。

    为此,请前往AMP选项卡的Header and Footer,然后将您的代码片段粘贴到相应的框中:

    Google AMP界面

    Google AMP界面

    如果您只是需要在站点范围内添加不同的PHP函数,我们还建议您查看免费的Code Snippets插件。它消除了将自定义片段添加到主题的functions.php 文件的需要。它目前有超过100,000次活跃安装。

    WordPress插件-Code Snippets

    WordPress插件-Code Snippets

    如果您不熟悉 PHP 的基础知识,我们建议您坚持使用上面的插件方法。手动方法对您来说可能过于复杂。

    在本节中,您将学习如何通过functions.php文件手动将代码片段添加到主题的页眉和页脚。

    如果您想通过上一节中的插件继续使用此方法,则必须使用WordPress子主题进行编辑。如果您不使用子主题,那么如果您更新WordPress主题,您添加到页眉或页脚的任何代码都将被覆盖

    许多开发人员提供了子主题。准备好子主题后,您可以继续执行以下步骤将代码添加到主题的页眉或页脚。

    虽然您可以将代码片段直接添加到header.phpfooter.php文件中,但更好的方法是使用您的functions.php文件和适当的 WordPress 挂钩。这使您可以将所有片段保存在一个地方,避免修改核心主题文件。

    第 1 步:准备代码片段

    为了让您开始,我们将为您提供一个粗略的框架来向页眉和页脚添加代码。

    要将代码添加到您的header,请使用以下代码片段:

    /* Describe what the code snippet does so you can remember later on */
    add_action(‘wp_head’, ‘your_function_name’);
    function your_function_name(){
    ?>
    PASTE HEADER CODE HERE
    <?php
    };
    /* Describe what the code snippet does so you can remember later on */
    add_action(‘wp_head’, ‘your_function_name’);
    function your_function_name(){
    ?>
    PASTE HEADER CODE HERE
    <?php
    };
    /* Describe what the code snippet does so you can remember later on */
    add_action('wp_head', 'your_function_name');
    function your_function_name(){
    ?>
    PASTE HEADER CODE HERE
    <?php
    };

    要将代码添加到页脚,请使用以下代码片段:

    /* Describe what the code snippet does so you can remember later on */
    add_action(‘wp_footer’, ‘your_function_name’);
    function your_function_name(){
    ?>
    PASTE FOOTER CODE HERE
    <?php
    };
    /* Describe what the code snippet does so you can remember later on */
    add_action(‘wp_footer’, ‘your_function_name’);
    function your_function_name(){
    ?>
    PASTE FOOTER CODE HERE
    <?php
    };
    /* Describe what the code snippet does so you can remember later on */
    add_action('wp_footer', 'your_function_name');
    function your_function_name(){
    ?>
    PASTE FOOTER CODE HERE
    <?php
    };

    对于每个片段,请确保更改:

    • 注释说明(当您需要记住一年后代码片段的作用时很有用
    • 所述your_function_name占位符(这两种情况下)
    • PASTE X代码在这里占位符

    第 2 步:将代码片段添加到子主题中的functions.php 文件中

    准备好相关代码片段后,您需要将它们添加到子主题的functions.php文件中。您可以通过FTP连接到您的站点来编辑此文件。或者,您可以转到外观 → 编辑器并选择functions.php文件。然后,将您的代码粘贴到文件末尾:

    在functions.php文件中添加代码

    在functions.php文件中添加代码

    确保保存您的更改并完成!

    如果您想更好地控制页眉或页脚代码片段的显示位置,可以使用if语句仅将代码添加到WordPress网站上的特定页面。

    例如,要仅将代码片段添加到主页的页眉或页脚,您可以使用:

    /* Describe what the code snippet does so you can remember later on */
    add_action(‘wp_head’, ‘your_function_name’);
    function your_function_name(){
    if(is_front_page()) { ?>
    PASTE HEADER CODE HERE
    <?php }
    };
    /* Describe what the code snippet does so you can remember later on */
    add_action(‘wp_head’, ‘your_function_name’);
    function your_function_name(){
    if(is_front_page()) { ?>
    PASTE HEADER CODE HERE
    <?php }
    };
    /* Describe what the code snippet does so you can remember later on */
    add_action('wp_head', 'your_function_name');
    function your_function_name(){
    if(is_front_page()) {  ?>
    PASTE HEADER CODE HERE
    <?php  }
    };

    另一种选择是仅将代码片段添加到特定的文章或页面。为此,您可以使用以下代码片段:

    /* Describe what the code snippet does so you can remember later on */
    add_action(‘wp_head’, ‘your_function_name’);
    function your_function_name(){
    if(is_single(73790)) { ?>
    PASTE HEADER CODE HERE
    <?php }
    };
    /* Describe what the code snippet does so you can remember later on */
    add_action(‘wp_head’, ‘your_function_name’);
    function your_function_name(){
    if(is_single(73790)) { ?>
    PASTE HEADER CODE HERE
    <?php }
    };
    /* Describe what the code snippet does so you can remember later on */
    add_action('wp_head', 'your_function_name');
    function your_function_name(){
    if(is_single(73790)) {  ?>
    PASTE HEADER CODE HERE
    <?php  }
    };

    确保将示例编号 – 73790 – 替换为您想要添加代码片段的文章或页面的实际ID。