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

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

関連記事

テーマ 「Responsive」 カスタマイズ

デモ | ダウンロード 目次 投稿日 非表示 作成者 非表示 "Responsive Theme powered by WordPress" 削除 投稿日 非表示 オリ

ツールチップ実装プラグイン「WordPress Tooltip」

「WordPress Tooltip」は、WordPressにツールチップを実装できるプラグインです。jQueryプラグイン「TipTip」を組み込んでいます。プラグインページの対応バージョンは古めで

Twenty Thirteen カスタマイズ

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

Twenty Twelve "Proudly powered by WordPress"をCopyrightに変更

標準でページの最下部に表示される"Proudly ~"を変更します。 子テーマフォルダにfooter.phpをコピーし、以下のように編集を行ってください。リンクを外して、表示部分を書き換えるだけです

no image

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

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

独自のCSSやJSを読み込む

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

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

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

プラグイン関連のJSやCSSの読み込みをフィルター

プラグインをインストールしていくとheadやfooter内がCSSやJSで溢れていきます。できるだけ、自分で書けるものに関しては、余計なコールが少なくなるので可能な場合はそうしていますが(そうもいかず

titleタグ(wp_title) カスタマイズ

SEO対策を行う際に、titleタグは重要な要素だと言われています。 「サイトのタイトル」、「キャッチフレーズ」(site_description)、「カテゴリー名」など色々と組み合わせてみることが

コメント欄停止・コメント削除

WordPressでは標準でコメント機能が付いてきます。この投稿ではコメント機能の停止や既に投稿されたコメントを削除する方法を紹介します。 設定による停止方法 新規の投稿に関してコメントを停止

Comment

WordPress カスタマイズまとめ | 行雲流水の記憶 へ返信する コメントをキャンセル

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

*

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

    PAGE TOP ↑