【Cocoon】投稿画面:スタイル一覧【WordPress】

cocoon

WordPressのテーマ『Cocoon』の投稿画面にあるスタイルの一覧です。

投稿画面にあるスタイル

表示状態の確認の為に作成しました。

投稿画面でスタイルが表示されない場合は、プラグイン『TinyMCE Advanced』が影響しているので、停止して下さい。ただ、停止すると、以前に書いた記事がビジュアル編集出来なくなります。私が行った対処法は下記の記事になります。参考にして下さい。
【WordPress】プラグイン『TinyMCE Advanced』を削除でHTML編集になってしまった - 解決法!!
プラグイン『TinyMCE Advanced』を削除しました。『TinyMCE Advanced』はブロックエディター (Gutenberg) とクラシックエディター (TinyMCE) を拡張、強化...

インライン

太字

赤字

赤太字

赤アンダーライン

青太字

緑太字

打ち消し線

キーボードキー

マーカー

黄色マーカー

赤色マーカー

青色マーカー

黄色アンダーラインマーカー

赤色アンダーラインマーカー

青色アンダーラインマーカー

フォントサイズ

12px

14px

16px

18px(これが標準のフォントサイズ)

20px

22px

24px

28px

32px

36px

40px

44px

ボックス(アイコン)

補足情報(i)
補足情報(?)
注意喚起(i)
メモ
コメント
OK
NG
GOOD
BAD
プロフィール

ボックス(案内)

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

ボックス(白抜き)

灰色
黄色
赤色
青色
緑色

ボックス(タブ)

チェック 灰色
チェック 黄色
チェック 赤色
チェック 青色
チェック 緑色
コメント 灰色
コメント 黄色
コメント 赤色
コメント 青色
コメント 緑色
ポイント 灰色
ポイント 黄色
ポイント 赤色
ポイント 青色
ポイント 緑色
ティップス 灰色
ティップス 黄色
ティップス 赤色
ティップス 青色
ティップス 緑色
ヒント 灰色
ヒント 黄色
ヒント 赤色
ヒント 青色
ヒント 緑色
ピックアップ 灰色
ピックアップ 黄色
ピックアップ 赤色
ピックアップ 青色
ピックアップ 緑色
ブックマーク 灰色
ブックマーク 黄色
ブックマーク 赤色
ブックマーク 青色
ブックマーク 緑色
メモ 灰色
メモ 黄色
メモ 赤色
メモ 青色
メモ 緑色
ダウンロード 灰色
ダウンロード 黄色
ダウンロード 赤色
ダウンロード 青色
ダウンロード 緑色
ブレイク 灰色
ブレイク 黄色
ブレイク 赤色
ブレイク 青色
ブレイク 緑色
Amazon
Amazon 黄色
Amazon 赤色
Amazon 青色
Amazon 緑色
OK
OK 黄色
OK 赤色
OK 青色
OK 緑色
NG
NG 黄色
NG 赤色
NG 青色
NG 緑色

ボックス(付箋風)

灰色
黄色
赤色
青色
緑色

バッジ

オレンジ

レッド

ピンク

パープル

ブルー

グリーン

イエロー

ブラウン

グレー

マイクロコピー

テキスト(上)左側
テキスト(上)中央
テキスト(上)右側
テキスト(下)左側
テキスト(下)中央
テキスト(下)右側
吹き出し(上)左側
吹き出し(上)中央
吹き出し(上)右側
吹き出し(下)左側
吹き出し(下)中央
吹き出し(下)右側

ボタン

レッド(小)

レッド(中)

レッド(大)

ピンク(小)

ピンク(中)

ピンク(大)

パープル(小)

パープル(中)

パープル(大)

ディープパープル(小)

ディープパープル(中)

ディープパープル(大)

インディゴ(紺色)(小)

インディゴ(紺色)(中)

インディゴ(紺色)(大)

ブルー(小)

ブルー(中)

ブルー(大)

ライトブルー(小)

ライトブルー(中)

ライトブルー(大)

シアン(小)

シアン(中)

シアン(大)

ティール[緑色がかった青](小)

ティール[緑色がかった青](中)

ティール[緑色がかった青](大)

グリーン(小)

グリーン(中)

グリーン(大)

ライトグリーン(小)

ライトグリーン(中)

ライトグリーン(大)

ライム(小)

ライム(中)

ライム(大)

イエロー(小)

イエロー(中)

イエロー(大)

アンバー[琥珀色](小)

アンバー[琥珀色](中)

アンバー[琥珀色](大)

オレンジ(小)

オレンジ(中)

オレンジ(大)

ディープオレンジ(小)

ディープオレンジ(中)

>ディープオレンジ(大)

ブラウン(小)

ブラウン(中)

ブラウン(大)

グレー(小)

グレー(中)

グレー(大)

囲みボタン

囲みボタンは上記のボタンとデザインが同じなので省略します。

レッド(小)

レッド(中)

囲みブロガートラベル

cocoonWordPress
スポンサーリンク
シェアする
フォローする

コメント

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