『cocoon』エディターでの表現

『cocoon』のクラシックエディターの各ボタンの機能を調べました。

cocoonのクラシックエディターのボタン機能一覧

「b」太字

（適用前）cocoon
（適用後）cocoon

「i」イタリック

（適用前）cocoon
（適用後）cocoon

「link」リンク

（適用前）cocoon
（適用後）cocoon

「b-quote」引用・転載

（適用前）cocoon
（適用後）

cocoon

「del」打消し

（適用前）cocoon
（適用後）cocoon

「ins」追加

後から追加した部分を示します。
（適用前）cocoon
（適用後）cocoon

「img」画像を挿入

（適用前）cocoon
（適用後）cocoon　

「ul」は序列のないリスト

（適用前）cocoon
（適用後)

• cocoon1
• cocoon2
• cocoon3

「ol」は序列のあるリスト

（適用前）cocoon
（適用後）

1. cocoon1
2. cocoon2
3. cocoon3

「li」（「ul」・「ol」リストの各項目を「li」を用いて記述）

＜ul＞と＜ol＞と併用し、個々の単語をくくります。

「code」プログラムのソースコード

（適用前）cocoon
（適用後）cocoon

「more」続きを読む

（適用前）cocoon
（適用後）cocoon『moreタグを入れてある場所に何かを挿入することができる。』

「タグを閉じる」

ツールバーを押して挿入したタグで、閉じられていないタグをすべて閉じます。

「pre」

半角空白をWordPressに貼り付けた際「テキストエディタ」を使いpreタグで囲む必要があります。
preタグで囲んでいれば貼り付けたときに半角空白が削除されないのでインデントそのままで整形されます。

「ふりがな」

ビジュアルモードにすると、ふりがなの編集ができる。
（適用前）cocoon
（適用後）cocoonふりがな

「太字」

（適用前）cocoon
（適用後）cocoon

「赤字」

（適用前）cocoon
（適用後）cocoon

「太い赤字」

（適用前）cocoon
（適用後）cocoon

「赤アンダー」

（適用前）cocoon
（適用後）cocoon

「黄色マーカー」

（適用前）cocoon
（適用後）cocoon

「黄色アンダーマーカー」

（適用前）cocoon
（適用後）cocoon

「打ち消し線」

（適用前）cocoon
（適用後）cocoon

「バッジ」

（適用前）cocoon
（適用後）cocoon

「キーボード」

（適用前）cocoon
（適用後）cocoon

「補足情報（i）」　水色の囲み（ふちあり）

（適用前）cocoon
（適用後）

「補足情報（?）」　黄色の囲み（ふちあり）

（適用前）cocoon
（適用後）

「補足情報（!）」　赤色の囲み（ふちあり）

（適用前）cocoon
（適用後）

「primary」　青色の囲み（ふちと記号なし）

（適用前）cocoon
（適用後）

「succes」　緑色の囲み（ふちと記号なし）

（適用前）cocoon
（適用後）

「info」　水色の囲み（ふちと記号なし）

（適用前）cocoon
（適用後）

「warming」　黄色の囲み（ふちと記号なし）

（適用前）cocoon
（適用後）

「danger」　赤色の囲み（ふちと記号なし）

（適用前）cocoon
（適用後）