(可以先點此 看範例 )
這個外掛叫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]