WordPress

WordPressのテーマを変更してみよう!

WordPressテーマ変更の仕方

 WordPressをインストールしたら何から始めれば良いか分からない人も多いと思います。そのような人に向けて、今回はホームページの外観を決めるテーマについて変更方法を解説していこうと思います。

はじめに

あいたろう

先生、WordPressをインストールできたら次は何をすれば良いでしょうか?

テク先生

では、まずテーマを変更するところから始めよう!

 WordPressをインストールをしたら、まずはテーマを変更しましょう。次の項で説明しますがテーマを変更する事でWebサイトの見た目や編集時の仕様などを変更でき、テーマのカスタマイズを行えばより良いホームページ作成を行うことができます。

テーマとは

あいたろう

先生!ところでテーマてなんですか?

テク先生

テーマとは自分が作成するWebサイト全体のテンプレートを1つにまとめたもののことなんだ。とりあえず、テーマを変更することでホームページの見た目や編集できる内容が変わると理解しておこう。

テーマとはWebサイト全体のテンプレートを1つにまとめたものです。テンプレートには例えば、トップページのテンプレート、過去記事一覧のテンプレートなどがあります。そのようなテンプレートが組み合わさって、ホームページ成り立っています。ですので、テーマを変更することでWebサイト全体の見た目や表示内容の構成を変えることができるのです。

よく分からないという人はとりあえずテーマを変えると、ホームページの外観や表示設定などが変わるということを理解しておきましょう。

WordPress内でテーマをダウンロードして、テーマを変更しよう!


テク先生

WordPressにテーマをインストールし、その後そのテーマを有効化することでテーマが更できるんだ。まずは、そのようなテーマの変更方法について解説していくよ!

1. WordPress編集画面にログインします。その後、画面左側にある「外観」にマウスポインタをあわせます。

WordPress内でのテーマの変更手順1画像

2. 「外観」の右側に出てきた、「テーマ」をクリックします。

WordPress内でのテーマの変更手順2

3. 画面上部の「新規追加」をクリック。

WordPress内でのテーマの変更手順3

4. 右上にある「テーマを検索」の欄にインストールしたいテーマを入力します。

WordPress内でのテーマの変更手順4画像

5. 検索して出てきたテーマの中から、自分が欲しいテーマにマウスポインタをあわせます。

WordPress内でのテーマの変更手順5画像

6. 「インストール」ボタンが出てきたらそれをクリックします。

WordPress内でのテーマの変更手順6画像

7. テーマをインストールできたら「有効化」ボタンをクリックします。

WordPress内でのテーマの変更手順7画像

8. 有効化できたら、テーマが変更されているかを確認するために「サイト表示」をクリックします。

WordPress内でのテーマの変更手順8画像

9. 見た目が変わっていれば、テーマの変更成功です!
 下の画像はシドニーというテーマの初期のトップ画面です。ですので、他のテーマを有効化した人は異なった画面になるので注意して下さい。

WordPress内でのテーマの変更手順9画像

WordPress外でテーマをダウンロードして、テーマを変更しよう!

テク先生

WordPress外でダウンロードしたテーマは、WordPressにそのテーマをアップロードすることで使用可能になるんだ!今からは、そのようなテーマの変更方法について解説していくよ!

1. まず、WordPress外でテーマをダウンロードします。今回はcocoonというテーマのダウンロード例に解説していきます。
 では、cocoonのホームページに移動しましょう。移動できたら「ダウンロード」にマウスポインタをあわせます。

WordPress外でのテーマの変更手順1画像

2. メニュウバーにある「ダウンロード」下に出てきた一覧の中から、「ダウンロード」の項目をクリックします。

WordPress外でのテーマの変更手順2画像

3. 「”Cocoonテーマ”をダウンロード」をクリックします。

WordPress外でのテーマの変更手順3画像

4. テーマをダウンロードできたら、WordPress内でテーマをダウンロードして、テーマを変更したときの1~3の手順を行います。

WordPress内でのテーマの変更手順1画像
WordPress外でのテーマの変更手順4-3画像

5. 左上の「テーマのアップロード」をクリックします。

WordPress外でのテーマの変更手順5

6. 真ん中に出てきた「ファイルを選択」をクリックします。

WordPress外でのテーマの変更手順6画像

7. ダウンロードしたテーマのファイルがある場所にいき、そのファイルをクリックし選択します。たいていの場合、「ダウンロード」のフォルダーに入っていると思うので、ダウンロード場所が分からない人はまずそこを確認しましょう。
 ファイルを選択できたら「開く」をクリックします。

WordPress外でのテーマの変更手順7画像

8. アップロードするテーマを選択できたら「今すぐインストール」をクリックします。

WordPress外でのテーマの変更手順8画像

9. インストールできたら「有効化」をクリックします。

WordPress外でのテーマの変更手順9画像

10. 有効化できたら、テーマが変更されているかを確認するために「サイト表示」をクリックします。

WordPress外でのテーマの変更手順10画像

11. 先ほど同様、見た目が変わっていれば、テーマの変更成功です!
下の画像はcocoonとういテーマの初期のトップ画面です。ですので他のテーマを有効化した人は異なった画面になるので注意して下さい。
 シドニーのときと比べて外観が変わっていることが分かると思います。

WordPress外でのテーマの変更手順11画像

最後に

テク先生

テーマの変更はうまくできたかな?

あいたろう

はい!
今回も先生のおかげでうまくテーマを変更する事ができました。

テク先生

それは良かった!
テーマをどこでダウンロードするかによってやり方が少し変わるから気をつけよう。


また、ホームページの外観をよくするにはカスタマイズをすることが必要なんだ。カスタマイズについてはテーマ毎に異なるから、自分が選んだテーマについてどうカスタマイズすれば良いかを調べて、見やすいホームページを作成してくといいぞ!

あいたろう

なるほど!
確認したときはテーマのサンプルみたいに外観が綺麗じゃないと思ったら、カスタマイズが必要だったんですね。
僕はcocoonのカスタマイズについて調べていこうと思います。
今回も分かりやすい解説ありがとうございました!

テーマの変更はうまくできたでしょうか?テーマは初期の状態では質素なものが多いので、自分でカスタマイズをしていき見やすく、おしゃれなホームページ作成をしていきましょう。