Cocoonのサイトを元にテーマCocoonのBlockを勉強中。
Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。
wp-cocoon.com
Cocoonインライン
「文字」リスト
太字
文字
赤字
文字
赤太字
文字
青字
文字
青太字
文字
緑字
文字
緑太字
文字
キーボードキー
文字をコピーするには command + c キーを押してください。
貼り付けをするには command + v キーを押してください。
「マーカー」リスト
黄色マーカー
マーカー
黄色アンダーラインマーカー
マーカー
赤色マーカー
マーカー
赤色アンダーラインマーカー
マーカー
青色マーカー
マーカー
青色アンダーラインマーカー
マーカー
「バッジ」リスト
参考
重要
注目
出典
引用
案内
注意
文献
公式
「フォントサイズ」リスト
12px
14px
16px
18px
20px
22px
24px
28px
32px
36px
40px
44px
48px
ふりがな（ルビ）
振り仮名
Cocoonブロック
アイコンボックス
案内ボックス
プライマリー（濃い水色）
セカンダリー（濃い灰色）
インフォ（薄い青）
サクセス（薄い緑）
ワーニング（薄い黄色）
デンジャー（薄い赤色）
ライト（白色）
ダーク（暗い灰色）
タブボックス
チェック
コメント
ポイント
TIPS
ヒント
ピックアップ
ブックマーク
メモ
ダウンロード
休憩
Amazonの商品紹介などに
OK
NG
GOOD
BAD
プロフィール
白抜きボックス
灰色
黄色
赤色
青色
緑色
付箋風ボックス
灰色
黄色
赤色
青色
緑色
吹き出し
タイムライン
サイト開設手順
- STEP1ドメインを取得する
- STEP2レンタルサーバーに登録する
- STEP3WordPressのインストール
- STEP4Cocoonのインストール
ブログカード
ボタン
ボタン小
ボタン中
ボタン大
丸型ボタン
光るボタン
囲みボタン
ボタン小
ボタン中
ボタン大
トグル（アコーディオン）ボックス
内容
内容
内容
内容
内容
内容
アイコンリスト
検索案内
Cocoon Blocks 使い方
検索
汎用ボックス
見出しボックス
見出し
見出し
見出し
見出し
見出し
52種 25色
タブ見出しボックス
見出し
見出し
見出し
見出し
見出し
ラベルボックス
見出し
見出し
見出し
見出し
見出し
マイクロコピー
マイクロテキスト
マイクロバルーン
Cocoonレイアウト
2カラム
1:1
1:2
2:1
1:3
3:1
3カラム
3カラムデモ
コメント