wordpressテーマ「cocoon(コクーン)」のサイドバーをカスタマイズする方法についてご紹介します。サイドバーのタイトル横にfontawesomeアイコンを表示する方法や見出しのデザインを変更します。初心者の方でも簡単にカスタマイズできるように、style.cssにコピペするだけでOKです。 WordPressテーマ「Cocoon」のカスタマイズ記事です。備忘録を兼ねて書いていますが、誰かの参考になれば幸いです。今回はサイドバーの見出しデザインを変えてみました。CSSをちょこっと足すだけの簡単な作業です。デフォルトのCSSを確認
今回は、Cocoonのサイドバーの見出しをカスタマイズする方法をお届けします。Cocoonのサイドバーは、初期設定ではとてもシンプルなデザインになっています。この見出しの色やデザインを、自分好みにするカスタマイズです。どのカスタマイズもコピ SEOに優れ高機能な無料テーマ「Cocoon」のサイドバーの見出しのカスタマイズを行います。サイドバーのウィジェット毎の見出しは共通なクラス名なので見出し一か所変えるだけで全て変わります。本文の見出しと基本的な方法は変わらないので以下の記事 Cocoonでは、サイドバーについてもデフォルト機能である程度のカスタマイズを施すことが出来ます。まずは管理画面の外観からウィジェットを開きます。 ウィジェットメニューではサイドバーに限らず色々な場面での初期画面設定が可能です。 人気無料テーマ「Cocoon」を利用してブログのサイドバーをカスタマイズします。Cocoonには既存でサイドバー用のパーツを作成するウイジェットが用意されています、これを利用して、驚くほど簡単な操作で「最新記事一覧」や「人気記事一覧」の作成ができます。 WordPressの無料テーマ【Cocoon】において、サイドバーウィジェット内の文字サイズを小さくカスタマイズする方法をご紹介しておきます。よかったら参考にしてみてくださいね。 WordPressテーマ Cocoonの「サイドバーの見出し」については以前にも「見出し1タイトル(h1タグ)」と同じデザインとするカスタマイズを行いました。今回「サイドバーの見出し」に対して独自のデザインを採用してみました。 可愛いアイコンが入ったサイトを見かけるようになりました。 当サイトでも使っています♪ これはWebアイコンフォントといって、 Cocoonでは「Font Awesome」という. さて、当サイトで実装しているCocoonのカスタマイズ内容は以下の通り。後日、諸事情によりデザインを変更する可能性もあるため、キャプチャ画像もあわせてご紹介したいと思います。 最近ナビゲーションバーやサイドバーに. 本記事では、WordPressテーマCocoonを使用しているあなたにサイドバーの基本的な使い方を詳しく説明していきます。サイドバーはウィジェットを使って簡単に設定ができますので、自分の好きなように表示させてみてください。サイドバーの基本は
参考:【cocoon】サイドバーの見出しデザインをカスタマイズ タイトル前にfont awesomeのアイコンをつける. Cocoonが有料級デザインになる10のカスタマイズ. 以前サイドバーのカスタマイズ記事を書きました。若干飽きてきたので(笑)、カテゴリとアーカイブのウィジェットを中心にカスタマイズしなおしました。こっちの方が好みだという方はこちらをどうぞ!コチラの記事にCocoonのカスタマイズ記事をまとめて これはそのままリスブロさんのCSSをコピペさせていただきましたので記事のみ載せておきま … WordPressの無料人気テーマ「Cocoon」でサイドバーのカテゴリをシンプルでおしゃれなデザインにカスタマイズする方法を紹介しています。カテゴリのデザインを変更するのはスタイルシート(CSS)を反映するだけなので、簡単に変更することができます。 Webアイコンフォントが標準装備されています! Cocoonに変更してからやったカスタマイズ という記事でコード自体は書いていますが 備忘録にもなるしという事で個別記事を書いていないカスタマイズ記事を書いていきたいと思います 今回はサイドバーのカスタマイズです、まあ、あまり難しい事はやっていませんけどねー WordPressテーマ Cocoonの【サイドバーの見出し】を、自分のサイトカラーに合わせてカスタマイズ(スライドボタン設定時含む)してみました。と言う事で、【サイドバーの見出し】のカスタマイズについて書いたエントリー記事です。