Cocoon

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

目安時間 13分
  • コピーしました

 

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

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

 

「えっ!本当に無料なの??」

 

と思える完成度です。

 

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

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

 

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

  • ドメインの取得と設定が完了していること
  • SSLの設定が完了していること
  • WordPressのインストールが完了していること
  • PHPのバージョンが7.4以上であること

デフォルトのWordPressテーマ

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

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

 

 

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

 

 

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

Cocoonのダウンロード

(1)以下のURLよりCocoonのダウンロードサイトへアクセスします。

 

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

 

(2)Cocoonのダウンロードサイトが表示されます。

 

 

 

(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)「テーマのインストールが完了しました。」と表示されるので「有効化」

クリックします。(「有効化」するのは、Cocoon子テーマです。

 

 

 

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

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

 

 

 

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

 

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

 

 

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

 

 

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

まとめ

 

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

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

 

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

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

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

 

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

 

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

 

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

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

 

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

応援ポチお願いします。

 

 

 

  • コピーしました

   Cocoon   0

この記事に関連する記事一覧

この記事を書いた人

根本裕樹
根本裕樹

初めまして、根本と言います。サラリーマンの傍ら豊かな老後を手に入れる為に、Googleアドセンスをメインにアフィリエイトを行っています。残念ながら日本人の9割の人は、現役時代に老後資金を作れない為、将来、下流老人(かりゅうろうじん)になります。あなたが、下流老人にならない為に、わたしがあなたのお手伝いをいたします。

コメントフォーム

名前  (必須)

メールアドレス (公開されません) (必須)

URL (空白でもOKです)

コメント

トラックバックURL: 
当サイト一押し教材

 管理人プロフィール

根本裕樹

根本裕樹

初めまして、根本と言います。サラリーマンの傍ら豊かな老後を手に入れる為に、Googleアドセンスをメインにアフィリエイトを行っています。残念ながら日本人の9割の人は、現役時代に老後資金を作れない為、将来、下流老人(かりゅうろうじん)になります。あなたが、下流老人にならない為に、わたしがあなたのお手伝いをいたします。

  最近の投稿
人気記事
カテゴリー