\ アドセンス審査対策・考察はこちら /

【SANGOカスタマイズ】サルワカ風!子カテゴリーの位置を調整して表示する(右にずらす)

【SANGOカスタマイズ】サルワカ風!子カテゴリーの位置を調整して表示する(右にずらす)

こんにちわ!
うにとん(@uniuni_tonton)です。

本記事ではこのブログで使用しているワードプレステーマ「SANGO」のカスタマイズを紹介します。

ものすごい自己満足な微調整カスタマイズですが、実際にやろうとした際に検索しても出てこなかったので、初心者さん向けに書いておこうと思います!

できるようになること

  • サイドバーの子カテゴリーが右に少しずれて、読みやすくなる

うにとん

カスタマイズをする際は自己責任でお願いします。バックアップ推奨です。

子カテゴリーの位置を調整して表示する

【SANGOカスタマイズ】サルワカ風!子カテゴリーの位置を調整して表示する(右にずらす)

画像のようにカテゴリーを、右にずらすカスタマイズです。

先日更新した記事で伝えた『カテゴリの先頭にアイコンを表示するカスタマイズ』と合わせて変更する事で、よりサルワカ度がUPします。

カテゴリー内の段落をはっきりさせる事で、とても見やすくなります!

お前どんだけサルワカファンなんだよ・・・って感じですけど、好きなんです。サルワカが・・・!

特に子カテゴリーが多い方にオススメのカスタマイズですよ~(*´ω`*)

 

ではさっそくカスタマイズに使用するCSSを紹介します。

外観 ⇒ テーマの編集から
スタイルシートを選択しCSSをコピペして貼り付けてください。

コード

/* ———————–
   サイドバーのカテゴリを一段ずらす
———————– */
.widget_categories ul li a:before {
color: #f5b1aa;
font-family: FontAwesome; padding-right: 6px;
}
li.cat-item .children {
padding-left: 24px;
}
.side-widget ul.children li:last-child {
padding-bottom:3px;
}

うにとん

これで完成ですっ!コピペでOKなので初心者さんでも簡単だよ。

まとめ:カテゴリー欄が更に見やすくなりました!

以上、『サルワカ風!子カテゴリーの位置を調整して表示する』方法を紹介しました。

【SANGOカスタマイズ】サルワカ風!カテゴリの先頭にアイコンを表示する

こちらのカスタマイズと合わせて追加する事でとっても見やすくなりました。

こういう地味なカスタマイズが結構好きなんですよね・・・w

うにとん

余裕のある方はデザインにもこだわっていきたいですね。

クリックで応援

ブログ初心者向けお役立ち情報まとめ ブログ初心者に読んでほしいオススメの記事・情報まとめ【WordPress・AdSense】

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)