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

Cocoon・カスタマイズ

Cocoon・カスタマイズ

Cocoonの記事一覧エントリーカードのデザインカスタマイズ

Cocoonの記事一覧エントリーカードをカスタマイズしてみます。カスタマイズ方法簡単なCSS追記のみです。CSS追記は以下のいずれかから行って下さい。外観→カスタマイズ→追加CSS外観→テーマエディタ...
Cocoon・カスタマイズ

Cocoonでビジュアルエディタ見出しやスタイルを思い通りにカスタマイズ

Cocoonの文字装飾デザインは膨大に用意されていますが、ちょっと色を変えたいもう1色欲しい独自のデザインも便利に使いたいなどといった場合に、スタイルから挿入出来るデザインを編集する方法です。Coco...
Cocoon・カスタマイズ

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

Cocoonの独自スキン「和の色」6色バージョンに使えるタブ切替メニューのデザインです。元のスキンは以下です。タブ切替メニュー部品もあります。サンプルカスタマイズ方法簡単なCSS追記のみです。CSS追...
Cocoon・カスタマイズ

Cocoonの記事内に開閉するBOX(トグルボックス)表示とカスタマイズ

Cocoonには、記事内に「アコーディオン開閉」するボックス(トグルボックス)を埋め込む機能があり、簡単に挿入して使えます。閉じた状態  開いた状態その使い方と、簡単カスタマイズ方法です。使い方記事編...
Cocoon・カスタマイズ

Cocoon・おすすめカードのプチカスタマイズ

Cocoonには、色々な便利な機能やエリアが用意されています。今回は、おすすめしたい記事やカテゴリーの画像リンクをヘッダー下の目立つ部分に表示できる「おすすめカード」を少しだけカスタマイズしてみます。...
Cocoon・カスタマイズ

Cocoon文字装飾スタイル・サンプルとカラーコードとクラス名一覧

Cocoonに標準で準備されている文字装飾のスタイルの初期カラーコードとクラス名を一覧にまとめました。ちょっと色を変えたい時などにご利用下さい。マーカースタイルクラス名色黄色.marker黄色:#ff...
Cocoon・カスタマイズ

Cocoonのスキン「黒×ビビッドカラー」用部品:カテゴリー、タグウィジェット

Cocoonの独自スキン「黒」を基調にしたバージョンに使えるタブ切替メニューのデザインです。元のスキンは以下です。タブで切り替えて、カテゴリー別の最新記事などを表示できるデザイン部品も作成しています。...
Cocoon・カスタマイズ

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

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

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

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

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

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