ローカル環境は作りましたが、
今はまだ何も手を加えていない初期状態となっています。
今回は、ここに無料で優秀と評判のテーマ「Cocoon」を適用してみたいと思います。
「Cocoon」とは？
「Cocoon」はWordPress無料テーマです。
「Simplicity」という無料テーマも有名ですが、その後継となるようです。
WordPressのテーマは、以下のように分類されます。
- WordPress公式 / 非公式
- 有料 / 無料
無料だと有料と比べ、機能が劣るものが多いと思われがちですが、
無料の中でも、「Cocoon」は有料のものと大差ないと言われるほど高機能と言われているようです。
「Cocoon」をダウンロードしよう
オフィシャルサイトのダウンロードサイトの手順に沿って、ダウンロードしていきます。
前回確認したXAMPPの各ソフトウェアは「Cocoon」の推奨環境を満たしているので、
続けたいと思います。
「Cocoon」推奨環境
- WordPress5.3.0以上
- PHP7以上
「Cocoon」ダウンロード手順
①利用規約を確認する。
②「”Cocoon低サイズ版（要自動アップデート）”をダウンロード」のボタンをクリックする。
※公式サイトでは、「”Cocoonテーマ”をダウンロード」ボタンをクリックし、親テーマをダウンロードするよう記載があります。
③子テーマをダウンロードする。
「Cocoon」をインストールしよう
では、「Cocoon」をインストールしてみたいと思います。
「Cocoon」インストール手順
①XAMPPを開き、MySQLを開始する。
②Apacheを開始する。
③chromeなどのブラウザを開き、次のURLをアドレスバーに入力し、「Enter」キーをクリックする。
④ローカル環境のトップ画面が表示される。
⑤サイト名＞ダッシュボードをクリックする。
⑥管理画面が表示されたら、左ペインから、外観＞テーマをクリックする。
⑦「新規追加」ボタンをクリックする。
⑧「テーマのアップロード」をクリックする。
⑨「ファイルを選択」ボタンをクリックする。
⑩親テ－マのファイルを選択し、「開く」ボタンをクリックする。
⑪ファイル名が表示されたら「今すぐインストール」ボタンをクリックする。
⑫「テーマのインストールが完了しました。」が表示されるまで待つ。
⑬「テーマページへ移動」リンクをクリックする。
⑭「新規追加」ボタンをクリックする。
⑮「テーマのアップロード」をクリックする。
⑯「ファイルを選択」ボタンをクリックする。
⑰子テ－マのファイルを選択し、「開く」ボタンをクリックする。
⑱ファイル名が表示されたら「今すぐインストール」ボタンをクリックする。
⑲「テーマのインストールが完了しました。」が表示されるまで待つ。
⑳「有効化」リンクをクリックする。
㉑「新しいテーマを有効化しました。」と表示されることを確認する。
㉒「サイトを表示」をクリックする。
㉓Cocoonテーマが反映されたトップ画面が表示される。
「Cocoon」をアップデートしよう
低サイズ版の親テーマを使ってインストールしたので、アップデートが必要です。
アップデートをしたいと思います。
「Cocoon」アップデート手順
①サイト名＞ダッシュボードをクリックする。
②左ペインから、ダッシュボード＞更新をクリックする。
③テーマ欄で更新対象の「Cocoon」を選択し、「テーマを更新」ボタンをクリックする。
④「Cocoon の更新に成功しました。」「すべての更新が完了しました。」が表示されたことを確認する。
まとめ
いかがでしたでしょうか？
次回は、Cocoonを使って何ができるか、試してみたいと思います。
