WordPressのテーマ「Cocoon」のスタイルを一覧にしました!

ブログカスタマイズ

 

WordPressで記事を書くときに装飾したいと思っても、どのスタイルを使おうか迷ったことありませんか?そんな悩みがある方に、スタイルの一覧を作成した見ました。Ver、WordPress 6.2の画面で作成してみましたので、ぜひご参考にしてみてください!

スタイル▼

インライン

インラインはほぼ省略します。
下記は「打消し線」です。

ご参考まで。

サンプル

 

マーカー

マーカーはほぼ省略します。
下記は「黄色アンダーラインマーカー」です。

参考まで。

サンプル

 

フォントサイズは省略

フォントサイズは省略。

ボックス(アイコン)

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

ボックス(案内)

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

ボックス(白抜き)

灰色
黄色
赤色
青色
緑色

ボックス(タブ)

チェック

灰色
黄色
赤色
青色
緑色

 

コメント

灰色
黄色
赤色
青色
緑色

ポイント

灰色
黄色
赤色
青色
緑色

ティップス

灰色
黄色
赤色
青色
緑色

ヒント

灰色
黄色
赤色
青色
緑色

ピックアップ

灰色
黄色
赤色
青色
緑色

ブックマーク

灰色
黄色
赤色
青色
緑色

メモ

灰色
黄色
赤色
青色
緑色

ダウンロード

灰色
黄色
赤色
青色
緑色

ブレイク

灰色
黄色
赤色
青色
緑色

Amazon

灰色
黄色
赤色
青色
緑色

OK

灰色
黄色
赤色
青色
緑色

NG

灰色
黄色
赤色
青色
緑色

GOOD

灰色
黄色
赤色
青色
緑色

BAD

灰色
黄色
赤色
青色
緑色

プロフール

灰色
黄色
赤色
青色
緑色

 

ボックス(付箋風)

灰色
黄色
赤色
青色
緑色

バッジ

オレンジ

例 CHECK

レッド

ピンク

その他は省略します。
いろいろお試しください!

装飾すスタイルお悩み

まとめ

如何でしたか?いろんなスタイルがあってブログ装飾にお悩みだったと思います。
一覧にしたら、「どの装飾にしよう?」と迷った時に、一目でわかりやすいと思います。
私は印刷してノートに貼ってみました!
バッジ以下のスタイルは今後更新していきますので、ご覧くださいね!

 

コメント

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