ウィジェットを全て外して、直接sidebar.php上に記述したら、cssの記述がうまく反映されるのがわかりました。
それで、一点新たにわからないのでお伺いしたいのですが、サイドバーのカテゴリータイトルと格カテゴリー名のフォントを変えたいのですが、下記ソースにcss側で設定すると両方変わってしまうので、根本的にphpの記述を変えないといけないのではないかと思っているのですが。。
<?php wp_list_categories(‘title_li=’ . __(‘Categories:’)); ?>
アーカイブは、下記のように設定して、タイトルと年月のフォントを分けています。
<div class=”sidebars”>
<div class=”sidebars-title”><?php _e(‘Archives:’); ?></div>
<?php wp_get_archives(‘type=monthly&limit=6’); ?>
</div>
どうぞよろしくお願いいたします。
こんにちは。
根本的にphpの記述を変えないといけないのではないかと思っているのですが。。
その必要はありませんよ。今回のケースは WordPress ではなく、 CSS の記述方法につまずかれています。 Default テーマであればウィジェットであろうと、セレクタとその記述位置が適切であれば、個別にスタイルを反映させることができます。 CSS については、もう少し具体的な情報があれば回答することが出来るのですが、現時点での情報では回答のしようがありません。
フォントの指定はどのようにされていますか? セレクタ込みで教えて頂けませんか? それと
下記ソースにcss側で設定すると両方変わってしまうので
この「両方」というのは何と何のことを指すのでしょう? ちょっと意味をくみ取りかねています。また、差し支えなければ rocketpunch さんが編集されたあとの sidebar.php の内容もそのままこちらに貼り付けて頂ければ、修正すべき箇所など含め手っ取り早く回答できると思うのですが、いかがでしょう?
コードの貼り付け方法については フォーラム詳細ルール の C に詳しく書かれていますので、参考にしてみて下さい。返信をお待ちしています。
度々自己レスですが、下記のソースにすることで、細かくcssを設定することができました。
<div class=”sidebars”>
<div class=”sidebars-title”><?php _e(‘Categories:’); ?></div>
<?php wp_list_cats(‘sort_column=name’); ?>
</div>
それで、さらにカテゴリーの順番を並び替えるべく、「My Category Order」をインストールしたのですが、またタイトルと各カテゴリー名のcssを分ける方法がわからいので、再度ご質問させてください。
タイトル下にボーダーを入れたいのですが、現状は下記のように設定しているので、id(category)全体の下にボーダーが入ってしまっています。
どうぞよろしくお願いいたします。
<div id="category">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<?php endif; ?>
</div>
<!-- CSS -->
#category {
list-style-type: none;
margin-bottom: 5px;
font-weight: bold;
border-bottom: dotted 1px #000;
padding-bottom: 3px;
width: 99px;
}
#category ul li {
font-style: italic;
line-height: 1.8em;
margin-bottom: 5px;
font-weight: normal;
}
どうぞよろしくお願いいたします。
mizubeさま
ご回答ありがとうございます。
ちょっとレスが逆になってしまいました。すいません。
下記cssにすることで、My Category Orderのカテゴリータイトルと各カテゴリー名を異なる指定にすることができました。
#category {
list-style-type: none;
font-weight: bold;
}
#category ul {
border-top: dotted 1px #000;
margin-top: 4px;
padding-top: 4px;
width: 99px;
}
#category ul li {
font-style: italic;
line-height: 1.8em;
font-weight: normal;
}