在使用WordPress做网站的时候,需要大量的图片展示,

经常会用到多图片集合,

这个在网页设计中叫做图片画廊,英文叫做gallery。

使用Divi主题开发的WordPress网站,

就能激活divi主题默认自带的图片画廊gallery模块。

通过对这个模块不断修改设计样式,

能够在你的网站上呈现各式各样的图片画廊样式。

在这篇文章中,

WP花园将会为您深入解读如何使用divi主题中的图片画廊模块开发网站,赶快做好笔记吧!

在使用Divi主题模块之前,你需要购买正版的Divi主题,这里是我们WP花园的Divi主题70%折扣购买通道。

什么是画廊模块

如果你安装好WordPress的正版divi主题后,

你会发现在divi主题里,

廊模块是一个具有网格和滑块格式并支持带有分页的大型画廊。

让一个模块上展示多张多页的图片,

这让整个网页的图片设计上更清晰更简洁的展示,

信息传达更准确。

案例需求

当您需要在WordPress的页面中放入大量的图片时,

比如公司照片、团队风采、获奖证书等。

使用divi的画廊的模块就能够非常轻松快速的解决这个问题。

模块编辑步骤

接下来,

让我们来使用divi主题的画廊模板来演示如何制作这一个效果吧。

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

首先我们创建新页面,按绿色按钮添加插入“行”

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

再按灰色的按钮添加模块,

在模块中找的我们今天的主角“画廊”

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

添加成功之后,

我们可以看见divi的默认排版方式,

那么接下来我们就需要手动来添加我们想要的图片。

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

点击灰色按钮,

在媒体库或者上传文件来添加需要的图片。

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

添加图片后我们点击“设计”进行二次修改,

在布局中“布局”上有网络(网格式)排版方式和滑块

(右下角的页数滑块)两个参考选择;

下面的“景观”是修改图片的横方向或者竖方向展示(大家可以根据图片来调整方向)。

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

下面回到“内容”设计,

在“图像计数”里调整展示的图片数量(以横排四张竖排不限)的方式展示图片。

(如果不需要“网络”排版方式这里可以直接选择默认四张就即可)

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

如有不需要显示标题和分页符号文字的,

可以在“元素”里按此处隐藏标识。

(图片标题文字是图片命名,divi主题直接生成标题,这样图片就标题快速且不会混乱)

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

在“设计”标题文本里可以更改标题大小和文字颜色和间距,

根据需要手动调整。

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

在“设计”里也可以更换右下角的分页字体哟!(在标题文字的下面)

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

如何在WordPress中设计和编辑divi主题的图片画廊gallery模块?

最后不要忘了在网页预览里,

每个图像都会打开一个蓝色按钮的弹出窗口,

是可以滚动浏览图库中较大版本的图像哟!

这样方便有更多的空间展示图片,

也不会影响图片的观看让网页更加人性化。

WP花园结语

如果你想使用本文中的Divi模块,可以从这里购买Divi正版主题,享受70%的折扣。

WP花园在使用WordPress为客户开发外贸营销型网站的时候,

通常需要添加客户公司的大量照片。

使用divi主题的图片画廊模块可以方便地添加大量精美的图片到WordPress网站上。

通过学习使用divi主题的画廊模块,

能够让您的网站增加更多有趣的元素。

在使用divi主题的过程中,

如果你遇到各种问题,欢迎给我们留言。

 

Google广告官方大中华地区官方合作谷歌广告开户 送WordPress网站

预充30000元广告(15%服务费),立刻送您WordPress外贸独立站!

WordPress客服二维码