Elementorコンテンツスイッチャーウィジェットを追加および編集するにはどうすればよいですか?

公開: 2022-05-25

WordPressの顧客は、記事を犠牲にすることなくサイトスペースを改善する新しい方法を探していることがよくあります。 スライダー、アコーディオン、またはタブウィジェットを使用するのと同じように、記事スイッチャーなどの他の要素を無視する場合があります。 これが、この送信をElementor情報スイッチャーに捧げる理由です。これは、WordPressWebページにとって最も難しいインタラクティブ要素の1つにすぎません。

個別に、完全に無料のStratumアドオンを使用してElementorContentSwitcherウィジェットを挿入およびカスタマイズする方法についてガイドブックを作成します。

WordPressコンテンツマテリアルスイッチャーはどこで使用できますか?

Information MarketingInstituteとIonInteractiveによると、「インタラクティブマテリアルは、ランディングWebページソーシャルメディアプラットフォームマイクロサイト、およびブログで最も一般的に使用されています」。

トレーニングコースでは、重要だと感じるたびに、あらゆるWebサイトスタイルのコンテンツスイッチャーを使用できます。 これは主に、1つの要素を次々に表示する代わりに、1つの要素で個別の詳細を管理するために使用されます。 また、簡単な切り替え方法により、2つ以上の記述されたコンテンツスタイルに関する「クイックスイッチ」が確実になります。

したがって、この記事では、コンテンツスイッチャーを使用する可能性が非常に高い一般的な図を示します。

  • 独自のプランを備えた価格表(例:通常のVS年1回、完全無料のVS Pro)
  • 機能のリスト(すべてのトグルは異なる側面です)
  • 切り替え可能な機能
  • 分類されたコンテンツ資料(例:プロバイダーまたはチーム顧客のチェックリスト)

StratumによるElementorContentSwitcher

今では、Elementorの真剣な能力を本当に知っているはずです。 素晴らしい量の費用のかからない方法がこのWordPressサイトビルダーの周りに集中しています。 それらの1つは、Stratum for Elementorです。これは、特定の企業や企業で使用するための23以上の洗練されたElementorウィジェットのフリーミアムの品揃えです。

StratumElementorカスタムアドオン

主なStratumの特徴は次のとおりです。

  • 1つのプラグインに23以上の多目的ウィジェット
  • 現在のコンセプトのデザインへの自動デザイン調整
  • すべてのウィジェットに対応する革新的な構造ツールチェーン
  • Elementorテンプレートライブラリの統合。

非常によく似たアドオンとは対照的に、Stratumでは23以上のウィジェットすべてを完全に無料のバージョンで適用できます。 一方、 Stratum Professionalの購入者は、個々の成分ごとに拡張されたカスタマイズ構成を取得します。

したがって、Stratum Absolutely free vs Proの情報スイッチャーに関しては、唯一の変更点はトグルタブの数です。 完全無料バージョンでは、Professionalバージョンでタブの範囲に制限がない場合にのみ、2つのトグルタブを作成できます。

コンテンツスイッチャーElementorウィジェット

マテリアルスイッチャーElementorウィジェットデモ

Stratum Articles Switcherを増やす方法は?

チュートリアルの主要部分に進んでいます。 ほとんどの場合、WordPressインターネットサイトがすでにあり、Elementorをインストールしたばかりです。

次に、Stratumをインストールします。 プログラムに応じて、次の2つの方法で実行できます。

最後に、次のいずれかの情報をWebサイトにアップロードします。プラグイン=>新規追加=>プラグインのアップロード。 プラグインをアクティブ化することを無視しないでください。

Stratumがアクティブになったら、ElementorでインターネットサイトのWebページの1つを開きます。 事前設定されたテンプレートを使用するかどうかは関係ありません。

次に、「+」アイコンをクリックして構造(列の選択)を選択し、目的のウィジェットを挿入します。 FactorsライブラリにStratumフォルダーが追加されます。 リストにコンテンツマテリアルスイッチャーウィジェットがあります。または、検索バーで名前を並べ替えるだけです。

ファクターを変更ページにドラッグします。

Stratumコンテンツスイッチャー
これは、ElementorマテリアルスイッチャーをWebサイトに含める方法についての簡単な説明でした。 しかし、チュートリアルは終わっていません。 次に、ElementorとStratumの構成でこのウィジェットをパーソナライズする方法を決定する必要があります。

Stratumコンテンツマテリアルスイッチャー:プライマリ設定

そこで、StratumプラグインのMaterialSwitcherを変更するWebページにドラッグしました。 残りのサイドバーオプションには、コンテンツ、スタイル、洗練された3つの拡張タブが表示されます。

コンテンツ構成

[コンテンツマテリアル]タブは、モデルを見つけてアイテム(トグル)をアスペクトに挿入できる場所です。

アドオンのProfessionalエディションを使用する場合は、2つのモデル(Toggle Tabs(2つの商品のみ)とMany Tabs )を使用してコンテンツマテリアルスイッチャーを設計できます。 ファイナルは1つだけで、好きなだけトグルグッズを追加できます。

それにもかかわらず、完全に無料のモデルは、トグルタブのデザインとスタイルのみをサポートします。 これらは、さまざまなタブとトグルタブのタイプの例です。

複数タブとトグルタブ

商品の構成には、次のようなものが含まれます。

  • 製品のタイトル
  • テンプレート(すべてのアイテム内に書かれたコンテンツ)

ほとんどの場合、実際には保存されたテンプレートはありませんが、次の段階では、ほぼすべてのトグル用のElementorテンプレートを作成します。 これを行うには、WordPressダッシュボードで[テンプレート]=>[新規追加]を選択します。 ポーションタイプを選択し、プロデュースを打ちます。

Stratumコンテンツスイッチャー2
最新のウィジェットコレクションを使用してパーツを生成できるように、Elementorビルダーに転送されます。 材料の作成が完了したら、[更新]を押します。

Elementorアーティクルスイッチャーのカスタマイズに戻ります。 これで、最近作成されたテンプレートを見つけることができ、ウィジェット内に表示されます。

Stratumコンテンツスイッチャー3
また、コンテンツマテリアルオプションでは、デフォルトで展開されるものを選択できます。

デザインとスタイルの設定

モデルオプションは、[タブの切り替え]スタイルと[多数のタブ]スタイルで少し異なります。 どちらも正確な標準、タブ、コンテンツのパラメータを持っています。

基本メニューには、次のオプションが組み込まれています。

  • アラインメントを切り替えます
  • ハンドブックのパディング
  • 背景の色合い
  • 境界線の半径(これにより、トグルが信頼できるボタンのように見えるようになります)
  • ボックスシャドウ

タブメニューには、次の設定が含まれます。

  • フルタイポグラフィパネル
  • パディングとボーダー半径
  • さまざまなモード(通常、ホバー、およびエネルギッシュなタイプ)のテキストコンテンツの色。

Stratumコンテンツスイッチャー4
[情報]メニューには、余白を変換してアニメーションの結果を導入するための構成があります。

さらに、トグルタブのデザインにはトグルのカスタマイズが含まれています。

  • パディング
  • コンテンツスイッチャーの測定
  • 色と半径

革新的なオプション

すべてのElementorウィジェットが最先端のオプションでバックアップされていることを忘れないでください。 これらは常に、レイアウト、移動効果、改造、資格、境界線、マスク、レスポンシブ構成、特性、カスタムCSSなどの今後のカスタマイズソリューションで構成されます。

残りのテキスト

Elementorのバリエーション(完全無料またはPro)には、コンテンツスイッチャーウィジェットの選択肢がないことに注意してください。 しかし、Stratumアドオンを使用すると、数回クリックするだけでこの単純な要素を確立できます。

あなたがしなければならないのは、Stratumバリエーションの人をダウンロードすることだけです。

Stratumを完全無料でダウンロード

StratumProを入手する