公園の木に張る場合は直径30㎝以上が目安!

Cocoonのカテゴリーリスト(ウィジェット)を横並びにして省スペースにするカスタマイズ

2 分で読めます。 投稿から 2週間。最終更新から 2週間経過。
この記事の作成に約 28 分かかりました。

テーマをsimplicityからコクーンに変えました。
カテゴリーが多くて縦長になるのでドロップダウンにしていましたが、気に入らないので横並びにして省スペースにしました。
子テーマのCCSにコピペで簡単に変更できます。

階層を表示しないと順番がおかしくなります。
投稿数の表示にも対応しています。

テーマはCocoonに限らずその他でも使えるハズです。

こんな感じ

階層なしにすると順番ぐちゃぐちゃ。プラグインとかで解決できるのでは?

コード

/*category*/
.widget_categories ul li {
	font-size: 16px;
	display: inline-block;
      vertical-align: top;
	padding: 2px 4px 2px;
	margin: 0 4px 5px;}
.children{
	border:thin solid #f5f5dc;
	border-width: 3px;}
.widget_categories ul li a {
   background: #f5f5dc;
  border-radius: 2px; 
   padding: 1px 3px;
}
.post-count{margin-left: 5px;}

お使いのテーマに合わせてbackgroundを変更してください。

変化をつける

親テーマでまとめるボーダーが邪魔な人は.children自体を削除するか、ボーダーを消してbackgroundを追加するといい。上の画像例は.children消してbackground追加無しの場合。

コクーンは素晴らしいテーマですね。
デザインに悩み中。

関連記事だけはsimplicityから不満だったので、YARPPを使ってます。

Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。
WP・blogについて
スポンサーリンク
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
slackline.jpを書いている人
歩き方

2009年よりスラックライン乗ってます。日本山岳ガイド協会公認ガイド(自然Ⅱ、登山Ⅲ、山岳Ⅰ)、登山用品店店員(元)、平尾台ボランティアガイド、NACS-J自然観察指導員など。アウトドア好きでキャンプ、洞窟、植物好き。

歩き方をフォローする
スラックラインの歩き方

コメント