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

Cocoonのカスタマイズ

Cocoon・カスタマイズ

CocoonのスキンMomoonをカスタマイズして新しいスキンを作る

CocoonのデザインスキンMomoonをカスタマイズしてみます。 はじめに スキンのカスタマイズを行う為に必要な手順についてです。 必要なもの FTPツール 手順 元のスキンをコピーし、 別の名前の...
Cocoon・カスタマイズ

Cocoonのグローバルナビメニューにアイコンフォントとカスタマイズ

Cocoonのメニューは、補足説明を出せる機能があります。グローバルナビメニューの設定方法とアイコンフォントを表示する方法、更に少しデザインカスタマイズもしてみます。 グローバルナビの設定 グローバル...
Cocoon・カスタマイズ

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

Cocoonの独自スキン「2020TOKYO」オリンピックカラーに使えるタブ切替メニューのデザインです。 元のスキンは以下です。 タブで切り替えて、カテゴリー別の最新記事などを表示できるデザイン部品も...
Cocoon・カスタマイズ

Cocoonの文字装飾ボックススタイルをカスタマイズ(白抜き・タブ・付箋風)

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

Cocoonのプロフィール欄のSNSボタンをカラーにするなどのカスタマイズ

Cocoonは、ウィジェットを使って記事の下や、サイドバーなど任意の場所にプロフィール欄を簡単に設置出来ますが、そのエリアのカスタマイズ方法です。 プロフィール欄の使い方は以下をご覧ください。 デフォ...
Cocoon・カスタマイズ

簡単!Cocoonのサイトマップをプチカスタマイズ

Cocoonにはサイトマップを自動生成する機能があります。 文字の色・ホバー色を変更したり、アンダーラインを消す簡単なカスタマイズ方法についてです。 使い方については以下をご覧ください。 カスタマイズ...
Cocoon・カスタマイズ

Cocoonの検索フォームをデザインカスタマイズ

サイドバーなどに表示すると便利な自サイト内の検索フォームのデザインをカスタマイズしてみます。 WordPressの標準ウィジェット「検索」のカスタマイズです。 カスタマイズサンプル Before Co...
Cocoon・カスタマイズ

Cocoonで特定カテゴリーやタグを非表示にする方法

ワードプレスの標準ウィジェットで表示する 「カテゴリー」や「タグ」を指定したものだけ非表示に する方法です。 手順 カテゴリーウィジェット CSS1行追記 CSS追記は以下のいずれかから行って下さい。...
Cocoon・カスタマイズ

コピペで!Cocoonのグローバルナビをカスタマイズ

Cocoonのグローバルナビバーをカスタマイズしてみます。 コピペで実装できます。お好きなカラーに色変更してご自由にご利用下さい。 アイコンフォント設定方法や、その他のカスタマイズは以下も参考にして下...
スポンサーリンク