目次
Swellテーマのインストール方法
事前準備
予め下記のファイルを準備してください。
※zipファイルのまま解凍しないでください。
- 親テーマ
- 子テーマ
![](https://goriweb.jp/wp-content/uploads/2024/02/貼り付けた画像_2024_02_23_13_58.png)
外観からテーマを選択する
STEP
デフォルトのテーマがインストールされていると下記のようにでます
![](https://goriweb.jp/wp-content/uploads/2023/10/ダウンロードのコピー-scaled-1.jpeg)
STEP
ログインします
![](https://goriweb.jp/wp-content/uploads/2023/10/ダウンロード-1-scaled-1.jpeg)
STEP
管理画面に入りました。
![](https://goriweb.jp/wp-content/uploads/2023/10/ダウンロード-2-scaled-1.jpeg)
インストール手順
- 1回目は親テーマです。
- 2回目は子テーマです。
①親テーマをインストールする
STEP
外観→テーマ→新しいテーマを追加をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/02/貼り付けた画像_2024_02_23_13_32.jpg)
STEP
ファイルを選択します
![](https://goriweb.jp/wp-content/uploads/2023/11/貼り付けた画像_2023_11_18_19_33.png)
STEP
親テーマのファイルを選択します
![](https://goriweb.jp/wp-content/uploads/2024/02/開く_と_テーマを追加_‹_ブログ_—_WordPress-2.png)
STEP
今すぐインストールをクリックします
![](https://goriweb.jp/wp-content/uploads/2024/02/貼り付けた画像_2024_02_23_13_26.png)
STEP
有効化をクリックします。
テーマをインストールが完了しました。「有効化」をクリックします
下記は親テーマの例です。
![](https://goriweb.jp/wp-content/uploads/2024/02/image-4.jpg)
STEP
親テーマが有効化されました。
![](https://goriweb.jp/wp-content/uploads/2024/02/貼り付けた画像_2024_02_23_13_39.jpg)
②子テーマをインストールする
STEP
新しいテーマを追加をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/02/貼り付けた画像_2024_02_23_13_39-1.jpg)
STEP
「テーマのアップロード」をクリックします
![](https://goriweb.jp/wp-content/uploads/2024/02/貼り付けた画像_2024_02_23_13_43.jpg)
STEP
ファイルからテーマをアップロードします。
![](https://goriweb.jp/wp-content/uploads/2024/02/貼り付けた画像_2024_02_23_13_46.jpg)
STEP
ファイルを選択します
![](https://goriweb.jp/wp-content/uploads/2024/02/開く_と_テーマを追加_‹_ブログ_—_WordPress.png)
STEP
今すぐインストールをクリックします
![](https://goriweb.jp/wp-content/uploads/2024/02/テーマを追加_‹_ブログ_—_WordPress.png)
STEP
有効化をクリックします。
テーマをインストールが完了しました。「有効化」をクリックします
下記は親テーマの例です。
![](https://goriweb.jp/wp-content/uploads/2024/02/テーマのアップロード_‹_ブログ_—_WordPress.jpg)
STEP
子テーマが有効化されました
![](https://goriweb.jp/wp-content/uploads/2024/02/image-4-1.jpg)
確認
親テーマと子テーマがインストールされると表のページでは下記のようにテーマが反映されていることがわかります。
![](https://goriweb.jp/wp-content/uploads/2024/02/貼り付けた画像_2024_02_23_14_12.jpg)