目次
WordPressの人気テーマ「Cocoon」のダウンロードとインストールの方法
![cocoonテーマ](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_033r.png)
Cocoonのダウンロードとインストール
専用サイトを表示
専用サイト https://wp-cocoon.com/downloads/ または、ブラウザの検索ウィンドウに「cocoon」と入力して検索を実行します。 検索結果にある「テーマのダウンロード」をクリックします。![キャプチャー、oooon入手](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_01r.png)
![キャプチャー。cocoonのダウンロードサイト](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_02r.png)
ダウンロード
Cocoonには親テーマと子テーマがあります。 まず、親テーマのダウンロードをします。![キャプチャー、親テーマ](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_03r.png)
![キャプチャー、子テーマ](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_04r.jpg)
![キャプチャーダウンロード](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_05r.png)
インストール
ダウンロードしたテーマをWordpressにインストールします。 あらかじめレンタルサーバー内にWorepressが組み込まれていることが必要です。エックスサーバーでのWorepressインストールはこちらを参照ください。↓↓↓↓↓↓↓ WordPress(ワードプレス)のインストール方法[初心者向け]、エックスサーバーの「WordPress簡単インストール」を利用 WardPrssのダッシュボードで 左メニュー >> [外観] >> [テーマ] をクリックします。![キャプチャー、外観テーマ](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_06r.png)
![キャプチャー、新しいテーマのインストール](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_07r.png)
![キャプチャー、テーマのアップロード](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_08r.png)
![キャプチャー、ファイルを選択](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_09r.png)
![キャプチャー、テーマを選択](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_10r.png)
![キャプチャー、開く](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_11r.png)
![キャプチャー、インストール](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_12r.png)
![キャプチャー、有効化](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_13r.png)
![キャプチャー、有効化](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_14r.png)
![キャプチャー、子テーマのインストール](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_21r.png)
![キャプチャー、ファイルの選択](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_22r.png)
![キャプチャー、インストール](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_23r.png)
![キャプチャー、有効化](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_24r.png)
![キャプチャー、子テーマインストール](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_26r.jpg)
*子テーマとは
子テーマは、カスタマイズ用の内容を書き込み、保存しておくところです。
「元々の設定が黒色のところをオレンジ色にしたい」なんて思った時は子テーマにその情報を書き足すのです。なぜ直接元の情報を書き換えないのか?一番の理由は、テーマのアップデートに対応するためです。せっかく自分好みにカスタマイズしたのに、作者さんがなんらかの機能追加をしてアップデートした、そのファイルで上書きされると、自分の変更した内容は消えてしまします。
これを防ぐのが子テーマです、子テーマの情報はアップデートでは消えません、また親テーマより優先順位が高い状態で反映されるので、一度設定しておくと、アップデートの度に書き直しの手間が省けます。また、もう一つの利点で、カスタマイズしたい時、本体のファイルを触ってしまって不具合が起こるのを防止することもできます。
触ってしまって、壊してそのままドツボにハマる事はよく起こります。子テーマなら傷口が浅くてすみます(笑
サイトの表示を確認
テーマが反映されたサイトの表示を確認します。 テーマ一覧の上部にある [サイトを表示] の文字をクリックします。![キャプチャー、サイトの確認](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_27r.jpg)
![キャプチャー、サイトを表示](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-25_28r.png)
![キャプチャー。トップページ](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-29r.png)
![キャプチャー、個別記事へ](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-31r.png)
![キャプチャー、記事画面](https://design.takanoplanning.com/wp-content/uploads/2019/01/2019-01-28r.png)