ウェブサイト検索

WordPress でページタイトルを非表示にする方法とその理由

WordPress のページにはデフォルトでタイトルが付いています。そのような単純な。

テーマによっては、特定のページからタイトルが削除されることがありますが、ほとんどの場合、自分で手を汚して削除する必要があります。

なぜ？

そうですね、邪魔になったり、ページ上で適切に見えなかったりするため、タイトルがページに属さない場合もあります。ページのタイトルを置き換えたりマスクしたりするためのデザイン上のトリックはいくつかありますが、そのほとんどはある程度の推測と確認が必要で、その他のトリックはタイトルを完全に非表示にする解決策の絆創膏のようなものです。

ここでの目標は、ユーザーにとって場違いに見えたり、困惑したりする可能性のあるものを最小限に抑えることです。ユーザーインターフェイスは明らかに重要です。一部のページではこれが特に当てはまります。ホームページに使用されるランディング ページと静的ページを考えてみましょう。

WordPress でページタイトルを非表示にする主な理由がまだ気になる場合は、以下を読み続けてください。

WordPress でページタイトルを非表示にしたいのはなぜですか?

最初は、ページ タイトルを非表示にすることがなぜメリットがあるのか疑問に思うかもしれません。しかし、ある時点で、美的理由から、またはビジネス全体に悪影響を与えるため、ページタイトルを必要としないページに遭遇したことがあると思います。

ページタイトルを非表示にする理由にはどのようなものがありますか?

1. 通常の WordPress ページをホームページとして使用している

これは、ホームページに通常のブログ フィードを掲載することに興味がない場合によく発生します。非常に多くの Web サイトでは、デフォルトの WordPress ホームページを通常の Web サイトのように見せるために、特定のボタン、メディア、その他の要素を備えたホームページを作成しています。選択したテーマによって、ページ タイトルがすでに削除されている場合があります。また、そこにアクセスして手動でタスクを完了する必要がある場合もあります。

通常のホームページをホームページとして作成するプロセスは、多くの場合「静的」ページと呼ばれます。基本的に、そもそも誰も見る必要のない「ホーム」または「ホームページ」のタイトルを削除します。

2. ページを作成して、タイトルが場違いに見えることに気づきました。

場合によっては、ページ タイトルをまったく必要としないページが生成されることがあります。フォーラムやギャラリーなどをページに埋め込むときにこれが起こるのを見てきました。お問い合わせページの中には、上部に不快な大きなタイトルがあり、少しばかげているように見えるものもあります。この問題は、コンテンツを中央に配置し、タイトルが左側に残っている場合によく発生することに気付きました。あるいは、タイトルが繰り返しになっている場合や、ユーザーがメニュー項目をクリックした後の行き先をすでに知っている場合もあります。

3. ランディングページを作成したいと考えています

ランディング ページは、煩わしいページ タイトルを削除したい主な理由の 1 つです。ランディング ページはコンバージョンを促進することを目的としていますが、タイトルによってユーザーの注意が電子メールのサインアップ フォームや購入ボタンなどの領域から逸れてしまうことがよくあります。結局のところ、ユーザーが Google 広告や Facebook 広告をクリックスルーした可能性が高いときに、そのタイトルがどこに到達したかを伝える理由は通常ありません。ページをビデオで開始し、ページ タイトルを完全にスキップする方が良いでしょう。

さあ、やってみましょう: WordPress でページタイトルを非表示にする方法

ページタイトルを非表示にするために Google 検索を完了すると、この目的のためのプラグインのインストールについて説明した記事がいくつか見つかるかもしれません。残念ながら、このプラグインはもう利用できないため、手動で行う必要があります。

これは必ずしも悪いことではありません。タイトルの削除は非常に基本的なことであり、更新されない可能性のあるプラグインを使用することがそもそも疑わしいからです。少しのコードを含めるのは怖く感じる人もいるかもしれませんが、実際には非常に簡単です。また、セキュリティ上の脆弱性が発生したり、サイトの速度が低下したりする可能性が低くなります (プラグインで発生する可能性があります)。

警告: これはページタイトルを非表示にしない方法です

WordPress ユーザーは、ページを開いてタイトルフィールドを空白のままにするのが一般的です。私たちは 2 つの理由からこれを強くお勧めしません。

まず第一に、WordPress ではページのリストに「タイトルなし」というテキストが表示されるため、今後これらのページを見つけるのは困難になるでしょう。特に「タイトルなし」のページを複数持つ予定の場合は、これではページを整理できません。

次に、タイトルフィールドが空のままの場合、WordPress は独自のパーマリンクを生成します。したがって、パーマリンクを手動で編集することを忘れないでください。そうしないと、何の意味もない数字や単語がランダムに含まれたパーマリンクが表示される可能性があるため、SEO に悪影響を及ぼします。

それだけでなく、タイトルが入力されていない場合、WordPress のページは公開されません。一方、投稿はタイトルなしで公開されます。したがって、それでもこの方法を使用する場合は (これは良い考えではありません)、タイトルを付けてページを公開し、戻ってタイトルを削除して再度公開する必要があります。もう一度言いますが、これを考えることさえ少しばかげているので、これはこの方法の欠点を思い出させるものです。

WordPress でページタイトルを非表示にする最良の方法

ここには 2 つのオプションがあります。タイトルを非表示にする組み込みオプションを含む WordPress テーマを使用するか、子テーマにコードを少し追加して自分で変更するかです。

1. WordPress テーマを使用してタイトルを非表示にする

最も簡単な方法は、投稿またはページのタイトルを非表示にするオプションがすでに含まれているテーマを使用することです。良い例は Total WordPress テーマです。ドラッグ アンド ドロップ テーマはさまざまな目的で機能するように設計されているため、テーマをより柔軟にするための特別な機能が組み込まれています。これには、画像のトリミング、サイトの幅、ページの上部に表示される内容に関する高度なオプションが多数含まれています。

Total でページ タイトルを非表示にするには、新しいページを作成し（または、ウェブサイト ビルダー インサイダー経由の一般的なウェブサイト ビルダー ツールなどのドラッグ アンド ドロップ ページ ビルダーですでに作成したページを開き）、「」までスクロールします。ページ設定」で、「タイトル」タブをクリックし、ページ/投稿タイルを「無効にする」オプションを選択します。完了したら、変更を保存します。

ページ タイトルを無効にすると、独自のカスタム レイアウトを自由に作成できます。適切な H1、H2、H3 などの見出しを使用して新しいレイアウトを構築するときに、ページにタイトルを戻すことを忘れないでください。

たとえば、Total Theme Demo のこの特定のページは、Visual Composer のカスタム Total モジュールを使用して構築されました。このレストラン スタイルのランディング ページでは、標準のヘッダーやページ タイトルが邪魔にならないため、吹き出しボタン付きのカスタム タイトルが追加されています (利用者の注意を引くには非常に優れています)。

ただし、テーマを切り替えたくない場合は、子テーマを使用してページ タイトルを手動で削除できます。

2. WordPress 子テーマにコードを追加してタイトルを非表示にする

テーマ ファイルのタイトル タグにいくつかの条件を挿入するオプションがあります。しかし、それは面倒に聞こえるので、複雑にするつもりはありません。

したがって、CSS スタイルシートで特定のページ タイトルを非表示にすることを選択する必要があります。

子テーマを作成する(重要)

始めるには、まず WordPress の子テーマを作成する必要があります。このステップは、将来メインの WordPress テーマを更新するときに、スタイルシートに加えた編集が確実に維持されるようにするために重要です。

これには、WordPress サイトへの SFTP アクセスが必要です。CSS、PHP、またはファイルへのアクセスにサーバーを使用することに慣れていない場合は、この方法はお勧めしません。

ただし、基本的には、wp-content/themes の下に新しい Theme-Child フォルダーを作成し、style.css ファイルを新しい Theme-Child フォルダーに追加してからエンキューします。少量のコードを含むfunctions.php ファイルを Theme-Child フォルダーに追加して、元のテーマのスタイルを設定します (このプロセスの詳細については、ランディング ページの作成方法に関するガイドでスクリーンショットをご覧ください)ワードプレス）。

子テーマの準備ができたら、次のステップに進むことができます。

ページタイトルクラスを決定する

編集するページのフロントエンドに移動し、それを右クリックします。 [ページ ソースの表示] オプションを選択します (ソースの表示 またはページ ソースとして表示される場合もあります)。 [検査] をクリックすると、よりスムーズに表示することもできます。

これにより、大量のコードが表示されるはずです。私たちはあなたのタイトルタグに付随する「クラス」の名前を見つけようとしています。検索ショートカット (Ctrl+F/Command+F) を使用してページの名前を検索します。

たとえば、私のページのタイトルは「お問い合わせ」です。 「検索」ショートカットを使用すると、「お問い合わせ」テキストのすべてのインスタンスが強調表示されます。おそらく、関心のあるインスタンスを見つけるには、Enter キーを数回押す必要があります。

以下のスクリーンショットのようになり、「h1class=」タグの後にタイトルがリストされています。

クラスは

タイトル タグのクラスを取得したら、後で使用するためにそれをコピーします。

ページIDの確認

ページ ID を見つけるのは少し簡単です。 WordPress ダッシュボード内。ページ ID を取得しようとしているページのエディタを開きます。ブラウザでそのページの URL を確認してください。ページIDは「post=」の後の数字です。したがって、私の場合は171になります。

ページ ID を書き留めます。

コードをスタイルシートに配置する

次に、Theme-Child フォルダー用に作成した新しいstyle.css ファイルを開き、次のコードを貼り付けます。

/* Hide title on About Us page */
.page-id-171 .main-title__primary { display: none; }

唯一の違いは、表記法、ページ ID およびクラスに独自のページ名を挿入することです。

スタイルシートを保存した後、そのページのフロントエンドに移動すると、ページ タイトルが非表示になっていることが確認できるはずです。最初に機能しない場合は、ページを再公開してみてください。

それでおしまい！

WordPress ページからタイトルを削除する簡単な方法がいくつかあります。 WordPress でページタイトルを非表示にする方法、または他の読者が役立つと思われる追加のヒントについてご質問がある場合は、以下のコメント欄でお知らせください。