word中两张图片并排放置_如何轻松地将图像并排放置在WordPress中

   日期:2024-12-26     作者:yindufu1       评论:0    移动:http://w.yusign.com/mobile/news/4831.html
核心提示:word中两张图片并排放置Do you want to put images side by side in your WordPress content?是否要在WordPress内容中并排放置图

word中两张图片并排放置

Do you want to put images side by side in your WordPress content?

是否要在WordPress内容中并排放置图像

Often beginners struggle to find how to put two pictures next to each other in their WordPress posts and pages.

通常,初学者很难在WordPress帖子和页面中找到如何将两张图片彼此相邻放置的方法。

In this step by step guide, we will show how to easily put images side by side in WordPress (without writing any code).

在本分步指南中,我们将展示如何轻松在WordPress中并排放置图像(无需编写任何代码)。

并排获取图像的最简单方法是使用WordPress块编辑器 。

The block editor has a special ‘Gallery’ block that lets you display images in rows and columns.

块编辑器具有特殊的“图库”块,可让您以行和列显示图像。

First, you’ll need to create a new post / page or edit an existing one to open the content editor. Once inside, click the (+) symbol to add a new block.

首先,您需要创建一个新的帖子/页面或编辑现有的帖子/页面以打开内容编辑器。 进入内部后,单击(+)符号以添加一个新块。

接下来,您需要选择Gallery块并将其添加到页面中。 您可以在“公共块”部分中找到“画廊”块,也可以使用搜索栏快速找到它。

现在,您可以通过将图像拖到图库中或使用“上载”按钮轻松地将其添加到图库中。 您还可以从WordPress 媒体库中选择图像。

As you can see, we’ve added 2 images to our Gallery block. WordPress has automatically positioned them side by side.

如您所见,我们已将2张图像添加到我们的Gallery块中。 WordPress自动将它们并排放置。

如果要并排放置3张图像怎么办? 如果添加第三张图片,将会发生以下情况。 WordPress只是简单地调整了其他三个文件的大小以使其并排放置

word中两张图片并排放置_如何轻松地将图像并排放置在WordPress中

如果您上传第四张图片,则WordPress会将其放置在其他图片的下方。

您可以更改WordPress应在单个列中并排包含的图像数量。

First, click on the Gallery block, if it’s not already selected. On the right hand side of the screen, you’ll see the Gallery’s block settings.

首先,如果没有选择图库,请单击它。 在屏幕的右侧,您将看到图库的图块设置。

您可以将此处的列数调整为1到4之间的任何数字。例如,如果要并排放置两幅图像,并在其下方放置另外两幅图像,可以将“列数”设置为2。

就这么简单

If you want to change where an image is positioned in your gallery, just click on it. You’ll then see arrows that you can use to move it forward or backward in the gallery.

如果要更改图像在图库中的放置位置,只需单击它。 然后,您会看到箭头,可用于在图库中向前或向后移动箭头。

这是来自我们的示例帖子的成品画廊演示

如果您正在使用旧的经典WordPress编辑器 ,或者要创建比默认Gallery块更复杂的画廊,则需要WordPress画廊插件。

We recommend using Envira Gallery because it is the best WordPress gallery plugin

我们建议使用Envira Gallery,因为它是最好的WordPress Gallery插件

For the sake of this tutorial, we will be using the free version of Envira, but you may want to get the Pro version to get powerful features like albums, image slideshows, etc.

为了本教程的缘故,我们将使用Envira的免费版本,但您可能想要获得Pro版本才能获得强大的功能,例如相册,图像幻灯片等。

First, you’ll need to install and activate the Envira Gallery plugin. If you’re not sure how, just check out our step by step guide on how to install a WordPress plugin.

首先,您需要安装并激活Envira Gallery插件。 如果您不确定如何安装,请查看有关如何安装WordPress插件的分步指南。

Next, you can go to Envira Gallery » Add New in your WordPress dashboard.

接下来,您可以转到WordPress仪表板中的Envira Gallery»添加新项

您需要给画廊一个标题。 我们将其称为“示例图库”。 接下来,上传您要使用的图像。

You can either drag and drop them into the upload box, or you can use one of the ‘Select Files’ buttons.

您可以将它们拖放到上传框中,也可以使用“选择文件”按钮之一。

图片上传后的外观如下

您可能要在此处为​​图像添加标题和替代文本。 当用户将鼠标光标移到图像上方时,标题将显示在图像下方。

The title also appears below the image in the lightbox popup mode, which we’ll take a look at in a moment.

在灯箱弹出模式下,标题也会显示在图片下方,我们稍后将对其进行介绍。

To edit the title and alt text, click the Edit button on an image in the gallery.

要编辑标题和替代文本 ,请在图库中的图像上单击“编辑”按钮。

然后,您可以更改图像的标题。 它默认为图像的文件名。

You should also enter alt text, as this is helpful for your WordPress site’s SEO. If your title describes the image, then you can simply repeat it for the alt text.

您还应该输入替代文本,因为这对WordPress网站的SEO很有帮助。 如果标题描述了图像,则只需将其替换为替代文本即可。

完成后,请确保在单击X关闭窗口之前,单击“保存元数据”按钮。

要在网站上添加图库,您首先需要发布它。 继续,然后单击屏幕右侧的“发布”按钮。

现在,编辑一个帖子或页面,或创建一个新的。 在内容编辑器中 ,单击(+)在您的帖子中添加一个图块,然后选择Envira Gallery图块。 您可以在“通用块”部分中找到它,也可以使用搜索栏。

然后,您需要单击下拉列表以选择您的画廊。

您应该在自己的帖子中看到自己的画廊。

You can adjust the settings on the right-hand side of the screen. For instance, you might want to change the column layout, or the size of the margin between images.

您可以在屏幕的右侧调整设置。 例如,您可能要更改列布局或图像之间的边距大小。

我们决定将画廊设置为始终显示在两列中。 我们还在图像之间添加了更大的边距。

用户可以单击图像在灯箱中查看完整尺寸的版本。 他们也可以使用灯箱滚动浏览图像。

如果要向图库中添加更多图像,则可以通过访问WordPress仪表板中的Envira Gallery»所有画廊来返回到它。 只需单击您的画廊名称即可对其进行编辑。

您对图库所做的任何更改都会显示在您放置在其帖子,页面或侧边栏中的任何位置。 您无需再次将其添加到其中。

Tip: If you’re using the classic editor instead of the block editor, you can still use Envira Gallery.

提示如果您使用的是经典编辑器而不是块编辑器 ,则仍然可以使用Envira Gallery。

You’ll see an ‘Add Gallery’ button above the classic editor that you can use to add an existing gallery to your post.

您会在经典编辑器上方看到一个“添加画廊”按钮,可用于将现有画廊添加到帖子中。

您还可以通过单击“添加媒体”按钮,然后单击“创建画廊”来创建新画廊。

我们希望本教程可以帮助您学习如何在WordPress中并排放置图像。 您可能还需要阅读有关如何在WordPress块编辑器中对齐图像的指南,以及我们必须包含WordPress插件的完整列表(专家选择) 。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube频道 WordPress视频教程。 您也可以在Twitter和Facebook上找到我们。

翻译自: https://www.wpbeginner.com/beginners-guide/how-to-put-images-side-by-side-in-wordpress/

     本文地址:http://w.yusign.com/news/4831.html    述古往 http://w.yusign.com/static/ , 查看更多
 
标签: 图像 画廊
特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

举报收藏 0打赏 0评论 0
 
更多>同类资讯
0相关评论

相关文章
最新文章
推荐文章
推荐图文
资讯
点击排行
{
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  版权声明  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号