把文章拆分成標籤頁顯示,既可以節約空間,又方便讀者查找自己想要閱讀的
內容,而且可以使頁面變得整潔清晰。
通過插件實現,推薦插件「Tabs Shortcode and Widget」
【網址】:https://wordpress.org/plugins/tabs-shortcode-and-widget/
【提供者】:http://otwthemes.com/
如何使用
第一步:安裝插件
首先我們要安裝並啟用「Tabs Shortcode and Widget」插件。該插件安裝啟用後直接可以使用,不需任何設置。
第二步:設置標籤頁
新建文章或頁面,或者是編輯現有文章或頁面,在編輯欄上方你會發現多了一個按鈕;滑鼠點擊該按鈕就會出現Tabs Layout選項;如下圖:
點擊Tabs Layout選項進入Tab設計界面,第一項是設置Tab的個數,在這裡你可以選擇滿足您需求的標籤頁個數,第二項是選擇Tab模式,這裡有horizontal、vertical兩種模式可供選擇,之後是標籤頁總名稱,和標籤頁1的名稱,你還可以根據個人喜好,給標籤頁設置圖標;最後編輯標籤頁內容;具體界面如下圖:
第一個標籤頁編輯結束後,以同樣的方式完成其餘標籤頁的編輯。在整個設計的過程中,在編輯框右側都可以看到編輯效果。編輯結束後,在編輯框最後還有一項自定義選項CSS Class。你可以根據你的個人愛後,在這裡添加CSS類文件,將標籤頁的界面設置成你喜歡的界面。所有的標籤頁都設計完成後,點擊對話框頂部或底部的insert按鈕保存設置並發布文章或頁面。這個時候打開網頁,你就可以看到你的文章以標籤頁的形式顯示。
接下來給大家介紹的是「Tabs Shortcode and Widget」插件的另一項添加標籤頁的功能——通過插入小工具,在主邊欄添加標籤頁。設置過程與在文章中添加標籤頁相似,只是插入的位置不同。
具體步驟:
打開儀錶盤,選擇外觀菜單下的小工具,選擇添加「OTW Shortcode Widget」於主邊欄。
點擊添加,進入如下界面:
點擊添加「Tabs Layout」進入標籤頁設計界面,該界面跟在文章中添加標籤頁的界面完全相同。按照前面編輯文章中標籤頁的方式編輯,結束後保存編輯並且保存小工具。現在打開之前打開過的網頁,刷新,你會發現在主邊欄的最下方出現了剛剛編輯好的標籤頁