iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 24
0
自我挑戰組

30天翻玩動態網站-會員需驗證才能看到部落格文章 系列 第 24

Day24 內容為王-搭配 Avada Fusion Builder



內容編輯器 Fusion Builder

  • 模組化內容,像是玩拼圖一樣,建立很多內容拼圖,再用拖拉的方式來改變排版

Fusion Builder實作

  1. 新增一個區塊
  2. 複製一個區塊
  3. 拖拉移動區塊
  4. 新增一個欄位
  5. 安排元素-圖片按鈕等
  6. 進階排版-安排占比與留空距離

Avada 6新增:利用 Fusion Builder Live 來更視覺化的設計頁面

「視覺化版」的呈現方式,可以跟Fusion Builder搭配使用

  • Toggle Sidebar
    • 可切換全站/針對特定頁面/元素在跨平台設計
  • Toggle Wireframe
    • 可切換視覺或框架式
  • Responsive
    • 可預覽跨平台效果

如何快速的在內容編輯器裡匯入更多現成的版型?

  • Library內匯入更多Demo的版型
    • 會完整替代目前頁面內容,但顏色樣式會沿用原本版型

頁面、文章 傻傻分不清楚

  • 「頁面」不能分類

    • 關於我們、服務價格,這種單一個頁面,也很少更新的,是適合放在頁面類
  • 「文章」才可以依照「分類」或「標籤」來分類

    • 最新消息、心情故事、經驗分享等等,會因累積越來越多篇的,放在文章類
    • 然後用新增「分類」或「標籤」的方式來區分是最新消息/心情故事/經驗分享

五種內容類型

  • 透過範例了解各種內容的內涵

選單

  • 新增至選單
  • 改變順序
    • 或變成子選單
  • 可以出現在網頁不同位置

總結

Avada 6增加新的 live 編輯器,切換框架跟視覺編輯,可以很快的排成想要的 RWD 版型,而充實內容的部分,是最花時間的,需要持續不斷更新,感覺又是另一場鐵人賽,感謝你的觀看,明天我們繼續加油!!


上一篇
Day23 Avada 載入原型 Demo 快速架好網站
下一篇
Day25 WordPress 客製化外觀
系列文
30天翻玩動態網站-會員需驗證才能看到部落格文章 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言