Cocoonのスタイル(クラシックエディタ)を使ってみる

はじめに

私はこのサイトでCocoon(コクーン)というWordPress無料テーマを使用させていただいています。

Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。

シンプルでとても便利なのが気に入っているのですが、ブログを執筆する際に

あれ、このスタイルってどうやって出すんだっけ?
少しインパクトを残したいけどどんなスタイルがいいかな?

と悩む時がありました。

そこで、パッと一覧できるブログがあればよいのではと思いまして、これを作成しました。ついでなので公開します。

インライン

これはスタイル>インライン>太字です

これはスタイル>インライン>赤字です

これはスタイル>インライン>赤太字です

これはスタイル>インライン>赤アンダーラインです

これはスタイル>インライン>青字です

これはスタイル>インライン>青太字です

これはスタイル>インライン>緑字です

これはスタイル>インライン>緑太字です

これはスタイル>インライン>打ち消しです

これはスタイル>インライン>キーボードキーです

マーカー

これはスタイル>マーカー>黄色マーカーです

これはスタイル>マーカー>赤色マーカーです

これはスタイル>マーカー>青色マーカーです

これはスタイル>マーカー>黄色アンダーラインマーカーです

これはスタイル>マーカー>赤色アンダーラインマーカーです

これはスタイル>マーカー>青色アンダーラインマーカーです

フォントサイズ

これはスタイル>フォントサイズ>12ptです

これはスタイル>フォントサイズ>24ptです

これはスタイル>フォントサイズ>36ptです

これはスタイル>フォントサイズ>48ptです

ボックス(アイコン)

これはスタイル>ボックス(アイコン)>補足情報(i)です
これはスタイル>ボックス(アイコン)>補足情報(?)です
これはスタイル>ボックス(アイコン)>注意喚起(!)です
これはスタイル>ボックス(アイコン)>メモです
これはスタイル>ボックス(アイコン)>コメントです
これはスタイル>ボックス(アイコン)>OKです
これはスタイル>ボックス(アイコン)>NGです
これはスタイル>ボックス(アイコン)>GOODです
これはスタイル>ボックス(アイコン)>BADです
これはスタイル>ボックス(アイコン)>プロフィールです

ボックス(案内)

これはスタイル>ボックス(案内)>プライマリーです
これはスタイル>ボックス(案内)>セカンダリーです
これはスタイル>ボックス(案内)>サクセスです
これはスタイル>ボックス(案内)>インフォです
これはスタイル>ボックス(案内)>ワーニングです
これはスタイル>ボックス(案内)>デンジャーです
これはスタイル>ボックス(案内)>ライトです
これはスタイル>ボックス(案内)>ダークです

ボックス(白抜き)

これはスタイル>ボックス(白抜き)>灰色です
これはスタイル>ボックス(白抜き)>黄色です
これはスタイル>ボックス(白抜き)>赤色です
これはスタイル>ボックス(白抜き)>青色です
これはスタイル>ボックス(白抜き)>緑色です

ボックス(タブ)

これはスタイル>ボックス(タブ)>チェック>灰色です
これはスタイル>ボックス(タブ)>コメント>黄色です
これはスタイル>ボックス(タブ)>ポイント>緑色です
これはスタイル>ボックス(タブ)>ティップス>青色です
これはスタイル>ボックス(タブ)>ヒント>緑色です
これはスタイル>ボックス(タブ)>ピックアップ>灰色です
これはスタイル>ボックス(タブ)>ブックマーク>黄色です
これはスタイル>ボックス(タブ)>メモ>青色です
これはスタイル>ボックス(タブ)>ダウンロード>緑色です
これはスタイル>ボックス(タブ)>ブレイク>灰色です
これはスタイル>ボックス(タブ)>Amazon>黄色です
これはスタイル>ボックス(タブ)>OK>赤色です
これはスタイル>ボックス(タブ)>NG>青色です
これはスタイル>ボックス(タブ)>GOOD>緑色です
これはスタイル>ボックス(タブ)>BAD>灰色です
これはスタイル>ボックス(タブ)>プロフィール>黄色です

ボックス(付箋風)

これはスタイル>ボックス(付箋風)>灰色です
これはスタイル>ボックス(付箋風)>黄色です
これはスタイル>ボックス(付箋風)>赤色です
これはスタイル>ボックス(付箋風)>青色です
これはスタイル>ボックス(付箋風)>緑色です

バッジ

これはスタイル>バッジ>オレンジです

これはスタイル>バッジ>レッドです

マイクロコピー

これはスタイル>マイクロコピー>テキスト(上)>左側です
これはスタイル>マイクロコピー>テキスト(下)>中央です
これはスタイル>マイクロコピー>テキスト(下)>右側です
これはスタイル>マイクロコピー>吹き出し(上)>左側です
これはスタイル>マイクロコピー>吹き出し(下)>右側です

ボタン

これはスタイル>ボタン>レッド(小)です

これはスタイル>ボタン>ピンク(中)です

これはスタイル>ボタン>パープル(大)です

囲みボタン

これはスタイル>囲みボタン>ディープパープル(小)です

これはスタイル>囲みボタン>インディゴ(中)です

囲みブログカードラベル

これはスタイル>囲みブログカードラベル>参考記事です

これはスタイル>囲みブログカードラベル>あわせて読みたいです

これはスタイル>囲みブログカードラベル>続きの記事です

吹き出し

シミタカ
シミタカ

これは吹き出しです

これは吹き出しです

コメント

タイトルとURLをコピーしました