WordPressの無料の王道テーマ「Cocoon」をインストールする方法

Cocoon

WordPressではテーマをインストールすることで見た目や機能を簡単に変える事ができます。

テーマとは言わば「テンプレート」や「スキン」のようなものです。便利なのはテーマによって見た目はもちろんのこと使える「機能」も大きく変わります。

有料、無料テーマが多く公開されていますが、無料で使えるテーマの中で多くのブロガーに支持される無料テーマである「Cocoon」の導入方法について解説します。

Cocoonとは

寝ながら出来るコトや使えるモノを紹介するブログ「寝ログ」を運営するわいひらさんが開発したWordpressテーマで無料で使う事ができます。2018年6月に公開された割と新しいテーマです。

なお「Cocoon」は同じくわいひらさんが作成した「Simplicity」と言う無料テーマの後継モデルのテーマです。この前身の「Simplicity」も多くのブロガーさんに支持されていたテーマです。

SEO対策、ページ高速化機能、モバイルフレンドリー、AMP対応、収益化を見据えた設定項目がデフォルトで用意されていたりと追加プラグインが要らないくらい充実しています。

Cocoonの利用にはサーバ側でPHP7.0以上が稼働している必要がありますが、エックスサーバーを利用されている場合はPHPバージョンは7.2.6、7.1.18、7.0.30に対応(2019/1/4時点)しているため、全く問題ありません。

Cocoonのインストール方法

インストールの流れ次の3つのステップで完了します。

  1. 親テーマと小テーマの事前ダウンロード
  2. 親テーマと小テーマのアップロード
  3. 小テーマの有効化

テーマの事前ダウンロード

事前にテーマファイルのダウンロードをしておく必要があります。ダウンロードサイトは以下の手順中にリンクを記載しています。

親テーマの事前ダウンロード

Cocoonテーマの作者のわいひらさんのHPのCocoonの親テーマのダウンロードページから事前に①「親テーマ」をダウンロードしておきます。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

※「必ずPHP7以上でご利用ください」と警告が記載されていますが、エックスサーバーを利用されている場合はPHPバージョンは7.2.6、7.1.18、7.0.30に対応(2019/1/4時点)しているため、全く問題ありません。

Cocoonテーマの作者のわいひらさんのHPのCocoonの子テーマのダウンロードページから事前に②「子テーマ」もダウンロードしておきます。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

テーマ「Cocoon」のインストールと有効化

先ほどダウンロードした親子テーマを順にインストールしていきます。

親テーマのアップロードとインストール

まずは親テーマからインストトールしていきます。

ダッシュボードから③「外観」を選択します。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

テーマ画面が表示されるので④「新規追加」を選択します。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

「テーマを追加」画面で⑤「テーマのアップロード」を選択します。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

⑥「参照」を選択して、先ほどダウンロードしたテーマを指定します。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

先ほどダウンロードした親テーマの⑦「cocoon-master-1.5.0.zip」を選んで⑧「開く」でテーマのアップロードを行います。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

「テーマを追加」画面で⑨「今すぐインストール」を選択してインストールを始めます。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

問題なくインストールが完了すると「テーマのインストールが完了しました。」と表示されます。

⑩「テーマのページに戻る」を選択して次は小テーマのアップロードとインストールを行います。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

子テーマのアップロードとインストール

続いて子テーマのアップロード、インストールを行います。手順は先ほどの親テーマのインストールと同じです。

「テーマを追加」画面で⑪「テーマのアップロード」を選択します。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

⑫「参照」を選択して、先ほどダウンロードしたテーマを指定します。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

今度は子テーマの⑬「cocoon-child-master-0.0.5.zip」を選んで⑭「開く」でテーマのアップロードを行います。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

「テーマを追加」画面で⑮「今すぐインストール」を選択してインストールを始めます。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

Cocoon子テーマの有効化

問題なくインストールが完了すると「テーマのインストールが完了しました。」と表示されます。

ここから⑯「有効化」を選択して子テーマをブログに適用させます。

※子テーマを有効化するには親テーマがインストールされている必要があります。当ブログの手順通りに実施頂いていれば問題ありません。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

⑰「新しいテーマを有効化しました」と表示さてていれば問題ありません。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

Cocoonの初期状態はとってもシンプル!

自サイトを開くとイメージががらりと変わっていると思います。

 WordPressの無料の王道テーマ「Cocoon」をインストールする方法

このようにCocoonはデフォルトではとってもシンプルなテーマですのでこれから好みのデザインにカスタマイズしていきましょう!

Next:WordPressの初期設定

次のステップではWordPressインストール後の基本的な初期設定を実施します。

ブログのタイトル設定や紹介文、投稿カテゴリなどを設定します。

WordPressブログを開設したら初めにやるべき設定集!
ブログ開設おめでとうございます! 早速記事を書きたいところだと思いますが、まだもう少し待ってください。最初にやっておくべき初期設定がいくつかあるので紹介します。他にも設定できる場所はたくさんありますが、記事投稿よりも大事なものだけを厳...

 

コメント