外観作りは自分らしい個性を出せる１番大切な作業でちゅ‼
ご主人様のブログ作りの設定を紹介するでちゅよ💞
テーマCocoon Chilの初期設定
色々とググってみるとたくさんの初期設定の方法が紹介されています。
しかし運営者の主観的なものが多く情報が偏っています。
自分が本当に欲しい情報が得られず、探すのに時間がかかることもあります。
どんな商品にも使用方法のマニュアルがあるように「Cocoon」にも立派なマニュアルがあります。
それを読みながら、自分のブログを作り上げると良いと思います。
しかし、Kagayaのブログに来てくださる方は看護師さんや鍼灸師さん、その学生が多いはず。。
特に看護師さんは忙しいので、ブログの初期設定に時間をかけている余裕はない‼
そこでKagayaと同じ設定でよければ、チャチャっと初期設定終了です。
参考にしていただけたらと思います。
外観・デザインを決める
外観・デザインはそのブログの個性が出る1つとも言えます。
基本は同じテーマやスキンを使用していても、少し配色を変えるだけで別のブログに見えます。
こだわりすぎると時間がかかってしまうので、ブログに慣れてから色々とカスタマイズしていくと良いです。
Kagayaは箱を完璧に作ってから中身を作りたいタイプだけれど、プログラミングとかがわからないので色々と時間がかかるだけでした。
気に入らなところは多々ありますが、ある程度のところでカスタマイズするのをやめて記事づくりに専念していこうと思います(プログラミングがわかってきたら、もっと可愛くする予定です)。
外観・デザインを決める要素は
- スキン
- サイト全体の配色
- サイト全体のフォント設定
- ヘッダー
- メインカラム(コンテンツエリア)
- インデックス(記事一覧の見た目)
- 画像
があります。
スキン
ブログの見た目のデザインの基本となるものです。
管理画面から「Cocoon設定」→「スキン」
気に入ったスキンを選択したら「変更をまとめて保存」をクリックします・
「プティパ」ではスキン「アリス(ローズ)」を実装して、少しカスタマイズしています。
色々とカワイイので参考にさせていただいています。
サイト全体の配色・フォント設定
管理画面から「Cocoon設定」→「全体」
キーカラー
ブログ全体のポイントとなるところの配色を決める設定です。
スキンで気に入らない配色であれば設定しても良いと思います(基本的にはいじらないかな)。
＊キーカラー
- サイトキーカラー:そのまま
- サイトキーテキストカラー:そのまま
フォントの種類・サイズ・色
ブログ全体で使用されるフォントの設定です。
フォントの種類はこだわりなければ、そのままでいいと思います。
文字サイズが少し大きいのが気になったので小さくしました。
＊サイトフォント
- フォント… ヒラギノ角ゴ,メイリオ（デフォルト）
- 文字サイズ…18px→16px
- 文字色：そのまま
＊モバイルサイトフォント
- 文字サイズ…16px→15px
設定ができたら「変更をまとめて保存」をクリックします。
こんな、感じの外観になりました。
SEOに強い設定
管理画面から「Cocoon設定」→「SEO」
SEOとは「Search Engine Optimization＝検索エンジン最適化」という意味で、検索順位に影響する設定です。
デフォルトのままいじらなくていいと思います。
設定ができたら「変更をまとめて保存」をクリックします。
カテゴリ・タグ設計
カテゴリとタグを効果的に使用するとSEOに強くなるらしい。。
カテゴリやタグは設定画面から作成します。
管理画面から「投稿」→「カテゴリ」→「タグ」
- 主要にするカテゴリは5～6つくらいにする
- カテゴリの階層は2階層までにする(それ以下だと各カテゴリの強さが弱まる)
- 投稿する記事に対してカテゴリは1つにする
- カテゴリ間でトピックがまたぐ場合はタグを使用する
※スラッグは英語にしておいた方がSEO的に有利になるらしいです。
SNSで拡散する設定を行う
SNSシェア
管理画面から「Cocoon設定」→「SNSシェア」
SNSシェアは記事を見た人に拡散してもらう設定です。
シェアボタンはこだわりがなければ記事の上下に出しておけば、閲覧者の目に入りやすいです。
SNSフォロー
管理画面から「Cocoon設定」→「SNSフォロー」
シェアに対して自分へフォローしてもらう設定です。
自分が使用しているSNSにリンクすることができます(使用していないSNSはフォローできません)。
高速化設定
ブログの表示速度を最適化することができます。
管理画面から「Cocoon設定」→「高速化」
- ブラウザキャッシュの有効化
- HTMLを縮小化する
- CSSを縮小化する
- JavaScriptを縮小化する
- LazyLoadを有効にする
- アイコンフォントの非同期読み込みを有効にする
すべて有効化します。
初期設定が終わったら
記事を投稿する
ここまでくれば、それなりのブログ記事を書くことができます。
あとはいじりながら機能の使い方を覚えていきましょう‼
稼ぐブログを作る準備をする
稼ぐブログを作るためには何といっても記事がなければお話にならないので、どんどん記事を書いていきましょう‼
最後に
このブログの外観・デザインについて参考にしたサイト
この記事を書くにあたって参考にしたサイト
以上、WordPressテーマ「Cocoon」の初期設定についてまとめました。
あとがき
ブログの外観は運営者の個性が出てきます。
プログラミングの知識があれば、もっとパステルピンクの女の子らしいデザインにこだわりたいのですが、なんせKagayaはそんな知識はないので現段階ではこれが限界です。
なぜ、ブログカラーをピンクにしたかというと、Kagaya個人としては別にピンクは好きではありません。
どちらかというと寒色系の色の方が好きです。
なぜピンクかというと、ピンクには人を元気にする効果があると言われています。
なので開業予定の鍼灸院もパステルピンクにしたいと思い、ブログもピンクにしてみました。
ブログを始めたいけど忙しいという人は、ぜひ参考にしてみてください‼
ブログ作りの楽しみと言えば、外観作りだと思います。
こだわりたいところはたくさんありますが、ここにばかり時間をかけてはいられません‼
適度に外観作りを楽しみながら、とにかく記事数を増やしていかねばです。
