前回は「WordPressの設置」が完了しました。
WordPressを設置したら、次にやることは「テーマのインストール」です。
(テンプレートを当てはめるということです)
今回は、テーマのインストール方法を説明します。
>>SWELLをまだ持っていない人はこちら【SWELLの機能を解説】
ダウンロードしたテーマをZipファイルでインストールし、有効化
SWELLの購入がまだ済んでいない人はSWELLの公式サイトから購入してダウンロードしておきましょう。
まず、ダウンロードしたSWELLのテーマが、Zipファイルになっています。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst1.jpg)
管理画面のトップページから「外観」⇒「テーマ」を選んでください。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst2.jpg)
下のような「今あるテーマの一覧」画面になります。
(初期設定でいくつか入っています)
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst3.jpg)
グレーの「新しいテーマを追加」を選んでください。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst4.jpg)
下のような画面になるので、上部にある「テーマのアップロード」のボタンを押してください。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst5.jpg)
下の画面になります。ここにSWELLのZipファイルをアップロードします。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst6.jpg)
下のようにマウスで運べばアップできます(ドラッグ&ドロップ)。
まず本体の「swell」の方を、先にアップしてください。
![インストール](https://graslax.com/wp-content/uploads/2021/10/kirinuki.jpg)
ドロップしたら下のように、文字だけになります。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst7.jpg)
「今すぐインストール」を押してください。
インストールが完了すると、下の画面になります。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst8.jpg)
「有効化」をクリックしてください。
下の画面になり、SWELLが「有効」になっていることがわかります。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst9.jpg)
WordPress子テーマのインストールと有効化
あとは、同じ要領でSWELLの「子テーマ」もアップロードします。
これもインストールが完了すると、下のような画面になります。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst10.jpg)
「有効化」を押すと、下の画面になります。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst11.jpg)
これでサイトを開くと、SWELLがインストールできていることがわかります。
![インストール](https://graslax.com/wp-content/uploads/2021/10/inst12.jpg)
ちなみに、インストールした直後は下のデモサイトのようになっています。
このSWELLをいじるとどのようになるかは「おすすめのテーマ:SWELL」の章で紹介したとおりです。
まとめ
![](https://graslax.com/wp-content/uploads/2021/11/pixta_76489075_M-1024x682.jpg)
テーマのインストールの要点をまとめると、下の3点です。
- ZIpファイルでアップロードし、有効化する
- 子テーマも同様にする
- 必要に応じて『着せ替えテーマ』(.datファイル)をアップする
次の講座『WordPressの基本用語』
![](https://graslax.com/wp-content/uploads/2022/05/4dbd0f51593dba416f5b6fcb79a081a2.jpeg)