サイトマップページのブログ記事一覧を見やすくする方法

Jimdoでホームページを作ると自動的にサイトマップページも作成されます。

サイトマップページには「サイト内ページ用のサイトマップ」と「ブログ記事のサイトマップ」が掲載されています。

Jimdo虎の巻のサイトマップページ

 

「ブログ記事のサイトマップ」はブログを書けば書くだけ追加されていくため、ページが長くなってしまいます。

そのため、見た目を整えたいと思います。

見た目を整えるCSS

ul.sitemap:last-child {
        overflow: auto;
        height: ○○px; /*任意の値*/
}
#content_area ul.sitemap li ul {
        overflow: visible;
        height: auto;
}

これによりブログ記事のサイトマップが、指定の高さのボックス内でスクロールできるようになります。

テンプレートを利用されている場合

<header>内に<script>タグではさんで追記します。

管理メニュー > 設定 > ヘッダー部分を編集

<style type="text/css">
見た目を整えるCSS
</style>

独自レイアウトを利用されている場合

CSS編集エリアにそのまま追記します。

管理メニュー > レイアウト > 独自レイアウト > CSS

 最後までお読みいただきありがとうございます!いかがでしたか?

このページが参考になったら、ぜひ左のボタンでFacebookかTwitterにシェアしていただけると嬉しいです!

押してくれたらもっとこうしんするぴ!