シリウスのデフォルト構成のサイトマップページの編集画面は用意されて
おらず　全然編集など行わない方は多くおられるかと思います

 

しかし　コンテンツが増えた時点でサイトマップを確認してみると
何とも整列が不自然でどれがどれやらと認識ずらい構成ですね

 

ならば　読者様に情報はここにあるぞと
解り易くスタイルをカスタマイズしましょう

 

 

2015　0222
シリウス機能カスタマイズ　サイトマップ編

 

シリウスのデフォルトサイトマップは　読者からすれば求める情報を
一覧できることでは必要なページですが　行間が狭いため
見ずらくて情報を探しずらいという事情があります

 

その見ずらを見やすくすることはスタイルシートの一部改行で行えます

 

 

そこで　申し訳ありませんが　あくまでサイトマップであるので
デザインなど気にせず　見やすくするのみに視点を当てた範囲の
簡単カスタマイズの方法をご案内します

 

こちらは当サイト例のサイトマップですが　変更後です
元画像は切りとり忘れ

 

 

今回したことは　カテゴリーのタイトルメニュー内の文字に制限があり
途中までの尻切れ　で意味が理解できない事もあるので

 

文字線を通常サイズにして出来る限り　枠内に文字が入るようにしました
また左スペースぎりぎりまでスタート位置を移動

 

テキストメニューの左位置移動
テキストメニュー事の上下のスペースを空けて分類確認できるようにと
致しました

 

改行はスタイルシートのサイトマップ項目からです

 

 

/* サイトマップ */

 

#sitemaps{
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

 

#sitemaps ul{
margin:0;
padding:0;
}

 

#sitemaps li{
list-style-type: none;
list-style-image: none;
}

 

#sitemaps .sbox1, #sitemaps .sbox2 {
width: 47%;
margin-top: 15px;
margin-bottom: 5px;
padding: 0px;
}

 

#sitemaps .sbox1 {
float: left;
clear: left;
}

 

#sitemaps .sbox2 {
float: right;
clear: right;
}

 

#sitemaps .l1 {
background-image: url(./img/sitemap_l1.jpg);
line-height: 26px;　メニューの高さ位置
height: 26px;メニューの高さ位置
font-weight: bold;　カテゴリーメニューのフォントサイズ
margin-bottom:2px;　メニューの下　テキストのスペース
　　　　margin-top:0px;
background-repeat: no-repeat;
background-position: 5px center;
padding-left: 7px;　メニューの左スタート位置
overflow: hidden;
}

 

#sitemaps .l2 {
background-image: url(img/sitemap_l2.jpg);
background-repeat: no-repeat;
background-position: left 4px;
line-height: 20px;
text-indent: 2px;
margin-left: 2px;　テキストの左スタート位置
margin-bottom: 13px;　上下のスペース
}

 

#sitemaps .l3 {
background-image: url(img/sitemap_l3.jpg);
background-repeat: no-repeat;
background-position: left 4px;
line-height: 20px;
text-indent: 25px;
margin-left: 18px;
margin-bottom: 10px;
}
ここまで

 

 

 

上記の赤指定箇所を変更すればカスタマイズは完了します
青指定は参考までにです

 

 

 

カテゴリーメニューのフォントサイズを変更する場合は　
以下の記述を

 

font-weight: bold;　カテゴリーメニューのフォントサイズ

 

font-size: 12px;
数値は好みに変更してください

 

スポンサーリンク

 

 

 

 

シリウスサイトマップ構成を解り易くするカスタマイズ方法
シリウスカスタマイズトップ