記事装飾用の拡張スタイル
Cocoonでは基本的に、ビジュアルエディターの「スタイル」「タグ」ドロップダウンボックスからクリック操作で利用することが可能です。
記事装飾用の拡張スタイル
本文などを装飾するための拡張スタイルの紹介です。 Cocoonでは基本的に、ビジュアルエディターの「スタイル」「タグ」ドロップダウンボックスからクリック操作で利用することが可能です。
wp-cocoon.com
スタイル→ボックス（案内）プライマリー
拡張スタイル「アイコンボックス」と「案内ボックス」の表示サンプル。
Cocoonにデフォルトで用意されているボックスタイプの拡張スタイルの使い方と、サンプルコードです。
wp-cocoon.com
スタイル→ボックス（白抜き）緑色
拡張スタイル「白抜きボックス」の表示サンプル
リストなどを囲むのに便利なブランクボックススタイルの利用方法と表示サンプルです。
wp-cocoon.com
スタイル→ボックス（タブ）→チェック（赤色）
拡張スタイル「タブボックス」の表示サンプル
ビジュアルエディターで記事作成時に手軽に文章を彩ることができるタブボックス拡張クラスの使い方見本です。ブランクボックスにタブがついたスタイルになっています。
wp-cocoon.com
スタイル→ボックス→付箋風（青）
拡張スタイル「付箋風ボックス」の表示サンプル
「付箋風」の使い方と表示サンプルです。 使い方 付箋風ボックスを利用するには、ビジュアルエディターの「スタイル」ドロップダウンから「ボックス（付箋風）」を選択後、色を選択してください。 表示サンプル それぞれの色の表示サンプルはこちら。 付
wp-cocoon.com
バッジ→オレンジ
記事作成に使える拡張スタイル。バッジ編。
リンク前のワンポイントなどに利用するためのバッジ拡張スタイルの表示サンプルとコードです。
wp-cocoon.com
マイクロコピー
囲みブログカードラベル
【スタイル→囲みブログカードラベル→関連記事】
※URLをリンク状態で張り付けてドラッグで選択→囲みブログカードラベルを選択
※URLをリンク状態で張り付けてドラッグで選択→囲みブログカードラベルを選択
リストをボックスで囲む方法
ビジュアルエディターの機能のみでリストをボックスで囲む方法
順序リストや非順序リストをビジュアルエディターの機能のみでボックスで囲む方法です。
wp-cocoon.com
スタイル・インライン編
太字 赤字 赤太字 赤アンダーライン 青 緑太字 打消し戦
【キーボード】
コピーのショートカットは Ctrl + C です
