【Gush2】プラグイン「PS Auto Sitemap」でサイトマップを作ったら、チェックマークが表示されちゃったのでCSSを修正したよ

2015/07/16 2015/07/23

さらさらぶろぐもだいぶ記事が増えてきたので、サイトマップを作りました。
デフォルトのままだと表示がおかしかったので、CSSを修正しました。
　

1 スタイル「ドキュメントツリー」の場合
- 1.1 修正前と修正後のサイトマップ表示例
- 1.2 修正後のCSSはこちら
2 不要なチェックマークを消すCSS記述（全スタイルで）
3 まとめ

スタイル「ドキュメントツリー」の場合

修正前と修正後のサイトマップ表示例

デフォルトのままだとこんな感じです。
よけいなチェックボックスがあるし、フォルダーがずれてます。

修正後はこうなります。

修正後のCSSはこちら

スタイル「ドキュメントツリー」のcssは、「ps_auto_sitemap_document.css」です。これを下記のコードに差し替えます。
FTPで「/plugins/ps-auto-sitemap/css/ps_auto_sitemap_document.css」を差し替えてもよいし、「プラグイン＞プラグインの編集」で書き換えてもよいです。

@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;
}

@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行目の間から下記の水色の１行を削除しています。

#sitemap_list ul {
	background: url(../images/document/ico_folder.png) no-repeat 0 0.7em;
	padding: 0;
	margin: 0;
}

#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に書いてもよいです。

#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 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記述になっちゃったけど、まあ目的は果たせてるからいいかってことで(^^ゞ

on 【Blogger】アフィリエイトを無料ブログでするのなら、Bloggerがおすすめです。スマホでも広告表示されないので。初めまして。同感です。こんなに良いのに、なんでみんな使わないの？？って思いますよね。確かにフォントは、初期状態ではちょっと… そのあたりがもうちょっと何とかなれば最高なんですけどね。ＣＳＳの解説ありがとうございます、参考にさせていただきますね♪
on 【Blogger】アフィリエイトを無料ブログでするのなら、Bloggerがおすすめです。スマホでも広告表示されないので。bloggerは僕もオススメです( ´ ▽ ` )ﾉ本当シーサーブログは広告多いですね( ´ ▽ ` )ﾉ
on スマホでも３つAdSenseを表示するGush2カスタマイズ【メイン上部広告復活＆記事下広告右をサイドバー最後に表示】（改訂版）TN0816さまご訪問ありがとうございます。キーワード検索の下に表示されるのは、サイド広告300pxです。外観＞ウィジェット＞サイド広告300px に、広告コードを書いているのではないでしょうか？
on スマホでも３つAdSenseを表示するGush2カスタマイズ【メイン上部広告復活＆記事下広告右をサイドバー最後に表示】（改訂版）このブログとても参考になりました！１つわからないところがあるのですが、ここに書かれているとおりにやったのですが、サイドバーのキーワード検索の下にもも広告が表示されてしまい、どうしたらいいのかわからなくて困っています。アドセンスはメイン上部にレスポンシブ広告を入れて、記事下左と記事下右に300×250を入れています。
on 審査に落ちたAmazonとポイント制の楽天は、「もしもアフィリエイト」経由でやってみます。a cattle northern さまくわしい情報をありがとうございます。なるほど。怪物レベルでなければ、ポイントで受け取る分が必ずあるのですね。「ポイントで楽天市場で買い物してね」ってことなのでしょうね。楽天市場を使ってない人は『もしも』がいいですね。
on 審査に落ちたAmazonとポイント制の楽天は、「もしもアフィリエイト」経由でやってみます。楽天アフィですが、１ヶ月で３０００円以上は、３０００ポイントを楽天ポイントで＋超過分を楽天銀行振込１ヶ月で３０００円未満は楽天ポイントで支給となります。毎月１０万以上確実で全額銀行振込となりますが、そんな怪物は・・・・・。楽天市場を使うのでなければ、もしもの方がいいと思いますよ。

さらさらぶろぐ

アフィリエイトのことを書くつもりで始めたけど、WordPressやGush2のことを書いちゃってます。

【Gush2】プラグイン「PS Auto Sitemap」でサイトマップを作ったら、チェックマークが表示されちゃったのでCSSを修正したよ

スタイル「ドキュメントツリー」の場合

修正前と修正後のサイトマップ表示例

修正後のCSSはこちら

不要なチェックマークを消すCSS記述（全スタイルで）

まとめ

関連記事-こちらもどうぞ

この記事へのコメントはこちらコメントをキャンセル

スタイル「ドキュメントツリー」の場合

修正前と修正後のサイトマップ表示例

修正後のCSSはこちら

不要なチェックマークを消すCSS記述（全スタイルで）

まとめ

関連記事-こちらもどうぞ

この記事へのコメントはこちら コメントをキャンセル

この記事へのコメントはこちらコメントをキャンセル