本記事では購入したSTORK19のデータをワードプレスにインストールする手順を解説していきます。
タップできる目次
STORK19のインストール方法
まずホームページの管理画面に入ります。
(https://ドメイン名/wp-admin/)というアドレスを入力して、管理画面に入ってみましょう。
サーバー契約時に設定したワードプレスのユーザー名(ログインID)とパスワードを入力してログインしましょう。
![](https://henmo.net/wp-content/uploads/2021/05/cd1519e44197660ba0dde7d332b7269d.png)
外観からテーマを選択
ワードプレスにログインすると管理画面(ダッシュボード画面)になります。
画面の左側にある黒い帯がメニューです。
この中から「外観』→「テーマ」を選びクリックします。
![STORK19のインストールの手順と流れ1](https://fukyo-shi.com/wp-content/uploads/2021/02/themainst-1024x642.jpg)
テーマの新規追加
続いて、画面上部にある「新規追加」もしくは+マークの「新しいテーマを追加」をクリックします。
![STORK19のインストールの手順と流れ2](https://fukyo-shi.com/wp-content/uploads/2021/02/687389fb98a985d89ce472482e0bf141-1024x550.jpg)
「新規追加」もしくは+マークの「新しいテーマを追加」を押すと「テーマのアップロード」ができるボタンが表示されます。
![テーマのアップロードボタン](https://fukyo-shi.com/wp-content/uploads/2021/02/806cf1811e731b9a62dade3546247a7c-1024x278.png)
「jstork19」のファイルをアップロード
ここに購入・ダウンロードした「jstork19」のZIPファイルをアップロードします。
![STORK19のインストールの手順と流れ3](https://fukyo-shi.com/wp-content/uploads/2021/02/806cf1811e731b9a62dade3546247a7c-1024x278.png)
「ファイル」を選択ボタンを押して、ダウンロードした「jstork19」のファイルを選択しましょう。
![STORK19のファイル画像](https://fukyo-shi.com/wp-content/uploads/2021/02/3e043325a0de7df6ea88114518bbb7be.png)
ダウンロードした「jstork19」のファイルを解凍せずにZIP形式のままでアップロードしてください。
ファイルが選択できると下のような画面になります。
![STORK19のインストールの手順と流れ4](https://fukyo-shi.com/wp-content/uploads/2021/02/801425e9388403ef230ed744fd5291c7-1024x247.png)
「今すぐインストール」のボタンを押すと下のような画面になります。
![STORK19のインストールの手順と流れ5](https://fukyo-shi.com/wp-content/uploads/2021/02/909a19970b98a8dcc1e28956d49d2d75.png)
ただ、この段階では「有効化」はまだ押さないでください。
押しても大丈夫なんですが、実際にホームページを運営するときはSTORK19の「子テーマ」というものを使います。
一旦このまま作業をストップし、続いてSTORK19の子テーマをダウンロードしてインストールする行程にすすみます。
STORK19子テーマのダウンロードとインストール
STORK19の子テーマをダウンロードしましょう。
STORK19のファイルをインストールしたあとに子テーマをインストールするようにしてください。
STORK19の子テーマはこちらからダウンロードできます。
子テーマのダウンロードページの中からストーク19用の子テーマをダウンロードしましょう。
![STORK19の子テーマインストールの手順と流れ1](https://fukyo-shi.com/wp-content/uploads/2021/02/kote-ma.jpg)
ダウンロードすると「jstork19-custom」というファイルがダウンロードできます。
![STORK19の子テーマのファイル画像](https://fukyo-shi.com/wp-content/uploads/2021/02/998ed868334d60abdbc76aef23480d78.png)
これをSTORK19のファイルと同じようにインストールしていきます。
外観からテーマを選択
「外観」→「テーマ」をクリックしてください。
![STORK19の子テーマインストールの手順と流れ2](https://fukyo-shi.com/wp-content/uploads/2021/02/themainst-1024x642.jpg)
テーマの新規追加
「新規追加」もしくは+マークの「新しいテーマを追加」をクリック。
![STORK19の子テーマインストールの手順と流れ3](https://fukyo-shi.com/wp-content/uploads/2021/02/storkinst2-1024x791.jpg)
「jstork19_custom」のファイルをアップロード
「テーマのアップロード」をクリックします。
![STORK19の子テーマインストールの手順と流れ4](https://fukyo-shi.com/wp-content/uploads/2021/02/806cf1811e731b9a62dade3546247a7c-1024x278.png)
「jstork19_custom」のファイルを選択してインストールします。
子テーマのインストールが完了したら有効化してください。
「STORK19 CHILD THEME」というテーマが有効化できていたら正解です。
![STORK19と子テーマのインストール完了画面](https://fukyo-shi.com/wp-content/uploads/2021/02/f44e89f1f295ddabd1ce25e6d9a9d1d1-1024x514.jpg)
STORK19のテーマ(水色のSのマークのテーマ)は有効化はしていませんが、読み込んで使っているので消してはいけません。
STORK19とSTORK19CHILD THEMAの2つがインストールされ、CHILD THEMAが有効化されていればOKです。
ワードプレステーマSTORK19のインストールが完了
ワードプレステーマSTORK19のインストールが完了したらホームページはこのような画面になっているはずです。
![](https://fukyo-shi.com/wp-content/uploads/2021/02/007305038bdcae668d347d875f5b9633-1024x445.png)
これで執筆活動に入ることができますよ。
どんどん記事をかいていきましょう!
今後ホームページに独自のカスタマイズをしていくことがあります。
そのとき、STORK19のテーマそのもの(親テーマ)に編集をかけているとテーマがアップデートされた時に自分で作ったカスタマイズは上書き消去されてしまいます。
そのため、コピー的な役割をする子テーマを設定しておくことで、アップデートでカスタマイズが消えることを防ぐ役割があります。
現段階では意味を理解できていなくても大丈夫です。
とりあえず子テーマをインストールしてください。