Elementor のテキスト ウィジェットを最大限に活用する方法

テキストウィジェットは、WordPress ウィジェットの中でも最も過小評価されているウィジェットであると見られることがあります。

ただし、これは独自のスタイルを作成するのに不可欠であり、コンテンツをより魅力的に表示するのに役立ちます。 コーディングの知識がなくても、視覚的にスタイル化されたテキストを作成し、画像を追加できます。

この記事では、 Elementor のテキスト ウィジェットを使用して、ampして説明します。

テキスト ウィジェットは、HTML からショートコード、テキストの背後に画像を配置するまで、あらゆるものに最適に機能するため、驚くべき機能を備えています。

Elementorテキスト ウィジェットは、標準の WordPress ビジュアル エディターに似ており、テキスト エディターを追加して、テキストの編集、スタイル設定、タイポグラフィ設定の設定、配置を行うことができます。 よりわかりやすい例は、 Microsoft Office のような単純なワード プロセッサamp 必要なのは、ツールがどこにあるか、そして読みやすいページを作成するためにそれらを使用する方法を知ることだけです。

この投稿の範囲は次のとおりです。

Elementor テキスト ウィジェットは、フォントの太さ、高さ、文字間隔の調整などのコンテンツ設定を変更するのに役立ちます。 テキスト ウィジェットの機能と、このウィジェットを使用してコンテンツを変換する方法を見てみましょう。

Elementor テキスト ウィジェット ツールとその機能

2つのセクションからなる新規投稿を作成し、「テキストエディターを編集」セクションの右青隅をクリックすると、以下のように左端にエリアの設定エリアがポップアップ表示されます。

ここでは、コンテンツのアクセス可能な設定をすべて確認できます。 3 つの主なオプションを使用してテキスト設定を制御できます。

  1. コンテンツ
  2. スタイル
  3. 高度な

[コンテンツ] タブをクリックすると、ビジュアル タブとテキスト タブを備えた標準の WordPress エディター領域が表示されます。ここでは、メディア ファイルやテキストを編集するためのその他のいくつかのオプションを挿入できます。

テキストを入力したら、その一部を強調表示して形式を変更します。つまり、見出し、小見出し、または通常の段落テキストに変更します。 [段落] タブをクリックすると、その他の使用可能なオプションがすべてポップアップ表示され、使用可能なオプションからさまざまな見出し、段落、またはコンテンツ タイプを選択できます。

幅領域をクリックしてドラッグすることで、パネルの幅領域を制御することもできます。

フロントエンドで作品がどのように表示されるかをプレビューするには、プレビュー ボタンをクリックしてコンテンツのプレビューを表示します。

テキスト形式の変更が完了したら、次の段階は、コンテンツの配置を制御できるスタイル領域に進むことです。 このセクションでは、コンテンツを中央、左、または右に揃えることができます。

次はテキストの色のオプションで、コンテンツのテキストに希望の色を設定できます。

次のオプションはタイポグラフィです。これを使用すると、コンテンツに必要なフォント スタイル、サイズ、太さを設定できます。

左側のメニュー画面の下部に「ドロップキャップ」という名前のタブが表示されます。

ドロップ キャップは、その段落の最初の文字のフォント サイズをテキスト ライン 2 つ分のサイズに拡大します。 新しい段落の始まりが大胆かつユニークに見えます。

ドロップ キャップの外観を有効にするには、このタブをスライドさせるだけです。

[変換] タブでは、大文字、小文字、大文字などのオプションを使用してテキストの大文字と小文字を変更できます。

「行の高さ」を使用すると行間のスペースを減らすことができ、「文字の間隔」を使用すると文字間のスペースを増減できます。

詳細タブには、コンテンツのパディング領域を調整できるパディングとマージンの設定が付属しています。

Elementor テキスト ウィジェットでテキストを列に分割する方法

Elementor pro テキスト ウィジェットを使用すると、テキストを 2 列または最大 10 列に変換できます。 列の幅を設定したり、テキストを右揃えまたは左揃えにしたり、両端揃えにすることもできます。

ここでは、テキストを 2 つの列に分割しました。 列ギャップ オプションを使用すると、列の間にスペースを設定して、作品をすっきりと際立たせることができます。

これを実現するには、スタイル タブ > 列をクリックし、最大 10 列を設定できます。

次に、列ギャップ オプションを使用して列幅を調整できます。

テキストウィジェットを使用して画像の周囲にテキストを折り返す方法

Elementor テキスト ウィジェットを使用すると、画像の周囲にテキストを折り返すのが非常に簡単です。

その方法は次のとおりです。

セクションにテキストを追加し、メディアもテキストに追加します。

画像をクリックすると、画像の表示オプションが表示されます。

画像の周囲にテキストを配置する方法を選択し、必要に応じて配置を調整できます。

結論

Elementor は、ブログ投稿やページの独自のコンテンツ表示やプレゼンテーションを作成するのに役立ちます。 コンテンツをスタイル化するためのオプションは多数あります。 テキストを好きな数の列に分割できます。 また、テキストの折り返しオプションを使用すると、テキストの横に画像をエレガントに表示できます。

このガイドを楽しんで読んでいただければ幸いです。 次はあなたがテキスト ウィジェットを試して、このウィジェットの素晴らしさを見つけてください。

ホルダークー

ライブ:.cid.e495888558d5265f

コメントを見る

  • エディターのテキストがテキスト上に絡み合っています。解決方法がわかりません。

  • こんにちは。背景とその上のテキストに関して問題を引き起こす可能性のあるすべてのオプションは、「詳細」タブにあります。マージンとパディングのオプションを再確認してください。 テストのためにすべてをリセットします。

    • 私の段落でのスパツィオの流行ですか?
      私はすべてを守る必要があります。 それで、完璧なパラグラフォ、トロヴォ・アスルド・チェ・ベンガ・アギウント・デッロ・スパジオ・チェ・ノン・シプオ・コントロール。 グラツィエ

      • こんにちは。スペースを確保するには、テキスト ウィジェットのカスタム マージンまたは Elementor スペーサーを使用できます。

        • Grazie mille per la risposta、io 意図的に空間を移動し、パラグラフォとアルトロを楽しみます。 意図したとおりに、文章を読み上げて、継続的に筆記を入力してください。 テキスト ウィジェットは、究極のパラグラフを持つテキスト ウィジェットです (これはテキストの一部であり、スペースが表示され、テキスト ウィジェットはコロンのマージンであり、ウィジェットはゼロ ペルシェと部分内部デル モジュロです。) 制御不能なテキスト ウィジェットです。信条、CSS を強化するための基準。

  • Bonjour、あなたはテキストの style->couleur でテキストのテキストの色を変更します。それは異常ですか、それともまだ qui ne va pas を選択していますか? よろしくお願いします

    • こんにちは、これはこれを行うための適切な方法です。うまくいかない場合は、おそらくテーマの CSS など、何かがこの色の設定に干渉していることが考えられます。

  • 更新します。あなたのコメントはページのタイトルを変更した人にとって公正なものです。よろしくお願いします

    デイブ・ロッパー

  • Bonjour さん、
    テキストを両端揃えにするだけですが、このオプションは使いたくないのですね。
    Pourriez vous m'indiquer コメントフェアをお願いします。 事前の
    誠意を

    • こんにちは、

      ボタンにアクセスしたり、Elementor の「スタイル」タブを使用したりするには、追加のリッチ エディター ツールをロードする必要があります。

  • 画像を丸くしたいのですが、そのように編集するオプションが表示されない場合はどうすればよいですか?

    • こんにちは、

      丸い画像は境界線の半径オプションを使用して作成されます。 このオプションはテキスト ウィジェットに追加された画像には使用できません。別の画像ブロックが必要です。

  • こんにちは。テキスト エディターで作成したテキストに画像が含まれている場合、それは適切に機能します。 現在、強度は約 30% です。 さて、私は強烈なヴェリンガート・ヘッテのヒンターグルントビルトのイメージを持ちたいと思っています。 パンクを見つけてください、それは違います。 ウォランそんな嘘つくの?

  • Ola、excente conteudo、gostararia se puder me auxiliar com questiona que nao estou conseguindo リゾルバー。 EU は、さまざまなコンテンツを編集し、テキスト エディターで要素を編集し、さまざまな製品カテゴリーを作成し、適切なカテゴリーを編集し、編集者に情報を提供します。編集者なしで、編集者なしで、カテゴリを超えて、どのカテゴリにアクセスしても、URL を介して処理を進め、方向性を確認できますか? ウマカミーニョを段階的に理解して、レイゴのレベルを下げてください。 ソウ・ムイト・グラート。 クラドゥイオ。

最近の投稿

Elementor でヘッダーとフッターを使用する方法

Web サイトのヘッダーとフッターは重要な要素です。 ほとんどの場合、ヘッダーはナビゲーションを提供します…

2022 年 1 月 6 日

WordPress テーマの比較: Astra と OceanWP

市場で最も人気のある WordPress テーマの 2 つは、Astra と OceanWP です。 プロ…

2022 年 1 月 2 日

WordPress ニューステーマの比較: 新聞 vs. アストラ

優れたニュース Web サイトを作成するには、Web デザイナーになる必要はありません。 私たちは…

2021年10月25日

新聞をテーマにしたニュース関連の Web サイトを作成する

新聞テーマは、tagDiv によって設計された最も重要な WordPress テーマの 1 つです。

2021年10月18日

Avada WooCommerce ビルダーを使用して e コマースを構築する方法

オンライン ストアのセットアップに関しては、WooCommerce が頼りになるpluginです。 それ…

2021年10月4日

Elementor でスティッキーヘッダーとスクロール効果を使用する方法

ヘッダーは通常、Web サイトにアクセスしたときに最初に目にするものです。

2021年9月21日