如何添加和編輯 Elementor 內容切換器小部件?
已發表: 2022-05-25WordPress 客戶經常在尋找在不犧牲文章的情況下改善網站空間的新方法。 就像您通常使用滑塊、折疊式或選項卡小部件一樣,您可能會忽略其他因素,例如文章切換器。 這就是為什麼我們將這個提交提交給 Elementor 信息切換器——這只是您的 WordPress 網頁最不難的交互元素之一。
我們將單獨指導您如何使用完全免費的 Stratum 插件插入和自定義 Elementor Content Switcher 小部件。
我在哪裡可以使用 WordPress 內容切換器?
根據信息營銷研究所和 Ion Interactive 的說法,“交互材料最常用於登陸網頁、社交媒體平台、微型網站和博客”。
當然,您可以在每次感覺重要時為任何網站樣式使用內容切換器。 它主要用於在一個因素中管理不同的細節,而不是在一個之後立即顯示它們。 此外,毫不費力的切換方式確保了關於兩種或更多書面內容風格的“快速切換”。
因此,在本文中是您很可能會使用內容切換器的流行插圖:
- 具有獨特計劃的定價表(例如,常規 VS 一年一次,完全免費的 VS Pro)
- 功能列表(每個切換都是不同的方面)
- 可切換功能
- 分類的內容材料(例如提供商或團隊客戶的清單)
Stratum 的 Elementor 內容切換器
到了現在,你真的應該知道 Elementor 的強大能力了。 大量的免費方法集中在這個 WordPress 網站建設者周圍。 其中之一是適用於 Elementor 的 Stratum – 一種免費增值的分類,包含 23 多個複雜的 Elementor 小部件,供特定企業和企業使用。
關鍵層特徵是:
- 1 個插件中包含 23 多個多功能小部件
- 根據您當前概念的設計自動調整設計
- 每個小部件的創新結構工具鏈
- Elementor 模板庫集成。
與非常相似的插件相反,Stratum 可以在其完全免費的版本中應用所有 23+ 小部件。 同時, Stratum Professional的購買者可以獲得針對每種成分的擴展定製配置。
因此,當談到 Stratum Absolutely free vs Pro 中的信息切換器時,它們唯一的變化是切換選項卡的數量。 當專業版對選項卡的範圍沒有限制時,完全免費的版本只允許創建 2 個切換選項卡。
Material Switcher Elementor 小部件演示
如何增加 Stratum 文章切換器?
我們正在進入教程的主要部分。 很可能,您已經擁有一個 WordPress 網站,並且您剛剛安裝了 Elementor。
現在是安裝 Stratum 的時候了。 根據您的程序,您可以通過兩種不同的方式進行操作:
最後,將以下任一信息上傳到您的網站: Plugins => Add New => Upload Plugin 。 不要忽略激活插件。
激活 Stratum 後,使用 Elementor 打開其中一個網站網頁。 如果您使用預先設置的模板,這沒有任何區別。
現在只需單擊“+”圖標以選擇結構(選擇列),然後插入所需的小部件。 Factors 庫現在將具有 Stratum 文件夾。 您可以在列表中找到 Content Material Switcher 小部件,或者只需在查找欄中按名稱排序。
將因子拖到修改頁面:
這是關於如何在您的網站中包含 Elementor 材料切換器的小說明。 但是教程還沒有結束。 現在我們需要確定如何使用 Elementor 和 Stratum 配置來個性化這個小部件。

Stratum Content Material Switcher:主要設置
因此,您將 Stratum 插件 Material Switcher 拖到您的修改網頁中。 在剩餘的側邊欄選項中,您將看到 3 個增強選項卡:內容、樣式和復雜。
內容配置
內容選項卡是您可以找到模型並將項目(切換)插入到您的方面的地方。
如果您使用插件的專業版,您可以設計使您的內容切換器具有兩種模型:切換選項卡(僅限兩種商品)和多選項卡。 最後一個,您可以根據需要添加任意數量的切換商品。
儘管如此,完全免費的模型僅支持Toggle Tabs設計和样式。 這些是各種 vs 切換選項卡類型的示例:
商品配置包括以下內容:
- 產品名稱
- 模板(每個項目中的書面內容)
很可能,您確實沒有任何已保存的模板,但是您的下一階段將是為幾乎每個切換創建一個 Elementor 模板。 為此,請在 WordPress 儀表板中選擇Templates => Add New 。 選擇部分類型並點擊 Produce:
您將被轉移到 Elementor 構建器,以便您可以使用最新的小部件集合生成任何部件。 完成成分構建後,按更新。
返回到自定義 Elementor 文章切換器。 現在您可以找到最近製作的模板,它將顯示在我們的小部件中:
此外,在內容材料選項中,您可以選擇默認展開哪些內容。
設計和風格設置
切換選項卡和眾多選項卡樣式的模型選項略有獨特。 兩者都有準確的標準、標籤和內容參數。
基本菜單包含以下選項:
- 切換對齊
- 手冊填充物
- 背景陰影
- 邊框半徑(這將有助於您的切換看起來更像一個可靠的按鈕)
- 盒子陰影
選項卡菜單涉及以下設置:
- 完整的排版面板
- 填充和邊界半徑
- 多種模式(常規、懸停和能量類型)的文本內容顏色。
信息菜單具有用於轉換邊距和引入動畫結果的配置。
此外,切換選項卡設計包括切換自定義:
- 填充物
- 內容切換器測量
- 顏色和半徑
創新選擇
不要忘記每個 Elementor 小部件都使用最先進的選項進行備份。 它們總是由即將推出的定制解決方案組成:佈局、移動效果、重塑、限定、邊框、蒙版、響應式配置、特性和自定義 CSS。
剩余文本
請注意,沒有任何 Elementor 變體(完全免費或專業版)具有選擇內容切換器小部件。 但是使用 Stratum 插件,您只需單擊幾下即可建立這個簡單的因素。
您需要做的就是下載一個人的 Stratum 變體。
完全免費下載 Stratum
獲取 Stratum Pro