如何添加和編輯 Elementor 內容切換器小部件?

已發表: 2022-05-25

WordPress 客戶經常在尋找在不犧牲文章的情況下改善網站空間的新方法。 就像您通常使用滑塊、折疊式或選項卡小部件一樣,您可能會忽略其他因素,例如文章切換器。 這就是為什麼我們將這個提交提交給 Elementor 信息切換器——這只是您的 WordPress 網頁最不難的交互元素之一。

我們將單獨指導您如何使用完全免費的 Stratum 插件插入和自定義 Elementor Content Switcher 小部件。

我在哪裡可以使用 WordPress 內容切換器?

根據信息營銷研究所和 Ion Interactive 的說法,“交互材料最常用於登陸網頁社交媒體平台微型網站博客”。

當然,您可以在每次感覺重要時為任何網站樣式使用內容切換器。 它主要用於在一個因素中管理不同的細節,而不是在一個之後立即顯示它們。 此外,毫不費力的切換方式確保了關於兩種或更多書面內容風格的“快速切換”。

因此,在本文中是您很可能會使用內容切換器的流行插圖:

  • 具有獨特計劃的定價表(例如,常規 VS 一年一次,完全免費的 VS Pro)
  • 功能列表(每個切換都是不同的方面)
  • 可切換功能
  • 分類的內容材料(例如提供商或團隊客戶的清單)

Stratum 的 Elementor 內容切換器

到了現在,你真的應該知道 Elementor 的強大能力了。 大量的免費方法集中在這個 WordPress 網站建設者周圍。 其中之一是適用於 Elementor 的 Stratum – 一種免費增值的分類,包含 23 多個複雜的 Elementor 小部件,供特定企業和企業使用。

Stratum Elementor 自定義插件

關鍵層特徵是:

  • 1 個插件中包含 23 多個多功能小部件
  • 根據您當前概念的設計自動調整設計
  • 每個小部件的創新結構工具鏈
  • Elementor 模板庫集成。

與非常相似的插件相反,Stratum 可以在其完全免費的版本中應用所有 23+ 小部件。 同時, Stratum Professional的購買者可以獲得針對每種成分的擴展定製配置

因此,當談到 Stratum Absolutely free vs Pro 中的信息切換器時,它們唯一的變化是切換選項卡的數量。 當專業版對選項卡的範圍沒有限制時,完全免費的版本只允許創建 2 個切換選項卡。

內容切換器 Elementor 小部件

Material Switcher Elementor 小部件演示

如何增加 Stratum 文章切換器?

我們正在進入教程的主要部分。 很可能,您已經擁有一個 WordPress 網站,並且您剛剛安裝了 Elementor。

現在是安裝 Stratum 的時候了。 根據您的程序,您可以通過兩種不同的方式進行操作:

最後,將以下任一信息上傳到您的網站: Plugins => Add New => Upload Plugin 。 不要忽略激活插件。

激活 Stratum 後,使用 Elementor 打開其中一個網站網頁。 如果您使用預先設置的模板,這沒有任何區別。

現在只需單擊“+”圖標以選擇結構(選擇列),然後插入所需的小部件。 Factors 庫現在將具有 Stratum 文件夾。 您可以在列表中找到 Content Material Switcher 小部件,或者只需在查找欄中按名稱排序。

將因子拖到修改頁面:

Stratum 內容切換器
這是關於如何在您的網站中包含 Elementor 材料切換器的小說明。 但是教程還沒有結束。 現在我們需要確定如何使用 Elementor 和 Stratum 配置來個性化這個小部件。

Stratum Content Material Switcher:主要設置

因此,您將 Stratum 插件 Material Switcher 拖到您的修改網頁中。 在剩餘的側邊欄選項中,您將看到 3 個增強選項卡:內容、樣式復雜

內容配置

內容選項卡是您可以找到模型並將項目(切換)插入到您的方面的地方。

如果您使用插件的專業版,您可以設計使您的內容切換器具有兩種模型:切換選項卡(僅限兩種商品)和多選項卡。 最後一個,您可以根據需要添加任意數量的切換商品。

儘管如此,完全免費的模型僅支持Toggle Tabs設計和样式。 這些是各​​種 vs 切換選項卡類型的示例:

多個與切換選項卡

商品配置包括以下內容:

  • 產品名稱
  • 模板(每個項目中的書面內容)

很可能,您確實沒有任何已保存的模板,但是您的下一階段將是為幾乎每個切換創建一個 Elementor 模板。 為此,請在 WordPress 儀表板中選擇Templates => Add New 。 選擇部分類型並點擊 Produce:

Stratum 內容切換器 2
您將被轉移到 Elementor 構建器,以便您可以使用最新的小部件集合生成任何部件。 完成成分構建後,按更新。

返回到自定義 Elementor 文章切換器。 現在您可以找到最近製作的模板,它將顯示在我們的小部件中:

Stratum 內容切換器 3
此外,在內容材料選項中,您可以選擇默認展開哪些內容。

設計和風格設置

切換選項卡和眾多選項卡樣式的模型選項略有獨特。 兩者都有準確的標準、標籤和內容參數。

基本菜單包含以下選項:

  • 切換對齊
  • 手冊填充物
  • 背景陰影
  • 邊框半徑(這將有助於您的切換看起來更像一個可靠的按鈕)
  • 盒子陰影

選項卡菜單涉及以下設置:

  • 完整的排版面板
  • 填充和邊界半徑
  • 多種模式(常規、懸停和能量類型)的文本內容顏色。

Stratum 內容切換器 4
信息菜單具有用於轉換邊距和引入動畫結果的配置。

此外,切換選項卡設計包括切換自定義:

  • 填充物
  • 內容切換器測量
  • 顏色和半徑

創新選擇

不要忘記每個 Elementor 小部件都使用最先進的選項進行備份。 它們總是由即將推出的定制解決方案組成:佈局、移動效果、重塑、限定、邊框、蒙版、響應式配置、特性和自定義 CSS。

剩余文本

請注意,沒有任何 Elementor 變體(完全免費或專業版)具有選擇內容切換器小部件。 但是使用 Stratum 插件,您只需單擊幾下即可建立這個簡單的因素。

您需要做的就是下載一個人的 Stratum 變體。

完全免費下載 Stratum

獲取 Stratum Pro