投稿タイトル(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を追加する同じ仕組みのようです。

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

関連記事

開発やテストに便利なプラグイン

開発やカスタマイズに使えそうなプラグインを集めてみました。 テーマのカスタマイズには、使用中のテンプレートファイルなどを表示してくれると便利ですね。個人的には、テーマ開発の際に、実行しているSQ

no image

ソーシャルボタン設置 プラグイン

各種メジャーなソーシャルメディアボタンを設置できるプラグイン WP Social Bookmarking Light 国産プラグイン。国産ゆえ、はてなボタンの設置も可能 ダウンロード Twe

Twenty Thirteen カスタマイズ

WordPress 3.6のデフォルトテーマである「Twenty thirteen」のカスタマイズをまとめて投稿します。 Twenty thirteenのカスタマイズネタがあまりないです。(それだけ

Twenty Fourteen 「投稿者」を非表示

TwentyFourteenでは、シングルページやアーカイブページにそれぞれ「投稿者」が表示されます。投稿者を非表示にさせる方法を投稿してみます。表示させる場合は、以下を参考に表示名などを変更してみて

折りたたみ要素やタブなどをショートコードで実装できるプラグイン「Arconix Shortcodes」

「Arconix Shortcodes」は、投稿内にショートコードでいろいろな要素を実装できるプラグインです。ダウンロードはこちらからできます。ダウンロード・解凍してpluginsディレクトリにアップ

no image

テーマ ブックマーク 2014

有料 技術系・ガジェットサイトテーマ 30 Blog & Magazine Style WordPress Themes for Tech & Gadget Sites

Twenty Twelve "コメントをどうぞ"を消す

今回は「Twenty Twelve」で標準で投稿タイトル下に出力されるリンク"コメントをどうぞ"|"Leave a reply"を非表示にする方法を。(コメントやピンバックが1件の場合は"1件のフィー

ie.cssの子テーマ化など Twenty Twelve 1.1での変更点

TwentyTwelveが1.0から1.1にアップデートされたので、勉強もかねていくつか変更点を洗ってみました。 ie.cssを外出し pubdateの削除 rel="generator"

no image

Pocketボタンの設置

日本のブログでは、4大SNS(Twitter, はてな, Facebook, Google+)に加えて最近では、Pocket(以前は、Read it later)もよく見かけますよね。追加してみました

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

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

Comment

Message

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

*

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

    PAGE TOP ↑