投稿記事のタイトルだけカスタマイズしたい
-
投稿記事のタイトルだけカスタマイズしたいのですが、entry-header.entry-title{background-color:#000;}を使うと、投稿記事のタイトルだけでなく、固定ページのタイトルもカスタマイズされます。
投稿記事のタイトルだけカスタマイズする方法はありますか?
-
返信先: 投稿記事のタイトルだけ非表示にしたいで ishikita さんが回答してくださっていますが、これではダメでしょうか?
私なら、 ishikita さんのこの回答と同じことを最初に思いつきます。既にご存知であれば余計なお世話になりますが…
Twenty Twelve をカスタマイズする際は、最初に Twenty Twelve の子テーマを作ってから、カスタマイズしたい箇所が含まれているファイルのみを子テーマのディレクトリに入れてください。
テーマのアップデートがあった際、今回のカスタマイズが消えてしまいます。前回の質問はタイトルを非表示にするやり方なので
今回の質問は投稿記事のタイトルに色付けする方法が知りたいのでなるほど、失礼しました。
その場合
<?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}
としてみてはいかがでしょう。このコードを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}
などすれば良いんじゃないかな。-
この返信は8年、 2ヶ月前に
mokecoが編集しました。理由: CSS記述の追加
あと、このコードはcontent.phpに書けばいいのですか?
content.php の中に同じような記述がありますね。
ほかにも必要な箇所があるとすれば、
<h1 class="entry-title"...
から始まっているところです。あと、固定ページと投稿ページのタイトルを別々にカスタマイズしたい場合は、両方のコードをcontent.phpに書くのですか?
またmokecoさんのコードを実行しましたが、個別投稿ページのタイトルは変わりましたが、これとは別に投稿一覧に表示される、つまり新着投稿の記事一覧のタイトルもカスタマイズしたいのですが、singleではなく何を使えばいいですか?記事一覧のタイトルと個別投稿のタイトルのカスタマイズは別々にやりたいです。
記事一覧はアーカイブページとなります。
archive.phpがありますが、必ずしもそことは限りません。こちらのページを参考にしてみてください。
http://wpdocs.osdn.jp/%E6%9D%A1%E4%BB%B6%E5%88%86%E5%B2%90%E3%82%BF%E3%82%B0それで.entry-header.entry-title だと、全てのページ、投稿ページや個別ページのタイトルに適用されるのですね?
投稿ページのタイトル、個別投稿や投稿一覧に表示される投稿タイトルをカスタマイズしたいんです。
<?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() ): ?>
にしてみてください。追記。
個別投稿と記事一覧のカスタマイズはそれぞれ別にやりたいとのことで、
その場合は上記のPHPのカスタマイズを行った上で、CSSのクラス名を変えてみてはいかがでしょうか。それが、投稿記事のタイトルだけカスタマイズしたいんですよ。固定ページのタイトルはカスタマイズしたくないんです。投稿一覧と個別投稿のタイトルを一緒のcssでカスタマイズしたいんです。
-
この返信は8年、 2ヶ月前に
- トピック「投稿記事のタイトルだけカスタマイズしたい」には新たに返信することはできません。