[WordPress]如何一鍵做到開合的Q&A效果?就靠這個小外掛

(可以先點此 看範例 )

這個外掛叫Shortcodes Ultimate 是個WordPress的簡碼插件,
它提供:輕鬆地創建按鈕,標籤,包裝盒,滑塊,反應靈敏的視頻等元素。
這個插件擁有一個短代碼生成器,50+ 簡碼,響應式設計,CSS3 自定義的 CSS 編輯器,具有語法高亮顯示,自定義窗口小部件和豐富的 API。
當然,他也有付費的附加組件 – 額外的簡碼(15+額外簡碼),額外的外觀(60+外觀)和簡碼生成器,用於創建自定義代碼。

教學如下:

一、先至Shortcodes Ultimate

  • 外掛名稱 : Shortcodes Ultimate
  • 官方介紹 : https://wordpress.org/plugins/shortcodes-ultimate/
  • 操作介面 : 英文 (其實不難)
  • 外掛載點 : 在wordpress後台搜尋" Shortcodes Ultimate "並下載。
  • 主要功能 : 把常用的簡碼做成模版圖示,讓你直接一鍵插入套用,QA開合只是其中一個功能,其它尚有插入按鈕、插入外崁網頁、插入表格、插入邊欄…數十種非常多好用的程式簡碼。

安裝完記得先按「啟用」。

二、打開文章編輯器,按下Insert shorcode

三、選擇「Accordion(手風琴)」

四、命名與插入

圖中的①處請取一個英文名稱當此段程式碼的id,再按下「Insert shorcode」。

五、先簡單分出段落

用Enter去斷行,注意圖中的語法 [ 標籤 ] +  [ /標籤 ]  兩兩一組喔!

六、加入自訂的問與答文字

加入 :

  • title="xxx問題",
  • Content→改成你想要的文字內容

七、預覽頁面

點一下標題,就能有展開與收合的效果囉!

八、其它功能

尚有很多功能,例如「頁籤」,善用這些功能可以讓你的文章看起來很專業很有水準,就拿做網頁用更能讓你的網頁事半功倍,做出有專業感的網頁喔。

▼頁籤

▼範例,可以點點看:

[su_accordion class=”qa”]

[su_spoiler title=”請問眼袋手術有風險嗎?”]

答:也是有風險,但是機率非常非常的低…

[/su_spoiler]

[su_spoiler title=”想要做出一鍵做到收開合的Q&A效果?”]

當然有,就看本篇教學啦!XD

[/su_spoiler]

[su_spoiler]

Content

[/su_spoiler]

[/su_accordion]

 

FACY

我是小訣行銷工作室的Facy,這是我第二個網站專寫用來寫文章的,我喜歡寫部落格來記錄「把不會變會」的事,也喜歡教別人寫部落格,更有替人架設部落格網站的服務(就像本站)。
專長是WordPress客製化架站,且凡是網路行銷相關都興趣十足,特別是「關鍵字&內容行銷」! 目前主要是專職部落客網站接案製作架站教學,歡迎找我聊聊。

  • 如果您不用寫程式就能架站有興趣的話,可以加入FB社團一起交流。
  • 如果您需要更系統性的學習WordPress,歡迎參考我的線上課程或報名一對一家教班,或公開班(不定時配合開課單位開課)。
  • 如果您想當部落客且想要自架部落格網站且有自己網址,我也能替您服務或顧問式輔導架站
  • 架設網站請找我,點此看作品
0 0 vote
為本文評分
訂閱
通知
guest
0 Comments
Inline Feedbacks
查看所有評論

如果您想收到新文章的通知,可以留下您的Email

我保證不會亂寄廣告信給你!

站內搜尋

訂閱本站

如果您想收到新文章的通知,可以留下您的Email

我保證不會亂寄廣告信給你!

小訣行銷工作室

如果需要架站(包含像本站類型部落格網站)、網頁設計教學服務、業配需求,歡迎參考小訣行銷工作室

贊助與鼓勵

您好,

如果我的網路筆記剛好有幫到您,不妨請我喝杯咖啡吧!😊