![](https://i-blog.csdnimg.cn/blog_migrate/44c07013186412c2a9fc544ed572b3dc.png)
wordpress列数布局
Do you want to display WordPress photos in columns and rows? By default WordPress adds images in a vertical column on top of each other. However if you are adding multiple photos to a blog post, then this doesn’t look very clean and requires a lot of scrolling for your users. In this article, we will show you how to easily display WordPress photos in columns and rows.
您是否要在列和行中显示WordPress照片? 默认情况下,WordPress在彼此垂直的垂直列中添加图像。 但是,如果您要在博客文章中添加多张照片,那么看起来就不太干净了,需要用户进行大量滚动。 在本文中,我们将向您展示如何轻松地在列和行中显示WordPress照片。
![Display WordPress photos in rows and columns Display WordPress photos in rows and columns](https://i-blog.csdnimg.cn/blog_migrate/8e81e88fb04641d2b50514b6ee96f95b.png)
为什么您需要按行和列的WordPress照片 (Why You Need WordPress Photos in Columns and Rows)
By default, when you add multiple images to a WordPress post, they would appear right next to each other or on top of each other.
默认情况下,当您将多个图像添加到WordPress帖子中时,它们会彼此相邻出现或彼此重叠。
![default scrolling display of photos in WordPress default scrolling display of photos in WordPress](https://i-blog.csdnimg.cn/blog_migrate/65ca8475e418f5fc69c1a38246358922.png)
This doesn’t look very good, and your users will have to scroll a lot to view multiple images and photos.
这看起来不太好,您的用户将不得不滚动很多才能查看多张图像和照片。
You can easily solve this problem by displaying photos in rows and columns using a grid-based layout. This way images will appear in a compact layout and improve user experience on your website.
通过使用基于网格的布局以行和列显示照片,可以轻松解决此问题。 这样,图像将以紧凑的布局显示,并改善您网站上的用户体验。
![photos in columns and rows photos in columns and rows](https://i-blog.csdnimg.cn/blog_migrate/e64ca2190c80ae4c4596bb4fbdaca570.png)
Having said that, let’s take a look at how to display WordPress photos in columns and rows.
话虽如此,让我们看一下如何在列和行中显示WordPress照片。
1.在没有插件的列和行中显示照片 (1. Display Photos in Columns and Rows without Plugins)
This method does not require you to install any new plugin on your website. If you don’t add multiple photos too often, then this would work just fine for you.
此方法不需要您在网站上安装任何新插件。 如果您不经常添加多张照片,那么这对您来说很好。
First, you need to create a new post or edit an existing one where you want to display your photos. On the post edit screen, click on the