このサイトは寝ログを運営しているわいひらさんが作成したCocoonという無料のテーマを使用しています。
無料とは思えない使いやすさで、WP初心者でもなんとかブログ作成ができています。
様々な良い点があるのですが、その中の一つにスタイルがあります。クリック一つで素敵なスタイルが設定できるので私も記事を書くときに助かっています。
ただ、種類が多すぎてスタイルのデザインが分からくなってしまうことがあるのでスタイルの一覧表を作りました。
cocoonのスタイル一覧
インライン
太字
赤字
太赤字
赤アンダーライン
青
青太字
緑
緑太字
打消し線
キーボードキー
マーカー
黄色マーカー
赤色マーカー
青色マーカー
黄色アンダーラインマーカー
赤色アンダーラインマーカー
青色アンダーラインマーカー
ボックス（アイコン）
補足情報（i）
補足情報（?）
補足情報（!）
補足情報（メモ）
補足情報（コメント）
ボックス（案内）
プライマリー（濃い水色）
サクセス（薄い緑）
インフォ（薄い青）
ワーニング（薄い黄色）
デンジャー（薄い赤色）
ボックス白抜き
灰色
黄色
赤色
青色
緑色
ボックスタブ（各5色）
ボックス（チェック）
ボックス（コメント）
ボックス（ポイント）
ボックス（ティップス）
ボックス（ヒント）
ボックス（ピックアップ）
ボックス（ブックマーク）
ボックス（メモ）
ボックス（ダウンロード）
ボックス（ブレイク）
ボックス（Amazon）
ボックス（OK）
ボックス（NG）
ボックス（GOOD）
ボックス（BAD）
ボックス（プロフィール）
ボックス付箋風
灰色
黄色
赤色
青色
緑色
バッジ
バッジ（オレンジ）
バッジ（レッド）
バッジ（ピンク）
バッジ（パープル）
バッジ（ブルー）
バッジ（グリーン）
バッジ（イエロー）
バッジ（ブラウン）
バッジ（グレー）
ボタン（β機能）各色、小・中・大の3サイズあります
リストをボックスで囲む方法
ビジュアルエディターの機能のみでリストをボックスで囲む方法
順序リストや非順序リストをビジュアルエディターの機能のみでボックスで囲む方法です。
wp-cocoon.com
最後に
わいひらさん、素敵なテーマを作ってくださりありがとうございます。
Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。
wp-cocoon.com
コメント