この記事はワードプレスブログ開設の手順を
エックスサーバー＆Cocoonで立ち上げた時に特化して
超初心者で挑戦する人向けにわかりやすく解説しています。
WordPressテーマCocoonの初期設定
あらかじめ準備しておいた方がいい画像
画像とはサイトの個性を印象付けるもの。
最初に最低でも以下に紹介した２種類の画像は用意しておくといいでしょう。
アイコン画像
アイコン画像とは「ブラウザブックマークのサイトの顔」だったり、「スマホなどではタッチアイコン」として表示される画像のことです。
ホームイメージ（フロントページ）画像
ホームイメージ画像とは、フェイスブックなどで自分のブログを共有した時に表示されるトップ画像です。
画像の準備がない人は簡単にアイコンやロゴを作成できる無料ツールがあるので挑戦してみてください。（画像作成についてはまた別の記事で書きます）
Cocoonで設定しておくべき画像設定３つ
cocoonという無料のワードプレステーマを開発した本人「わいひら」さんがお薦めしている初期にしておくべき画像設定５つを解説します。
参考元記事はこちら⏬
WordPressのメディアサイズの設定
ワードプレス管理画面から設定へ入ります。
「設定」にカーソルを合わせると右側に選択画面が出てくるので「メディア」をクリック
または、「選択」をクリックすると下に選択肢が出てくるのでそこから「メディア」をクリックでも大丈夫です。
そうするとこのメディア設定画面に変わります。
赤丸でここってある部分がデフォルトで設定されている数値。
それを下図のように直します。
- サムネイルのサイズ：300×0
- 中サイズ：500×0
- 大サイズ：800×0
※あくまで自分ではまだ決められない超初心者向けの参考の数値です！
もっと深く知りたくなったら「わいひら」さんの元記事やそのほかの参考文献を調べて勉強してくださいね。
サイトアイコンの設定
今あなたのページの上部を見るとこの様になっていると思います。
ここに自分の「顔」となる画像を設定します。
まずワードプレス管理画面から「外観」へ入ります。
先ほどと同様に「外観」にカーソルを合わせると右側に選択画面が出てくるので「カスタマイズ」をクリック
または「外観」をクリックして「カスタマイズ」（図の矢印のどちらでも）をクリックしてもいいです。
するとこの様な画面に変わります。
「サイト基本情報」設定項目から「サイトアイコン」を設定後、「公開」ボタンを押してください。
手順は以下の通りです。
自分のパソコンからアクセスできる画像選択画面が表示されます。
使いたい画像を保存しているファイルの場所（写真・ダウンロード・デスクトップなど）を左の一覧から選び、使う画像をダブルクリック
するとこの画面になります。
右下の「選択」を押すと下図の画面へ。
右下の「切り抜かない」「画像切り抜き」の選択は使う画像次第ですが
図のように使いたい部分が枠線内にあれば「画像切り抜き」を選択してください。
下の様な画面に移ります。
赤丸部分を見るとちゃんと画像が反映されているのがわかります。
確認してOKなら「公開」をクリックして完了です。
ホームイメージの設定
そのままだとCocoonの画像（下図）が表示されてしまうので自分のブログとわかるように変えておきましょう。
カスタマイズ画面を閉じてワードプレス管理画面からCocoon設定へ入ります。
画面が変わったら下の方へスクロールしていくと「ホームイメージ」という項目が出てきます。
画像上にある「選択」をクリック
先ほど同様に画像の保存場所を選択して使いたい画像を選択
下のように画像が変更されているのが確認できたら左下の「変更をまとめて保存」を忘れずに。
まとめ
WordPressで人気の無料テーマCocoonで最初にやっておくべき画像の初期設定について解説しました。
超初心者でもわかりやすいように、私が初めて開設した時に戸惑った箇所を図解付きで説明しています。
ぜひ頑張って自分のサイトを作ってみてください。
少しでも参考になれば嬉しいです。
Mac使用での操作画面になっていますので、Windowsをお使いの方は少し違う場合があります。
過去の記事も参考にしてみてください。
