iT邦幫忙

2021 iThome 鐵人賽

DAY 9
0
自我挑戰組

WordPress 區塊編輯器與區塊套件組合外掛【新手村】系列 第 9

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 圖片區塊?


上一篇
08 | WordPress 分隔符號區塊 Separator Block
下一篇
10 | WordPress 圖片區塊 Image Block | 雙色調濾鏡 (Duotone Filter)
系列文
WordPress 區塊編輯器與區塊套件組合外掛【新手村】30

尚未有邦友留言

立即登入留言