Title: サイドバーのカスタム（アーカイブなどのタイトルと表示位置の調整）
Last modified: 2016年7月30日

---

# サイドバーのカスタム（アーカイブなどのタイトルと表示位置の調整）

 *  [rocketpunch](https://ja.wordpress.org/support/users/rocketpunch/)
 * (@rocketpunch)
 * [17年前](https://ja.wordpress.org/support/topic/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%ef%bc%88%e3%82%a2%e3%83%bc%e3%82%ab%e3%82%a4%e3%83%96%e3%81%aa%e3%81%a9%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88/)
 * お世話になります。
    テーマはclassicを使用しています。 ウィジェットは「Category」「
   Archive」「テキスト（Searchのformタグを記述）」を使用しています。 このそれぞれ
   のタイトルを太字にしてタイトル下にラインを引いて、位置を絶対指定で配置したいと
   思っています。
 * sidecar.php内のタグにidやclassを設定しても反映されない状態なので、CategoryやArchive
   をウィジェットのテキストで記述して自由にカスタムする方法はないものかとご質問さ
   せていただきました。
 * また、他に細かく編集することができる方法がありましたらご教授いただけますか。
   
   どうぞよろしくお願いいたします。

4件の返信を表示中 - 1 - 4件目 (全4件中)

 *  トピック投稿者 [rocketpunch](https://ja.wordpress.org/support/users/rocketpunch/)
 * (@rocketpunch)
 * [17年前](https://ja.wordpress.org/support/topic/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%ef%bc%88%e3%82%a2%e3%83%bc%e3%82%ab%e3%82%a4%e3%83%96%e3%81%aa%e3%81%a9%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88/#post-120733)
 * ウィジェットを全て外して、直接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>
 * どうぞよろしくお願いいたします。
 *  [mizube](https://ja.wordpress.org/support/users/mizube/)
 * (@mizube)
 * [17年前](https://ja.wordpress.org/support/topic/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%ef%bc%88%e3%82%a2%e3%83%bc%e3%82%ab%e3%82%a4%e3%83%96%e3%81%aa%e3%81%a9%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88/#post-120734)
 * こんにちは。
 * >  根本的にphpの記述を変えないといけないのではないかと思っているのですが。。
 * その必要はありませんよ。今回のケースは WordPress ではなく、 CSS の記述方法につ
   まずかれています。 Default テーマであればウィジェットであろうと、セレクタとその
   記述位置が適切であれば、個別にスタイルを反映させることができます。 CSS について
   は、もう少し具体的な情報があれば回答することが出来るのですが、現時点での情報では
   回答のしようがありません。
 * フォントの指定はどのようにされていますか? セレクタ込みで教えて頂けませんか?　
   それと
 * >  下記ソースにcss側で設定すると両方変わってしまうので
 * この「両方」というのは何と何のことを指すのでしょう? ちょっと意味をくみ取りかね
   ています。また、差し支えなければ rocketpunch さんが編集されたあとの sidebar.php
   の内容もそのままこちらに貼り付けて頂ければ、修正すべき箇所など含め手っ取り早く
   回答できると思うのですが、いかがでしょう?
 * コードの貼り付け方法については [フォーラム詳細ルール](http://ja.forums.wordpress.org/topic/11)
   の C に詳しく書かれていますので、参考にしてみて下さい。返信をお待ちしています。
 *  トピック投稿者 [rocketpunch](https://ja.wordpress.org/support/users/rocketpunch/)
 * (@rocketpunch)
 * [17年前](https://ja.wordpress.org/support/topic/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%ef%bc%88%e3%82%a2%e3%83%bc%e3%82%ab%e3%82%a4%e3%83%96%e3%81%aa%e3%81%a9%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88/#post-120735)
 * 度々自己レスですが、下記のソースにすることで、細かく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;
       }
       ```
   
 * どうぞよろしくお願いいたします。
 *  トピック投稿者 [rocketpunch](https://ja.wordpress.org/support/users/rocketpunch/)
 * (@rocketpunch)
 * [17年前](https://ja.wordpress.org/support/topic/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%ef%bc%88%e3%82%a2%e3%83%bc%e3%82%ab%e3%82%a4%e3%83%96%e3%81%aa%e3%81%a9%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88/#post-120741)
 * mizubeさま
 * ご回答ありがとうございます。
    ちょっとレスが逆になってしまいました。すいません。
   下記cssにすることで、Ｍy 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件中)

 トピック「サイドバーのカスタム（アーカイブなどのタイトルと表示位置の調整）」には
新たに返信することはできません。

## タグ

 * [改行](https://ja.wordpress.org/support/topic-tag/%e6%94%b9%e8%a1%8c/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4件の返信
 * 2人の参加者
 * 最後の返信者: [rocketpunch](https://ja.wordpress.org/support/users/rocketpunch/)
 * 最後の活動: [17年前](https://ja.wordpress.org/support/topic/%e3%82%b5%e3%82%a4%e3%83%89%e3%83%90%e3%83%bc%e3%81%ae%e3%82%ab%e3%82%b9%e3%82%bf%e3%83%a0%ef%bc%88%e3%82%a2%e3%83%bc%e3%82%ab%e3%82%a4%e3%83%96%e3%81%aa%e3%81%a9%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88/#post-120741)
 * 状態: 未解決

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック