ElementorでWordPressのタイトルを作成・編集する完全ガイド

ヘッドラインは、あらゆるウェブサイトのデザインに不可欠な部分です。通常、ウェブページの上部に表示され、ウェブサイトのロゴ、ナビゲーションメニュー、検索バー、ソーシャルメディアリンク、その他の重要な要素を含んでいます。あなたのウェブサイトが企業サイトであれ、ブログであれ、Eコマースプラットフォームであれ、ヘッドラインはユーザーに第一印象を与えます。

この記事では、Elementorを使ってWordPressでウェブサイトのヘッダーを作成、編集、管理する方法を詳しく説明します。ウェブサイトデザインの初心者でも経験豊富な開発者でも、このガイドを読めば、ウェブサイトのヘッダーデザインを最適化するための実践的なヒントと包括的な手順がわかります。

タイトルは何ですか？

ヘッダーはウェブサイトページの上部にある重要な部分で、通常ウェブサイトのロゴ、ナビゲーションメニュー、その他の重要な要素が含まれています。ほとんどのウェブサイトでは、サイトをナビゲートする際に一貫したユーザーエクスペリエンスを保証するために、すべてのページで一貫したヘッダーを使用しています。しかし、ページのニーズによっては、特定のページ用にカスタムヘッダーを作成する必要がある場合もあります。

Elementorでは、見出しは"サイトパート"が存在し、サイト全体で再利用可能な部分であることを意味します。ElementorのTheme Builderを使えば、これらの見出しを簡単に作成、編集、管理し、サイト全体のデザインスタイルに合うようにすることができます。

I. 新しいタイトルの作成

まだサイトのタイトルを作成していない場合は、以下の手順で簡単に新しいタイトルを作成できます：

1. テーマビルダーに行く： WordPressバックエンドのElementor Templatesメニューで、"テーマビルダー".

2. タイトルセクションを選択する： テーマビルダーのインターフェイスで、「ヘッダー」セクションを見つけてください。まだ作成していない場合は、新しいヘッダーを作成するよう促されます。
3. 新しいタイトルを追加 をクリックしてください。新規追加"ボタンをクリックして、新しいタイトルの作成を開始する。

4. テンプレートを選ぶか、ゼロから始めるか： オプションで、Elementorが提供するプリセットテンプレートを使用することもできますし、ゼロから完全にカスタマイズされたタイトルをデザインすることもできます。

新しいタイトルを作成すると、Elementorのエディタ画面に移動し、ロゴ、ナビゲーションメニュー、ボタンなど、タイトルの様々な要素を追加してカスタマイズすることができます。

II.既存タイトルの編集

タイトルを作成し、それに変更を加えたい場合、Elementorは便利な編集機能を提供します。以下は既存のタイトルを編集する手順です：

1. タイトルを選択してください： テーマビルダーのヘッダーセクションに、作成されたすべてのヘッダーのリストが表示されます。編集したいヘッダタグをクリックして、詳細ダッシュボードを開きます。
2. 編集モードに入る： タイトルの詳細ダッシュボードで、タイトルの右上にある編集リンクをクリックすると、そのタイトルのElementorエディタが開きます。

3. カスタムデザイン： エディターでは、要素の追加や削除、レイアウトの調整、配色の変更、見出しがサイト全体のスタイルに合っているかどうかの確認などができます。

4. 変更を保存します： 編集が完了したら、変更を保存してウェブサイトに反映させます。

III.タイトル表示条件の管理

ページによって異なる見出しを表示する必要があるかもしれません。例えば、トップページではより複雑なヘッダーデザインを使い、ブログページではよりすっきりとしたヘッダーデザインを使いたいとします。Elementorでは、それぞれのヘッダーに表示条件を設定し、正しいページに表示されるようにすることができます。

1. 表示条件を編集する： テーマビルダーで、編集したいタイトルを見つけ、タイトルの左下にある「Edit Condition」リンクをクリックすると、表示条件エディターが開きます。

2. 表示ルールを設定する： 表示条件エディターでは、タイトルをサイト全体に表示するか、特定のページに表示するか、カテゴリーページに表示するか、その他の条件で表示するかを選択できます。

3. 原稿やイベントのタイトルを管理 表示条件の設定状態は、見出しの左上にある色の点で識別されます。緑色のドットはその見出しが有効化され、特定のページに適用されたことを示し、灰色のドットはその見出しが下書き状態で、まだ表示条件が割り当てられていないことを示します。

タイトルのHTMLタグを追加する

ウェブサイトのアクセシビリティを向上させ、見出しの内容がスクリーンリーダーによって正しく認識されるようにするには、見出しにHTMLタグを追加します。

1. タイトル設定へ： Elementorエディタで、上部ツールバーのタイトル設定アイコンをクリックします。

2. HTMLタグを選択します： ヘッダー設定パネルで、ドロップダウンメニューを使用して適切なHTMLタグを選択します（例えば <ヘッダーそして
   。 (など）。

3. 設定を保存します： 完了したら変更を保存し、HTMLタグが正しく適用されていることを確認してください。

V. 見出しのエクスポート

場合によっては、タイトルデザインを .json ファイルを他のウェブサイトやプロジェクトで再利用することができます。以下はヘッダーをエクスポートする手順です：

1. タイトルを選択してください： テーマビルダーのタイトルセクションで、エクスポートするタイトルを見つけます。

2. 輸出のタイトル ヘッダーの右上にある3つの水平な点をクリックし、"Export "オプションを選択します。保存ダイアログボックスが開き、.jsonファイルをコンピューターに保存することができます。

VI.タイトルの削除

不要になったタイトルは、サイトから削除することができる：

1. タイトルを選択してください： テーマビルダーのタイトルセクションで、削除したいタイトルを見つけます。
2. タイトルを削除してください： タイトルの右上隅にある3つの水平な点をクリックし、「削除」オプションを選択します。削除確認ダイアログボックスが開き、タイトルが永久に削除されることが確認されます。

3. 削除を取り消す： 気が変わってタイトルを削除したくない場合は、確認ダイアログボックスで「キャンセル」をクリックできます。

タイトルの名称変更

見出しの名前を変更することで、特に複数の見出しテンプレートを扱う場合に、ウェブサイトの様々なセクションをより良く整理し、管理することができます。以下は見出しの名前を変更する手順です：

1. タイトルを選択してください： テーマビルダーのタイトルセクションで、名前を変更したいタイトルを見つけます。
2. タイトル名を変更する： タイトルの右上にある3つの横長の点をクリックし、「名前の変更」オプションを選択します。新しい名前を入力し、"変更 "をクリックすると名前の変更が完了します。もし気が変わったら、"キャンセル "をクリックして操作を取り消すことができます。

概要

WordPressの強力なページビルダープラグインであるElementorは、ウェブサイトの見出しのデザインと管理をシンプルかつ直感的にします。Elementorを使えば、ヘッダーの作成、編集、エクスポート、削除、名前の変更が簡単に行え、ウェブサイトのすべてのページがユーザーにとって最適なものになります。グローバルスタイル管理、カスタムCSS、高度なアニメーションエフェクトなど、さらに高度な機能を利用するにはエレメンタル・プロ は良い選択です。デザインの自由度が高いだけでなく、ウェブサイトのあらゆる面で、よりプロフェッショナルでユニークなプレゼンテーションを実現できます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み