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

Cocoonのカスタマイズ

Cocoon・カスタマイズ

Cocoonの記事一覧のカードに設定した日数の間NEWマークを表示する

Cocoonのトップページやアーカイブページでの記事一覧で、新着記事に「Newマーク」を表示します。 サンプル 「NEW」マークを左端に出したかったのですが、カテゴリーと被ってしまうので、右端に出しま...
Cocoon・カスタマイズ

Cocoon固定ページで投稿日・投稿者情報・アイキャッチを非表示にする

固定ページには投稿日や更新日の情報はほぼ要らないですよね。 たとえば「お問い合わせフォーム」や「404 Not Found」、「自動生成されるサイトマップ」などに更新日があっても意味がありません。 今...
Cocoon・カスタマイズ

Cocoonの記事内に埋め込める検索フォームの使い方とカスタマイズ

Cocoonには、記事内に「検索フォーム風」のボタンを埋め込む機能があり、簡単に挿入して使えます。 その使い方と、簡単カスタマイズ方法です。 使い方 記事編集画面で、「タグ」から「検索フォーム風」を選...
Cocoon・カスタマイズ

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

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

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

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

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

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

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

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

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

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

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

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

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

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