【cocoon】スタイル一覧表【WordPress】

お役立ち情報
この記事は約10分で読めます。

WordPress cocoonのスタイル一覧

WordPressで記事を書くにあたり、文字の装飾一覧を作りました。
自分用ですが、役立つ方もいるのではということで、公開します。

★見出し★

見出し1

見出し2

見出し3

見出し4

見出し5
見出し6

★スタイル_インライン★

スタイル_インライン_太字

スタイル_インライン_赤字

スタイル_インライン_赤太字

スタイル_インライン_赤アンダーライン

スタイル_インライン_青

スタイル_インライン_青太字

スタイル_インライン_緑

スタイル_インライン_緑太字

スタイル_インライン_打ち消し線

スタイル_インライン_キーボードキー

★スタイル_マーカー★

スタイル_マーカー_黄色マーカー

スタイル_マーカー_赤色マーカー

スタイル_マーカー_青色マーカー

スタイル_マーカー_黄色アンダーラインマーカー

スタイル_マーカー_赤色アンダーラインマーカー

スタイル_マーカー_青色アンダーラインマーカー

★スタイル_フォントサイズ★

スタイル_フォントサイズ_12

スタイル_フォントサイズ_14

スタイル_フォントサイズ_16

スタイル_フォントサイズ_18

スタイル_フォントサイズ_20

スタイル_フォントサイズ_22

スタイル_フォントサイズ_24

スタイル_フォントサイズ_28

スタイル_フォントサイズ_32

スタイル_フォントサイズ_36

スタイル_フォントサイズ_40

スタイル_フォントサイズ_44

スタイル_フォントサイズ_48

★スタイル_ボックス(アイコン)★

スタイル_ボックス(アイコン)_補足情報(i)
スタイル_ボックス(アイコン)_補足情報(?)
スタイル_ボックス(アイコン)_注意喚起(i)
スタイル_ボックス(アイコン)_メモ
スタイル_ボックス(アイコン)_コメント
スタイル_ボックス(アイコン)_OK
スタイル_ボックス(アイコン)_NG
スタイル_ボックス(アイコン)_GOOD
スタイル_ボックス(アイコン)_BAD
スタイル_ボックス(アイコン)_プロフィール

★スタイル_ボックス(案内)★

スタイル_ボックス(案内)_プライマリー(濃い水色)
スタイル_ボックス(案内)_セカンダリー(濃い灰色)
スタイル_ボックス(案内)_サクセス(薄い緑)
スタイル_ボックス(案内)_インフォ(薄い青)
スタイル_ボックス(案内)_ワーニング(薄い黄色)
スタイル_ボックス(案内)_デンジャー(薄い赤色)
スタイル_ボックス(案内)_ライト(白色)
スタイル_ボックス(案内)_ダーク(暗い灰色)

★スタイル_ボックス(白抜き)★

スタイル_ボックス(白抜き)_灰色
スタイル_ボックス(白抜き)_黄色
スタイル_ボックス(白抜き)_赤色
スタイル_ボックス(白抜き)_青色
スタイル_ボックス(白抜き)_緑色

★スタイル_ボックス(タブ)★

チェック

スタイル_ボックス(タブ)_チェック_灰色
スタイル_ボックス(タブ)_チェック_黄色
スタイル_ボックス(タブ)_チェック_赤色
スタイル_ボックス(タブ)_チェック_青色
スタイル_ボックス(タブ)_チェック_緑色

コメント

スタイル_ボックス(タブ)_コメント_灰色
スタイル_ボックス(タブ)_コメント_黄色
スタイル_ボックス(タブ)_コメント_赤色
スタイル_ボックス(タブ)_コメント_青色
スタイル_ボックス(タブ)_コメント_緑色

ポイント

スタイル_ボックス(タブ)_ポイント_灰色
スタイル_ボックス(タブ)_ポイント_黄色
スタイル_ボックス(タブ)_ポイント_赤色
スタイル_ボックス(タブ)_ポイント_青色
スタイル_ボックス(タブ)_ポイント_緑色

ティップス

スタイル_ボックス(タブ)_ティップス_灰色
スタイル_ボックス(タブ)_ティップス_黄色
スタイル_ボックス(タブ)_ティップス_赤色
スタイル_ボックス(タブ)_ティップス_青色
スタイル_ボックス(タブ)_ティップス_緑色

ヒント

スタイル_ボックス(タブ)_ヒント_灰色
スタイル_ボックス(タブ)_ヒント_黄色
スタイル_ボックス(タブ)_ヒント_赤色
スタイル_ボックス(タブ)_ヒント_青色
スタイル_ボックス(タブ)_ヒント_緑色

ピックアップ

スタイル_ボックス(タブ)_ピックアップ_灰色
スタイル_ボックス(タブ)_ピックアップ_黄色
スタイル_ボックス(タブ)_ピックアップ_赤色
スタイル_ボックス(タブ)_ピックアップ_青色
スタイル_ボックス(タブ)_ピックアップ_緑色

ブックマーク

スタイル_ボックス(タブ)_ブックマーク_灰色
スタイル_ボックス(タブ)_ブックマーク_黄色
スタイル_ボックス(タブ)_ブックマーク_赤色
スタイル_ボックス(タブ)_ブックマーク_青色
スタイル_ボックス(タブ)_ブックマーク_緑色

メモ

スタイル_ボックス(タブ)_メモ_灰色
スタイル_ボックス(タブ)_メモ_黄色
スタイル_ボックス(タブ)_メモ_赤色
スタイル_ボックス(タブ)_メモ_青色
スタイル_ボックス(タブ)_メモ_緑色

ダウンロード

スタイル_ボックス(タブ)_ダウンロード_灰色
スタイル_ボックス(タブ)_ダウンロード_黄色
スタイル_ボックス(タブ)_ダウンロード_赤色
スタイル_ボックス(タブ)_ダウンロード_青色
スタイル_ボックス(タブ)_ダウンロード_緑色

ブレイク

スタイル_ボックス(タブ)_ブレイク_灰色
スタイル_ボックス(タブ)_ブレイク_黄色
スタイル_ボックス(タブ)_ブレイク_赤色
スタイル_ボックス(タブ)_ブレイク_青色
スタイル_ボックス(タブ)_ブレイク_緑色

Amazon

スタイル_ボックス(タブ)_Amazon_灰色
スタイル_ボックス(タブ)_Amazon_黄色
スタイル_ボックス(タブ)_Amazon_赤色
スタイル_ボックス(タブ)_Amazon_青色
スタイル_ボックス(タブ)_Amazon_緑色

OK

スタイル_ボックス(タブ)_OK_灰色
スタイル_ボックス(タブ)_OK_黄色
スタイル_ボックス(タブ)_OK_赤色
スタイル_ボックス(タブ)_OK_青色
スタイル_ボックス(タブ)_OK_緑色

NG

スタイル_ボックス(タブ)_NG_灰色
スタイル_ボックス(タブ)_NG_黄色
スタイル_ボックス(タブ)_NG_赤色
スタイル_ボックス(タブ)_NG_青色
スタイル_ボックス(タブ)_NG_緑色

GOOD

スタイル_ボックス(タブ)_GOOD_灰色
スタイル_ボックス(タブ)_GOOD_黄色
スタイル_ボックス(タブ)_GOOD_赤色
スタイル_ボックス(タブ)_GOOD_青色
スタイル_ボックス(タブ)_GOOD_緑色

BAD

スタイル_ボックス(タブ)_BAD_灰色
スタイル_ボックス(タブ)_BAD_黄色
スタイル_ボックス(タブ)_BAD_赤色
スタイル_ボックス(タブ)_BAD_青色
スタイル_ボックス(タブ)_BAD_緑色

プロフィール

スタイル_ボックス(タブ)_プロフィール_灰色
スタイル_ボックス(タブ)_プロフィール_黄色
スタイル_ボックス(タブ)_プロフィール_赤色
スタイル_ボックス(タブ)_プロフィール_青色
スタイル_ボックス(タブ)_プロフィール_緑色

★スタイル_ボックス(付箋風)★

スタイル_ボックス(付箋風)_灰色
スタイル_ボックス(付箋風)_黄色
スタイル_ボックス(付箋風)_赤色
スタイル_ボックス(付箋風)_青色
スタイル_ボックス(付箋風)_緑色

★スタイル_バッジ★

スタイル_バッジ_オレンジ

スタイル_バッジ_レッド

スタイル_バッジ_ピンク

スタイル_バッジ_パープル

スタイル_バッジ_ブルー

スタイル_バッジ_グリーン

スタイル_バッジ_イエロー

スタイル_バッジ_ブラウン

スタイル_バッジ_グレー

★スタイル_マイクロコピー★

スタイル_マイクロコピー_テキスト(上)_左側
スタイル_マイクロコピー_テキスト(上)_中央
スタイル_マイクロコピー_テキスト(上)_右側
スタイル_マイクロコピー_テキスト(下)_左側
スタイル_マイクロコピー_テキスト(下)_中央
スタイル_マイクロコピー_テキスト(下)_右側
スタイル_マイクロコピー_吹き出し(上)_左側
スタイル_マイクロコピー_吹き出し(上)_中央
スタイル_マイクロコピー_吹き出し(上)_右側
スタイル_マイクロコピー_吹き出し(下)_左側
スタイル_マイクロコピー_吹き出し(下)_中央
スタイル_マイクロコピー_吹き出し(下)_右側

★スタイル_ボタン★

レッド(小)

レッド(中)

レッド(大)

ピンク(小)

ピンク(中)

ピンク(大)

パープル(小)

パープル(中)

パープル(大)

ディープパープル(小)

ディープパープル(中)

ディープパープル(大)

インディゴ(小)

インディゴ(中)

インディゴ(大)

ブルー(小)

ブルー(中)

ブルー(大)

ライトブルー(小)

ライトブルー(中)

ライトブルー(大)

シアン(小)

シアン(中)

シアン(大)

ティール(小)

ティール(中)

ティール(大)

グリーン(小)

グリーン(中)

グリーン(大)

ライトグリーン(小)

ライトグリーン(中)

ライトグリーン(大)

ライム(小)

ライム(中)

ライム(大)

イエロー(小)

イエロー(中)

イエロー(大)

アンバー(小)

アンバー(中)

アンバー(大)

オレンジ(小)

オレンジ(中)

オレンジ(大)

ディープオレンジ(小)

ディープオレンジ(中)

ディープオレンジ(大)

ブラウン(小)

ブラウン(中)

ブラウン(大)

グレー(小)

グレー(中)

グレー(大)

★スタイル_囲みボタン★

アフィリエイトリンクをボタンに変換するために使います。
リンクを挿入した文字列を選択し、好きな色を設定します。
色は通常のボタンと同じです。

囲みボタン_レッド(小)

鬼滅の刃全巻

 

 

★スタイル_囲みブログカードラベル★

URLに対して使います。
URLの段落を選択した状態で、好きな囲みブログカードラベルを選択します。

 

 

 

 

 

コメント

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