創作者學苑創作者學苑
  • 首頁
  • 線上課程
  • 創作者知識庫
  • 網站維運服務
  • 讓網站 Google 廣告帳戶多一份保障
  • 登入
  • 登入字媒體夥伴系統

WordPress 教學

  • 首頁
  • 知識庫
  • WordPress 教學
  • 使用 Word Balloon 輕鬆製作對話框!

使用 Word Balloon 輕鬆製作對話框!

  • 作者 asta
  • 分類 WordPress 教學, 外掛&插件, 文章編輯
  • Date 2019-07-12
  • 留言數 0 則留言

Word Balloon  插件輕鬆創建對話氣球,本篇將解釋“氣球”的設置方法~

麥脆雞
麥脆雞
對話氣泡可以輕鬆插入,作法清晰易懂!

Table of Contents

  • 啟用 Word Balloon 插件
  • 設定 Word Balloon 插件 (非必要)
    • 如果有常用的人物可以先到設定註冊
    • 免費版本的 Word Balloon可以創建 3個人物
    • 不需要使用動畫可以將「Animate when balloon is displayed in the screen」關閉並儲存
  • 如何在文章中創建 Word Balloon
    •   使用  Word Ballon
    •  使用 Set quote
  • Word Balloon 對話氣泡可以在文章中創建對話

啟用 Word Balloon 插件

至後台>>外掛 將 Word Balloon 啟用,非富盈數據搬家的夥伴,需要先自行安裝喔!

 

設定 Word Balloon 插件 (非必要)

 

如果有常用的人物可以先到設定註冊

 

免費版本的 Word Balloon可以創建 3個人物

Name 為顯示在文章中的名稱
Note 為註釋

 

不需要使用動畫可以將「Animate when balloon is displayed in the screen」關閉並儲存

 

如何在文章中創建 Word Balloon

啟用成功可以在編輯器看到這兩個圖式

 

  使用  Word Ballon

點擊會直接呼叫出 Word Balloon編輯框

  1. 關閉「Easy mode」後,可進行進階設定
  2. 可以直接使用媒體庫內的圖片當作頭像
  3. 可以使用已創建好的人物
  4. 輸入對話氣球的內容
  5. 對話位置左邊與右邊切換
  6. 對話氣球風格
  7. 圖片設定
  8. 對話氣球設定
  9. 點擊「Insert」建立對話氣球

icon 的作用是在頭像上添加圖案,增加情緒反應與效果

 

建立成功,會在編輯器內看到以下結果

 

預覽可以看到以下結果

台南的 50嵐沒有椰果!!!

 

 使用 Set quote

Set quote 與 Word Ballon 的差別在於,Set quote 事先在編輯器內打文字,將文字選取後再按 Set quote 按鈕叫出編輯框

 

Word Balloon 對話氣泡可以在文章中創建對話

以下是 模仿 Messenger 對話框

原來是鸚鵡嗎?我還以為是雞
明明是鸚鵡,為什麼說人家是雞?很像嗎?像嗎?嗎!

 

會 CSS 的夥伴也可以加一層底色,可以有更多變化

倫家是鸚鵡! OK?
我能怎麼辦?我也很絕望呀!

 

 

  • 分享:
asta

上一篇文章

部落格 IG 小工具 Smash Balloon Social Photo Feed(原:Custom Feeds for Instagram)
2019-07-12

下一篇

AdSense 廣告收益變這麼低,到底發生啥事情?
2019-07-13

你可能也會喜歡

100901
水平線的自訂與設計
9 十月, 2019
100401
如何設定網站背景?
4 十月, 2019
092001
使用 Online Broken Link Checker 檢查網站失效連結
20 九月, 2019

留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

搜尋

創作者知識庫

  • Teachable教學
  • WordPress 教學
    • 佈景主題
    • 側邊欄.小工具
    • 外掛&插件
    • 文章編輯
    • 社群功能
    • 頁首.選單.導覽列
  • 內容編輯
    • 智慧財產權
  • 創作者學苑課程
    • FB直播
  • 名家專欄
  • 新聞訊息
  • 社群經營
  • 網站經營
    • Gandi 網域操作教學
    • Google Analytics
    • Google Search Console
    • Google Tag Manager
  • 網站集客
    • Google Adsense
    • SEO

創作者學苑 Creator Acdamy 隸屬於 富盈數據 Breaktime Inc. 本網站使用 WordPress 架設

  • 隱私權政策
  • 學苑條款
  • 網站地圖
  • 聯絡我們

Login with your site account

忘記密碼了嗎?