kenzo0926

投稿をいただきましてありがとうございます。

ご指摘いただいた内容と、@ishitaka様が公開しておりますＨＰのウィジェットのコードを使用させていただきましたが、サイドバーがうまく表示されませんでした。

ですが、テスト用の自作別テーマを適用し、ウィジェットコードを入れたところ、目的通りの動きが実現できました。

http://test.sagae-printing.co.jp/wp/%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E3%83%9A%E3%83%BC%E3%82%B8%EF%BC%91/

元のテーマでうまくいかなかった原因に関して別途究明します。

まことにありがとうございました。

返信ありがとうございます。無事に解決いたしました。まことにありがとうございました。

もうひとつ問題が発生しまして、もしどなたかわかる方がいらっしゃいましたらご指摘お願い致します。（たびたびすいません・・・）

白いサブメニューの下に新たにメニューを追加したところ、文字が下のほうにずれてメニューバーのバックの画像が表示されず、原因がわかりません。

サイト

サイドバーに関するＣＳＳは以下の通りです。

/* サイドバー */
div#sidebar {width: 200px;
height:auto;
font-size: 1.25em;
font-weight: bold;
margin:10px 0 0 0;
float: left;}

div#sidebar ul {
margin: 0;
padding: 0;}

div#sidebar li {list-style-type: none}

div#sidebar .widget {
background-color: ffffff;}

div#sidebar h2 {font-size: 0.75em;
color: #ffffff;
border-bottom: solid 1px #ffffff;
padding-bottom: 8px;
margin: 0 0 10px 0}

div#sidebar li li {font-size: 0.75em;
}

div#sidebar li li a {
text-decoration: none;
color: #000000;
padding: 0 0 0 0;
}

ul.sub-menu{
margin:0px 0px 0px 0px;
font-size: 1.1em;
display: block;
}

ul.sub-menu li{
background: url(menu_ver2.jpg) no-repeat;
width:200px;
height:27.5px;
padding:12.5px 0px 0px 50px;
margin:0px 0px 0px -40px;
float:left;
}

.menu > li > a {
text-decoration: none;
color: #000;
display: block;

width: 200px;
height: 27.5px;
padding: 12.5px 0px 0px 40px;
margin: 0;
}

/* 固定ページ（カスタムメニュー） */
.widget_nav_menu h2 {display: none}

.widget_nav_menu li {
background: url(menu_ver1.jpg) no-repeat;
width: 200px;
height:27.5px;
padding:12.5px 0px 0px 40px;
margin:0px 0 0 0;
}

/* 固定ページ（メニュー） */
/* 未使用？ */
.widget_pages h2 {display: none}

.widget_pages li {
background: url(menu_ver1.jpg) no-repeat;
width: 200px;
/*修正前height:40px;*/
height:27.5px;
padding:12.5px 0px 0px 40px;
/*margin:-12.5px 0 0 0;*/
margin:0px 0 0 0;
}

無駄なコードが多くてすいません・・・