ワードプレス

ワードプレステーマのインストール方法│親テーマ・子テーマを入れる理由も解説

ワードプレステーマのインストール方法│親テーマ・子テーマを入れる理由も解説

ワードプレスをインストールできたら、最初にテーマを入れちゃいましょう。

テーマとはブログの外観をおしゃれに変更するテンプレートのことです。

テーマについては「ワードプレスのテーマ(テンプレート)を決めよう│無料・有料おすすめテーマをご紹介」の記事で簡単にふれていて、無料と有料(1万円台が多い)のものがあります。

今回は無料なのに高機能でブロガーに人気の「Cocoon(コクーン)」というテーマをサンプルに解説したいと思います。

香帆
香帆
他のテーマでもやり方は同じですよ♪
今回の作業によるビフォーアフターを確認(クリック)

▼ワードプレスを入れたばかりのブログ外観はこんな感じです。(「Twenty Twenty-Two」というテーマが有効になっている状態です)

▼今回「Cocoon(コクーン)」を入れるとこんな感じになって。。。

▼デザインをカスタマイズすると、こんな風にも変えられたりします。

センスさえあれば、さらにオシャレにすることも可能です!

テーマのインストールは所要時間5~10分程度ですので、サクッといきましょう。

テーマインストールの流れ

今回やるテーマインストールの流れは以下になります。

  1. テーマのZIPファイルを入手
  2. ZIPファイルをインストール&有効化
  3. 外観の確認(必要なら少しカスタマイズ)

①親テーマと子テーマのzipファイルをダウンロード

まずは使いたいテーマのZIPファイルを入手しましょう。

Cocoon(コクーン)」のサイトへアクセスし、「親テーマ」と「子テーマ」をダウンロードします。(親・子テーマの説明は次の項目に記載)

▼親テーマのダウンロード

▼子テーマのダウンロード

▼zipファイルがダウンロードされました。(バージョンは現在と多少違っているかもしれません)

「親テーマ」「子テーマ」とは?

「親テーマ」は大元のテーマで、これ単体でも機能するもの。

一方の「子テーマ」は、カスタマイズ用にに必要最小限のファイルで作られた、親テーマの分身のようなものです。(zipファイル名に「child」などついています)

【参考】子テーマのファイルとは、
functions.php
機能に関するファイル
style.css
デザイン・体裁に関するファイル

なぜ子テーマがあるかというと、

デザインや機能など親テーマをいじってカスタマイズすると、親テーマをアップデートした際、カスタマイズが消えてしまうことがあるからです。

子テーマがあるテーマの場合は、「親テーマ」「子テーマ」の両方をダウンロード&インストールし、「子テーマ」を有効化しましょう。

元気な猫
元気な猫
有効化は子テーマだけで大丈夫なの?
香帆
香帆
子テーマを有効化すると、自動で親テーマの内容を読み込んでくれるんだ!

②テーマのアップロード&有効化

▼①管理画面左のバー(ダッシュボード)の「外観」→「テーマ」をクリック。

▼②「新規追加」

▼③「テーマのアップロード」

▼④「ファイルを選択」

▼⑤先ほどダウンロードしたファイルの「親テーマ」をクリックしてアップロードします。

▼⑥ファイルがきちんとアップロードされたのを確認し、「今すぐインストール」をクリック。

参考までに私は、ここで2回画面が固まってやり直しました。

3度目にインストール成功しましたが、1分弱の時間がかかったと思います。

▼⑦親テーマのインストールが完了するとこちらの画面に。

「テーマページへ移動」からテーマ画面へ戻ったら、今度は子テーマを同じ手順でインストールします。(インストール手順の振り出しに戻る

▼⑧子テーマのインストールが完了したら、こちらの画面で「有効化」クリック。

元気な猫
元気な猫
子テーマを有効化すると、自動で親テーマの内容も読み込んでくれるんだったね!
香帆
香帆
その通り!

③外観の変化を確認&少しだけカスタマイズ

テーマ有効化ができたらトップページへアクセスし、変化を確認しましょう。

▼左上のブログ名クリックでトップページにいけます。

▼Cocoonの外観にチェンジしました。

殺風景なのが気になる場合はCocoonの「スキン」という着せ替え機能で少し見た目を変えてみても。

もう一度、左上のブログ名クリックで、管理ページに戻ります。

▼「Cocoon設定」をクリック

▼「スキン」が選択されている状態で下にスクロールし、

▼スキン一覧から好きなデザインを選んでみましょう。画像マークにカーソルを合わせると、イメージが見れます。

選べたら左下の「変更をまとめて保存」をクリックで、外観を着せ替えできます。

まだまだ作業は盛りだくさんなので、外観のカスタマイズはこの辺にしておきましょう。

一通り設定を終えてから、気になる方は外観をおしゃれにしていかれればと思います。(「Cocoon カスタマイズ」で検索するといろいろ出てくるはずです。)

ブログの種類にもよりますが、収益化を目指すブログでは「とにかく記事を書くこと」が大事になってきます。

香帆
香帆
カスタマイズにハマりすぎて記事が全然書けてない、という事態にならないようご注意下さいね!