テンプレート見つけてダウンロードする
WordPressのインストールが終わったら、デフォルトのテンプレートから好みのテンプレートに変更してみましょう。
WordPressはインターネット上で有料のテンプレート、無料のテンプレートが数多く配布されています。
「WordPress 無料テンプレート」とググるといろいろ見つかります。
目的に応じたテンプレートを選ぶのがポイントです。
ここではこのAmericanPieで使っている同じテンプレートを使うことにします。
Simmon氏の「Godios.」です。
私がこのサイトを作ったときには無料で配布していましたが、現在(2019年4月29日より)は有料になっているようです。
(今回は以前、ダウンロードしたファイルを使います)
好みのテンプレートzipファイルをパソコンにダウンロードしましょう。
親テーマ、子テーマは両方ともダウンロードする
子テーマのあるテンプレートを利用する場合は親テーマ・子テーマともにダウンロードします。
テンプレートをサーバーに転送する
ローカルに落としたテンプレートファイルをWordPressで設定するためにはテンプレートファイルをWordPresswを構築しているサーバーに転送します。
転送するには二つの方法があります。
- WordPressのダッシュボードから転送する
- FTPを使ってレンタルサーバーにアクセスし転送する
ダッシュボードから転送する
![ワードプレスのテーマをインストール](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_512,h_360/https://www.ame-pie.jp/wp/wp-content/uploads/2019/05/7b63a11a8c726e13e85eca78c52d6186-1024x720.png)
ダッシュボードの「外観」を表示させ、「新規追加」を押下します。
![テーマのアップロード](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_512,h_399/https://www.ame-pie.jp/wp/wp-content/uploads/2019/05/5e257e0a3e76c4329b78c066446e009d-1024x797.png)
テーマのアップロードを押下しましょう。
![テンプレートファイルの転送](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_512,h_384/https://www.ame-pie.jp/wp/wp-content/uploads/2019/05/d897e7cf332a5c02223aa9080cf02af5-1-1024x767.png)
テーマをアップロードします。
「ファイルを選択」を押下し、先ほど、ローカルに落としたzipファイルをそのままアップロードします。
今回は親テーマと子テーマのあるテンプレートを利用するので両方ともアップロードします。
FTPからサーバーに転送する方法
FTPからサーバーに直接、ファイルを転送する場合、zipファイルを解凍します。
該当WordPressをインストールしているディレクトリ「wp-content」→「themes」にダウンロードした親テーマと子テーマを転送します。
テーマを有効化する
![テンプレート転送](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_512,h_165/https://www.ame-pie.jp/wp/wp-content/uploads/2019/05/63751629b812ce11e1b2e613672275aa-1024x329.png)
子テーマの有効化を押下します。
![テーマの有効化](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_1024,h_797/https://www.ame-pie.jp/wp/wp-content/uploads/2019/05/a9c72980cb422c936d348896e566e587-1024x797.png)
子テーマを有効化します。
テーマを直接カスタマイズしてしまうと、テーマのバージョンアップによってテンプレートファイルのカスタマイズした内容が上書きされてしまいます。
それを回避するために子テーマがあります。
サイトを表示をしてみましょう。
![WordPressテンプレート変更](https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_512,h_273/https://www.ame-pie.jp/wp/wp-content/uploads/2019/05/c626b0b52944732adac3b4cec0399170-1024x545.png)
これでとりあえずのWebサイトは完成です。
ここからはいろいろカスタマイズしていきましょう。