WordPress编辑器的经典区块旨在帮助简化WordPress的旧版TINYMCE编辑器与其较新的基于区块的编辑器(称为古腾堡)之间的转换。当新编辑器被引入WordPress Core时,之前使用旧编辑器创建的更新网站上的所有文章和页面都会使用经典区块自动转换为新的基于区块的编辑器中的内容。因此,在非常真实的意义上,经典区块只是WordPress新文本编辑器中的旧文本编辑器。也就是说,存在一些值得了解的关键差异和特定用例,即使您已经完全采用WordPress的区块编辑器(及其许多其他区块)进行内容创建,使用经典区块仍然是一个好主意。 在本教程中,我们将向您展示如何将经典区块添加到文章或页面,我们将介绍它的全部设置和选项,我们还将为您提供在新区块中有效使用它的提示 -基于WordPress的世界。 如何将经典区块添加到文章或页面 经典区块以与任何块相同的方式添加到文章和页面中。单击左上角或要放置区块的位置的区块插入器图标。 在区块插入器的搜索字段中输入经典,然后选择经典区块。 经典区块已添加到您的内容中。 经典区块设置和选项 与大多数古腾堡区块不同,经典区块在编辑器侧栏中不包括选项。相反,您需要的所有选项都在经典区块工具栏本身中。单击经典区块以显示其工具,包括工具栏,上面有一组选项。让我们仔细看看。 经典区块选项 每个区块都有自己的特定控件以及区块的选项。工具栏上方的一小组区块选项允许您更改区块类型、转换为区块以及打开选项。 第一个选项包括列数和设置组。 Group允许您将区块添加至可重用区块中。 接下来的两个选项允许您通过手动拖动区块或通过单击箭头向上或向下移动块来移动区块。 转换为区块将所有内容转换为其特定类型的区块。例如,文本将转换为段落区块,图像将转换为图片区块等。离开页面或发布后无法撤消此操作,但如果您愿意,可以将内容复制并粘贴到新的经典区块中。 这三个点打开了更多选项,允许您隐藏设置、复制、创建副本、前后插入、移动、作为HTML编辑、组合或删除区块。 经典区块工具栏 工具栏提供了经典编辑器中的所有TinyMCE工具,允许您设置文本格式、添加媒体等。永久使用此工具栏编辑所有内容。 文本格式 从文本格式下拉框中格式化突出显示的文本。默认为段落。我选择了一个段落并将其设置为H3标题。 粗体和斜体 突出显示文本并单击粗体或斜体以设置文本格式。单独或一起使用它们。 项目符号和编号列表 创建带有项目符号或数字的列表。 引用 引用控制鼠标光标所在段落的格式。引用格式因主题而异。2021主题缩进段落,添加引号,并使文本加粗。 文本对齐 对齐设置文本边缘对齐的位置。在左对齐、居中对齐和右对齐之间进行选择。在这个例子中,我选择了右对齐,所以文本在右侧对齐。左对齐是默认设置。 插入删除链接 插入链接和删除链接工具允许您添加,编辑或删除任何元素上的链接。要插入链接,请选择元素(例如文本或图像),然后单击要使用的链接工具。然后,搜索或粘贴URL。通过突出显示文本并选择删除链接来删除链接。 插入更多标签 将阅读更多标签加在您的鼠标光标放置文本停顿位置,这会为前端的博客文章创建断点。 添加媒体 添加媒体打开媒体库,您可以在其中上传或选择要添加的媒体。 显示/隐藏工具栏 这将扩展工具栏以显示下一组工具。 删除线 删除线会在您单击图标时突出显示的文本中添加删除线。 水平线 水平线在内容区域中添加一条线。它从光标位置开始划分内容,并将线放置在该点下方。在上面的示例中,我将光标放在虚拟词felis之后。 文字颜色 文本颜色可让您选择突出显示的文本的颜色。颜色工具可让您设置多种自定义颜色。 粘贴为文本 粘贴为文本允许您粘贴某些内容而不包括其格式。如果您从文字处理器或其他网站复制了文本,这会很有帮助。根据需要打开或关闭此选项。 清除格式 清除格式会删除所选文本的粗体、斜体、删除线和颜色格式。在这个例子中,我选择了一个段落中的一个词并删除了它的格式。 特殊字符 特殊字符可让您添加在标准键盘上找不到的字符。 减少增加缩进量 减少缩进量和增加缩进量会更改项目符号列表和编号列表的缩进量。这会为项目符号点创建子级别。 撤消和重做 撤消将恢复到上次编辑之前的先前设置。它突出显示了更改,以便您可以看到它。如果您一直单击该图标,它会撤消上一个设置,直到您返回到第一个设置。重做增加了这个设置。在此示例中,我取消了从编号列表更改为项目符号列表的设置。 键盘快捷键 键盘快捷键提供了与经典块一起使用的所有快捷键的列表。 […]
教学
WordPress画廊区块可以轻松快捷地将多个图像添加到WordPress文章和页面。在本教程中,我们将解释画廊区块是什么以及它是如何工作的。我们还将提供一些提示和最佳实践,以便在您的网站上有效地使用它。
当您想将单个媒体文件插入WordPress网站上的文章或页面时,了解如何使用图片区块会派上用场。但是,如果您想添加一组照片怎么办?为此,您可以使用画廊区块。 WordPress画廊区块可以轻松快捷地将多个图像添加到WordPress文章和页面。在本教程中,我们将解释画廊区块是什么以及它是如何工作的。我们还将提供一些提示和最佳实践,以便在您的网站上有效地使用它。 如何将画廊区块添加到页面或文章 要将画廊区块添加到WordPress网站,首先导航到任何页面或文章(新的或现有的)。接下来,单击“添加块”按钮 – 加号 (+) 图标 – 并搜索“画廊”: 您可以单击画廊区块以将其插入,或将图标拖放到编辑器中。或者,您可以直接在编辑器中输入“/gallery”,然后按 Enter键。 插入画廊区块后,您将有几个添加照片的选项。您可以单击上传按钮从计算机中选择图像,或选择媒体库选择已上传到您网站的照片: 使用任一选项,您都可以搜索并选择要使用的所有照片。之后,它们将出现在区块中: 如您所见,顶部工具栏中有一个选项可以调整块的对齐方式,右侧菜单中还有各种设置。让我们仔细看看每个选项是什么以及如何使用它们。 画廊区块设置和选项 在画廊区块的工具栏中,您可以单击对齐图标来更改图库在页面上的位置。默认为左对齐,但您可以将区块移动到页面的右侧或中心: 您还可以选择全幅或宽幅- 后者会将画廊扩展到主题的典型内容部分宽度之外。如果您单击三个垂直点,您会发现一些其他选项,包括以下选项: 复制区块 在当前区块之前或之后插入另一个区块 移动画廊区块 作为HTML编辑 将画廊区块添加至可重用 画廊区块最有用的事情之一是它不仅让您将多张照片添加到您的WordPress页面或同时发布。您还可以使用它根据自己的喜好排列这些图像。例如,您可以自定义包含的列数和画廊中图像的大小。 您可以在右侧菜单的画廊设置部分下更改画廊列的数量: 要更改列数,您可以使用滑块或在文本字段中输入所需的值。您还可以使用裁剪图像切换选项: 默认情况下启用此设置,以便均匀裁剪图像。但是,如果您将其关闭,图像将自动以其原始版本显示。 在链接到下拉菜单下,您可以选择将画廊超链接到附件页面或媒体文件。使用图像尺寸下拉菜单,您可以调整照片的尺寸,选项包括缩略图、 中、大或全尺寸。 最后,通过单击图库中的单个图像,您会发现更多选项: 如果要编辑单张照片,只需单击铅笔图标即可。您可以选择X图标将其从画廊区块中完全删除。要在照片系列中向前或向后移动,您可以使用箭头按钮。 有效使用画廊区块的提示和最佳实践 现在我们已经介绍了画廊区块的基础知识,您已经准备好学习如何有效地使用它。您可以牢记一些最佳实践,以充分利用此WordPress功能。 首先,我们建议确保在插入画廊区块后启用裁剪图像功能。当您拥有各种大小和形状的图像时,此选项特别有用 – 默认情况下有时会显得凌乱。 当您启用此功能时,它可以确保图库中的所有图像看起来都是统一的。这有助于使其看起来更专业、更有条理和美观。 接下来,确保您上传到WordPress画廊的每张图片都经过适当优化非常重要。这包括: 选择一个对SEO友好的文件名 添加替代文本(“替代文本”,可以用Smart SEO Tool插件实现自动填写Alt替代文本) 确保每个图像都被压缩 遵循这些图像优化最佳实践有助于提高您网站的性能。它还可以提高您的搜索引擎排名。 最后,您可以考虑为画廊中的每张图片添加标题。这有助于在访问者浏览时向他们提供必要的上下文和背景信息。 关于画廊区块的常见问题 此时,您应该牢牢掌握Gallery块以及如何使用它。为确保涵盖所有基础知识,让我们看看有关此元素的一些常见问题。 在哪里可以找到WordPress中的画廊区块? 要找到画廊区块,请导航到任何文章或页面。接下来,单击加号 (+) 图标并在搜索字段中键入“画廊”。只需单击画廊选项,或将其拖放到编辑器中即可插入区块。或者,您可以通过直接在编辑器中键入“/gallery”,然后按键盘上的Enter来找到画廊区块。 画廊区块有什么作用? 画廊区块可以让你在一个位置添加多张照片到您的文章。您可以直接在WordPress区块编辑器中以美观的方式轻松调整大小和排列它们。例如,您可以决定要使用的列数并调整图像的大小。 可以在WordPress的任何地方添加画廊区块吗? 您可以将画廊区块添加到任何页面或在您的WordPress网站上发布。此外,您可以使用WordPress小工具在站点的其他区域(例如页脚)中添加画廊区块。 […]
WordPress的Twitter嵌入区块可让您在WordPress文章和页面中嵌入Twitter推文。虽然这仅适用于公开推文,但知道您不需要Twitter帐户即可使用此功能会很有帮助。 想要在您的W
WordPress的Twitter嵌入区块可让您在WordPress文章和页面中嵌入Twitter推文。虽然这仅适用于公开推文,但知道您不需要Twitter帐户即可使用此功能会很有帮助。 想要在您的WordPress文章或页面中嵌入推文的原因有很多: 为您的网站或博客内容添加社交资料 与其他人互动,无论他们是行业专家还是粉丝 丰富您的内容,使其看起来更具吸引力并提供更多信息 用现实生活中的例子来支持你所说的 在本教程中,我们将向您介绍如何将Twitter嵌入区块添加到WordPress文章或页面,包括该区块包含的所有不同选项。我们还将介绍一些提示、最佳实践和常见问题解答,以帮助您顺利上路。 如何将Twitter嵌入区块添加到文章或页面 查找推文的URL 找到您要嵌入的推文。要获取特定推文的链接,您有三个选项: 1. 将鼠标悬停在推特名称右侧的空白处,然后单击以在其自己的页面中打开推文。 2. 右键单击时间或日期戳,然后选择复制链接(或类似)。 3. 单击推文窗口底部的向上箭头。这将打开一个菜单,将链接复制到推文可能是选项之一。 在WordPress中添加Twitter嵌入区块 使用Gutenberg区块编辑器,添加Twitter嵌入区块。将鼠标悬停在页面上的空白区域上,您会看到一个黑色框内的白色加号(当您将光标移到它上面时,框会变成蓝色,如下图所示)。 单击该加号将显示您可以添加到WordPress文章或页面的所有区块。在搜索框中输入“Twitter”,然后选择出现的Twitter嵌入区块。 这会将Twitter嵌入区块添加到您的WordPress文章或页面。 将推文的URL添加到Twitter嵌入框 现在,获取您从推文中保存的URL并将其粘贴到嵌入框中。完成后单击嵌入。 Twitter嵌入框的最终结果(或错误消息) 这是添加后的样子: 但是,如果您抓取了无法嵌入的链接,您可能会收到错误消息。您可以再次尝试链接或选择转换为链接选项,但如果两者都不起作用,则必须使用其他链接。 Twitter嵌入区块设置和选项 当您单击Twitter嵌入区块时,嵌入推文顶部上方的工具栏中会显示六个选项: 从左到右分别是: 更改区块类型或样式 拖动 向上或向下移动 更改对齐方式 修改网址 更多选项 更改区块类型或样式 此选项允许您从三种块类型中进行选择:栏目、组和段落。您(可能)想要使用的唯一两个是栏目和组;段落只会将您嵌入的推文变成直接链接。 列选项很棘手。在我的主题中,只添加两列最终切断了推文: 我在组布局上运气更好,它将两条推文并排放置并完整显示它们: 您还可以将背景颜色更改为纯色或渐变色。要在右侧边栏中显示该工具栏,请单击“更多选项”按钮(带有三个垂直点),然后选择“显示更多设置”。 知道块样式工具非常喜怒无常。当你点击时弄清楚发生了什么并不容易,你必须继续玩弄它,直到推文按照你的意愿出现。 拖动 将鼠标悬停在拖动选项上将使您的光标变成一只手。然后,您可以拖动块以将其放置在页面上所需的位置。请注意,当您拖动该框时,它会变成一个小黑框,直到您重新定位它为止。 向上或向下移动 上移或下移箭头可让您将Twitter嵌入框向上或向下移动一个空间,除非您已经位于页面的顶部或底部。 更改对齐方式 您有五个对齐选项: 左对齐 右对齐 居中对齐 宽幅 全幅 选择向左或向右对齐将使Twitter嵌入框更小。选择其他三个选项中的任何一个都会使其更大。 修改网址 如果您想替换推文的URL,您可以在这里进行。这比删除Twitter嵌入框并从新开始更容易。 更多的选项 […]

