こんにちは!CocoonカスタマイザーのYoshitaka(@yandkstudio_y)です。今回は、ブログのサイドバーデザインを参考にさせて欲しいという依頼が舞い込んだので、弊ブログ風にサイドバーをデザインするカスタマイズ方法をご紹介し 参考:【cocoon】サイドバーの見出しデザインをカスタマイズ タイトル前にfont awesomeのアイコンをつける. ブログでは特に、ページの最初に目次があると読者にとって優しいサイト作りができます。この記事では、WordPressのテーマ Cocoonを使うメリット. WordPressテーマ Cocoonの【サイドバーの見出し】を、自分のサイトカラーに合わせてカスタマイズ(スライドボタン設定時含む)してみました。と言う事で、【サイドバーの見出し】のカスタマイズについて書いたエントリー記事です。 サイドバーの項目が重なっていると、不自然な感じがしてしまいます。こういった問題は解消させていきましょう。操作はこちらを参考にしてみてください。 こんにちは!じゅりんです。今回は、WordPressの無料テーマ「Cocoon」の機能「プロフィール」を設定していきます。簡単に設定できて、どの記事上でもサイドバーなどに自分の情報を載せることができるので、サクッと作っちゃいましょう!!「プ メインカラムの背景色(トップページのインデックスの背景色と各投稿ページの背景色)とサイドバーの背景色がデフォルトで白になっていますが、これらを別の色に変えるオプションが[管理メニュー]→[Cocoon設定]→[全体]には見つかりませんでした。 これはそのままリスブロさんのCSSをコピペさせていただきましたので記事のみ載せておきます。 参考:【cocoon】サイドバーウィジェットのタイトルにFontAwesomeアイコンをつけるCSSカス … デザインの変更について紹介する前に、なぜCocoon ... ブログのサイドバーにカテゴリ一覧を表示している人は多いと思いますが、その並び順はどうなっているでしょうか。 自分の意図していない並び順になっていませんか。 カスタマイズ第二弾です 今回も、WordPressのテーマであるCocoonのカスタマイズ第二弾です。 目次やFontAwesomeを追加するといったことをしています。これで一旦カスタマイズは最後にしようと思います。グローバルナビにFo WordPressテーマ Cocoonの「サイドバーの見出し」については以前にも「見出し1タイトル(h1タグ)」と同じデザインとするカスタマイズを行いました。今回「サイドバーの見出し」に対して独自のデザインを採用してみました。 ワードプレスの「cocoon」のサイドバーのカテゴリー表示はとてもシンプルです。カテゴリーが少ない場合はこのままで十分なのですが、カテゴリー数が多かったり、子カテゴリーができると少し見づらいなあと。そこでここに区切り線を入れてみます。 ブログやWordPressを始めて、最初に悩むことの1つがサイトのデザインですよね。 そのなかでもサイドバー(メニューバー)の配置を右にするのか? 左にするのか? それとも3カラムにするのか? …は、初心者ブロガーが悩むポイントの1つだと思います。 サイドバーの見出しを編集する! Cocoonの場合、サイドバーの見出しはこのようになっています。 背景色に色がついているだけですね。 これでもいいとは思いますが、一工夫加えてみましょう! 以下のコードをStyle.cssに入力します。 前回【ブログテーマ】Cocoonのデザインをカッコよくカスタマイズする方法では、ホームのデザインをご紹介させていただきましたので 今回はサイドバーをカスタマイズする方法を解説いたします