09 | WordPress 图片区块 Image Block

https://ithelp.ithome.com.tw/upload/images/20210923/20116357rsAaFbKZdt.jpg
一般阅读的文章是由标题和段落文字组成,如果是长篇内容,容易让读者感到沉闷。这时候你可以试试适当加入不同的「多媒体 (Multimedia)」来丰富你的内容,最常见就是我们这次介绍的图片区块元素,因为相对於动画或影片,图片的制作相对轻松和容易,也是各种内容最传统的表现方式之一。WordPress 区块编辑器提供不少的选项供你调整和修改,适当设定图片和部署也有利於网站的 SEO 评分。


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

https://ithelp.ithome.com.tw/upload/images/20210923/20116357rGL8nOVomv.jpg


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

https://ithelp.ithome.com.tw/upload/images/20210923/20116357aOrYQeuoXO.jpg


3 种新增图片的来源

https://ithelp.ithome.com.tw/upload/images/20210923/20116357xRlyvS6cQk.jpg


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

https://ithelp.ithome.com.tw/upload/images/20210923/201163575ItKtVacCq.jpg


新增图片方式二:使用媒体库里的图片

https://ithelp.ithome.com.tw/upload/images/20210923/20116357zCc8ja0pHM.jpg


从「媒体库」里选取合适的图片

https://ithelp.ithome.com.tw/upload/images/20210923/20116357d79fSWGxb8.jpg


从「Google Photos Library」里选取合适的图片

https://ithelp.ithome.com.tw/upload/images/20210923/20116357Wnww21AZAV.jpg


从「免费图库」里选取合适的图片

https://ithelp.ithome.com.tw/upload/images/20210923/20116357dj30kZjEWL.jpg


新增图片方式三:透过第三方的图片连结

https://ithelp.ithome.com.tw/upload/images/20210923/20116357MCgMyCA6gZ.jpg


廷伸阅读:

什麽是区块编辑器?
什麽是 WordPress 图片区块?


<<:  【Day08-比较】我们不一样——在python中判断相等的用法is, ==, 与如何判断nan

>>:  23.移转 Aras PLM大小事-流程签核动态指派(2)

【Day04】数据输入元件 - Checkbox

元件介绍 Checkbox 是一个多选框元件。通常使用情境是在一个群组的选项当中进行多项选择时使用。...

寝室的秘密授课(三):测试案例 Test Case

诗忆一走进学校的综合餐厅就看到唯心和另一个男生坐在中间的位置聊天,不由得加快脚步。 翟文志眼角余光注...

创建App-(老师版)功能

创建App-(老师版)功能 今天来建设老师版的功能,授课时间与教课纪录。今天来弄弄成授课时间的页面,...

IT 铁人赛 k8s 入门30天 -- day7 K8s YAML 设定档

前言 这章节将要来学习 kubectl 执行的设定档 理解每个设定的组成 还有细部内容 设定档的格式...

[重构倒数第08天] - 图片瘦身与静态资源gzip优化

前言 该系列是为了让看过Vue官方文件或学过Vue但是却不知道怎麽下手去重构现在有的网站而去规画的系...