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

在Wordpress中寫文章，如果想做出可以「開合」Q&A(問與答)的效果，一般要寫Javascript程式來處理，

若你不會寫程式碼可以下載這個小外掛，只要點一點拉一拉馬上出現「開合」Q&A(問與答)的小模版，

然後在模版中直接加入標題與內容，就能馬上做到可以展開收合的&A(問與答)的效果囉!

(可以先點此 看範例 )

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

教學如下:

一、先至WordPress後台下載【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]