ConoHa WING×Cocoon利用時の注意点＆高速化方法

「Cocoon」と「SANGO」がある

ConoHa WINGは、テーマを一緒に購入できるようになっています。

 

「Cocoon」と「SANGO」、「JIN」があるのですが、

「SANGO」と「JIN」は有料なので、とりあえず無料の「Cocoon」を使ってみようという方が多いのではないでしょうか（実際に私がそうでした）。

そこで、「Cocoon」テーマ利用時の注意点を記したいと思います。

 

Cocoon公式の高速化方法はこちらです。併せて参照いただけるとお役に立つのではないかと思います。

 

ConoHa WINGを利用してのサイトの開設方法などは、Cocoon公式に詳しく書かれています。

 

関連記事はこちらです。

 

↓↓レンタルサーバー選びでお悩みの場合、こちらの記事がおすすめです！↓↓

コノハウィングとロリポップとカラフルボックスを比較した結果

 

 

「Cocoon」テーマ利用時の注意点

子テーマがない

後から気づいた

私がConoHa WINGのコントロールパネルで、Cocoonテーマをインストールしたところ、

なぜか子テーマがありませんでした。

 

カスタマイズの際など、子テーマは何かとあったほうがよいのではないかと思います。

 

もっとも私と同じような状況の方は、ぜひ試してみてください。

 

 

 

公式からダウンロード

子テーマがなかった場合でも、公式サイトからダウンロードできます。

 

「Cocoon」作者のわいひらさんが、公式サイトで、「Cocoon」と「Cocoon低サイズ版」、「Cocoon子テーマ」を配布してくださっています。

 

このうち、「Cocoon」と「Cocoon子テーマ」をダウンロードします（無料です）。

 

 

 

インストール方法

WordPress管理画面

ダウンロード完了後、「Cocoon」と「Cocoon子テーマ」をWordPress管理画面からインストールします。

 

外観 → テーマ → 新規追加 の順に遷移し、

zipファイルをそれぞれアップロードしてインストールするだけです。

 

有効化して、カスタマイズなどの対象となるのは「子テーマ」の方です。

「親テーマ」については手を加えないようにしたほうがよいと思います。

 

 

 

アップデートについて

自動配信

親テーマのアップデートは、WordPress管理画面「更新」の項目に、

普通に配信されると思います（少なくとも私はそうでした）。

 

アップデートの際、「子テーマ」を使っていれば、カスタマイズが初期化されることもなく、安心です。

 

 

 

ConoHa WING×Cocoonを簡単に高速化

次に、ConoHa WINGでCocoonテーマを高速化する方法と、

その際の注意点について考察したいと思います。

 

 

 

サーバー・テーマ・プラグインの機能重複に注意

キャッシュ機能

公式によると、ConoHa WINGは、他のサーバーと違って独自のキャッシュ機能を搭載しているということです。

管理画面を確認したところ、ユーザーが設定できるものとしては、

「コンテンツキャッシュ」「ブラウザキャッシュ」の２つの機能が搭載されているようです。

 

 

トラブルの原因にも

キャッシュは手軽にデータ量を削減し、読み込みを高速化してくれます。

その反面、一定期間古いデータが残ることになるため、何かとトラブルの原因にもなりがちです。

 

私も、SSLの古い設定が残っていて、サイトにアクセスできなくなったときには焦りました。

 

 

 

ConoHa WINGコントロールパネルの設定①

サーバーの方の管理画面

まず、ConoHa WINGコントロールパネルにログインし、「サイト設定」から今回高速化したいサイトを選びます。

次に「アプリケーションインストール」から該当のアプリケーションのメニューを展開し、

「自動キャッシュクリアプラグイン」の項目で、「インストール」をクリックし、インストールを行います。

 

 

再びWordPress管理画面へ

WordPress管理画面の「プラグイン」→「インストール済みプラグイン」へ遷移し、有効化しておきます。

これは、キャッシュが原因で発生する、トラブルを回避するうえで重要です。

すでにインストール済みの場合もあります。

 

 

 

ConoHa WINGコントロールパネルの設定②

ConoHa WINGの管理画面

ConoHa WING管理画面「応用設定」のタブに移動します。

「コンテンツキャッシュ」の項目を展開し、有効化します。

「ブラウザキャッシュ」については、ここでは見送ります。

 

というのもCocoonの方で設定したら、サーバーの方の設定も、勝手に有効化されているような感じだったからです。

同じ設定のようです。

 

 

 

Cocoon設定での高速化

WordPress管理画面へ

WordPress管理画面にログインします。

 

サイドメニュー「Cocoon設定」にカーソルをあて、

出てきたサブメニューから「高速化」をクリックします（読み込みに少し時間がかかります）。

 

「ブラウザキャッシュ」「縮小化」の各項目にチェックを入れます。

「事前読み込み設定」に書かれているものついてはそのままにします。

 

「Lazy Load」は、WordPressに標準搭載されたようですが、

Cocoon側でも有効にすることで、標準機能を補完します。

 

 

一番下の「変更を保存」を忘れずにクリックします。

忘れると、設定が保存されません。

 

 

403エラー

検索したところ、ここで403エラーが出る方がいらっしゃるみたいです。

ロリポップサーバーなどは、WAFで弾かれることがあるみたいです。ConoHa WINGでは問題ありませんでした。

一応、コントロールパネルでPHPバージョンが最新になっているか確認してみてください。

 

 

 

プラグインでの高速化

キャッシュ系プラグインというものがあり、高速化方法としてよくおすすめされています。

 

こちらについては、機能重複する可能性があります。

Cocoon公式では、「Litespeed Cache」というプラグインが推奨されています。

「Litespeed」対応のサーバーで、キャッシュによる読み込みを高速化するプラグイン、だそうです。

 

 

mixhostなど

Litespeed対応のサーバーは、WordPressの実行速度が速いらしく、

実際に採用している有名なサーバーとしては、mixhostやカラフルボックスがあります。

 

 

ConoHa WINGについて

ConoHa WINGについてなのですが、

ConoHa WINGが採用している「LiteSpeed LSAPI」というのは、Webサーバーそのものに搭載される「Litespeed」とは異なるそうです。

 

そう考えると、後で記載しますが、「Litespeed Cache」が使えない疑惑ともつじつまが合いますね。

 

 

コンテンツキャッシュ？

「Litespeed Cache」というのは、コンテンツキャッシュのプラグインではないかと思います。

しかし、ConoHa WINGは、コンテンツキャッシュに標準で対応しているため、機能が重複する可能性があります（他のコンテンツキャッシュプラグインも同様です）。

 

 

念のためやめておく

公式ではインストールをおすすめされていますが、Cocoon公式ではmixhostやJetboyについての記載があることから、ConoHa WINGを念頭に置かれていない可能性もあります。

念の為、インストールしないでおいたほうがよいと思います。

 

 

 

Jetpackも重複

Lazy Load

Cocoon公式で公表された情報ですが、Jetpackをインストールしている場合、

そちらの「Lazy Load」設定を有効にしていると、Cocoonの「Lazy Load」設定と重複するそうです。そのため、Jetpack側の設定をオフにします。

なお、WordPress自体にも、標準搭載されたようです。

 

 

サイトアクセラレータ

他にも公式で「サイトアクセラレータ」を無効にするようにとの指示がありました。

 

このため、オフにしたほうがよいのではないでしょうか。

個人的には、「Lazy Load」の方をオフにしておけば大丈夫だとは思いますが。

 

とりあえずこんなところでよいのではないかと思います。何かありましたら適宜追記・修正します。

 

 

 

公式サイトについて

作者のわいひらさんによる公式サイトには、とても丁寧で詳細なマニュアルがあります。

無料で利用できるので、ぜひご覧になってみてください。

どうしても困ったときはフォーラムで質問することもできるようです。

 

↓↓レンタルサーバー選びでお悩みの場合、こちらの記事がおすすめです！↓↓

コノハウィングとロリポップとカラフルボックスを比較した結果

 

関連記事はこちらです。

 

Cocoon公式の高速化方法はこちらです。併せて参照いただけると、お役に立つのではないかと思います。

 

ConoHa WINGを利用してのサイトの開設方法なども、Cocoon公式に詳しく書かれています。

 

Cocoon公式はこちらです。

 

ConoHa WING公式はこちらです。

→ConoHa WING