WordPressのテーマのインストール方法

2020年2月19日

WordPressのテーマをインストールする方法を学びたい！

WordPressのテーマのインストールはとても簡単！

今回はWordPressのテーマをインストールする方法を画像を交えて、わかりやすく説明しよう！

WordPressのテーマをインストールする方法は２通り

WordPressのテーマをインストールする方法には、２通りの方法がある。

その１

WordPressに公式に登録されている無料テーマをインストールする手順

その２

WordPressの公式ではなく、外部サイトでダウンロードした「無料のテーマ」や「有料テーマ」をインストールする方法だ。

基本的に有料テーマはすべて、外部サイトからダウンロードする形式となり、その他無料のテーマも公式サイトに登録されているものと、登録されていないものとあるので、無料テーマの場合も外部サイトから取得してインストールする事も可能だ。

WordPressのテーマとは？「親テーマ」「子テーマ」ってなに？

WordPressはデザインを手軽に変更できるメリットがある！WordPressのデザインを変更する際に扱うのがテーマであり、テーマとは簡単に言うと、デザインを適用させる為のデータセットのようなもの。

まあWordPressのテーマには「親テーマ」と「子テーマ」という表現を聞いた事があるだろうか？

親テーマとは通常のWordPressのテーマの事を指し「子テーマ」とは、親テーマのデータを修正せずに「インストールして適用させるだけ」で簡単に親テーマをカスタマイズする事ができるのが「子テーマ」である。

子テーマの作り方については、こちらの記事を参考にしよう

▶ WordPressで子テーマの作り方【親テーマをカスマイズ】

今回は「親テーマ」のインストールについて解説していこう！

【その１】WordPress公式に登録されている「無料テーマ」をインストールする方法

WordPressの公式に登録されているテーマをインストールする方法は、まずWordPressの管理画面の左メニューの「外観」をクリックし「新しいテーマを追加」をクリック。

テーマの検索

「テーマを追加」画面が表示されたら、上部にあるテーマ検索エリアで「テーマの名前」や「注目」「人気」「最新」など好きな切り口で、テーマを検索する。

テーマ名で検索してインストール

今回は実験的に、シンプルな無料テーマで有名な「habakiri」というテーマ名で検索してインストールしてみる。

テーマ名を入力すると、検索結果として「habakiri」テーマが表示されたので、「インストール」ボタンをクリックする。

テーマの有効化

インストールが終わったら「インストール済み」と表示される。この時点ではまだ、WordPress内にインストールされただけであって、テーマが有効化されていないので「有効化」ボタンをクリックする。

テーマの有効化完了！

これで有効化が完了し、「habakiriテーマ」が適用された！

基本的には、インストールさえ出来ていれば、ボタンひとつで何度でも「テーマの変更」ができる。

【その２】外部サイトでダウンロードしたテーマのインストール方法

次は、外部サイトでダウンロードしたテーマのインストール方法を実践してみよう！

テーマのダウンロード

まずは、テーマをダウンロードするところから始まる。無料のテーマは星の数ほどある。数ある中から目的のテーマを探してテーマのサイトにアクセス。

今回は無料テーマの中でも、有料級に多機能で有名な「Cocoon」というテーマをインストールしてみよう！

まずはCocoon公式サイトのダウンロードページから、テーマデータをダウンロード。

すると、次のような「zip形式の圧縮ファイル」がダウンロードされる。

これがCocoonのテーマデータであり、このデータをWordPressの管理画面上からアップロードする。

テーマのアップロード

先程同様に「外観」ページから「新しいテーマを追加」をクリック。

今度は、先程のように検索するのではなく「テーマのアップロード」をクリックして、先程ダンロードしたCocoonのテーマの「Zipファイル」をアップロードする。

注意点

テーマのデータのアップロードは必ず「Zipファイルのまま」アップロードしなければならない。Zipファイルを見るとついつい解凍してしまいたくなるが、ZipファイルのままのアップロードでOKなのだ。

テーマのインストール

アップロード完了したら、「今すぐインストール」をクリック。

テーマの有効化

インストールが完了したら、「有効化」をクリック。

これで外部サイトでダウンロードした「Cocoon」テーマの有効化完了！