「cocoon」 スタイル サンプル
このホームページはWordPressテーマ「cocoon」を使用して作成しています。
以前のHP作成ソフトを使用してHTMLタグをコーディングしながらの作成を考えると、時代の流れを痛感しています。
cocoon便利さの一例がワンタッチで作成できる以下のスタイルです。
ここに表示されているのが「WOODY blog」現在のCSSスタイルです。
見出しはスキン適用なしの場合
見出し１ cocoon スタイル サンプル
見出し２ cocoon スタイル サンプル
見出し３ cocoon スタイル サンプル
見出し４ cocoon スタイル サンプル
見出し５ cocoon スタイル サンプル
見出し６ cocoon スタイル サンプル
整形済みテキストは、プラグインCrayon Syntax Highlighterを使用
整形済みテキスト
インライン
太字
赤字
赤太字
赤アンダーライン
青
青太字
緑
緑太字
打消し線
キーボード
マーカー
黄色マーカー
赤色マーカー
青色マーカー
黄色アンダーラインマーカー
赤色アンダーラインマーカー
青色アンダーラインマーカー
フォントサイズ
12px
14px
16px
18px
20px
22px
24px
28px
32px
36px
40px
44px
48px
ボックス（アイコン）
ボックス（案内）
プライマリー（濃い水色）
セカンダリー（濃い灰色）
サクセス（薄い緑）
インフォ（薄い青）
ワーニング（薄い黄色）
デンジャー（薄い赤色）
ライト（白色）
ダーク（暗い灰色）
ボックス（白抜き）
灰色
黄色
赤色
青色
緑色
ボックス（タブ）
チェック
コメント
ポイント
ティップス
ヒント
ピックアップ
ブックマーク
メモ
ダウンロード
ブレイク
Amazon
OK
NG
GOOD
BAD
プロフィール
ボックス（付箋風）
灰色
黄色
赤色
青色
緑色
バッジ
オレンジ
レッド
ピンク
パープル
ブルー
グリーン
イエロー
ブラウン
グレー
マイクロコピー
テキスト（上）左側
テキスト（上）中央
テキスト（上）右側
テキスト（下）左側
テキスト（下）中央
テキスト（下）右側
吹き出し（上）左側
吹き出し（上）中央
吹き出し（上）右側
吹き出し（下）左側
吹き出し（下）中央
吹き出し（下）右側
ボタン
レッド（小）
ピンク（中）
パープル（大）
以下中のみで表示
ディープパープル
インディゴ
ブルー
ライトブルー
シアン
ティール[緑色がかった青]
グリーン
ライトグリーン
ライム
イエロー
アンバー[琥珀色]
オレンジ
ディープオレンジ
ブラウン
グレー
囲みボタン
レッド（小）
レッド（中）
レッド（大）
以下中のみで表示
ピンク
パープル
ディープパープル
インディゴ
ブルー
ライトブルー
シアン
ティール[緑色がかった青]
グリーン
ライトグリーン
ライム
イエロー
アンバー[琥珀色]
オレンジ
ディープオレンジ
ブラウン
グレー
囲みブログカードラベル
参考記事
人気記事
あわせて読みたい
詳細はこちら
チェック
ピックアップ
公式サイト
WordPressは、手軽に作成・設定できる機能がたくさんあります。特にこのcocoonには無料でたくさんの機能があり人気のテーマになっています。
この先どのように変化していくのか楽しみです。
この先どのように変化していくのか楽しみです。
ブログカード
cocoon汎用ブロック
ブロックエディタ
見出し
見出しボックス
見出し
タブ見出しボックス
見出し
ラベルボックス