本文などを装飾するための拡張スタイルの紹介です。
Cocoonでは基本的に、ビジュアルエディターの「スタイル」「タグ」ドロップダウンボックスからクリック操作で利用することが可能です。
スキン
1カラムのシンプルスキン「Metal Styles」を同梱追加
記事装飾用の拡張スタイル
拡張スタイル 
ブロックエディター リストブロックの装飾オプションサンプル
リストブロックで使用することができる装飾サンプルです。 ボーダー リスト1 リスト2 リスト3 リスト1 リスト2 リスト3 リスト1 リスト2 リスト3 リスト1 リスト2 リスト3 リスト1 リスト2 リスト3 リスト1 リスト2 リス...
2023.10.19
0
0
ブロックエディター拡張スタイル
ブロックエディター 段落ブロックの装飾オプションサンプル
段落ブロックで使用できる装飾サンプルです。 ボーダー ボーダー実線 ボーダー二重線 ボーダー破線 ボーダー点線 ボーダー薄太 ボーダー微凸 ボーダー実線(角丸小) ボーダー二重線(角丸小) ボーダー破線(角丸小) ボーダー点線(角丸小) ボ...
2023.10.19
0
0
ブロックエディター拡張スタイル
拡張スタイル 囲みブログカード拡張スタイルの使い方
ブログカード作成用のURLを囲むだけで様々なタイプのブログカード表示ができるようになる機能の使用方法です。
2018.10.09
0
0
拡張スタイル
拡張スタイル マイクロコピー拡張スタイルの使い方。ボタン周りの販促文に。
コンバージョンリンク周りのコピーライティング用のスタイルです。使い方と表示例。
2018.09.24
2022.09.23
0
0
拡張スタイル
拡張スタイル 囲みボタン機能の使い方。アフィリエイトタグ利用向き。
手軽にボタンリンクを作成できる、囲み型ボタンスタイルの利用方法です。
2018.09.17
2022.09.23
0
0
拡張スタイル
拡張スタイル 拡張スタイル「タブボックス」の表示サンプル
ビジュアルエディターで記事作成時に手軽に文章を彩ることができるタブボックス拡張クラスの使い方見本です。ブランクボックスにタブがついたスタイルになっています。
2018.06.01
2018.07.01
0
0
拡張スタイル
拡張スタイル 拡張スタイル「付箋風ボックス」の表示サンプル
「付箋風」の使い方と表示サンプルです。 使い方 付箋風ボックスを利用するには、ビジュアルエディターの「スタイル」ドロップダウンから「ボックス（付箋風）」を選択後、色を選択してください。 表示サンプル それぞれの色の表示サンプルはこちら。 付...
2018.05.25
2018.07.23
4
4
拡張スタイル
拡張スタイル 拡張スタイル「白抜きボックス」の表示サンプル
リストなどを囲むのに便利なブランクボックススタイルの利用方法と表示サンプルです。
2018.05.20
2018.07.23
0
0
拡張スタイル
拡張スタイル 記事作成に使える拡張スタイル。ボタン編。
スタイル拡張ボタンの使い方。サンプルコードと表示例です。
2018.03.06
2018.09.17
0
0
拡張スタイル
拡張スタイル 記事作成に使える拡張スタイル。バッジ編。
リンク前のワンポイントなどに利用するためのバッジ拡張スタイルの表示サンプルとコードです。
2018.03.05
0
0
拡張スタイル
拡張スタイル 拡張スタイル「アイコンボックス」と「案内ボックス」の表示サンプル。
Cocoonにデフォルトで用意されているボックスタイプの拡張スタイルの使い方と、サンプルコードです。
2018.03.03
2018.10.15
2
2
拡張スタイル
拡張スタイル 検索を促す検索ボックスをスタイルで表示する方法
訪問者に検索を促すためのスタイルの使い方。詳しくは○○で検索的な。
2018.03.02
0
0
拡張スタイル
拡張スタイル 記事作成に使える拡張スタイル。インライン編。
Wordpress本文を彩る拡張スタイル（拡張クラス）の紹介です。見た目とソースコードをあわせて紹介しています。
2018.03.02
2019.04.12
0
0
拡張スタイル