投稿タイトル(entry-title)を非表示にする

表題通り「投稿タイトルを表示しない」ことは、"投稿ページ"ではあまりないと思いますが、"固定ページ"では意外とあったりします。

編集画面でTitleを入力しないでおけば、それで済むのですが、ページの記事タイトル(entry-title)を非表示にしたいというときに以下使えると思います。

CSSで非表示

それぞれのcssクラス設定は、以下を条件としています。なので、テーマによっては、固定ページ・投稿ページ・個別記事と特定方法を探し出す必要があります。

  • 投稿タイトルのclassは「entry-title」
  • 投稿全体部分にpost_class()でclassを出力
    例:
    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    

    固定ページでは.page、投稿ページでは.post、個別ページではpost-[id]となります。
    style.css(子テーマ)にそれぞれ追加して下さい。

    /* 全固定ページで非表示 */
    .page .entry-title {
        display: none;
    }
    /* 全投稿ページで非表示 */
    .post .entry-title {
        display: none;
    }
    /* 特定の投稿IDで非表示 .post-<ID>(例:post=77)*/
    .post-77 .entry-title {
        display: none;
    }
    

    post_class()がclassを出力する部分になりますが、投稿の種類によって様々です。WordPress Codexを参照して下さい。

    もしくは
    bodyタグにbody_class()でclassを出力

    例:
    <body <?php body_class(); ?>>
    

    固定ページでは.page、投稿ページでは.single、個別ページではpage-id-[ID]・postid-[id]となります。
    style.css(子テーマ)にそれぞれ追加して下さい。

    /* 全固定ページで非表示 */
    .page .entry-title {
        display: none;
    }
    /* 全投稿ページで非表示 */
    .single.entry-title {
        display: none;
    }
    /* 特定の投稿IDで非表示 .post-<ID>(例:post=77)*/
    .page-id-77 .entry-title {
        display: none;
    }
    .postid-77 .entry-title {
        display: none;
    }
    

ページごとに表示・非表示を設定できるプラグイン「Hide Title」

インストール・有効化すると各編集ページの右側に以下のような設定が現れるので、非表示にしたいページで「Hide the title on singular page views.」にチェックを入れて下さい。ダウンロード

Hide-Title
entry-titleの要素に対してdisplay:noneを追加する同じ仕組みのようです。

  • このエントリーをはてなブックマークに追加

関連記事

「カテゴリー」ウィジェット カスタマイズ

「カテゴリー」ウィジェットは、管理画面ではあまりカスタマイズできません。必要であれば、フックやプラグインを用いて表示設定などの変更を行うことができます。 目次 「カテゴリー」ウィジェットの追加

Twenty Fourteenカスタマイズ用プラグインと派生テーマ

WordPressの現在のデフォルトテーマ「Twenty Fourteen」のカスタマイズに便利なプラグインと、「Twenty Fourteen」をもとに作成されたテーマのまとめです。 カスタマ

ウィジェット関連のカスタマイズ・プラグイン

リンクマネージャー WordPress 3.5バージョンアップ以降にリンクマネージャーを追加するには以下のフィルタを設定もしくはプラグインをインストールして下さい。 プラグイン Link M

Lightbox (画像ポップアップ) プラグイン

WordPressで使用できるLightbox(画像ポップアップ)プラグインのまとめ ひとまずインストール・有効化するだけで使用可能です。(3.7/3.8/3.9) blueimp lig

テーマ ブックマーク 2013

2012 フリーテーマ トップ 20 Top 20 Free WordPress Themes of 2012 http://ow.ly/wMGjZ ハイクオリティフリーテーマ 3月 20 Top

Twenty Fifteen カスタマイズ

WordPress 4.1のデフォルトテーマである「Twenty Fifteen」は三世代前の「Twenty Twelve」に似たテーマで非常にシンプルなテーマにまとまっていますね。カスタマイズをまと

Twenty Fourteen クレジットを非表示・変更方法

Twenty Fourteenにも最下部に「Proudly powered by WordPress」というコピーライトが表示されます。それを削除もしくは変更するには、footer.phpを編集して行

Twenty Fourteen カスタマイズ

「Twenty Fourteen」はWordPress 3.8のデフォルトテーマです。TwentyThirteenから彩りもガラッとかわってますね。個人的には、すごく好きなデザイン。 Twent

Twenty Thirteen ナビゲーションメニューを固定

ナビゲーションメニューを固定にしてみました。下方にスクロールしても最上部に固定されるやつです。 スクリプト 以下のjsファイルを用意して下さい。 nav要素のidは、ソースもしくはheade

no image

「固定ページ」ウィジェット カスタマイズ

「固定ページ」ウィジェットは、そのままではありますが、固定ページの一覧をウィジェットに表示してくれます。 カスタマイズは、管理画面よりいくつかできるようです。 目次 特定の(固定)ページ

Comment

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

    PAGE TOP ↑