WordPressのclassic editorスタイル一覧

雑多お役立ち記事

こんにちは、でんです。

WordPressのclassic editorで記事を書くとき、スタイルの種類が多く、どれがどんな風に表示されるのか実際に表示するまでわからないですよね。

『全部試すのも面倒だなぁ』
『確認してたら記事を書く時間もかかる』


そんな方のために一目見てわかる一覧を作成しました。

下記の項目は記載していません
「フォントサイズ」・・・項目の選択時に表示有
「囲みボタン」「囲みブログガードラベル」・・・記事にスタイルが反映されない(2025/5/4現在)

インライン

太字

赤字

赤太字

赤アンダーライン

青太字

緑太字

打消し線

キーボードキー

マーカー

黄色マーカー

赤色マーカー

青色マーカー

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

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

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

ボックス(アイコン)

情報(i)
質問(?)
アラート(!)
メモ
コメント
OK
NG
GOOD
BAD
プロフィール

ボックス(案内)

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

ボックス(白抜き)

灰色
黄色
赤色
青色
緑色

ボックス(タブ)

チェック

灰色
黄色
赤色
青色
緑色

コメント

灰色
黄色
赤色
青色
緑色

ポイント

灰色
黄色
赤色
青色
緑色

ティップス

灰色
黄色
赤色
青色
緑色

ヒント

灰色
黄色
赤色
青色
緑色

ピックアップ

灰色
黄色
赤色
青色
緑色

ブックマーク

灰色
黄色
赤色
青色
緑色

メモ

灰色
黄色
赤色
青色
緑色

ダウンロード

灰色
黄色
赤色
青色
緑色

ブレイク

灰色
黄色
赤色
青色
緑色

Amazon

灰色
黄色
赤色
青色
緑色

OK

灰色
黄色
赤色
青色
緑色

NG

灰色
黄色
赤色
青色
緑色

GOOD

灰色
黄色
赤色
青色
緑色

BAD

灰色
黄色
赤色
青色
緑色

プロフィール

灰色
黄色
赤色
青色
緑色

ボックス(付箋風)

灰色
黄色
赤色
青色
緑色
 

バッジ

オレンジ

レッド

ピンク

パープル

ブルー

グリーン

イエロー

ブラウン

グレー

マイクロコピー

テキスト(上)

左側
中央
右側

テキスト(下)

左側
中央
右側

吹き出し(上)

左側
中央
右側

吹き出し(下)

左側
中央
右側

ボタン

ブラック(小)

ブラック(中)

ブラック(大)

レッド(小)

レッド(中)

レッド(大)

ピンク(小)

ピンク(中)

ピンク(大)

パープル(小)

パープル(中)

パープル(大)

ディープパープル(小)

ディープパープル(中)

ディープパープル(大)

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

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

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

ブルー(小)

ブルー(中)

ブルー(大)

ライトブルー(小)

ライトブルー(中)

ライトブルー(大)

シアン(小)

シアン(中)

シアン(大)

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

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

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

グリーン(小)

グリーン(中)

グリーン(大)

ライトグリーン(小)

ライトグリーン(中)

ライトグリーン(大)

ライム(小)

ライム(中)

ライム(大)

イエロー(小)

イエロー(中)

イエロー(大)

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

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

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

オレンジ(小)

オレンジ(中)

オレンジ(大)

ディープオレンジ(小)

ディープオレンジ(中)

ディープオレンジ(大)

ブラウン(小)

ブラウン(中)

ブラウン(大)

グレー(小)

グレー(中)

グレー(大)


以上、Wordpressのclassic editorのスタイル一覧でした。
ぜひ記事を書く時の参考にしてくださいね。

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