【WordPress】Atomic Blocks 功能超全的古騰堡插件

  Atomic Blocks是一款基於Gutenberg編輯器的集合插件。使用古騰堡編輯器和Atomic Blocks構建頁面可為您提供更多樣化的體驗,以快速創建任何類型的網站!

注意

你必須先安裝古騰堡(Gutenberg)插件才可以使用Atomic Blocks!

效果演示

Author

本文作者—Pluto

插件名稱:Atomic-blocks Plugin

AB Square Placeholder
Call-To-Action Block

此區塊為插件效果

文字內容演示

公告

公告文字內容 (顏色可自行挑選)

文字文字文字文字文字文字文字文字文字文字文字文字文字

文字內容文字內容文字內容文字內容文字內容文字內容文字內容文字內容文字內容文

avatar

Pluto

Atomic Blocks 功能超全的古騰堡插件

還有很多效果,這邊就不做演示了,可以前往:https://atomicblocks.com/ 觀看各種效果預覽。

下載插件

後台安裝插件搜索:「Atomic Blocks」或直接下載插件上傳。

插件商店

Atomic Blockshttps://wordpress.org/plugins/atomic-blocks/

直接下載

註冊Mailchimp及獲取API

  Atomic Blocks這款插件需要使用Mailchimp API Key,因此我們需要先到Mailchimp先註冊一個帳號。你可以點 Find your Mailchimp API key. 查看如何獲取API,或者你也可以跟著我的文章一步步註冊。

20200404130423 【WordPress】Atomic Blocks 功能超全的古騰堡插件

首先到Mailchimp官網註冊帳號,註冊帳號沒有難度但是非常繁瑣。
總之就是輸入Email、Username、Password 註冊後開啟Email驗證帳號,接著做一堆設定和證明自己不是個機器人….

20200404131106 【WordPress】Atomic Blocks 功能超全的古騰堡插件
20200404131252 【WordPress】Atomic Blocks 功能超全的古騰堡插件
20200404131111 【WordPress】Atomic Blocks 功能超全的古騰堡插件
20200404131257 【WordPress】Atomic Blocks 功能超全的古騰堡插件

接著他會問你需要選擇什麼方案,選擇免費的即可。

20200404131434 【WordPress】Atomic Blocks 功能超全的古騰堡插件

然後又是一堆問題… 做到最後選擇 Not right now

20200404131528 【WordPress】Atomic Blocks 功能超全的古騰堡插件
20200404131538 【WordPress】Atomic Blocks 功能超全的古騰堡插件
20200404131554 【WordPress】Atomic Blocks 功能超全的古騰堡插件
20200404131528 1 【WordPress】Atomic Blocks 功能超全的古騰堡插件
20200404131541 【WordPress】Atomic Blocks 功能超全的古騰堡插件
20200404131559 【WordPress】Atomic Blocks 功能超全的古騰堡插件

返回Mailchimp首頁之後,在帳號右側點倒三角形,選擇「Account」,上方導航欄點「Extras-API keys」。

20200404131707 【WordPress】Atomic Blocks 功能超全的古騰堡插件
20200404131740 【WordPress】Atomic Blocks 功能超全的古騰堡插件

移到中間 Your API keys的部分,他會告訴你你還沒有任何API,因此需要點「Create A Key」來創建API。

【WordPress】Atomic Blocks 功能超全的古騰堡插件

接著系統會自動替你產生一個API,將API key複製貼上到 Atomic Blocks 插件後台設定即可。

D51cWPi 【WordPress】Atomic Blocks 功能超全的古騰堡插件
um53Bb1 【WordPress】Atomic Blocks 功能超全的古騰堡插件

使用教學

  新增文章,在 + 號處往下拉會看見多了 Atomic Blocks的區塊,裡頭的所有內容都可以使用了。右側也會出現 Layouts 的按鈕方便你使用任何區塊模板。

RyS9nYe 【WordPress】Atomic Blocks 功能超全的古騰堡插件

任何區塊都可以在右側設定調整,無論是文字顏色、背景顏色、文字大小、邊距長寬…等,都可以做修改,自由度非常高。

5bNgpSS 【WordPress】Atomic Blocks 功能超全的古騰堡插件

Layouts 裡頭也有不少模板可以直接套用,你可以用所見即得模式修改,也可以切換成html做修改。

OCRPLEr 【WordPress】Atomic Blocks 功能超全的古騰堡插件

另外,Atomic Blocks也有利用它們的功能製作了一個主題,有興趣可以下載,是免費的。

theme 【WordPress】Atomic Blocks 功能超全的古騰堡插件
0 0 評分數
Article Rating
訂閱
通知
guest

0 Comments
在線反饋
查看所有評論