12 | WordPress 图库区块 Gallery Block

https://ithelp.ithome.com.tw/upload/images/20210927/20116357i4gmTWFePQ.jpg
这次讨论的《图库区块》应用,图库区块可让你轻松地新增多张相片,并以引人入胜的方式自动排列相片。是《图片区块》的延伸使用方式,当中有大量相同的设定,请确保你已经充份了解图片区块的特性:什麽是《图片区块》?


你也可以在新段落区块中输入「/图库」符号并按下确认

https://ithelp.ithome.com.tw/upload/images/20210927/20116357pgkKT8jz5F.jpg


按一下「+」图示,将图库区块新增到页面

https://ithelp.ithome.com.tw/upload/images/20210927/20116357w0SbFalzMC.jpg


图库区块 Gallery Block 调整区域

https://ithelp.ithome.com.tw/upload/images/20210927/20116357in3Xku3nHu.jpg


转换成其他类型区块

https://ithelp.ithome.com.tw/upload/images/20210927/20116357kYySxeMUP7.jpg


变更图库区块的对齐模式

https://ithelp.ithome.com.tw/upload/images/20210927/20116357gYHyWPowz6.jpg


2 种新增图片的来源

https://ithelp.ithome.com.tw/upload/images/20210927/20116357mLeQ6Uawr4.jpg


新增图片方式一:上传图片

https://ithelp.ithome.com.tw/upload/images/20210927/20116357EUlPQHkvgV.jpg


图库区块 | 基础外观完成

https://ithelp.ithome.com.tw/upload/images/20210927/20116357qy41HO5QNG.jpg


设定栏位数目和剪裁图片

https://ithelp.ithome.com.tw/upload/images/20210927/20116357csmQtRWfoq.jpg


图片连结方式和图片尺寸

https://ithelp.ithome.com.tw/upload/images/20210927/20116357LozsuIghCe.jpg


HTML 锚点和附加的 CSS 类别

https://ithelp.ithome.com.tw/upload/images/20210927/20116357GbFSniZ65A.jpg

廷伸阅读:

什麽是区块编辑器?
什麽是 WordPress 图库区块?
免费图库


<<:  Day11 - Bmo 眼睛嘴巴动起来

>>:  从 IT 技术面细说 Search Console 的 27 组数字 KPI (2.5) :平均排名的图解

[Day 10] tinyML整合开发平台介绍

话说唐牛抢了我的餐厅,当上老板後,就开始训斥我的厨师:「椅子要多窄有多窄,吸管要多粗有多粗,冰块要多...

离职倒数2天:40%的工作没意义,为什麽还抢着做

这是最近读的书的书名 英文原书名叫 Bullshit Job 狗屁工作 作者原本是写一篇网路文章论狗...

Swift 新手-後端基础 PHP + MySQL & Laravel

如何在 MacOS 从 0 到 1 建置 Laravel 开发环境,并搭配 phpMyAdmin G...

Day 24 Redux 简介

第 24 天 ! 倒数一个礼拜!! 今天来介绍 Redux !! 什麽是 Redux 在官方开头就有...

Day16 - 进入和退出文章

是的,总算要切换到下一页了... PreviewFragment 目前先使用预设建立的画面,一个Fr...