Elementorを使用してWordPressでページタイトルを非表示にする方法

Rifat WordPressチュートリアル Apr 1, 2022

場合によっては、何らかの理由で、WordPressWebサイトのページのタイトルを非表示にする必要があります。 たとえば、ページのタイトルをランディングページに表示したくない場合があります。 Elementorユーザーの場合、これは非常に簡単に実行できます。 開発者やプラグインの専門家である必要はありません。 今日のチュートリアルでは、Elementorページビルダーを使用してWordPressでページタイトルを非表示にするのがいかに速くて簡単かがわかります。

Elementorを使用してWordPressでページタイトルを非表示にする

WordPress管理者ログイン

Webページからページタイトルを削除するには、最初にWordPress管理パネルにログインする必要があります。 そうしないと、ページタイトルを変更できません。

編集するページを選択してください

Elementorでページのタイトルを非表示にしたいので、プラグインがインストールされていることを前提としています。 そのプロセスの詳細については説明しません。 したがって、ページタイトルを非表示にするページを開きます。 上から[Elementorで編集]オプションを選択します。

ここでは、Elementorを使用してページタイトルを非表示にする方法を示すために、このサンプルページを用意しました。

素晴らしいウェブサイトを作成します

最高の無料ページビルダーElementor を使用

今すぐ始める

Elementor設定アイコン

次に、ページの下部にある“Settings”をクリックします。

“HideTitle”オプションをオンにします

これで、設定に“HideTitle”のオプションが表示されます。 最初はオフになりますが、結果を表示するには、オンにしてページを公開する必要があります。

どうぞ。 これで、Elementorを使用してページタイトルが適切に非表示になり、設定が完了しました。

Elementorでタイトルセレクターを見つけてください。

時々、あなたがあなたのウェブサイトで持っているWordPressテーマは、タイトルに異なるクラスを使用するかもしれません。 その場合、上記のElementorメソッドが機能しない可能性があります。 動作させるには、手動で設定する必要があります。 ほとんどのテーマのデフォルトクラスは次のとおりです。

<h1 class=“entry-title”>Set a title</h1>

テーマが別のクラスを使用している場合は、ページに移動してElementorで編集を選択します。 次に、ページの左上隅にあるハンバーガーメニューをクリックします。

次に、“Site Settings>Layout.”を選択します

ここにページタイトルクラスがあります。

説明によると、-“Elementorではページタイトルを非表示にできます。 これは、“h1.entry-title”セレクターがあるテーマで機能します。 theme’sセレクターが異なる場合は、上に入力してください。

これで、theme’sタイトルセレクターを追加できます。今回は、Elementorsのタイトル非表示機能が機能します。

Elementorなしでタイトルセレクターを探す

Elementorを使用してWordPressテーマのタイトルセレクターを見つけたくない場合は、問題ありません。 これは、任意のブラウザ開発ツールを使用して実行できます。 これは、さまざまな問題が発生した場合、またはElementorが上記と同じように正しいクラス名を使用していない場合に非常に役立ちます。 たとえば、すべての開発者がクラスIDに“entry-title”を使用するわけではありません。

このチュートリアルでは、MicrosoftEdgeブラウザーを使用しています。 ページに移動し、非表示にするタイトルを右クリックして、[“Inspect”]オプションをクリックします。

要素インスペクターで強調表示されているH1クラス名をメモします。

ページタイトルのクラスIDがわかったので、今すぐ編集するのは簡単です。 たとえば、上の図に示すように、クラスの名前が「entry-title」の場合、Elementor Editor's Panel \ 003E Hamburger Menu \ 003E Site Settings >Layoutに移動して-“h1.entry-と入力します。ページタイトルセレクタオプションのtitle”。 すべてのWordPressテーマ開発者がヘッダーに同じクラスを使用しているわけではないことを覚えておくとよいでしょう。 したがって、これはおそらくテーマのクラス名を見つけるための唯一の簡単な方法です。

結論

Webサイトのページのタイトルを非表示にしたい場合で、Elementor Page Builderを使用している場合は、上記の手順に従って簡単に非表示にできることを願っています。 テーマの機能が異なるため、このシステムが正常に動作しない場合がありますのでご注意ください。 多くのテーマでさえ、デフォルトでページタイトルを非表示にする機会があります。 ただし、ほとんどのテーマでは、この方法を使用してページタイトルを非表示にできます。

Divi WordPress Theme