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の標準ウィジェット「検索」のカスタマイズです。カスタマイズサンプルBeforeCocoon...
Cocoon・カスタマイズ

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

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

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

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