Elementor でグラデーション タイトルを作成する方法を知りたいですか?
でWebページやテンプレートを作成する場合 Elementor、タイトル要素を少し試して、作成したページを目立たせることができます。 試すことができる実験の XNUMX つは、タイトル要素にグラデーション効果を追加することです。
この記事では、そこへの行き方を説明します。
あなたも読むことができます： Elementor で XNUMX 色のタイトルを作成する方法
Elementor のネイティブ タイトル ブロックには、グラデーション効果を設定するオプションがありません。 タイトル テキストには単色のみを使用できます。 ただし、Elementor pro でのみ利用可能なカスタム CSS を使用して、Elementor のタイトル要素にグラデーション効果を追加するカスタム CSS を追加できます。
これを行うには、XNUMX つの方法を提供します。プロ版をお持ちで、CSS に慣れている場合は、最初の方法を使用してください。 でも使いたいなら WordPressのプラグイン XNUMX番目の方法は完璧です。
方法 1: カスタム CSS でタイトル要素にグラデーション効果を追加する
Elementor をプロ バージョンにアップグレードしたと仮定して、新しいページ/テンプレートを作成し、Elementor で編集します。 既存のページまたはテンプレートを編集することもできます。
Title 要素をドラッグ アンド ドロップして、キャンバス領域に Title ウィジェットを追加します。
ブロック内 タイトル タブの下 コンテンツ、 オプションでタイトルレベルを選択 HTML タグ。 任意のレベルのタイトルを使用できます。 これは CSS セレクターとして必要になります。
タブに移動します 高度な そしてブロックを開く カスタムCSS そして以下のCSSコードを貼り付けます。
セレクター h2 {背景画像: 線形勾配 (右へ、# 463f64、# 463f64、# e2285c、# e2285c); -webkit-background-clip: テキスト。 表示: インライン ブロック。 パディング: 14px; -webkit-text-fill-color: # 00000000; }
セレクターは、前の手順で選択したタイトルのレベルと一致していることを確認してください。
物件に好きな色のXNUMX進コードを貼り付けて色を変えることができます 背景画像。
または、次のコードを使用して、グラデーションの色を増やしたグラデーション タイトルを作成することもできます。
selector .elementor-heading-title {背景: 線形グラデーション (90度、赤、青、黒); -webkit-background-clip: テキスト。 -webkit-text-fill-color: 透明; }
方法 2: プラグインを使用して Elementor でグラデーション タイトルを作成する
CSS を追加するのが怖いと思われる場合は、Elementor でグラデーション タイトルを作成する簡単な方法があります。アドオン拡張機能をインストールすることです。 グラデーション タイトルを作成できる拡張機能の XNUMX つは、 ハッピーアドオン.
発見 WordPressにプラグインをインストール（追加）する方法
Happy Addons はフリーミアム プラグインで、グラデーション タイトルを作成するための要素 (Gradient Heading と呼ばれます) が無料版で利用できます。 グラデーションのタイプ (放射状または線形)、グラデーションの位置、および位置を定義できます。
Title 要素も Happy Addons と同じグラデーション調整オプションを提供します。
ここは！ Elementorでグラデーションタイトルを作成しました。
プレミアムWordPressプラグインもご覧ください
他にも使えます WordPressのプラグイン モダンな外観を与え、ブログやウェブサイトの取り扱いを最適化します。
ここでは、そのためのプレミアムWordPressプラグインを提供しています。
1。 404エラーページホームページまたはカスタムページへのリダイレクト
これを有効にした後、訪問者をホームページまたはカスタムページにリダイレクトする 404 エラーページを簡単に追加する最良の方法の XNUMX つを次に示します。 WordPressのプラグイン.
すべての 404 エラー ページは、ホームページまたはカスタム URL にリダイレクトされます。 これを使うことで WordPressのプラグイン、多くの 404 エラー ページがある場合、Google が Web サイトのページランクを下げることを許可します。
Ce WordPressのプラグイン はリダイレクトを実行するだけでなく、検索エンジンの結果における Web サイトのランキングを向上させるための適切なソリューションでもあります。
2。 WOOF
WOOF は強力なプレミアム WooCommerce 製品フィルタリング プラグインで、オンライン ストア ユーザーがカテゴリ、カスタム製品属性、 キーワード 個別の価格で。
それはたくさんのプロフェッショナルでプレミアムな機能を提供します、そして間違いなく、あなたがそれらすべてを試してみると、これはあなたに最も印象的なものになるでしょう。 それは改善されます 製品検索 あなたのオンラインストアで、非常に使いやすいです。
3。 お問い合わせフォーム7成功リダイレクト
Contact Form 7 Success Redirectは、WordPress Contact Form 7プラグインの拡張機能で、連絡先の送信後に訪問者またはユーザーをページにリダイレクトできます。
フォーム送信プロセスの結果、管理者が選択したページにリダイレクトされる場合に、フォームがよりユーザーフレンドリーになるように設計されています。 設定は非常に簡単です。 これを行うには、ダッシュボードの既存のページからページを選択するか、 カスタムURL リダイレクト。
私たちを発見 あなたのブログのSEOを改善するための8 WordPressプラグイン
各フォームには独自の構成があります。 したがって、成功したリダイレクトはそれぞれ独自の方法で定義できます。
推奨リソース
ウェブサイトの構築と管理に役立つ他の推奨リソースをご覧ください。
- 証言：訪問者の信頼を高める方法
- すぐに更新されないウェブサイトを修正する方法
- あなたのウェブサイトにGoogle Mapsを埋め込む7 WordPressプラグイン
- ダイナミックプライシングを作成する10 WooCommerceプラグイン
まとめ
そう ！ この記事は以上です。 これで、WordPress で劣化したタイトルを作成する方法がわかります。 Elementorプラグイン. お任せください commentaires およびその実行が困難な場合のコメント。
ただし、相談することもできます 私たちのリソース、インターネットサイトの作成プロジェクトを実行するためにさらに要素が必要な場合は、 WordPressブログの作成。
することを躊躇しないでください お気に入りのソーシャルネットワークで友達と共有する.
...
