WordPressテーマ Cocoon トップページをオシャレにカスタマイズ
WordPress のテーマ Cocoon のデモを3種類ご用意。
Cocoon とは
Cocoonとは無料とは信じられないほど高機能な日本製ワードプレステーマ。
SEO施策機能、記事の装飾など、プラグインなしで数多くの体験を得られる上に制作者による更新も頻繁にあり、セキュリティ的にも心配ない稀有なテーマとなっています。
その反面、高機能すぎて設定個所が多く、カスタマイズに困る初心者の方が多いテーマでもあります。
また、ネット上ではよくデメリットとして「デザインがイマイチ」などとも言われており、残念な限りです。
デザインは全くイマイチでも何でもないのですが、無料なだけに使っている方が多すぎて、サイト巡りをしていると「これもCocoon だな」とすぐわかるサイトに多数引っかかるのは確かです。
以下は基本の記事一覧リスト型、初期状態のCocoonです

Cocoon は供えられた機能内でも多数のカスタマイズが用意されていますが、「見出しデザイン」などに選択肢が無いので、ご自身で出来る方はその辺で差をつけていくだけで見栄えが変わると思います。
当方では、そういったデザインに煩わされたくない、すぐに記事を書きたい、という初心者の方に向けてテンプレートをご用意いたしました。
「すぐに記事を書ける状態」でお届け
WordPressを「すぐに記事を書ける状態にしてほしい」というご依頼はとても多いのですが(そもそもワードプレスはインストールすればすぐに記事は書けるのですが……)、とりあえず
- 提供テンプレート3種のうち1種を選択いただき、貴Wordpressに設定する
- 編集すればそのまま使える仮記事5記事分(内容は白紙です)
- 仮記事を紐づけた仮カテゴリーと、仮カテゴリーを使用したグローバルメニュー設定
- サンプルアイキャッチ画像5記事分
- ヘッダー画像設定(サンプル画像1枚設定→ご用意いただいている場合はご用意いただいた画像を設置いたします サイズは 1900×500~800px を推奨します)
- 「プライバシーポリシー」「お問合せ(最低項目)」「会社概要・プロフィールページ(白紙)」以上固定ページ3ページ
- Cocoon の機能を使用したサイトスピード対策
- 設定簡単な記事編集マニュアル
以上をトップページ外観デザインとセットにしてお届けいたします。
Cocoon使用テンプレート3種
A. 画像を大きめに取りたいブログさま向け


★特徴
・Cocoon基本機能では小さめのヘッダー下カルーセルスライダーのサイズを大きく設定しています。
(スマホ表示の時は画像1枚がスライドする仕様(Cocoonの基本仕様ではものすごく小さい画像が数枚スライドするようになっています))

・ヘッダー画像下とメニューの間に丸みとグラデーション変化を付けています。
B. 個人店舗さまなどに使える

★特徴
・Cocoon 基本機能には付いていないヘッダータイトル横にお問合せボタンを設置(PC版)


・スマホ版ではヘッダーとフッターに電話アイコンとLINEアイコンを付けています(ご希望により外したり他のボタンに変更できます)
C. 個人お教室などに使える


★特徴
・Cocoon 基本機能には付いていないヘッダータイトル横にお問合せボタンを設置
・LPとしても使用できるような見出しデザインをトップページにあしらっています。

いずれのデザインもカラーの変更は無料で承ります
★サービス内で無料で承れること
・所々、カラーの変更
全体のカラーはヘッダー画像に合わせることで美しくなるので、あらかじめヘッダー画像をご用意いただきたくよろしくお願い致します。
画像サイズは 1900×500~800px を推奨します。
・B・C におけるボタン項目
基本は電話。ご希望により「お問合せページへのボタン」「LINEページへのボタン」へ変更いたします。
ボタン画像をご用意いただければ、画像も変更いたします。
他のカスタマイズはDMでご相談の上、追加作業としてお見積もりさせていただきます。
通常の Cocoon のままでいい方
通常のCocoon のままで良い、大きなテンプレート変更は必要ない、見出しデザインだけ変更して欲しい、などのご要望も承ります。
