fbpx

什麼是 Jetpack – GIF Block?

如果您的網站是使用 WordPress 架設
而且有連接到官方的重點外掛 Jetpack
那麼在您的【WordPress Gutenberg
古騰堡編輯器 】介面

由於古騰堡編輯器支援
很多不同的【Block 區塊】
您可以想像每一個區塊
是一個單一的功能
或者一組功能的統稱
這些區塊都可以強化您的文章寫作效能

通過 GIF 區塊,您可以輕鬆地將 Giphy 網站中的
動畫 GIF 圖像直接搜尋
並嵌入到 WordPress 網站的文章 ( Post )
或頁面 ( Page ) 中

Giphy 是全球最大的 GIF 圖庫

圖片:任何人都可以輕鬆從 Giphy 網站上,提取 GIF 圖檔

Block 區塊的運作原理很簡單
就是協助您輕鬆從 Giphy 的網站裡
輕鬆插入【有趣】和【引人發笑】的 GIF
使您的文章更生動和吸引人的眼球

這些圖片就是常常在 Facebook 社交平台看到的那些 ……

用文字很難說明
請直接進入 Giphy 的官方網站
選擇您感興趣的分類
應該可以讓您歡樂一個開心的下午

Giphy 網站內提供海量的 GIF 動圖

圖片:Giphy 網站上的 GIF 圖片,總讓人歡樂和忘記煩惱

Giphy 提供 10 個主要分類
其實是不足夠
建議使用關鍵字搜尋
更精確的 GIF 動畫圖檔

  • GIPHY Studios 官方出品
  • Animals 動物
  • Holidays 節日
  • Food & Drink 美食
  • Memes 惡攪和另類趣味
  • Actions 動作類型
  • Emotions 情緒類型
  • Anime 動漫
  • Gaming 電子遊戲
  • Cartoons 卡通

還不懂原理是什麼?
讓我們一起看看官方影片吧

Jetpack 區塊的出現條件

您使用 WordPress 建立的網站
必須有安裝 Jetpack 這款外掛
並連接或串連到您的網站
這個 Jetpack 區塊就會自動【開通】

直接實測和搜尋【貓咪】

當我輸入【Cat】
即是搜尋貓咪時
就會出現一堆貓咪的動圖 GIF
給我慢慢選擇
非常方便呢

提供 5 種排版選項

圖片:插入圖片方法很簡單

官方聲稱有 5 種對齊的方式

  1. 靠左對齊 ( Left align )
  2. 置中對齊 ( Center )
  3. 靠右對齊 ( Right align )
  4. 寬度寬 ( Wide width )
  5. 全屏寬度 ( Full width )

但我自己的實測只有 3 種 對齊的方式
寬度寬 ( Wide width ) 和
全屏寬度 ( Full width )
還未研究怎樣觸發的條件

參考資料和文獻引用:

發表您的留言

加入我們的 Facebook 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術