wordpressテーマSTINGER3のサイドバーのカテゴリー一覧とNEW ENTRYに背景色をつけてブロック分けをしてみた。
カテゴリは親カテゴリーごとに背景色でブロック分け。
NEW ENTRYは記事ごとに背景色でブロック分けした。
NEW ENTRYを背景色でブロック分け
1、サイドバーphpの中にdiv classを付け加える。
<?php if( $st_query->have_posts() ): ?>
<?php while ($st_query->have_posts()) : $st_query->the_post(); ?>
<div class="new"><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
<p><?php echo mb_substr( strip_tags( stinger_noshotcode( $post->post_content ) ), 0, 35 ) . ''; ?></p> </div>
赤い記述の部分が付け加えた部分。
2、スタイルシートを開いて.new{ background-color: #fff;}を追加。
カテゴリー一覧を背景色でブロック分け
カテゴリー一覧の場合はスタイルシートをカスタマイズするだけ。
#side ul li {にbackground-color: カラーコード;を書き加える。
例)
#side ul li {
line-height: 25px;
margin-bottom: 10px;
padding-left: 20px;background-color: #fff;
}
コメント