在使用WordPress做网站的时候,需要大量的图片展示,
经常会用到多图片集合,
这个在网页设计中叫做图片画廊,英文叫做gallery。
使用Divi主题开发的WordPress网站,
就能激活divi主题默认自带的图片画廊gallery模块。
通过对这个模块不断修改设计样式,
能够在你的网站上呈现各式各样的图片画廊样式。
在这篇文章中,
WP花园将会为您深入解读如何使用divi主题中的图片画廊模块开发网站,赶快做好笔记吧!
在使用Divi主题模块之前,你需要购买正版的Divi主题,这里是我们WP花园的Divi主题70%折扣购买通道。
什么是画廊模块
你会发现在divi主题里,
廊模块是一个具有网格和滑块格式并支持带有分页的大型画廊。
让一个模块上展示多张多页的图片,
这让整个网页的图片设计上更清晰更简洁的展示,
信息传达更准确。
案例需求
当您需要在WordPress的页面中放入大量的图片时,
比如公司照片、团队风采、获奖证书等。
使用divi的画廊的模块就能够非常轻松快速的解决这个问题。
模块编辑步骤
接下来,
让我们来使用divi主题的画廊模板来演示如何制作这一个效果吧。
首先我们创建新页面,按绿色按钮添加插入“行”
再按灰色的按钮添加模块,
在模块中找的我们今天的主角“画廊”
添加成功之后,
我们可以看见divi的默认排版方式,
那么接下来我们就需要手动来添加我们想要的图片。
点击灰色按钮,
在媒体库或者上传文件来添加需要的图片。
添加图片后我们点击“设计”进行二次修改,
在布局中“布局”上有网络(网格式)排版方式和滑块
(右下角的页数滑块)两个参考选择;
下面的“景观”是修改图片的横方向或者竖方向展示(大家可以根据图片来调整方向)。
下面回到“内容”设计,
在“图像计数”里调整展示的图片数量(以横排四张竖排不限)的方式展示图片。
很多做跨境电商的朋友往往需要外国人的服务,比如录音、社媒代运营等等。我们整理出来很多低价且高质量的外国人服务商,分享给大家。
fiverr上15美元的海外社媒代运营服务
fiverr上25美元的Twitch设计服务
fiver上10美元的短视频广告投放服务
fiverr上15美元的视频编辑服务
fiverr上20美元的谷歌广告投放服务
fiverr上5美元的谷歌SEO服务
fiverr上10美元的英文文章撰写服务
fiverr上20美元的CMS网站建站服务
fiverr上40美元的手机APP开发服务
fiverr上30美元的linkedin代运营服务
fiverr上10美元的Guest Post做客博文服务
fiverr上15美元的红人营销服务
fiverr上20美元的discord运营服务
fiverr上15美元的社群维护服务
fiverr上10美元的shopify店铺优化服务
(如果不需要“网络”排版方式这里可以直接选择默认四张就即可)
如有不需要显示标题和分页符号文字的,
可以在“元素”里按此处隐藏标识。
(图片标题文字是图片命名,divi主题直接生成标题,这样图片就标题快速且不会混乱)
在“设计”标题文本里可以更改标题大小和文字颜色和间距,
根据需要手动调整。
在“设计”里也可以更换右下角的分页字体哟!(在标题文字的下面)
最后不要忘了在网页预览里,
每个图像都会打开一个蓝色按钮的弹出窗口,
是可以滚动浏览图库中较大版本的图像哟!
这样方便有更多的空间展示图片,
也不会影响图片的观看让网页更加人性化。
WP花园结语
如果你想使用本文中的Divi模块,可以从这里购买Divi正版主题,享受70%的折扣。
WP花园在使用WordPress为客户开发外贸营销型网站的时候,
通常需要添加客户公司的大量照片。
使用divi主题的图片画廊模块可以方便地添加大量精美的图片到WordPress网站上。
通过学习使用divi主题的画廊模块,
能够让您的网站增加更多有趣的元素。
在使用divi主题的过程中,
如果你遇到各种问题,欢迎给我们留言。