ワードプレスのブログを開設した直後は見た目がシンプルです。
せっかくのブログ、自分好みの見た目にしたいですよね！
今回はブログの見た目、デザインを変える方法を解説します。
私はブログづくりでここが一番好きです＾＾
ワードプレスでブログのデザインを変えるには？
ワードプレスのブログでは「テーマ」を変えることで、ブログ全体の見た目を変えられます。いわゆる「テンプレート」ですね。
「テーマ(テンプレート)」は有料のもの、無料のもの、たくさんあります。今は無料のテーマでも高機能なんですよ～。たとえば「Cocoon (コクーン)」は有料テーマ並の豊富な機能があり、細かなカスタマイズが可能です。最近はかわいいテンプレートも増えました＾＾
お金かけずにブログを始めたいならCocoonがおすすめです。
参考：無料のワードプレステーマ「Cocoon」ダウンロードページ
有料テーマでは「JIN (ジン)」が有名です。こちらも見た目がおしゃれ。
私が使った数々のテーマの中でもっとも早く設定が終わるので、すぐにブログを書き始められます＾＾
参考：有料のワードプレステーマ「JIN」公式サイト
ちなみに、当サイトでは有料テーマの「賢威」を使っています。そろそろ他のテーマにしたいのですが、白と水色のヨーグルトカラーを気に入って使い続けています＾＾
参考：賢威のレビュー
ワードプレスのテーマを3つ紹介しました。
最近のテーマは機能面で大差がなく、違いは見た目と使い勝手くらいです。完全に好みの問題なので、ひとまず無料の「Cocoon」を使ってみて「満足できない！」となったら、有料のテーマを検討しましょう＾＾
- 無料：Cocoon ダウンロードページ
- 有料：JIN 公式サイト
- 有料：賢威のレビュー
今回は「Cocoon」を例に、ブログのデザインを変える方法を解説します。
Cocoonをダウンロードする
手順1. Cocoonの公式サイトからテーマをダウンロードします。以下をクリックしてください。
参考：無料のワードプレステーマ「Cocoon」ダウンロードページ
手順2. 公式サイトの「ダウンロード」をクリックします。
手順3. 下にスクロールして「Cocoonテーマをダウンロード」と「Cocoon子テーマをダウンロード」をクリックします。
手順4. パソコンにこの2つの圧縮ファイルがあればダウンロードできました＾＾
・cocoon-master-X.X.X.zip
・cocoon-child-master-X.X.X.zip
Cocoonのテーマを有効化する
ダウンロードした圧縮ファイルをブログにインストールして有効化すると、ブログの見た目が変わります。まずはブログにインストールしましょう。
手順1. ワードプレスの管理画面を開き、左側のメニューから「外観」をクリックします。
手順2.「新規追加」をクリックします。
手順3.「テーマのアップロード」をクリックすると表示される「ファイルを選択」をクリックし、先ほどダウンロードした圧縮ファイルを選び、「今すぐインストール」をクリックします。
手順4.「テーマのインストールが完了しました。」と表示されたら、「テーマページへ移動」をクリックします。手順3を再度おこない、もう1つの圧縮ファイルもインストールします。
手順5. 圧縮ファイルを2つともインストールできるとこのように表示されます。
「Cocoon」と「Cocoon Child」があればバッチリです＾＾
手順6.「Cocoon Child」にマウスカーソルを載せると表示される「有効化」をクリックします。10秒くらい待つと有効化できます＾＾
Cocoonの見た目を変える (スキン変更)
ブログのテーマはCocoonになりましたが、まだ見た目がシンプルなままです。
CocoonにはCocoonならではのデザインを変える方法「スキン」があります。スキンの中からあなた好みのものを選べば、カンタンに見た目を変えられます＾＾ もう一息！
手順1. 管理画面の左側で「Cocoon 設定」をクリックします。
手順2. 下にスクロールして「スキン一覧」から好きなものを選びましょう。変えたいスキンの左にあるラジオボタンをクリックします。
私のおすすめは「てがきノート」です＾＾ かわいい！
ちなみに、スキン名の左にある小さな写真のアイコンにマウスカーソルを合わせると、スキンのイメージが表示されます。
手順3. ページの一番上か下にある「変更をまとめて保存」をクリックすると、ブログの見た目が変わります。
手順4. 画面左上のブログ名をクリックするとブログを確認できます。ひゅうっ、なんておしゃれ！
これでCocoonのデザインの変え方は習得ですね＾＾ おめでとうございます！
なお、Cocoonにはおしゃれなスキンがたくさんありますが、ブログの読者視点で選んではいけないものもあります。読者に嫌われるブログにしないために「デザインのNGパターン」も知りましょう。
参考：すぐ閉じられるブログのデザインNGパターン7選
まとめ
今回はCocoonを例に解説しました。ワードプレスブログのデザインを変えたくなったら、どんなテーマでもこの手順でできます。
- テーマを手に入れる
- テーマをインストール＆有効化する
- テーマの設定をする
さて、ブログの全体のデザインが素敵になったところで！
次はブログを開いたときの印象を大きく変える「ヘッダー画像」を作りましょう＾＾ これも楽しいんですよ～(笑)
次の記事を読む→ブログのヘッダー画像を作ろう (準備中)
