WordPressテーマ(テンプレート)の概要と利用の仕方 【サイト設計編】

この記事は、WEBサイトの外観を形成するソフトウェアである「WrodPressテーマ(テンプレート)について、概要と利用の仕方について解説しています

テーマを利用することで、コーディングの知識がない方でも、簡単にオシャレなWEBサイトを作成することができます。

以下で、テーマに関する概要や利用の仕方について詳しく解説します。

WordPressテーマ(テンプレート)の概要

ここではWordPress WordPressテーマ(テンプレート)の概要と、利用する上での注意点について解説しています。

WordPressテーマ(テンプレート)とは

WordPressテーマとは、WEBサイトの外観を形成するソフトウェアです。

テーマごとに大枠のレイアウトはありますが、WordPressの管理画面からレイアウトをカスタマイズすることができるので、HTMLやCSSなどのコーディング知識がなくても オシャレでこだわりのあるレイアウトを作成することができます

こちらはWordPressファイルをダウンロードすると自動的にインストールされている「Twenty Sixteen」というテーマのカスタマイズ画面です。

WordPressのテーマには無料のものと有料のものがあり、有料テーマは1万円程度~販売されているものが多いです。

WordPressの管理画面から検索しインストールすることもできますし、インターネット上のWEBサイトから取得することもできます。

テーマによるレイアウトの変化

ここでは無料で利用できるテンプレートを使って、どのようにデザインが変わるのか見てみましょう。

なお、カスタマイズはせずデフォルトの状態で画像にしています。

Twenty Seventeen

こちらはデフォルトでインストールされているテーマです。

シンプルですね。

Ashe

こちらは無料でインストールできます。

サイトタイトルが大きく表示され、背景に画像が設定できるようになっていますね。

Oblique

こちらも無料でインストールできます。

とってもスタイリッシュですね。

このように、テーマを変更するだけでもサイトデザインが大きく変わります。

WordPressテーマを利用する際の注意点

WordPressテーマは先ほど画像でお見せしたように、管理画面から様々なカスタムができます。

そしてカスタムできる範囲や内容は、テーマによって異なります。

ここが各テーマを特徴づける部分であり、テーマを利用するメリットなのですが、同時に気をつけなければならない部分でもあります。

テーマを変更する場合の注意点

新しいテーマでは利用中のテーマと同じカスタマイズができない場合があります。
新しいテーマで設定ができない部分は、そのテーマのデフォルトのデザインが適用されるため、思った通りのレイアウトにできない場合があります。

WordPressテーマの利用方法

ここからは実際にWordPressテーマのインストールや適用の仕方について解説します。

インストールする方法は2つあります。

管理画面からテーマをインストールする

WordPress管理画面から「外観」にカーソルを合わせ「テーマ」をクリックします。

こちらがテーマ管理画面です。

画面上部の「新規追加」をクリックします。

テーマの追加画面に切り替わり、様々なテーマが表示されます。

では、先ほどお見せした「Ashe」というテーマをインストールしてみます。

右上の「テーマを検索」と表示されている検索フォームに「テーマ名」を入力します。

入力したテーマが表示されました。

テーマにカーソルを合わせると「インストール」というボタンが表示されるのでクリックします。

インストールが完了すると「有効化」というボタンが表示されます。

この「有効化」をクリックすると、それまで適用していたテーマから、このテーマに切り替わります。

外部から取得したテーマをインストールする

様々なWEBサイトでWordPressファイル販売していたり、無料配布していたりします。

その中で気に入ったテーマをダウンロードして利用することができます。

この記事では例としてWordPress.orgというWordPressソフトウェアを配布している公式サイトからテーマをダウンロードしてみます。

WrodPress.orgはこちらです。

このようなサイトが表示されますので、上のメニューから「テーマ」をクリックしてください。

このような画面が開いたら右側の「テーマを検索」と表示されているフォームに「テーマ名」を入力してください。

今回も例として“Ashe”というテーマをダウンロードしています。

このように入力したテーマが表示されます。

テーマにカーソルを合わせると「ダウンロード」ボタンが表示されるのでクリックします。

Zipファイルをわかりやすいところにダウンロードしてください。

次はWordPressに、今ダウンロードしたファイルをインストールします。

WordPress管理画面のテーマを開き「新規追加」をクリックします。

次に「テーマのアップロード」をクリックします。

「ファイルを選択」をクリックし、先ほどダウンロードしたWordPressテーマをZipファイルのままアップしましょう。

アップしたファイル名が表示されるので、問題なければ「今すぐインストール」をクリックします。

画面が切り替わり「テーマのインストールが完了しました」と表示されれば完了です。

WordPress管理画面のテーマに戻り、インストールしたテーマにカーソルを合わせ「有効化」をクリックすればテーマが切り替わります。

まとめ

この記事では、WEBサイトの外観を形成するソフトウェアである「WrodPressテーマ(テンプレート)について、概要と利用の仕方について解説しました。

このテーマを利用することで、HTMLやCSSなどのコーディング知識がなくても オシャレでこだわりのあるWEBサイトを作成することができます

あなたのWEBサイトのコンセプトにあったテーマを見つけましょう!

知識ゼロから学べるWordPress入門

WordPress初学者向けに
解説記事を無料公開しています!
WordPress解説(入門編)

この記事を書いた人

Yoshihiko Hoshino

フロントエンドエンジニア
当サイトの「WordPress入門」は、これからWordPressをはじめる方に向けて”どこよりも丁寧に”を心がけて書いています。