サポート » 使い方全般 » サイドバーのカスタム(アーカイブなどのタイトルと表示位置の調整)

  • お世話になります。
    テーマはclassicを使用しています。
    ウィジェットは「Category」「Archive」「テキスト(Searchのformタグを記述)」を使用しています。
    このそれぞれのタイトルを太字にしてタイトル下にラインを引いて、位置を絶対指定で配置したいと思っています。

    sidecar.php内のタグにidやclassを設定しても反映されない状態なので、CategoryやArchiveをウィジェットのテキストで記述して自由にカスタムする方法はないものかとご質問させていただきました。

    また、他に細かく編集することができる方法がありましたらご教授いただけますか。
    どうぞよろしくお願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • ウィジェットを全て外して、直接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;
    }
4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「サイドバーのカスタム(アーカイブなどのタイトルと表示位置の調整)」には新たに返信することはできません。