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

  • 解決済 damian5129

    (@damian5129)


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

7件の返信を表示中 - 16 - 22件目 (全22件中)
  • 元のテーマはTwenty Twelveですよね?
    固定ページは content-page.php にあるので、上に書いたサンプルからcontent-page.phpを除けばいいです。

    あとは、CSSでオリジナルのクラスを作って、カスタマイズしたいコードを書けばいいのではないかと思います。

    スレッド開始 damian5129

    (@damian5129)

    除くには、どう書けばいいですか?

    除く=無視する
    要するにcontent-page.phpとして書いた部分は考えなくていいです。
    CSSでオリジナルのクラス(上の例ではentry-title-custom)を作って、content.phpにも上に書いたようなコードを書けば良いです。

    スレッド開始 damian5129

    (@damian5129)

    僕は、特にcontent-page.phpはいじっていません。twenty twelveを使っていますが、style.cssとcontent.phpしか扱っていません。

    content.phpを

    <?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 ;?>

    として、
    header.entry-header h1.entry-title-custom {background-color:#f00}
    とすることで、投稿一覧と個別投稿のタイトルを一緒のcssでカスタマイズできるはずです。

    • この返信は4年、 11ヶ月前にmokecoが編集しました。
    スレッド開始 damian5129

    (@damian5129)

    今したところ、できました。ありがとうございます。
    mokecoさん、暖かいサポート、ありがとうございます。

    スレッド開始 damian5129

    (@damian5129)

    もしよかったら、さっき私が提示したサイドバーの問題に付いて教えて下さい。お願いいたします。

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