通過插件實現
插件(項目關閉了):WordPress Post Tabs
【網址】https://wordpress.org/plugins/wordpress-post-tabs
項目關閉了。
插件2:Tabs Shortcode and Widget
插件:amr shortcode any widget
使用短代碼將一個小部件或多個小部件或整個小部件區域(側邊欄)插入到頁面中。
首先在普通側邊欄中設置您的小部件。檢查它是否有效。
然後將您選擇的小部件拖到名為“短代碼小部件”的側邊欄。
將 do_widget 短代碼添加到您希望小部件出現的頁面(或 do_widget_area)
要在塊編輯器中使用,請添加一個短代碼塊,然後輸入(包括方括號 [do_widget widgetname] 或從“短代碼小部件”側欄中的小部件中複製 do_widget 提示。
請在安裝選項卡下查看有關短代碼和參數的詳細信息(取決於插件目錄開發人員最近所做的工作,這可能在常見問題解答下,或者至少在自述文件下。)
多次使用一個小部件?
從 do_widget 簡碼或從 do_widget_area 簡碼中選擇的側邊欄引用特定的小部件實例。例如:[do_widget id=widget-n]
例如:您可以使用頁面中的查詢帖子小部件在頁面內創建檔案,或使用 rss 小部件列出來自其他站點的提要內容。有關更多詳細信息,請訪問 anmari.com
插件的默認操作是它會神奇地找到主題側邊欄的設置並使用側邊欄 html 來控制小部件輸出。在大多數情況下,這意味着小部件將根據主題的其餘部分設置樣式。如果這看起來不太好,則存在參數來嘗試覆蓋此行為。
EG:在二十四個主題中,小部件文本最終變成了白底白字!widget_classes=none 解決了這個問題。例如:[do_widget widget_classes=none yourwidget]
更改了主題並擔心丟失側邊欄設置?
沒問題,插件會保存和恢復 widgets_for_shortcode 設置。在顯示時,它將選擇新的主題側邊欄設置。
筆記:
請在激活此插件之前讓您的小部件在側邊欄中工作,並請閱讀 https://wordpress.org/plugins/amr-shortcode-any-widget/installation/ 和 https://wordpress.org/plugins/amr-shortcode -any-widget/faq/ 和/或查看設置頁面。要在側邊欄中查看小部件列表,請將 ?do_widget_debug 添加到帶有 do_widget 短代碼的頁面。
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”進入標籤頁設計界面,該界面跟在文章中添加標籤頁的界面完全相同。按照前面編輯文章中標籤頁的方式編輯,結束後保存編輯並且保存小工具。現在打開之前打開過的網頁,刷新,你會發現在主邊欄的最下方出現了剛剛編輯好的標籤頁
上述就是添加選卡的全過程,希望對大家有所幫助。謝謝!