サポート » 使い方全般 » 投稿記事のタイトルだけカスタマイズしたい

  • 解決済 damian5129

    (@damian5129)


    投稿記事のタイトルだけカスタマイズしたいのですが、entry-header.entry-title{background-color:#000;}を使うと、投稿記事のタイトルだけでなく、固定ページのタイトルもカスタマイズされます。
    投稿記事のタイトルだけカスタマイズする方法はありますか?

15件の返信を表示中 - 1 - 15件目 (全22件中)
  • 返信先: 投稿記事のタイトルだけ非表示にしたいで ishikita さんが回答してくださっていますが、これではダメでしょうか?
    私なら、 ishikita さんのこの回答と同じことを最初に思いつきます。

    既にご存知であれば余計なお世話になりますが…
    Twenty Twelve をカスタマイズする際は、最初に Twenty Twelve の子テーマを作ってから、カスタマイズしたい箇所が含まれているファイルのみを子テーマのディレクトリに入れてください。
    テーマのアップデートがあった際、今回のカスタマイズが消えてしまいます。

    スレッド開始 damian5129

    (@damian5129)

    前回の質問はタイトルを非表示にするやり方なので
    今回の質問は投稿記事のタイトルに色付けする方法が知りたいので

    なるほど、失礼しました。

    その場合

    <?php if ( is_single() ) : ?>
    <h1 class="entry-title single-title-color"><?php the_title(); ?></h1>
    <?php else : ?>

    などとして、スタイルシートは

    .entry-header h1.single-title-color{baclground-color:#000}
    としてみてはいかがでしょう。

    スレッド開始 damian5129

    (@damian5129)

    このコードをcontent.phpに書けばいいんですね?
    固定ページの場合はどうすればいいですか?

    固定ページの場合は、
    <?php if ( is_single() ) : ?>
    の部分を
    <?php if ( is_page() ) : ?>
    に読み替えてください。
    特定のページのみに適用する場合は
    <?php if ( is_page('123') ) : ?>
    <?php if ( is_page('sample-page') ) : ?>
    のようにページIDやスラッグを指定します。
    ちょっとググれば出てきますよ。

    あと、上のレスでタイポってましたが、
    .entry-header h1.single-title-color{baclground-color:#000}

    .entry-header h1.single-title-color{background-color:#000}
    ですね。

    これも同じく、

    <?php if ( is_page() ) : ?>
    <h1 class="entry-title page-title-color"><?php the_title(); ?></h1>
    <?php else : ?>

    として
    .entry-header h1.page-title-color{background-color:#000}
    などすれば良いんじゃないかな。

    • この返信は4年、 11ヶ月前にmokecoが編集しました。理由: CSS記述の追加
    スレッド開始 damian5129

    (@damian5129)

    あと、このコードはcontent.phpに書けばいいのですか?

    content.php の中に同じような記述がありますね。
    ほかにも必要な箇所があるとすれば、
    <h1 class="entry-title"...
    から始まっているところです。

    スレッド開始 damian5129

    (@damian5129)

    あと、固定ページと投稿ページのタイトルを別々にカスタマイズしたい場合は、両方のコードをcontent.phpに書くのですか?
    またmokecoさんのコードを実行しましたが、個別投稿ページのタイトルは変わりましたが、これとは別に投稿一覧に表示される、つまり新着投稿の記事一覧のタイトルもカスタマイズしたいのですが、singleではなく何を使えばいいですか?

    スレッド開始 damian5129

    (@damian5129)

    記事一覧のタイトルと個別投稿のタイトルのカスタマイズは別々にやりたいです。

    記事一覧はアーカイブページとなります。
    archive.phpがありますが、必ずしもそことは限りません。

    こちらのページを参考にしてみてください。
    http://wpdocs.osdn.jp/%E6%9D%A1%E4%BB%B6%E5%88%86%E5%B2%90%E3%82%BF%E3%82%B0

    スレッド開始 damian5129

    (@damian5129)

    それで.entry-header.entry-title だと、全てのページ、投稿ページや個別ページのタイトルに適用されるのですね?

    スレッド開始 damian5129

    (@damian5129)

    投稿ページのタイトル、個別投稿や投稿一覧に表示される投稿タイトルをカスタマイズしたいんです。
    <?php if ( is_page() ) : ?>だと、個別投稿の投稿タイトルだけがカスタマイズされるので・・・
    かといって、.entry-header.entry-titleだと、全てのタイトルがカスタマイズされてしまうので・・・
    投稿タイトルだけ、カスタマイズされる方法を教えて下さい。

    ブログの個別記事のタイトル、固定ページ、記事一覧だけタイトルをカスタマイズしたいということですよね。

    content.php の

    <?php if ( is_single() ) : ?>
    <h1 class="entry-title"><?php the_title(); ?></h1>
    <?php else : ?>
    <h1 class="entry-title">
    	<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
    </h1>
    <?php endif; // is_single() ?>

    <?php if ( is_single() ) : ?>
    <h1 class="entry-title entry-title-custom"><?php the_title(); ?></h1>
    <?php elseif ( is_home()  || is_archive() ): ?>
    <h1 class="entry-title entry-title-custom">
        <a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
    </h1>
    <? else : ?>
    <h1 class="entry-title">
        <a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
    </h1>
    <?php endif ;?>

    に、

    content-page.php の
    <h1 class="entry-title"><?php the_title(); ?></h1>

    <h1 class="entry-title entry-tite-custom"><?php the_title(); ?></h1>
    にして、CSSは
    header.entry-header h1.entry-title-custom {background-color:#f00}
    としてみてください。

    フロントページのタイトル部分は変えたくないという場合は、
    <?php elseif ( is_home() || is_archive() ): ?>

    <?php elseif ( is_archive() ): ?>
    にしてみてください。

    • この返信は4年、 11ヶ月前にmokecoが編集しました。
    • この返信は4年、 11ヶ月前にmokecoが編集しました。

    追記。
    個別投稿と記事一覧のカスタマイズはそれぞれ別にやりたいとのことで、
    その場合は上記のPHPのカスタマイズを行った上で、CSSのクラス名を変えてみてはいかがでしょうか。

    スレッド開始 damian5129

    (@damian5129)

    それが、投稿記事のタイトルだけカスタマイズしたいんですよ。固定ページのタイトルはカスタマイズしたくないんです。投稿一覧と個別投稿のタイトルを一緒のcssでカスタマイズしたいんです。

15件の返信を表示中 - 1 - 15件目 (全22件中)
  • トピック「投稿記事のタイトルだけカスタマイズしたい」には新たに返信することはできません。