投稿タイトル(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」をもとに作成されたテーマのまとめです。 カスタマ

独自のCSSやJSを読み込む

WordPressで、プラグインではなく自作したりダウンロードしてきたCSSやJS(プラグイン)を読み込んだりするケースがあると思います。今回は、その際のCSSやJSファイルの使用方法をまとめてみまし

Twenty Twelve 投稿者情報を表示/非表示に

TwentyTwelveでは、投稿ページごとに投稿者の情報を掲載することができます。他のテーマでも同様だと思います。こんな感じです。ここでは、掲載と削除の方法について記載します。 表示方法 「

「カレンダー」ウィジェット カスタマイズ・プラグイン

目次 カレンダー移動をajax遷移させるようにする 営業日・休業日を色分けして表示 ページやウィジェットにgoogleカレンダーを追加 カレンダーウィジェットをajax遷移させるよ

Tumblrの投稿をウィジェットに表示できる「Tumblr Widget」

このブログでは、サイドバーウィジェットに「Tumblr」に投稿したブックマーク一覧を表示させています。プラグインは「Tumblr Widget」を使用しています。ダウンロード 「This plugi

アバターサイズの変更など Twenty Twelve 1.3での変更点

Twenty Twelve 1.3 での変更点 アバターサイズの設定ロジック変更 ヘッダ画像の設定ロジック変更 全ての変更点はこちら Changes from twentytwel

多言語化プラグイン「qTranslate」

ブログを多言語化しようと思い、プラグイン「qTranslate」を導入してみました。 General Settingsで使用する言語を選択する ★使用する言語を選択 管理画面「設定」⇒「Lang

no image

「最近の投稿」ウィジェット カスタマイズ

目次 ウィジェットを削除 標準の設定 特定のカテゴリーに属する投稿を除外 カスタマイズ プラグイン 「最近の投稿」ウィジェットを削除 「最近の投稿」ウィジェット

「Contact Form 7」 メッセージの送信に失敗~

この修正はWordPress 3.5で行われているようです。(~3.4.2) Contact Form 7で以下のエラーメッセージが出る場合は、確認してみて下さい。 「メッセージの送信に失敗

「タグクラウド」ウィジェット カスタマイズ

タグクラウドは、管理画面ではあまりカスタマイズできません。必要であれば、フィルターフックやプラグインを用いて表示設定や概観の変更を行うことができます。 目次 出力をカスタマイズ 各タグの

Comment

@masaru21 へ返信する コメントをキャンセル

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

*

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

    PAGE TOP ↑