WordPress的母公司Automattic已经发布了一些最著名的WP插件。WooCommerce、Jetpack、Akismet、BuddyPress、bbPress……等等。在列表中他们还增加了另一个强大的插件:活动区块插件。这是一个非常简单的解决方案,可以让您的用户知道您要做什么。 什么是活动区块? 与WordPress 5.8的许多新区块不同,活动区块必须通过插件库手动安装,而不是编辑器本身的区块目录。 Automattic现代设计理念的精髓在这个插件中如火如荼。它简单、易于使用且时尚。只需导航到 管理面板中的插件并搜索或上传即可安装它。然后它将作为Event出现在您的插件列表中 。 该块本身允许您添加事件、时间和位置的描述,并将图片添加到显示给访问者的卡片中。此外,您还有特定于区块的选项和设置,您可以调整这些选项和设置,以使区块更适合您网站的设计和您正在显示的事件的外观。 如何将活动区块添加到文章或页面 安装插件后,将活动区块添加到您的页面就很容易了。在 WordPress区块编辑器中,只需按 + 按钮即可添加新区块。您可以在顶部工具栏中或任何空白区块的右侧找到此按钮。 将出现区块选择侧栏。如果您滚动浏览整组已安装的区块,您可以在小工具部分找到活动区块。您还可以搜索 Event 以查找该区块。(请注意,搜索Event不会拉起区块。) 每个区块为单个事件/活动显示一张卡片。如果您打算使用它来显示一个节日或一系列活动(例如连续播放多天的戏剧的放映时间),您将需要在描述中包含该信息或为每个单独的节目创建多张卡片。 活动区块设置和选项 正如我们上面所说,一个不包括在内的选项是能够展示一系列事件。从技术上讲,无法展示一系列日期。话虽如此,让我们看看到底活动区块插件可以做什么。 要设置事件的日期,只需单击“选择日期(Choose a Date)”按钮。将出现一个弹出式日历,您可以在其中选择事件/活动发生的日期和时间。如果您不选择时间,则默认为您选择日期的时间。然后日期将替换按钮并出现在区块的左上角。 其他字段—— title、location和description —— 只是您在其中键入相关信息的文本框。它们本质上是不言自明的。 但是,此卡的一个主要缺点是位置不可点击。要将它们链接到地图,您需要使用块或其他方法将其单独包含在文章中。默认情况下,电话号码可在移动设备上点击。 我们应该注意,您可以超链接描述或位置框中的任何文本。这意味着,如果您转到Google地图并输入事件的位置,则可以获取该搜索的URL,并根据需要使用位置文本创建超链接。这不是一个理想的解决方案,但也许是您在不添加其他插件的情况下拥有的最好的解决方案。 该事件/活动图像本质上是一个图像区块放置在活动区块的侧面。它将拉伸以适应区块。您可以通过将蓝色圆圈定位在焦点选取器标题下,将块设置中图像的焦点向右调整 。 下面是颜色设置部分。您可以使用这些来调整区块的外观,为整个区块设置背景和文本颜色。 幸运的是,编辑器会警告那些对颜色组合不甚了解的人,并且会在您选择的组合难以阅读时发出警告。 也许活动区块的最佳选择是您可以向其中添加子区块。只需在描述后按回车/返回,您将获得另一个 + 按钮,就像在基本编辑器中一样。从这里,您可以在事件本身内添加任意数量的其他区块。甚至其他事件。 活动区块中的每个单独元素都可以单独调整。您可以将新创建的事件块视为您正在处理的文章或页面的较小内容区域。每个子事件都可以有自己的设计和图像,以及每个段落区块或其他任何内容。根据您选择的区块,块的选项将全部显示在区块选项侧栏中的右侧。 活动区块插件的最后一个选项是您决定将事件本身显示为居中对齐的元素还是拉伸内容区域的宽度。 在上下文菜单中,对齐图标可让您选择其中之一。无论您选择哪个,您在其中创建的任何子区块都会自行调整以适应更改。图像仍将聚焦在您指示的位置,但如果宽度允许,它们将扩展并显示更多基本图像。 有效使用活动区块的提示和最佳实践 活动区块插件简单而强大,你可以用它做很多事情。这里有一些提示,可确保您在客人中脱颖而出。 1. 使用颜色 不要让颜色选项浪费在事件块上。利用能够调整设计的优势,以便您可以补充您的页面设计以及事件/活动内和同一页面上的其他区块。 如果您在活动区块本身中使用区块,请确保将它们的样式设置为从其容器中脱颖而出,以便您的用户更有可能注意到它们。 2. 使用适当大小的图像 真的,图像可以成就或破坏一个事件。如果您的活动看起来不令人兴奋或不吸引人,人们就不太可能想要参加。确保您使用能够以各种尺寸和形状呈现您的活动的高质量图像。由于图像具有响应性并根据它们拥有的空间调整它们的位置,因此可以设置没有特别的颗粒状照片。 始终测试您的图像以确保它们在多个方面都能很好地显示。 3.利用子块的优势 不要害怕在活动本身中添加免费区块。当然,您可以在页面内容中添加一些内容,但是如果您想保证看到该信息,将其嵌入到活动区块中是最好的方法。 例如,您可以在事件中使用Divi区块来使用地图模块,因为WordPress中没有一个默认值,并且活动区块默认不呈现可点击的地址。(同样请记住,如果您愿意,您可以使用超链接将Google地图URL粘贴到该位置。) 4. 试验Patterns选项卡 WordPress 5.8向编辑器引入了Patterns选项卡。结合Event Block插件,你可以不费吹灰之力就做出一些非常赏心悦目的页面设计。 在任何可以添加区块的情况下,您都可以选择左侧边栏中的“模式”选项卡。选择一个会将其添加到您的模板中,您可以从那里开始。在上图中,我们只是在模式放入的每一列的底部添加了一个事件块,并在默认页面列中添加了一个。因为古腾堡编辑器允许在任何地方进行调整,您也可以尝试创建自己的模式。这样,您的活动就不会在标准网格或列表中丢失。 小结 起初,活动区块插件可能并不健壮。但是通过一些周到的设计和浏览选项,您可以用一个来修饰任何页面。有了各种可用的子区块以及在其中嵌套其他事件的能力,活动区块肯定会增强几乎任何类型的站点。无论是面对面的活动、虚拟活动,还是只是一个重要公告的占位符,这个插件可能是最简单的方法。
April 2023
列表看似简单,但却是强大的工具。列表使您能够以一种比长而无休止的段落以更易于阅读的方式共享信息。它们使您能够切入正题并为用户提供他们正在寻找的确切信息。换句话说,列表是您可以使用的最强大的工具之一来构建引人入胜的内容。
列表看似简单,但却是强大的工具。列表使您能够以一种比长而无休止的段落以更易于阅读的方式共享信息。它们使您能够切入正题并为用户提供他们正在寻找的确切信息。换句话说,列表是您可以使用的最强大的工具之一来构建引人入胜的内容。 创建列表很容易,如果您使用WordPress,您将可以访问专用的列表区块,该区块使您能够以多种方式自定义此元素。在本教程中,我们将讨论列表区块,解释它的工作原理,并介绍一些提示以帮助您创建更好的列表。 如何将列表区块添加到文章或页面 在WordPress中添加块是一项简单的任务。转到要添加列表区块的任何文章或页面,然后使用“浏览所有” 选项或搜索栏找到它: 选择列表区块后,您将能够开始处理新列表。该过程的下一部分很简单。您可以在无序(项目符号)或有序(编号)列表之间进行选择,然后开始添加条目,直到您满意为止: 正如您在上面的菜单中看到的那样, 列表区块包括广泛的其他设置。让我们看看这些选项是什么。 列表区块设置和选项 使用区块编辑器添加的任何元素都有两组选项。如果将鼠标悬停在任何块上,将显示一个菜单,其中通常包含基本格式选项。如果您单击屏幕右上角的齿轮图标,您还可以访问特定于区块的设置菜单: 让我们先回顾一下鼠标悬停在列表区块上时出现的快速设置访问菜单 。从菜单的左端开始,您可以访问以下设置: 更改您正在使用的区块类型 将方块向上或向下移动一个点 在无序列表和有序列表之间进行选择 在列表条目中添加或删除缩进 加粗、斜体或添加指向部分文本的链接 这是一个快速备忘单,显示了与这些选项对应的菜单项: 向列表区块添加格式的工作与任何其他基于文本的元素非常相似。您可以将特定条目或什至只是其中的一部分加粗或斜体,这同样适用于链接。 您还会注意到此菜单最右侧的一个附加选项。向下箭头包括更高级的格式选项,例如添加内联代码、图像、“删除线文本”、文本颜色等: 请注意,虽然可以将图像添加到列表区块,但结果往往看起来很尴尬(最好使用专用的图片区块): 继续,一旦您打开屏幕右侧的 “设置” 菜单,您就可以访问更高级的配置选项。在那里您可以更改整个列表的字体大小,以及选择文本和背景颜色: 请记住,字体大小和颜色设置适用于整个列表,而不是单个条目。如果您想进一步自定义列表的样式,则需要使用CSS 类和HTML锚点。为此,请打开块 设置菜单下的高级选项卡(它位于字体大小和颜色选项的正下方): 这涵盖了如何在WordPress中使用列表区块的所有基础知识 。然而,创建引人入胜的列表不仅仅是基本的格式和样式。让我们来谈谈如何确保您的清单顺利进行。 有效使用列表区块的提示和最佳实践 您可以使用许多提示和技巧来创建更具吸引力的列表。由于我们有很多使用列表区块的经验,我们将使用我们自己的列表分享一些我们最喜欢的技巧。以下是在WordPress中处理列表时要记住的事项: 每当您需要共享可以分解为易于阅读的点的关键信息时,请使用列表。 避免将图像添加到您的列表中,因为它们可以将注意力从单个条目上移开并破坏格式。 不要以相同的词开始列表中的每个条目,这样行就不会混合在一起。 对列表中的每个条目使用一致的样式和格式。 如果列表持续时间过长,用户可能会开始忽略其中的某些条目。为了清楚起见,您可以对需要对每个项目进行额外解释的列表使用以下样式: 突出显示条目的开头。 通过突出显示初始短语或句子,您可以为每个列表项指定自己的标题,然后使用常规文本扩展该点。 列表太棒了。没有什么比一个很好的清单更能说明问题的了。 尽管列表可能非常有效,但重要的是不要过度使用它们。如果您正在处理包含大量内容的文章或页面,则文本、图像、列表、表格和其他类型的元素之间应该保持健康的平衡。这种多样性将使游客保持参与。另外,它将确保当您使用列表时,读者会注意它。 关于列表区块的常见问题 到目前为止,您几乎了解了有关WordPress列表区块以及如何使用它的所有信息。但是,让我们回顾一下有关此块的一些最常见问题,以确保您不会错过任何关键信息。 在哪里可以找到WordPress列表区块? 当您向页面或文章添加新元素时,您可以使用搜索功能或浏览全部 选项找到列表区块 。请记住,还有其他区块包含“列表”一词,例如文章列表和页面列表。 但是,这些区块提供了一组完全不同的功能。 页面列表和文章列表区块有何作用? 您可能已经注意到WordPress中有不止一种类型的“列表”区块。页面 和文章列表区块是什么所谓的“Theme Building”区块。它们的使用方式与我们在本文中介绍的标准列表区块非常不同。无论您将它们放置在何处,它们都会添加您网站页面和文章的列表作为元素。与大多数其他区块不同,这两个区块不包含任何格式或样式选项。 传统上,大多数用户将页面列表 和文章列表区块添加到侧边栏或页脚小工具。这样,您可以将访问者引导至他们可能认为相关的网站其他部分。但是,这两个元素都与传统的列表区块没有太多共同之处。 可以在WordPress的任何地方添加列表吗? 您可以在可以访问区块编辑器的任何位置添加列表区块。这包括文章、页面和WordPress小工具。当编辑WordPress的小工具,你可以访问区块编辑器和它的所有内容,包括的列表框和选项,如页面列表和文章列表。 小结 您可能不会认为列表非常迷人,但您错了。列表是任何类型的引人入胜的内容中最基本的元素之一,但当您处理页面和文章时,它们会变得特别有用。无论您在WordPress网站上发布什么类型的内容,列表都可以更轻松地共享关键信息并吸引访问者的注意力。 WordPress让您可以访问功能强大的列表区块,其中包含大量格式和样式选项。您可以在网站上的任何位置放置列表,包括文章、页面和小工具,我们建议您充分利用此功能。
由于区块的响应性质,区块编辑器中的大多数调整大小仍然受限于站点的内容区域。如果您将页面的内容区域设置为全幅,您将在该空间内工作。
WordPress 5.0中正式引入的古腾堡区块编辑器让用户有机会完全自定义他们的WordPress内容和网站。不再受需要在TinyMCE经典编辑器等WYSIWYG工具中创建的限制,Gutenberg为文章或页面内容的每个元素提供单独的区块。通过控制每个特定区块的设置,用户可以比以往更轻松地设计WordPress内容。让设计脱颖而出的最简单方法之一就是让它们超越默认设置。因此,我们将研究如何在WordPress中调整区块的大小,以便您可以开始跳出框框思考(和设计)。 由于区块的响应性质,区块编辑器中的大多数调整大小仍然受限于站点的内容区域。如果您将页面的内容区域设置为全幅,您将在该空间内工作。例如,如果您将文章内容区域设置为580像素或1200像素,您将在那里工作。我们用来教您如何在WordPress中调整区块大小的方法都是基于这样的想法,即您将停留在任何特定区块容器的边界内。 如何在编辑器中调整区块大小 一些(但不是全部)块具有内置的调整大小选项。由于显而易见的原因,这些是最容易调整大小的。但是,根据区块的不同,调整大小选项将位于不同的位置。 示例 #1:图片区块 单击区块会弹出上下文菜单,这里的调整大小选项实际上是间距选项。但是, 宽幅宽度和全幅宽度对齐会将图片区块的大小更改为容器的宽度(宽幅)或整个页面的宽度(全幅)。 您还可以使用右侧边栏中的块设置调整图片区块的大小。恰当命名的图像大小部分有许多选项,您可以使用这些选项调整区块的大小。 WordPress有一个用于快速调整大小的下拉菜单,您可以从缩略图、中、大和全尺寸中选择预设 。选择全尺寸将因您的主题而异,无论它是实际完全显示还是适合内容区域。 您还可以按像素专门调整宽度和高度。在此之下,您可以按百分比进行调整。该百分比基于在宽度和高度字段中的数值。不是您从下拉菜单中选择的预设图像尺寸。 最后,您可以单击图像本身以显示带有白色圆形锚点的蓝色边框 。您可以拖动它们来调整区块的大小。 您只需单击并拖动任何锚点即可缩放图像。这样做将调整块设置菜单中高度和宽度字段的大小。 示例#2:活动区块 对于活动区块,调整大小设置仅在编辑器本身的上下文菜单中。(Event Block是您将安装的Automattic的一个单独插件,它不是古腾堡核心编辑器的一部分。) 像一些图片区块选项一样,这里的调整大小选项在技术上是间距选项。但是这两个选项是居中对齐和全幅宽度。您可以选择一个在容器中居中或在屏幕上的整个宽度。 在编辑器本身中调整区块的高度有点麻烦,但有效。如果您只是在空区块字段中按Enter/return,则可以通过插入额外的空段落区块来扩展高度。 这是一个不太理想的解决方案。但它很快,而且在紧要关头工作——特别是考虑到活动区块没有真正的高度调整选项。 示例 3#:在WordPress中使用栏目调整区块大小 如果您需要调整大小的区块在其设置面板或上下文菜单中没有调整大小选项,则使用区块编辑器的栏目是您可以调整任何块大小的另一种方式。只需按任意+ 按钮搜索栏目区块即可添加新区块。 在栏目区块中,您可以添加所需的任何其他区块。在搜索选项中,还会出现区块编辑器模式。这些是您可以插入到文章或页面中的模板,其中内容已经调整大小和放置,等待您的内容替换占位符。 从一开始,栏目区块就允许您选择栏目本身的大小。它分为6个不同的方向,每个方向都有不同的页面百分比用于各个栏目。 这些不是您可以使用的唯一配置。您可以使用块内的 蓝色 + 按钮 随时添加新栏目。每个单独的栏目都有自己的设置面板,您可以在其中按百分比单独调整其宽度。 可能需要进行一些实验才能使尺寸适合您的设计。但是,当它完成后,您可以在首页上放置一些精心设计且间隔适当的内容。请记住,区块编辑器中的任何空栏目也将在前端显示为空。 通过调整不同栏目的宽度、位置和数量,您的区块几乎可以以任何方式调整大小和放置。 需要更多尺寸选择?考虑使用更高级的页面构建器 我们意识到其中一些调整区块大小的方法可能会受到限制。如果您发现它们对您来说限制太多,那么可能是时候研究更高级的页面构建器了。 例如, Divi为每个模块(区块)提供了大小调整和变换选项,与古腾堡相比,您可以更好地控制形状、大小和间距。大多数高级页面构建器也是如此,因此如果您发现Gutenberg的选项过于有限,那么查看Divi之类的内容可能是下一步的最佳选择。 如何使用CSS调整WordPress区块大小 每个区块在高级设置下的设置面板中都有一个CSS部分 。除了任何其他特定于块的高级设置外,每个设置都有一个字段用于额外CSS类。您可以将您想要的任何选择器分配给这个单独的区块,无论它们是否已经存在于您的站点上,或者您是否专门为此区块创建了它。 通常,我们建议对单个区块使用CSS ID而不是类,但区块编辑器不支持(至少默认情况下)。因此,您将只想使用多个类来跟上单个区块而不是ID。类实际上是为了涵盖大类的元素类型,而ID是为了单个元素。在这种情况下,我们建议使用清晰的命名约定来保持代码中的简洁。 无论如何,您只需将类输入到文本字段中即可。 请勿在此字段中的类名称前包含句点/点。 现在,您应该导航到外观– 自定义并在最底部找到额外CSS部分。编写或粘贴CSS代码以根据您的喜好调整区块的大小。 我们建议避免使用以像素 (px)为单位的度量,因为它们是绝对的。最好使用 vw(视口宽度)、vh(视口高度)或% (百分比)来调整区块。这些都将参考设备和/或它周围的其他内容进行缩放。 .block-1 { height:35vh; max-height:50vh; } .block-2 { width: 100vw; } […]
在本教程中,我们将向您展示如何将经典区块添加到文章或页面,我们将介绍它的全部设置和选项,我们还将为您提供在新区块中有效使用它的提示 -基于WordPress的世界。
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嵌入框并从新开始更容易。 更多的选项 […]

