CocoonテーマをWordPressにインストールする方法

• コピーしました

 

200万ダウンロードの実績を持つ人気のWordPressテーマ「Cocoonのインストール方法」

について説明いたします。デザインがとてもシンプルで、カスタマイズ性に優れ、

 

「えっ！本当に無料なの？？」

 

と思える完成度です。

 

個人的には、結構気に入ってます。

有料のWordPressテンプレートを買わなくても、Cocoonで十分です。

 

尚、以下の4つの作業が全て完了していることを前提といたします。

デフォルトのWordPressテーマ

レンタルサーバー(エックスサーバー）にWordPressをデフォルトインストールした場合、

「Twenty Twenty-Three 」というテーマが有効になっています。

 

 

で、画面は以下のような感じです。

 

 

カスタマイズすれば、それなりになるのでしょうけど、あまりビジネスライクなデザインとは言えませんね。

Cocoonのダウンロード

（1）以下のＵＲＬよりＣocoonのダウンロードサイトへアクセスします。

 

https://wp-cocoon.com/downloads/

 

（2）Ｃocoonのダウンロードサイトが表示されます。

 

 

 

(2) 以下のリンクをクリックしCoconnの利用規約を読みます。

 

 

 

(3) Cocoonの親テーマからインストールを行います。

ページを下がっていくと「親テーマのダウンロードはこちら」という表示があるので

その下にある「"Cocoonテーマ"をダウンロード」というボタンをクリックします。

 

 

 

（4）パソコンの「ダウンロード」フォルダに、「cocoon-master-2.5.5.3.zip」という

ファイルが格納されています。こちらがCocoonの親テーマになります。

 

 

 

(5) 次にCocoonの子テーマのダウンロードを行います。

更にページを降りていくと「子テーマのダウンロードはこちら。」という表記があるので

その下にある「”Cocoon子テーマ”をダウンロード」をクリックします。

 

 

 

(6) パソコンの「ダウンロード」フォルダに、「cocoon-child-master-1.1.3.zip」という

ファイルが格納されています。こちらがCocoonの子テーマになります。

 

 

 

(7) パソコンのデスクトップ画面にフォルタを作成しダウンロードした以下のファイルを格納します。

 

Coconn親テーマ ⇒ cocoon-master-2.5.5.3.zip

Cocoon子テーマ ⇒ cocoon-child-master-1.1.3.zip

 

 

今回、パソコンのデスクトップ画面に「Cocoon」というフォルダを作成しました。

ファイル名は、何でもいいです。フォルダを作成しないで「ダウンロード」フォルダから

直接していてもOKです。

 

PHPのバージョン確認

（1) Cocoonをインストールする準備が整いました。

では、早速、WordPressに「Cocoon」をインストールしてみましょう。

 

その前に、念のため、PHPのバージョンを確認してみましょう。

 

以降は各レンタルサーバーによって異なりますので各レンタルサーバーの手順で行って下さい。

以下は、エックスサーバーの確認手順です。

 

(2) ブラウザに以下のURLを入力して「エックスサーバーのサーバーパネル」へ

ログインします。

 

https://secure.xserver.ne.jp/xapanel/login/xserver/

 

(3) サーバーパネルログイン画面にて「メールアドレス（Xserverアカウントでも可）」

と「パスワード」を入力して、「ログイン」ボタンをクリックします。

 

 

 

(4) 「サーバー管理」をクリックします。

 

 

 

(5) 「サーバーパネル」の画面左下にある「設定対象ドメイン」にてCocoonをインストールする

「ドメイン」を選択し「設定する」をクリックします。

 

 

 

(6) 画面右上に「設定対象ドメイン」が表示されます。

 

 

 

（7）「PHP」にある「PHP Ver. 切替」をクリックします。

 

 

 

(8) 現在のPHPのバージョンが表示されます。

「なんて、こったい」

現在の　バージョンはPHP7.2.34 でした。

このPHPのバージョンでは、Cocoonのインストールは確実失敗します。

（実は、失敗しました。）

 

 

 

(9) 「変更後のバージョン」にて（推奨)と書かれているPHPのバージョンを選択し

「変更」ボタンをクリックします。

 

 

今回は、「PHP7.4.33（推奨）」を選択しました。

「PHP8.0.25（推奨）」というのも選択可能なのですが、「PHP7.4.33（推奨）」

を選択して下さい。

 

(10) 「PHPバージョンを「PHP7.4.33」に変更しました。」と表示されます。

これで、Cocoonをインストールする全ての準備が整いました。

 

 

Cocoonのインストール

（1）ブラウザに以下のURLを入力し「WordPress管理画面」に接続します。

 

https://あなたのドメイン/wp-admin

 

 

（2）「ユーザー名」と「パスワード」を入力し「ログイン」ボタンをクリックします。

 

 

 

(3) サイドバーのメニューから「外観」→「テーマ」を選択します。

 

 

 

(4) 「テーマ」画面にある「新規追加」をクリックします。

 

 

 

（5）「テーマを追加」画面にて「テーマのアップロード」をクリックします。

 

 

 

(6) 「ファイルを選択」をクリックします。

 

 

 

(7) 「開く」画面が表示されるのでCocoonのテーマファイルを格納したフォルダに移動し

　　「親テーマ」の「cocoon-master-2.5.5.3.zip」を選択し「開く」をクリックします。

 

 

 

(8) 「今すぐインストール」をクリックします。

 

 

 

（9）「テーマのインストールが完了しました。」と表示されるので「テーマページへ移動」を

クリックします。（「有効化」は絶対しない）

 

 

 

(10)「テーマ」画面にある「新規追加」をクリックします。

 

 

 

(11)「テーマを追加」画面にて「テーマのアップロード」をクリックします。

 

 

 

(12)「ファイルを選択」をクリックします。

 

 

 

(13) 「開く」画面が表示されるのでCocoonのテーマファイルを格納したフォルダに移動し

　　「子テーマ」の「cocoon-child-master-1.1.3.zip」を選択し「開く」をクリックします。

 

 

 

(14) 「今すぐインストール」をクリックします。

 

 

 

(15)「テーマのインストールが完了しました。」と表示されるので「有効化」を

クリックします。（「有効化」するのは、Ｃocoon子テーマです。）

 

 

 

(16) 「テーマ」画面に「Cocoon親テーマ」と「Cocoon子テーマ」が表示されます。

「Cocoon子テーマ」が「有効」になっていればインストールは完了です。

 

 

 

(17) ブラウザから以下のURLを入力し、開設したブログを確認してみましょう。

 

https://あなたのドメイン

 

 

(17) 以下がCocoonのデフォルトページです。

 

 

以上でCocoonのインストールは完了です。

まとめ

 

Cocoonのインストールは、他のテーマのインストールと若干異なるところがあります。

Cocoonテーマのインストールのポイントは以下の3つです。

 

(1) PHPのバージョン PHP7.4以上

(2) 親テーマからインストールするが親テーマは「有効化」しない

(3) 子テーマを「有効化」する

 

冒頭でも話しましたが、Cocoonは、

 

• シンプル且つビジネスライクなデザインである
• カスタマイズ性に優れている
• 無料で使える

 

など、とても素晴らしいWordPressテーマです。

WordPressのテーマに迷われたら、Cocoonをお使いになることをお薦めいたします。

 

人気ブログランキング参加中！！

応援ポチお願いします。

 

 

 

• コピーしました