【WordPress】テーマとは?意味やインストール方法について画像で解説します!

当ページのリンクには広告が含まれています。

WordPressを立ち上げた後にページを作り始めるには、【テーマ】のインストールが必要です。
今回は、テーマって何?インストールはどうすればいいの?とつまづいている方に、この記事ではテーマの意味や設定方法などについて画像と合わせて解説していきます。

URUMA

実際のページ作成に入るまでにはまだやることがありますが、
一緒に頑張っていきましょう♪

自分がイメージするwebサイトに合ったテーマを設定して、快適に制作が進むようお手伝いしますので、ぜひ最後まで読んでくださいね!

おしゃれなwebサイトが簡単に作れる!
当ブログ使用の神テーマ【SWELL】はこちらです♪

目次

WordPressテーマとは?

WordPressで利用する【テーマ】とは、webサイト全体のデザインや構成を行うデザインテンプレート(ひな形)のこと。
webサイトの基盤部分になる重要なものなので、自分の納得いくものをじっくりと選ぶことが大切です。

WordPressにテーマを導入することで、トップページや他カテゴリーごとのページの作成、サイト構築に関するさまざまな作業を簡単に進めることができます。
難しいHTMLやCSSの知識がなくても直感的に作業できるため、とくにWordpress初心者には必須のツールなんです!

また、テーマには、大きく分けて無料テーマと有料テーマがあります。
お金がかかる有料テーマの方がデザイン性や機能性に優れているなどのメリットがありますが、無料テーマでも十分使えるものがたくさんありますので、一概にどちらがいいとは名言できません。

テーマにはものすごくたくさんの種類があり、選ぶのも大変・・という方もいるでしょう。

もしテーマが決まっていなくて迷っているという方には、簡単におしゃれなサイトが作成できる有料テーマ・SWELLがおすすめです!
わたしも相当迷走した結果、SWELLに落ち着いています。

URUMA

SWELLは有料テーマですが、
使いやすさ・高機能性・デザイン性など全てにおいて完璧なテーマです!以下記事でその素晴らしさを解説してますので、ぜひ参考にしてください♪

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

WordpPressでテーマをインストールする方法は、以下2種類あります。

1. テーマの公式サイトからZipファイルをダウンロード後、Wordpressにインストールする方法
※有料テーマはこの方法になります。
2. Wordpress管理画面から検索可能な公式テーマをそのままインストールする方法

選択するテーマによって変わりますが、
【テーマの公式サイトからZipファイルをダウンロード後、Wordpressにインストールする方法】より解説していきます。

テーマの公式サイトからZipファイルをダウンロード後、Wordpressにインストールする方法

WordPressの管理画面から検索できない非公式テーマについては、全てこの方法でのインストールとなります。
非公式といっても、公式テーマより劣っているとか信頼性がないということではありません。

今回は無料テーマ【cocoon】を例に解説していきます。

1. cocoon公式サイトにアクセスし、【ダウンロードはこちら】をクリックします。

2. テーマのダウンロード画面に変わるので、利用規約をクリックして内容を確認します。

3. 確認できたら元の画面に戻り下にスクロールすると、【親テーマのダウンロード】の項目が出てきますので、
【”cocoonテーマ”をダウンロードする】をクリックします。

WordPressのテーマを導入する際、親テーマをインストールしたら、その後子テーマもインストールする必要があります。親テーマと子テーマはセットと考えてください。

4. クリックすると、自身のパソコンのダウンロードフォルダにZipファイルが保存されます。

Macの場合、zipが自動で解凍(展開)されてしまう場合があるそうです。その際は、zipに再圧縮してインストールすればOKです。
※以下でダウンロードする子テーマも同様

5. 親テーマをダウンロードしたら、子テーマをダウンロードします。
【親テーマのダウンロード】を下スクロールしたところにある【子テーマのダウンロード】をクリックします。

6. クリックすると自身のパソコンのダウンロードフォルダにZipファイルが保存されて、親テーマと子テーマがダウンロードされたことが確認できます。

7. WordPress管理画面ダッシュボードより、外観→テーマをクリックします。

8. 現在インストールされているテーマの一覧が表示されるので、【新規追加】をクリックします。

9. テーマを追加する画面に変わるので、【テーマのアップロード】をクリックします。

10. ファイルを選択する画面に変わるので【ファイルを選択】をクリックします。

11. ダウンロードフォルダがポップアップで出てくるので、ダウンロードしたcocoonの親テーマ【cocoon-master】zipファイルをクリックして、下のファイル名に入ったことを確認したら、【開く】をクリックします。
この時、親テーマと子テーマ双方のダウンロードが必要となりますが、必ず親テーマからアップロードするようにしてください。親テーマが先に入っていないとエラーが出るため、どのテーマでも、親テーマ→子テーマの順にアップロードを行います。

12. すると、cocoonのzipファイルがアップロードされるので、【今すぐインストール】をクリックします。

13. 以下【アップロードしたファイルからテーマをインストールしています】という画面に変わるので、【テーマのインストールが完了しました。】と表記されたら、インストール完了です。

上記7~13からの作業を、子テーマも同様に行います。

14. 子テーマのインストールも終わったら、管理画面ダッシュボードより、外観→テーマをクリックします。

15. cocoonの親テーマと子テーマがインストールされていることが確認できます。
Child・子テーマにカーソルを移動すると【有効化】というボタンが出てくるので、有効化をクリックします。

この時の注意点として、有効化するのは子テーマのみとしてください。

16. すると、有効化された子テーマが先頭に移動されて有効化されていることが確認できますので、これでインストール完了となります。

WordPressに登録されている公式テーマをインストールする方法

WordPressにはあらかじめ多くのテーマが登録されており、WordPressの管理画面より一覧から選んでインストールすることもできます。
英語のものがほとんどですが、デザインに優れたテーマも多いので、ここでテーマを探してインストールもできます。
では、インストール手順を見ていきましょう。

1. 管理画面ダッシュボードより、外観→テーマをクリックします。

2. 新規追加をクリックします。

3. テーマの一覧画面に変わりますのでこの中からテーマを選択していきます。
ここで「人気・最新・ブロックテーマ・お気に入り・特徴フィルター」などをクリックすると、それぞれ候補のデザインが一覧で見られるので自分の好みのテーマを探してみましょう。

4. また、使いたいテーマが決まっている場合には、右上の【テーマを検索】欄にテーマ名を入力すると結果が表示されます。
ここでは、コーポレートサイト向けの無料テーマ【Lightning】で検索します。
テーマ名を入力すると、先頭にLightningテーマが表記されていて選択可能になっていることが確認できます。

5. また、一覧を見ただけでは分かりづらいと思いますので、プレビューでテーマのデザインを確認してみましょう。
詳細を見たいテーマにカーソルを移動すると以下のように【詳細&プレビュー】と表記されるので、クリックします。

6. すると以下画面になり、そのテーマの実際のページプレビューを確認することができます。
評価も記載されているので参考になるかと思います。気に入ったら、この画面のインストールボタンからインストールすることもできます。

インストールボタンを押すと【有効化】ボタンに変わるので、最後に有効化ボタンをクリックするのも忘れないようにしましょう。

7. テーマ一覧からインストールする方法も簡単で、上記同様、インストールボタンをクリックした後に有効化する手順となります。

これで、WordPressに登録されている公式テーマ一覧からインストールしてテーマを反映させる方法は完了です。

WordPressにお気に入りのテーマを導入して素敵なサイトを作ろう!

今回は、WordPressテーマの意味やインストール方法について説明してきました。

テーマのインストール方法は大きく分けて以下2通りになります。
1. テーマの公式サイトからZipファイルをダウンロード後、Wordpressにインストールする方法
2. WordPressに登録されている公式テーマをインストールする方法

WordPressでは選びきれないほどの魅力的なテーマがあって悩んでしまいますが、自分が作りたいwebサイトに合ったテーマを選びましょう♪

また、当ブログでは、使いやすさ・高機能性・デザイン性など全てにおいて完璧な神テーマ・SWELLをおすすめしています!
有料テーマですが、その機能を使ったら大満足できるテーマなのでぜひチェックしてくださいね♪




よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次