そもそもWordPressとは?
WordPress(ワードプレス)とは一言にすると「ウェブサイトを作るために様々な機能を提供してくれる開発キット」です。
開発キットとしてのWordPressの機能については、また別の記事で紹介いたします。
テーマとは?
WordPressが開発キットで、テーマは開発キットを使って作る制作物(ウェブサイトそのもの)です。
![WordPressテーマとは?](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529030843.png)
図にある通り、テーマの中でHTML・CSS・JavaScriptなどのプログラムファイルを作成します。
WordPressやプログラムを深く理解しないとサイトが作れない?
HTML・CSS・JavaScriptなどプログラミングができないとウェブサイトは作れないのでしょうか?
実はそんなことありません。
WordPressのテーマには既に開発されていて無料で公開されているものが多く存在しています。
これれは簡単にダウンロードができて自分のサイトに活用することが可能です。
この記事では無料のテンプレートでも特に優秀なCacoonを使ってサイトにテーマを適用してみます。
Cacoonをダウンロードする
![Cacoonテーマをダウンロードする](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529022025.png)
ダウンロードを完了したら次のステップに進みます。
管理画面へログインする
Cacoonテーマをダウンロードしたら次は、WordPressの管理画面へログインを行います。
今回、WordPressのログインは以前、Localで作成したサイトを使ってみましょう。
もしまだサイトを作っていない方は下記のリンクから手元PCでサイトを準備してから続きに進んでください。
![LOCALでPCにWordPressサイトを構築する](https://oidema-jp.com/media/wp-content/uploads/2022/05/LOCAL-160x160.png)
![Wp Adminを押下します](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529023634.png)
WP Adminを押下したら管理画面へのログイン画面に遷移します。
![ID・パスワードを入力して管理画面へログインする](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529024536.png)
ログインの認証情報には、サイトを立ち上げた時に入力したユーザ名とパスワードを利用します。
// コピーして使ってください
ユーザ名:test
パスワード:test-taro
![ID・パスワード](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529033713.png)
テーマを適用する
テーマを適用する前に、もう一度、現状のサイトを確認しましょう。
確認をしたら次はテーマを適用してサイトがどのように変わるか確認しましょう。
確認したら次はCacoonをサイトに適用します。
外観>>テーマに移動する
管理画面の左側のメニューで、外観>>テーマに移動します。
![外観>>テーマに移動する” title=””><figcaption>外観>>テーマに移動する</figcaption></figure>
<h3 class=](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529103107.png)
テーマの一覧が表示されている画面で、「新規追加」を押下します。
![新規追加を押下する](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529103844.png)
テーマをアップロードする
![テーマをアップロードする](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529104056.png)
ダウンロードしたZipファイルを押下する
![ダウンロードしたZipファイルを押下する](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529104129.png)
今すぐインストール
![今すぐインストール](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529104209.png)
テーマを有効化する
![テーマを有効化する](https://cdn-ak.f.st-hatena.com/images/fotolife/k/keisuke8925gdk/20220529/20220529104246.png)