WordPressを使ってブログやウェブサイトを作成する際、サイトの見た目やデザインは非常に重要です。デザインが魅力的であれば、訪問者の印象も良くなり、滞在時間が長くなる可能性があります。初心者の方にとってはテーマのインストール方法が少し難しく感じられるかもしれません。そこで、WordPressのテーマを初めてインストールする方向けに、安心してテーマを導入できるよう、ステップバイステップで解説します。
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
そもそもWordPressテーマとは?
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
今回はこんな悩みを解決します。
WordPressにテーマを導入する方法
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
WordPressにテーマを導入するには以下のステップが必要です。
WordPressテーマの選び方
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
WordPressテーマの選び方は非常に簡単です。
どのように選べば良いかというと、単純に「使われているテーマから選ぶ」と良いです。
WordPressのテーマは公式登録されているだけでも6,000を超えます。たくさんあって、どれを選んでいいのかわからないという方も多いでしょう。WordPressは世界的に利用されているシステムなのでムリもありません。ですが、日本ユーザーに使われているテーマはごく一部です。
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
下の図は日本のWordPressテーマのシェア(ランキング)です。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/78bf0676463a163b61ef4f501da455f1.png)
中には「人が使ってないテーマを使いたい」と考える人もいるかもしれません。ですが、それは完全に悪手です。誰も使ってないテーマを使うと、もしものトラブルのときに対処法がみつからないという事態になります。そうならないためにも、使われてるテーマから選ぶことがおすすめです。
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
下記に参考サイトを紹介してるので一度見てみるといいかもです。
テーマの名称(公式サイト) | 価格 | 参考サイト(ぶろぐ):管理人 |
---|---|---|
SWELL | 17,600円 | ぶろぐ学部:ヒナキラさん GI WANSUKE:WANSUKEさん |
Cocoon | 無料 | 当サイト:かまさん |
Lightning | 無料 | 参考サイト募集中 |
JIN | 14,800円 | 内窓どうでしょう:まさかまさおさん |
SANGO | 14,800円 | コレカラ24:ワヲンさん |
AFFINGER6 | 14,800 円 | ゆいてろぐ:ゆいてさん |
Snow Monkey | 16,500円/年 | 参考サイト募集中 |
【THE THOR(ザ・トール)】 | 16,280円 | 参考サイト募集中 |
Emanon Premium | 27,800円 | 参考サイト募集中 |
Astra | 無料 | 参考サイト募集中 |
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
この中のテーマから選べば間違いはないです。
WordPressテーマのインストール方法
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
選んだテーマでインストール方法が変わってきます。
WordPressからテーマをインストール
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
一番簡単なインストール方法です。
WordPressの公式ディレクトリに登録されているテーマはWordPressからインストールが可能です。上記で紹介したテーマでいうと「Lightning」「Astra」はWordPressからインストールできます。
WordPressメニューから[外観]→[テーマ]と進めると、現状でWordPressにインストールされているテーマが確認できます。そこから[新しいテーマを追加]を押すとWordPressの公式ディレクトリに登録されているテーマが出てきます。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/36.png)
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/37.png)
次に、検索窓などを使い、インストールしたいテーマを探します。テーマがみつかったら[インストール]を押して、WordPress内にインストールされるのを待ちます。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/a29be10efa3ef6e4535e93cef816778d.png)
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
これでインストールされました。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/51.png)
※テーマをインストールすると勝手にインストールされているテーマに気づくと思います。これは不具合ではありません。WordPressのテーマは「親テーマ」といわれるものと「子テーマ」といわれるものがセットになっています。誤って削除しないように注意しましょう。
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
使うのは選んだ子テーマです。
サーバー経由でテーマをインストール
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
ConoHaWING「Cocoon」を例に解説します。
上記でも紹介している「Cocoon」は無料で利用可能なテーマです。この「Cocoon」はConoHaWING(サーバー)を経由して簡単にインストールすることができます。
まずは、サーバーのコントロールパネルを開き、対象ドメインの[サイト設定]に進み「サイトステータスの確認画面」を開きます。ステータスの一番下に[WordPressテーマ]の欄があるので、そのまま[インストール]ボタンを押して次の画面に進みましょう。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/39.png)
次の画面に進むと「親テーマ」と「子テーマ」をインストールする旨の確認が出てきますので、[はい]を押してインストールします。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/40.png)
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
これでサーバーを経由して「Cocoon」テーマがインストールされました。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/41.png)
公式サイトからテーマをインストール
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
サーバー経由で購入した有料のテーマなども同様の流れです。
テーマの購入手続きを済ませる
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
まずは公式サイトで購入手続きを済ませます。
公式サイトそれぞれで多少の違いはありますが、ECサイトなどで買い物をするのと同様にお支払いを済ませます。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/e795a2dd82089095200a4562bc9b17ee.png)
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
購入後はファイルをダウンロードできるようになります。
テーマファイルをダウンロード
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
ここからは「Cocoon」を使って解説してきます。
ダウンロードページで「親となるテーマ」「子となるテーマ」の二つを[ダウンロード]します。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/42.jpg)
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
ダウンロードしたファイルはわかる場所に置いておきましょう。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/43.png)
テーマファイルをアップロード(インストール)
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
ファイルを用意できたらWordPressにアップロードします。
WordPressメニューから[外観]→[テーマ]と進め[新しいテーマを追加]を押し次の画面へ進みます。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/36.png)
次の画面に進んだら[テーマのアップロード]を押します。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/45.png)
アップロード画面で[ファイルを選択]を押して、まずは「親テーマ」を選択してアップロードし、そのまま[今すぐインストール]を押すと「親テーマ」がインストールされます。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/e071b189cb05c11c39112e2f4eff3247.png)
続いて、同様に「子供ーマ」をアップロード、インストールします。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/cba57be97e9d4154f49c088f31a460aa.png)
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
これでテーマのインストールが完了です。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/41.png)
テーマを有効化する
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
最後にテーマを有効化しましょう。
テーマの確認画面で使いたいテーマの「子テーマ」にカーソルを合わせ、そのまま[有効化]を押すとテーマの機能がWordPressに反映されます。
![](https://give-a-rich-life.com/wp-content/uploads/2024/07/0db823e885275b8a7ec0f85c59e7e100.png)
※有効化するのは「子テーマ」ですが、「親テーマ」が不要というわけではありません。誤って削除したりしないよう注意しておきましょう。
![管理人](https://give-a-rich-life.com/wp-content/uploads/2024/07/0ff8025dd6116786f3deee245836100d.png)
これでWordPresにテーマ導入されたことになります。
コメント