当前位置: 首页 > news >正文

古腾堡编辑器教程:如何使用WordPress图库区块

当您想在 WordPress 网站的文章或页面中插入单个媒体文件时,了解如何使用图片区块就会派上用场。但是,如果您想添加一组照片呢?您可以查看一些 WordPress 流行的相册插件。或者,您也可以使用图库区块。

WordPress 图库区块可以让您方便快捷地在 WordPress 文章和页面中添加多张图片。在本文中,我们将解释什么是图库区块以及它是如何工作的。我们还将提供一些在网站上有效使用它的技巧和最佳实践。

如何在页面或文章中添加图库区块

要在 WordPress 网站上添加图库区块,首先要导航到任何页面或文章(新的或现有的)。然后点击添加区块按钮–加号(+)图标–搜索 “图库”:

您可以点击图库块插入图库,或将图标拖放到编辑器中。或者,你也可以直接在编辑器中输入”/gallery”,然后按回车键。

插入 “图库” 区块后,你就有了几个添加照片的选项。您可以点击 “上传” 按钮从电脑中选择图片,或者选择 “媒体库” 来选择已经上传到网站上的照片:
无论使用哪种选项,您都可以搜索并选择要使用的所有照片。之后,它们就会出现在区块中:
正如你所看到的,在顶部工具栏中有一个调整图片区块对齐方式的选项,右侧菜单中还有各种设置。让我们仔细看看这些选项分别是什么,以及如何使用它们。

图库区块设置和选项

在图库区块的工具栏中,可以点击对齐图标来更改图库在页面上的位置。默认是左对齐,但也可以将图片区块移到页面的右侧或中间:

您还可以选择 “全幅” 或 “宽幅”–后者会将图库扩展到主题的典型内容部分宽度之外。如果点击三个竖点,你还会发现其他一些选项,包括

  • 复制区块
  • 在当前区块之前或之后插入另一个区块
  • 移动图库区块
  • 以 HTML 格式编辑图片区块
  • 将图库区块添加到可重复使用的区块中

图库区块最有用的一点是,它不仅能让您同时在 WordPress 页面或文章中添加多张照片。您还可以用它按照自己的喜好排列这些图片。例如,您可以自定义图库中包含的列数和图片大小。

您可以在右侧菜单的图库设置部分更改图库列数:

要更改列数,可以使用滑块或在文本字段中输入您想要的值。还可以使用裁剪图像切换选项:

此设置默认为启用,以便均匀裁剪图像。不过,如果将其关闭,图片将自动以原始版本显示。

在链接到下拉菜单中,可以选择将图库超链接到附件页面或媒体文件。使用图片大小下拉菜单,可以调整照片的大小,选项包括缩略图、中尺寸、大尺寸或全尺寸。

最后,点击图库中的单张图片还可以找到更多选项:


如果要编辑单张照片,只需点击铅笔图标即可。你可以选择 X 图标,将其从图库区块中完全删除。要在照片列表中向前或向后移动照片,可以使用箭头按钮。

有效使用图库区块的技巧和最佳实践

现在我们已经介绍了图库区块的基础知识,您已经准备好学习如何有效地使用它了。要充分利用 WordPress 的这一功能,您可以牢记一些最佳做法。

首先,我们建议您在插入图库区块后,确保裁剪图片功能已打开。当您有各种尺寸和形状的图片时,这个选项会特别有用,因为默认情况下,这些图片有时会显得杂乱无章。

启用该功能后,可以确保图库中的所有图片看起来一致。这有助于使图库看起来更专业、更有条理、更美观。

其次,确保上传到 WordPress 图库的每张图片都经过适当优化也很重要。这包括:

  • 选择有利于搜索引擎优化的文件名
  • 添加备选文本(”alt文本”)
  • 确保每张图片都经过压缩

使用 WordPress 图片优化插件可以自动完成这一过程,并提高网站性能。它还能提高您的搜索引擎排名。

最后,您可以考虑为图库中的每张图片添加标题。这有助于在游客浏览时为他们提供必要的背景信息。

关于图库区块的常见问题

至此,您应该已经牢牢掌握了图库区块及其使用方法。为了确保涵盖所有基础知识,让我们来看看有关该元素的一些常见问题。

如何在 WordPress 中找到图库区块?

要找到图库区块,请导航到任何文章或页面。然后点击加号(+)图标,在搜索栏中输入 “图库”。只需点击 “图库” 选项,或将其拖放到编辑器中即可插入区块。或者,你也可以直接在编辑器中输入”/gallery”,然后点击键盘上的回车键,找到图库区块。

图库区块有什么作用?

图库区块可让您在同一位置为文章添加多张照片。您可以直接在 WordPress 区块编辑器中以美观的方式轻松调整照片的大小和排列方式。例如,您可以决定要使用的列数并调整图片大小。

我可以在 WordPress 的任何地方添加图库区块吗?

您可以在 WordPress 网站的任何页面或文章中添加图库区块。此外,您还可以使用 WordPress 小工具在网站的其他区域(如页脚)添加图库区块。

小结

在 WordPress 文章或页面中插入图片的过程非常简单。不过,有时您可能想将多张照片组合在一起并一次性添加。在这种情况下,您可以利用图库区块。

正如我们在这篇文章中讨论的那样,你可以轻松地将这个区块插入到你的文章和页面中(以及通过部件插入侧边栏和页脚区域),毫不费力地一次上传和排列多张图片。这个区块可以让你根据自己的喜好无缝地调整照片的大小和组织照片。您无需退出编辑器或使用WordPress 图库插件,就可以用它来增强页面的整体外观和感觉。


文章转载自:
http://carmela.hfstrb.cn
http://chess.hfstrb.cn
http://bielorussia.hfstrb.cn
http://bolide.hfstrb.cn
http://chariot.hfstrb.cn
http://bunned.hfstrb.cn
http://bastardly.hfstrb.cn
http://callisthenics.hfstrb.cn
http://chink.hfstrb.cn
http://bouvet.hfstrb.cn
http://bolwtorch.hfstrb.cn
http://begetter.hfstrb.cn
http://advisor.hfstrb.cn
http://aguish.hfstrb.cn
http://childbearing.hfstrb.cn
http://ballistics.hfstrb.cn
http://ced.hfstrb.cn
http://barbicel.hfstrb.cn
http://boult.hfstrb.cn
http://alternator.hfstrb.cn
http://bursiculate.hfstrb.cn
http://camstone.hfstrb.cn
http://albite.hfstrb.cn
http://accentuation.hfstrb.cn
http://ashpit.hfstrb.cn
http://cancerous.hfstrb.cn
http://arthrodia.hfstrb.cn
http://aventurine.hfstrb.cn
http://cbc.hfstrb.cn
http://camion.hfstrb.cn
http://www.dtcms.com/a/213458.html

相关文章:

  • 论文阅读: 2023 NeurIPS Jailbroken: How does llm safety training fail?
  • UE 5 C++设置物体位置和旋转,初始化虚幻引擎样条线、加载引用虚幻编辑器中的蓝图、设置虚幻编辑器中Actor大小
  • 微软技术赋能:解锁开发、交互与数据潜力,共探未来创新路
  • 频繁报FTPResponse 421 received.Server closed connection
  • pytorch问题汇总
  • 青少年编程与数学 02-020 C#程序设计基础 04课题、常量和变量
  • model.classifier:分类头
  • 每天掌握一个Linux命令 - ab(Apache Benchmark)
  • 【芯片设计中的跨时钟域信号处理:攻克亚稳态的终极指南】
  • Node.js全局变量详解:__filename与__dirname
  • 目标检测 TaskAlignedAssigner 原理
  • LINUX526 回顾 配置ssh rsync定时备份(未完成)
  • Python----目标检测(YOLO数据集)
  • Spring IoC(1)
  • 同一个核磁共振(MRI)检查中,不同序列的图像之间空间坐标定位如何实现
  • JESD204B 协议介绍
  • 服务器的IP是什么东西?
  • 基于FPGA的IIC多通道选择器(IIC Switch/Bridge)
  • 三、Docker目录挂载、卷映射、网络
  • OpenCV CUDA模块图像过滤------创建一个 Sobel 滤波器函数createSobelFilter()
  • Qt6无法识别OpenCV(Windows端开发)
  • 新一代WebP2P视频物联技术:EasyRTC嵌入式音视频通信SDK助力音视频实时通信场景应用
  • 蜂鸟E203与PicoRV32两款RISC-V处理器的对比分析
  • 紫光同创FPGA实现视频采集转USB2.0输出,基于CY7C68013芯片,提供PDS工程源码和技术支持和QT上位机
  • 05-jenkins学习之旅-vue前项目部署实践
  • hadoop异构存储
  • crc32代码设计
  • Docker基础 -- 构建 RK3588 Debian 根文件系统
  • 海思3519V200ARM Linux 下移植 Qt5.8.0
  • EPT(Efficient Prompt Tuning)方法,旨在解决提示调优(Prompt Tuning)中效率与准确性平衡和跨任务一致性的问题