Cocoonの使い方やカスタマイズとオリジナルスキン

Cocoonのカスタマイズ

カスタマイズ

Cocoonのスキン「2020TOKYO」用部品:カテゴリー、タグウィジェット

Cocoonの独自スキン「2020TOKYO」オリンピックカラーに使えるタブ切替メニューのデザインです。 元のスキンは以下です。 タブで切り替えて、カテゴリー別の最...
カスタマイズ

コピペで!Cocoonのカテゴリーウィジェットをカスタマイズ

サイドバーなどに表示するカテゴリーウィジェットをカスタマイズしてみます。 主なデザイン内容は以下です。 アイコンフォントを付ける カラーを付ける 投稿数に背景色を付ける ...
2020.04.28
カスタマイズ

コピペで!Cocoonのタグクラウドデザインをカスタマイズ

タグクラウドのデザインをカスタマイズする方法です。 タグクラウドウィジェットはWordPressの標準ウィジェットなので、Cocoonに限らず汎用的に利用できるかと思います。 カスタマ...
カスタマイズ

簡単!グローバルメニューのアイコンやラベルを色分けする

グローバルナビメニューには、簡単にアイコンフォントを設定できますが、そのアイコンフォントの色を変更したり、ラベル(メニュー)ごとに色分けする方法についてです。 Cocoonに限らず、FontAwes...
2020.04.27
カスタマイズ

コピペで!CocoonのSNSフォローボタンデザインカスタマイズ

Cocoonで表示できるSNSフォローボタンやシェアボタンの色やデザインをカスタマイズする方法です。 初期デザイン カスタマイズ方法 簡単なCSS追記のみです。 ...
カスタマイズ

コピペで!CocoonのFacebookボックスのデザインカスタマイズ

Cocoonの便利なオリジナルウィジェット「 Facebookボックス」の色をサイトに合わせてカスタマイズする方法についてです。 簡単なCSSの追記のみなので、一瞬で終わります。 ...
2020.04.25
カスタマイズ

Cocoonのスキン「黒×ビビッドカラー」用部品:タブ切替メニュー

Cocoonの独自スキン「黒」を基調にしたバージョンに使えるタブ切替メニューのデザインです。 元のスキンは以下です。 カテゴリー・タグウィジェット用の部品もあります...
2020.04.23
カスタマイズ

Cocoonのスキン「2020TOKYO」用部品:タブ切替メニュー

Cocoonの独自スキン「2020TOKYO」オリンピックカラーに使えるタブ切替メニューのデザインです。 元のスキンは以下です。 カテゴリー・タグウィジェット用の部...
カスタマイズ

コピペで!Cocoonトップページなどに使えるタブ切替メニュー18色

タブで切り替えて、カテゴリーごとの最新記事一覧などを表示するサンプルです。 2カラムレイアウトやボタンなどのデザインや 人気記事一覧表示のショートコードも、 Cocoon標準の機能を...
カスタマイズ

Cocoonのトップページをデザイン:カテゴリー別記事を横並び表示

トップページなどに、カテゴリー別の記事を横並びに見やすく表示してみます。 トップページデザインの一部として利用したり、その他の好きなページに表示する事も可能です。 表示サンプル ...
スポンサーリンク
タイトルとURLをコピーしました