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

Cocoon

スキン

Cocoonのスキン:プロ野球シリーズ「横浜ベイスターズカラー」

Cocoonの独自スキン、プロ野球の球団テーマカラーを基調にしたシリーズです。 こちらは横浜ベイスターズカラーのスキンです。 2020/05/25 少しデザイン追加し、ダウンロードファイルは軽量化しま...
スキン

Cocoonオリジナルスキン:和の色(抹茶)

この記事は、Cocoonの独自スキン「和の色」6色の抹茶バージョンの詳細になります。 その他のカラーは以下をご覧ください。 2020/05/25 ・カテゴリー・タグウィジェットデザインを追加。 ・Ve...
Cocoon・設定

順番にやれば簡単!Cocoonの導入~初期設定でブログ公開まで

WordPressを無料の高機能テーマCocoonで始める為の、導入~初期設定をまとめています。 Cocoonのインストールから初期設定 まずは導入から初期設定を行います。 インストール 初期設定 初...
Cocoon・カスタマイズ

Cocoonのサイドバータイトル(ウィジェットタイトル)カスタマイズ

Cocoonのサイドバータイトル(ウィジェットタイトル)のデザインカスタマイズをしてみます。 カスタマイズサンプル Before After サンプルではシンプルに角を丸めているだけですが、この記事で...
Cocoon・カスタマイズ

Cocoonの文字装飾ボタンの色やデザインをカスタマイズ

Cocoonに初めから用意されている文字装飾のスタイルを好みのデザインや色にカスタマイズしてみます。 文字装飾の一覧は以下にまとめています。 この記事はボタンのカスタマイズ方法です。 カスタマイズ方法...
Cocoon・カスタマイズ

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

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

Cocoonでサイトマップをカテゴリー単位に表示する方法

Cocoonにはサイトマップを自動生成するショートコード機能があり、 記事一覧、固定ページ一覧、カテゴリー、アーカイブを表示出来ますが、 カテゴリー単位に分ける 並び変える などが出来ない為、カテゴリ...
Cocoon・使い方

Cocoonショートコード-新着記事一覧の使い方と表示サンプル

新着記事一覧ショートコード 投稿ページ・固定ページ・カスタム投稿ページを表示できます。 件数・カテゴリー指定・投稿日順or更新日順などの様々なオプションがあり、任意のクラス名を追加する事も出来るので、...
スキン

Cocoonオリジナルスキン:和の色(紫)

この記事は、Cocoonの独自スキン「和の色」6色の紫バージョンの詳細になります。 その他のカラーは以下をご覧ください。 2020/05/25 ・カテゴリー・タグウィジェットデザインを追加。 ・Ver...
Cocoon・カスタマイズ

Cocoonのヘッダー下アピールエリアをカスタマイズ

Cocoonのヘッダー下に表示できる「アピールエリア」をカスタマイズしてみます。 背景の色を変える簡単なカスタマイズから、ボタンの位置などデザインを変えるものなど、あれこれと。 アピールエリアの設定は...
スポンサーリンク