こんにちは、ぽんひろ(@ponhiroo)です。
Cocoonのカスタマイズ方法をまとめていきます!
Cocoonでも使えるその他のカスタマイズはこちらから!
Cocoonカスタマイズまとめ!【ぽんひろ式】
プロフィールをオシャレにカスタマイズ!
詳細 Cocoonプロフィールカスタマイズ!おしゃれ可愛くして見た!
リスト(箇条書き)をオシャレにカスタマイズ!
- リスト1
- リスト2
- リスト3
詳細 【Cocoon】全40通り!おしゃれなリスト(箇条書き)を作る!コピペOK【カスタマイズ】
ボックスを作成!カスタマイズ!
ここにコンテンツを入力します。
ここにコンテンツを入力します。
詳細 【Cocoon】コピペで簡単!タイトル入力可のおしゃれなボックスを作る!【カスタマイズ】
tableタグを使わない比較表!
- リスト1
- リスト2
- リスト3
- リスト1
- リスト2
- リスト3
詳細 【HTMLCSS】tableタグを使わない比較表デザイン!レスポンシブ対応!
ブログカードデザイン
詳細 ブログカードカスタマイズ!「クリック(タップ)して読む」を自動表示!
今ココ!タイムラインを作成!
- 鶏肉、じゃがいも、玉ねぎ、にんじんを切る
- 全部炒める
- 沸騰したらあくをとり、弱火〜中火で15分くらい煮込む
- 火を止めルウを割りいれる。溶けたら弱火で10分くらい煮込む
- 完成!
詳細 今ココ!がわかる順序を表すタイムラインをHTMLとCSSで作る
通知エリアを二つにする
メニューをカスタマイズ!
PCのグローバルメニューをオシャレかつ利便性アップ!
PCのグローバルメニューを上部に固定し、追尾させるカスタマイズです。
詳細 【Cocoon】ヘッダーメニューをオシャレにカスタマイズ!上部に固定追尾!
スマホ時にヘッダー&メニューを固定する!
スマホでスクロール時にヘッダーを固定追尾させるカスタマイズです。
下スクロール時に隠れ、上スクロール時に表示されます。
詳細 【Cocoon】スマホでヘッダーを固定追尾!メニューも開けるようにする!
スマホ時にメニューを横スクロールできるようにする
よく見るタイプのメニューのカスタマイズ方法です。
詳細 Cocoonのスマホメニューをカスタマイズ!コピペ可!横にスクロールできるようにするよ!
コメントフォームから不必要なものを消すカスタマイズ!
これだけでコメントがされやすくなるのでオススメです。
詳細 WordPressのコメントフォームからメールアドレス欄やウェブ欄を消す方法!
トップページに関するカスタマイズ!
固定ページを使ってオリジナルのトップページを作る方法!
トップページをサイト型へ
詳細 【超簡単!】Cocoonトップページをスッキリとサイト型へカスタマイズ!
おすすめ記事を表示
当ブログのようにおすすめ記事を目立たせる方法です。
デフォルト(最初のまま)のトップページでも利用できます。
スキン「Season」を作りました!
Cocoonのテンプレート機能であるスキンを作りました!
その紹介記事になります。
詳細 Cocoonスキン「Season(シーズン)」を作りました!【WordPress】
Cocoonでも使えるその他のカスタマイズ
その他のカスタマイズは下記記事にまとめてあります。