【Gush2】プラグイン「PS Auto Sitemap」でサイトマップを作ったら、チェックマークが表示されちゃったのでCSSを修正したよ
さらさらぶろぐもだいぶ記事が増えてきたので、サイトマップを作りました。
デフォルトのままだと表示がおかしかったので、CSSを修正しました。
スタイル「ドキュメントツリー」の場合
修正前と修正後のサイトマップ表示例
デフォルトのままだとこんな感じです。
よけいなチェックボックスがあるし、フォルダーがずれてます。

修正後はこうなります。

修正後のCSSはこちら
スタイル「ドキュメントツリー」のcssは、「ps_auto_sitemap_document.css」です。これを下記のコードに差し替えます。
FTPで「/plugins/ps-auto-sitemap/css/ps_auto_sitemap_document.css」を差し替えてもよいし、「プラグイン>プラグインの編集」で書き換えてもよいです。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
@charset "utf-8"; /* CSS Document */ #sitemap_list { background: url(../images/document/bg_vertical_line.png) 6px; padding: 0; margin: 0; } #sitemap_list ul { list-style: none none outside; text-indent: 0.5em !important; } #sitemap_list li { list-style: none none outside; text-indent: 0.5em !important; } #sitemap_list li { font-size: medium; text-indent: 0; padding: 0; margin: 0 0 20px; list-style-type: none; line-height: 1.5; } #sitemap_list li li { background: none; font-size: small; margin: 0 0 0 0; padding: 0 0 0 30px; border-left: none; } #sitemap_list li li li { font-size: 95%; margin: 0; } #sitemap_list li a { background: url(../images/document/ico_post.png) no-repeat left center; padding: 5px 7px 5px 18px; text-decoration: none; } #sitemap_list .cat-item a { background: url(../images/document/ico_folder.png) no-repeat left center; } #sitemap_list li .cat-item a { background: url(../images/document/ico_folder.png) no-repeat left center; } #sitemap_list li .post-item a { background: url(../images/document/ico_post.png) no-repeat left center; } #sitemap_list ul { padding: 0; margin: 0; } #sitemap_list .posts_in_category { position: absolute; padding-top: 0.3em; padding-left: 10px; } #sitemap_list li .posts_in_category a { background: url(../images/document/ico_post_list.png) no-repeat center; text-indent: -9999px; display: block; width: 1.2em; height: 1.2em; border: solid 1px #ccc; padding: 0; } |
上記水色の行が追加した行です。
また、57行目と58行目の間から下記の水色の1行を削除しています。
38 39 40 41 42 |
#sitemap_list ul { background: url(../images/document/ico_folder.png) no-repeat 0 0.7em; padding: 0; margin: 0; } |
不要なチェックマークを消すCSS記述(全スタイルで)
どのスタイルを選んでも、よけいなチェックマークが表示されます。Gush2のarticle_bodyのul,liの定義を継承しちゃうからです。
CSSに下記のコードを追加すれば、チェックマークは消えます。
プラグインのスタイルのcssに書いてもよいし、テーマGush2のstyle.cssに書いてもよいです。
1 2 3 4 5 6 7 8 |
#sitemap_list ul { list-style: none none outside; text-indent: 0.5em !important; } #sitemap_list li { list-style: none none outside; text-indent: 0.5em !important; } |
まとめ
美しくないCSS記述になっちゃったけど、まあ目的は果たせてるからいいかってことで(^^ゞ
この記事へのコメントはこちら