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

1 Star2 Stars3 Stars4 Stars5 Stars (本文對您有幫助嗎?)
Loading...

(可以先點此 看範例 )

這個外掛叫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→改成你想要的文字內容

七、預覽頁面

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

八、其它功能

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

▼頁籤

▼範例,可以點點看:

請問眼袋手術有風險嗎?

想要做出一鍵做到收開合的Q&A效果?

Spoiler title

 

如果您喜歡這篇文章,請幫我們按個讚!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *