WordPress

自分用cocoon文字装飾(インライン・フォントサイズ・マーカー・バッジ)【コピペ用】

注意 ※バージョンや環境によっては正常に動作しない可能性があります。

WordPressテーマ「Cocoon」の文字装飾クラスのまとめです。

自分用のコピペ用です。

インライン

インライン太字
インライン赤字
インライン赤太字
インライン赤アンダーライン
インライン青
インライン青太字
インライン緑
インライン緑太字
インライン打消し線
インラインキーボードキー

<span class="bold">インライン太字</span>
<span class="red">インライン赤字</span>
<span class="bold red">インライン赤太字</span>
<span class="red-under">インライン赤アンダーライン</span>
<span class="blue">インライン青</span>
<span class="bold blue">インライン青太字</span>
<span class="green">インライン緑</span>
<span class="bold green">インライン緑太字</span>
<span class="strike">インライン打消し線</span>
<span class="keyboard-key">インラインキーボードキー</span>

フォントサイズ

フォントサイズ12px
フォントサイズ14px
フォントサイズ16px
フォントサイズ20px
フォントサイズ22px
フォントサイズ24px
フォントサイズ28px
フォントサイズ32px
フォントサイズ36px
フォントサイズ40px
フォントサイズ44px
フォントサイズ48px

<span class="fz-12px">フォントサイズ12px</span>
<span class="fz-14px">フォントサイズ14px</span>
<span class="fz-16px">フォントサイズ16px</span>
<span class="fz-18px">フォントサイズ20px</span>
<span class="fz-20px">フォントサイズ22px</span>
<span class="fz-24px">フォントサイズ24px</span>
<span class="fz-28px">フォントサイズ28px</span>
<span class="fz-32px">フォントサイズ32px</span>
<span class="fz-36px">フォントサイズ36px</span>
<span class="fz-40px">フォントサイズ40px</span>
<span class="fz-44px">フォントサイズ44px</span>
<span class="fz-48px">フォントサイズ48px</span>

マーカー

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

<span class="marker">黄色マーカー</span>
<span class="marker-red">赤色マーカー</span>
<span class="marker-blue">青色マーカー</span>
<span class="marker-under">黄色アンダーラインマーカー</span>
<span class="marker-under-red">青色アンダーラインマーカー</span>
<span class="marker-under-blue">赤色アンダーラインマーカー</span>

バッジ

バッジ オレンジ
バッジ レッド
バッジ ピンク
バッジ パープル
バッジ ブルー
バッジ グリーン
バッジ イエロー
バッジ ブラウン
バッジ グレー

<span class="badge">バッジ オレンジ</span>
<span class="badge badge-red">バッジ レッド</span>
<span class="badge badge-pink">バッジ ピンク</span>
<span class="badge badge-purple">バッジ パープル</span>
<span class="badge badge-blue">バッジ ブルー</span>
<span class="badge badge-green">バッジ グリーン</span>
<span class="badge badge-yellow">バッジ イエロー</span>
<span class="badge badge-brown">バッジ ブラウン</span>
<span class="badge badge-grey">バッジ グレー</span>

まとめ

ワードプレステーマのCocoonにて、文字装飾を書く時のコピペ用一覧です。

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