Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressの投稿とページのタイトルを非表示にする方法

WordPressの投稿やページのタイトルを非表示にしたいですか?

タイトルは検索エンジンと訪問者の両方にとって有益ですが、デザインによってはすべてのページにタイトルを表示する必要はありません。

この投稿では、WordPressの特定の投稿やページのタイトルを非表示にする方法を紹介する。

How to Hide Title for Selective WordPress Posts and Pages

なぜWordPressの特定の投稿日やページのタイトルを非表示にするのですか?

WordPressでページや投稿を作成すると、最初に「タイトルを追加」フィールドが表示され、そこにタイトルを入力します。

Creating a WordPress page or post title

ほとんどのWordPressテーマは、ページや投稿の上部にこのタイトルを表示します。 説明的で関連性のあるタイトルは、訪問者が正しい場所にいて、このページから何を期待するかを知らせることができます。

タイトルは役に立つかもしれませんが、すべてのページや投稿にタイトルが必要なわけではありません。サイトのトップページはよくある例です。

また、ページのタイトルを別のエリアに表示したい場合もあります。例えば、目を引くバナーでランディングページを始め、ページの下の方にタイトルを表示することもできます。

このガイドでは、WordPressで投稿やページのタイトルを非表示にする3つの異なる方法を説明します。以下のリンクをクリックして、お好みの方法にジャンプしてください。

方法1:フルサイトエディターを使って投稿タイトルを削除する

WordPress 5.9以降を使用していて、フルサイト編集をサポートしているWordPressテーマを持っている場合、この方法を使用してすべての投稿またはすべてのページからタイトルを削除することができます。

お使いのテーマがフルサイト編集に対応しているかどうか分かりませんか?

もしそうなら、WordPressダッシュボードにメニューオプションの外観 ” エディターが表示されます。

Appearance Editor - full site editing menu

エディター」をクリックすると、フルサイトエディターが起動します。

ここから、ページ上部のドロップダウンをクリックして編集したいテンプレートを選択し、「Browse all templates」をクリックする必要があります。

Borwse templates

この例では、個別投稿テンプレートを編集して、ブログ投稿のタイトルをすべて非表示にします。

タイトルを非表示にするには、まずブログ投稿のタイトルをクリックします。次に、3つの点のオプションメニューをクリックし、一番下にある「投稿タイトルを削除」オプションを選択します。

Full site editor - remove post title

テンプレートのカスタマイズが終わったら、画面上部の「保存」ボタンをクリックするのをお忘れなく。

これですべてのブログ投稿のタイトルが非表示になった。

特定の投稿日やページのみタイトルを非表示にしたい場合は、次の方法をご利用ください。

方法2:CSSを使ってWordPressの選択的タイトルを非表示にする

WordPressカスタマイザーに カスタムCSSコードを追加することで、ページや投稿のタイトルを非表示にすることができます。 この方法では、訪問者からタイトルを非表示にするだけで、ページのHTMLコードにはまだタイトルが読み込まれます。

これは、検索エンジンがページのコンテンツを理解するためにタイトルを使用できることを意味し、WordPressサイトのSEOに適しており、より多くのトラフィックを得ることができます。

特定の投稿やページ、またはすべての投稿やページでタイトルを非表示にする方法をご紹介します。

CSSでWordPressの特定の投稿日やページのタイトルを非表示にする方法

CSSを使ってページや投稿のタイトルを非表示にするには、そのIDを知るだけでよい。

WordPressダッシュボードで、投稿 ” すべての投稿、またはページ ” すべてのページに移動します。そして、タイトルを非表示にしたいページまたは投稿を見つけてください。

これで、この投稿やページを編集用に開くことができます。

The WordPress page and post editor

ブラウザーのアドレスバーに表示されているURLを見てみよう。

post=」セクションの後に数字が続くはずです。例えば’post=100’。

Getting a WordPress post ID

これは投稿のIDです。CSSコードで使用するので、この番号をメモしておいてください。

外観 ” カスタマイザーでカスタマイズできます。

Accessing the WordPress Customizer

WordPressカスタマイザーが起動します。

サイドバーで「Additional CSS」をクリックします。

Adding CSS to your WordPress website

サイドバーの一番下までスクロールする。

小さなテキストエディターが表示されるはずです。ここにCSSコードをタイプします。

The WordPress CSS text editor

投稿のタイトルを非表示にしたい場合は、以下のコードを使用する必要があります。

100」を過去の投稿IDに置き換えることを本当に〜してもよいですか?

.postid-100 .entry-title {
display: none;
}

ページのタイトルを非表示にしたい場合は、少し異なるコードを使用する必要があります。

本当に〜してもよいですか?’100’を実際のページIDに置き換えてください。

.page-id-100 .entry-title {
display: none;
}

次に、ページを一番上までスクロールする。

その後、青い「公開する」ボタンをクリックしてください。

Publishing your custom CSS

このページや投稿をチェックすると、タイトルが消えているはずだ。

タイトルはまだありますか?

この方法がうまくいかない場合は、WordPressテーマが異なるCSSクラスを使っている可能性があります。つまり、ページや投稿のIDがURLに表示されている数字と異なるということです。

正しいIDを取得するには、ブラウザー開発者コンソールを使用する必要があります。

まず、WordPressサイトのページまたは投稿にアクセスしてください。ブラウザーで開発者コンソールを開きます。

この手順は、お使いのウェブブラウザーによって異なります。例えば、Chromeをお使いの場合、WindowsではControl+Shift+J、MacではCommand+Option+Jのショートカットが使えます。

Chromeユーザーは、ページまたは投稿日の任意の場所をControl+クリックし、[Inspect]を選択することもできます。

Chrome's inspection tool

開発者コンソールの開き方がわからない場合は、ブラウザーサイトや公式ドキュメンテーションでいつでも確認できます。

開発者コンソールで、3つの点線のアイコンをクリックします。その後、「検索」を選択できます。

The Chrome developer console

開発者コンソールの下部に検索バーが表示されるはずです。

このバーに<body class>と入力し、キーボードのEnterキーを押す。

Finding the post id in the body class

WordPressのページを見ているなら、以下のようなものが表示されるはずだ。

<body class="page-template-default page page-id-78 logged-in admin-bar 
no-customize-support wp-embed-responsive is-light-theme no-js singular">

上のサンプルコードでは、’page-id’の値が78であることがわかる。

WordPressの投稿を検査している場合、コンソールは次のように表示されるはずです:

<body class="post-template-default single single-post postid-100 single-format-standard logged-in admin-bar no-customize-support wp-embed-responsive is-light-theme no-js singular">

この例では、「postid」の値は100です。この値を、前のステップで提供したCSSコードで使うことができます。

WordPressカスタマイザーを使って、上記の手順に従ってこのコードをサイトに追加するだけです。

これでページや投稿を見ることができます。タイトルが消えているはずです。

CSSですべての投稿日またはページのタイトルを非表示にする方法

すべてのページと投稿のタイトルを非表示にするには、テキストエディターに以下をコピー&ペーストしてください。

.entry-title {
display: none;
}

投稿ではなく、すべてのページのタイトルを非表示にしたいですか?すべてのページタイトルを非表示にするには、小さなテキストエディターに以下をコピー&ペーストしてください。

.page .entry-title {
display: none;
}

もう一つのオプションは、すべての投稿のタイトルを非表示にすることです。これは以下のCSSを使用して行うことができます。

.post .entry-title {
display: none;
}

投稿やページのタイトルをすべて非表示にしたい場合もあるでしょう。

そのためには、以下を追加する。

.entry-title {
display: none;
}

方法3:プラグインを使ってWordPressのタイトルを非表示にする

Hide Page And Post Titleを使えば、選択した投稿や記事のタイトルを簡単に非表示にすることができます。この無料プラグインを使えば、任意のページ、投稿、あるいはカスタム投稿タイプのタイトルを非表示にすることができます。

まず、Hide Page And Post Titleプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法のチュートリアルを参照してください。

有効化したら、編集したいページ、投稿、カスタム投稿を開きます。

The WordPress Posts page

右サイドバーの一番下までスクロールしてください。

ここに新しい「ページと投稿タイトルを非表示」ボックスがあります。

How to hide a WordPress page or post title

タイトルを非表示にするには、「タイトルを非表示にする」チェックボックスをクリックして選択するだけです。その後、通常通り投稿を更新または公開することができます。

以上です!ページにアクセスすると、タイトルが消えていることに気づくだろう。

ある時点で、このページや投稿のタイトルを元に戻す必要があるかもしれません。

これは簡単だ。編集用のページや投稿を開くだけです。そして、同じように「タイトルを非表示」チェックボックスの選択をクリックして解除します。

画面上部の更新ボタンを忘れずにクリックしてください。これで、このページにアクセスすると、タイトルが再び表示されているはずです。

方法4:SeedProdを使ってWordPressのタイトルを選択的に非表示にする

もう一つのオプションは、ページビルダープラグインを使ってタイトルを非表示にすることです。

SeedProdは、市場で最高のWordPressページビルダープラグインです。あなたは簡単にカスタムページを作成したり、独自のWordPressテーマを作成するために、このプラグインを使用することができます。

つまり、カスタムページデザインやテーマで簡単にタイトルを非表示にすることができます。

SeedProdには、あなたのページデザインの出発点として使用できる150以上のテンプレートを備えたテンプレートライブラリが付属しています。これらのテーマテンプレートからタイトルを削除するのがどれだけ簡単か見てみましょう。

WordPressダッシュボードでSeedProd ” Template Builderに進みます。テーマボタンをクリックしてください。

The SeedProd page builder plugin

これでSeedProdテンプレートライブラリが起動します。これで、さまざまなデザインをすべて閲覧することができます。

テンプレートを詳しく見るには、マウスオーバーするだけです。次に虫眼鏡のアイコンをクリックしてください。

The SeedProd template library

新しいタブでテンプレートが開きます。

使いたいテンプレートが見つかったら、そのテンプレートにマウスオーバーします。そしてチェックマークのアイコンをクリックしてください。

Selecting a SeedProd WordPress template

これにより、このテンプレートのデザインがすべてWordPressダッシュボードに追加されます。

通常、コンテンツの種類によって異なるデザインがある。

The SeedProd theme builder

これらのテンプレートを使用して、異なるコンテンツタイプのタイトルを非表示にすることができます。例えば、多くのSeedProdテンプレートはホームページ用に区切られたデザインを持っています。

ホームページのタイトルを非表示にするには、単にホームページテンプレートを編集する必要があります。

A SeedProd homepage template

すべての投稿のタイトルを非表示にするには、通常、個別投稿テンプレートを編集する必要があります。

一方、ページのタイトルを非表示にしたい場合は、通常SeedProdの個別ページテンプレートを編集します。

A SeedProd single post template

テンプレートを編集するには、マウスオーバーしてください。

次に、Edit Designリンクをクリックします。

Editing a SeedProd template design

これでSeedProdドラッグ&ドロップエディターでこのデザインが開きます。タイトルを非表示にするには、投稿タイトルかページタイトルを見つけてください。

このタイトルを見つけたら、クリックしてください。SeedProdのサイドバーに、選択したエリアの設定がすべて表示されます。

このパネルの上部には、投稿タイトルかページタイトルが表示されているはずです。

Removing the post title using SeedProd

正しいエリアを選択したことを確認したら、SeedProdエディターの投稿タイトルまたはページタイトルにマウスオーバーします。

コントロールの列が表示されます。

Hiding the post or page title with SeedProd

このデザインからタイトルを削除するには、ゴミ箱内のアイコンをクリックしてください。

SeedProdは、タイトルを本当に削除するかどうかを尋ねます。削除する場合は、「はい、削除してください!」をクリックしてください。

Editing your WordPress theme with SeedProd

これでタイトルがデザインから消えます。

サイト上でどのように表示されるかを確認するには、プレビューボタンをクリックしてください。

Previewing your custom WordPress theme

デザインに満足したら、公開するボタンをクリックしてください。

サイトの設定によっては、追加テンプレートからタイトルを削除する必要があるかもしれません。例えば、すべての投稿とページのタイトルを非表示にしたいかもしれません。この場合、通常、個別投稿テンプレートと個別ページテンプレートの両方を編集する必要があります。

よくわからない場合は、テーマを構成するすべてのデザインを見直してみるとよいでしょう。これを行うには、SeedProd ” テーマビルダーにアクセスしてください。

The SeedProd theme builder

これで、すべての異なるデザインのリストが表示されるはずです。あとは上記と同じ手順で、どのテンプレートも編集することができます。

ページや投稿のタイトル非表示に関するFAQ

ページや投稿のタイトルを非表示にする前に、この行為がサイトのSEOに与える影響など、考えておくべきことがあります。

とはいえ、ページや投稿タイトルの非表示について、よくある質問をいくつか紹介しよう。

なぜ『タイトルを追加』欄を空白のままにしてはいけないのですか?

タイトルを非表示にするのは簡単なようです。ページを作成する際、タイトル欄を空白にするだけです。

最初はこれで問題が解決したように見える。WordPressはこの投稿をタイトルなしで訪問者に表示する。しかし、いくつかの問題がある。

まず、このページや投稿はWordPressダッシュボードに「(タイトルなし)」として表示されます。 これにより、ページを追跡することが難しくなります。

もし「(タイトルなし)」投稿をたくさん作成した場合、どれがお問い合わせページなのかどうやってわかりますか?どのページがホームページなのか?

Multiple WordPress pages without a title

WordPressはまた、ページのURLを作成するためにタイトルを使用します。

タイトルを指定しない場合、WordPressは初期設定で「www.mywebsite/8」のような数字を代わりに使用する。

訪問者は、WordPressサイトのどこにいるかを理解するためにURLを使用することが多いので、「www.mywebsite/8」は特に役に立ちません。

この曖昧なURLはSEOに適したパーマリンクではないため、検索エンジンはあなたのコンテンツが何についてのものかを理解しにくく、関連する検索結果に含めるのが難しくなる可能性があります。

ページや投稿のタイトルを非表示にすると、SEOに影響しますか?

ページや投稿のタイトルを非表示にしたい場合は、SEOタイトルの設定など、WordPressのSEOの微調整に時間をかけることをお勧めします。そうすることで、タイトルがなくても検索エンジンがページのコンテンツを理解できるようになります。

WordPressの初期設定ではこのようなことはできないので、優れたSEOプラグインが必要だ。

私たちは、市場で最高のWordPress用SEOプラグインであるAIOSEOを使用することをお勧めします。この初心者に優しいSEOツールキットは、300万以上のサイトで使用されています。

WordPressでAll In One SEOを適切に設定する方法については、こちらをご覧ください。

タイトルが最適化されているかどうかを確認するには、AIOSEOのヘッドラインアナライザーの使い方をご覧ください。

この投稿で、WordPressの投稿やページのタイトルを非表示にする方法をご理解いただけたと思います。また、ベストなウェブデザインソフトウェアの選び方やベストなWordPressランディングページプラグインのガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

51件のコメント返信を残す

  1. Jiří Vaněk

    I have a question about the H1 heading on my blog. The issue is that every article correctly has an H1 heading. However, the homepage of the blog displays a list of new articles, and there is no H1 heading there. How can I resolve this? I can’t place it in the header. If I did, there would be a heading on the homepage, but then each article would have two H1 headings: one in the header and one belonging to the article. How would you address the H1 heading on a blog where there isn’t a physical homepage, but rather an introductory page comprised of a list of new blog articles?

    • WPBeginner Support

      That can normally be solved with most SEO plugins that can add the markup without requiring you to have an H1 tag on the site.

      管理者

      • Jiří Vaněk

        Thank you for answer. I use AIO SEO. I will try to find this setting there.

  2. Mikel

    Great Article.

    Too bad none of the option worked for me. I can’t even find the “Hide Tittle” Plugin in the directory

    • WPBeginner Support

      There is a direct link where you can download the plugin if you use the link in our article but if none of our recommendations work, we would recommend reaching out to your theme’s support and they should be able to assist.

      管理者

  3. Adrian

    Heads up: the Hide Title page in WP Plugins currently (October 18th, 2020) has a warning saying that the Hide Title plugin “hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.”
    Just sharing so no one has issues if they install it. Have a great one!

  4. Mark

    This PHP function to add a checkbox to the WordPress editor to hide the title, does Not work in the current WordPress version 5.5

    Yet., this is still a great idea, and really needs updating to work with the current WordPress version and block editor.

    • WPBeginner Support

      Thank you for your feedback, we’ll be sure to take a look at this article for a future update.

      管理者

  5. Steven Ng

    It worked for me, thanks!

  6. Cenennial

    Thank you so much for posting this!

    You mentioned that you werent sure why anyone would want to remove the titles from all of their posts — I needed to do that because I wanted to use a graphic for my titles instead!

  7. Daniel

    I am having an issue with some of my posts which have the [:en] tag associated with them showing up in the post name when I am sharing the post using Jetpack. Any idea how to remove just that tag part?

    It is being populated because it is a multi-language site and it is clicked for English….

  8. Lyle Ketterling

    The link for hide title does not show up on the current version of WP Beaver Builder.

  9. Luke

    I am having the same issue as Rosie and James. How can we hide not only the title, but also the title field. Thanks

  10. Rosie

    Hello! I’ve removed my title with the Hide Title plugin, however, it hasn’t removed the white space from where it used to sit. Therefore, my sidebar is higher than my homepage. How do I remove the white space from where the title was removed? Thanks.

  11. James

    This pulgin hides the titles fine, but the box where the title should go remains, my whole purpose it to not obscure the featured image on my title page (not all posts) and in that it is lacking, or am I missing something to make that box disappear as well? Thanks for the post.

  12. Alex

    I don’t know why this plugin never worked for me.

    I tried using the code option and it once worked but then after updating my theme the changes were reversed and for some reason it appears that I am unable to add them back :(

    Let me know if anyone has a fix! :)

    Thanks in advance,

    Alex

  13. Britany

    This plug-in has hidden the title on all but one of my pages. It’s set-up exactly the same as the rest of pages so I’m not sure why it’s not working for this one random one. Of course, it’s the most visited page on my site so it’s the one I want the title gone from the most. PLEASE HELP!

  14. Eric

    I have this plugin installed and the problem I’m getting from an SEO perspective is that the h1 tag for the title is still there, so when I put in my custom page title with an h1 tag it flags the page with multiple h1’s. How big of a deal is this for SEO and is there a better way that removes the h1 tags from the hidden title?

  15. Clayto

    Nah, that didn’t work. I’m using Genesis framework. The problem with the page titles is the text will not align properly.

    The titles have no padding in the header section box they fit in and it’s time they go

  16. Pritam Mullick

    Just write the page title in your WP back-end in the HTML comment format. This is by far the easiest way I guess.
    I needed to hide my Homepage title so I had set the title as
    And it didn’t show up.

  17. Karthik Marripoodi

    Hi,

    I have tried using the Hide title plugin to hide the page title but its not removing other CSS elements given for H1 (like underlines). You can check the home page of the website

    Thanks in advance.

  18. Kiran

    UR code is working perfectly but there is problem .Al menu preset is the bar are not display on the titile page except shop page hw i can remove.

  19. Les

    Hi

    I use the traffica theme for wordpress. I’m not sure how this eXtra header and image started occuring. Can some one tell me how to disable it? thanks
    Also please seem image below.

  20. Sulabh Sharma

    Thank you so much for posting this article. This helped me a lot. This way I could just avoid using plugins.

  21. Marco Calcanti

    You can’t think about the reason why do that: ;) because I want show the title as a big section centered

  22. Khalil

    Hi there,

    Are there any solutions for wordpress.com users please?

    Thanks

  23. Marinescu Ana

    Hi.I’m running Genesis,I want to hide the page title only on pages not posts.Can I do that.
    Thank you.

  24. Inge

    Great, thanks ever so much! And thanks also for the step-by.step information, it´s really helpful.
    My aim was to hide the title of pages only. If someone has clicked a menu
    button, they know where they´heading and I found that the titles were
    disturbing the picture
    For future reference for others: I did this by adding both these codes given above and then dropping is_single() || in line 2 of the funtions.php bit.

  25. dipesh

    i have a problem on my blog that every post is indexed in google with the blog name appended to it which is strictly non seo friendly ex: postname – blogname . I tried to fix this issue to no avail.
    my permalinks are already set to %postname% .Can you help you fix this.

  26. mayasl

    None of the solution is working for me!

  27. makrica

    Hi great post!

    I have one question. I have a blog running on a wp themify postline theme, and i have an option to hide page title and it works fine. But I don’t know does google index titles if i hide them? If not than hiding is useless.
    Thanks in advance
    m

  28. john wright

    I got the flash of hidden content ,mentioned by Crimson above.

    I tried using the plug-in Toggle the Title instead. Although it says its compatible up to wp 3.6.1, it works on my client’s wp 3.7.1 and without the flash of the title appearing then disappearing.

    It says it works on pages only, I’ve not tried it on a post.

  29. Muhammad Abdullah

    Absolutely lovely!! Good Work
    But here is a question about. Is there any drawback to hide the post and pages titles. mean to say regarding SEO or in Google point of View. Can somebody help me in this regard.
    Thanks,
    Muhammad Abdullah

  30. Chez

    thanks alot for this post

  31. Crismon

    I’ve tried the plugin but for some reason there was a delay in hiding the title text. When I reload the page for a second it shows the tile and then gone.

    Is there a fix for this?

    • Editorial Staff

      Please post support questions in the plugin forum for the plugin author.

      管理者

  32. Chad Redling

    Perfect Guys, Thanks!

  33. Andy Wagstaff

    Hmmm..The plug-in isn’t working on my theme (Shiword)
    I have a site with 6 pages and one page where the posts go.I am DESPERATELY trying to remove the title just from the pages and failing

    I have tried about nine different plugs,one removed from both pages and posts (Which is NOT what I wished),but this one doesn’t seem to work at all.

    I’ve tried looking at the page.php file but cannot find what I need there either.

    Any ideas would be wonderful.It’s at http://www.mr-woggle.co.uk

    Thanks for a great site too

    Andy

    • Editorial Staff

      If that doesn’t work, then it might be easier to either edit the sidebar.php file or set w_title class to display: none.

      管理者

  34. Mladen

    I am using this to hide page or post title:

    .page-title {display:none;}

    And it works al the time :)

    • Mladen


      .page-title {display:none;}

      • Rozina

        Are there any negative implications of hiding post title with CSS. The code is still visible to search engines but not to visitors.

        Would love to read views from wonderful community on this blog about the following

        1. Google penalty/SEO implications of hiding post title

        2. For cosmetic reasons is it better to remove the post title from the code itself and then use H1 tag to write a post title (in case someone wants to re-write post title in specific styling). In this case you are not hiding anything from search engines.

        • Editorial Staff

          Expert opinions will vary on this. To be very frank, Google isn’t specifically looking for minor things like that. If they penalize your site, then it is probably because of a different much bigger problem.

      • James

        When I paste —–> .page-title {display:none;} on the page under text option same thing appear on the site along with Title !!!. Where should i paste the code .page-title {display:none;} ??

      • Britany

        I know this should pasted in the theme’s style sheet but is there a specific location? I pasted it at the end and it did nothing.

    • James

      using where ????

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。