同梱されていない独自のCocoonスキンをアップロードする

WordPressの無料テンプレートでよく使われているのがCocoon。

Cocoonには、見栄えを簡単に変更することができる「スキン」が同梱されています。

Ver1.7.0では全部で31種類のスキンが用意されているので、Cocoonをインストールするだけで、簡単に好みのスキンに切り替えることができます。

ここでは、同梱されていない独自のスキンをCocoonで使いたい場合の手順を紹介します。

独自スキンをサーバーにアップロードしてCocoonで使えるようにする
独自スキンのアップロード方法のまとめ

独自スキンをサーバーにアップロードしてCocoonで使えるようにする

同梱のスキンを使う場合は、Cocoonをインストールするだけで好きなスキンに切り替えることができますが、独自スキンの場合は、スキンをサーバーの決められた場所にアップロードする必要があります。

ここでは、アップロードの手順～スキンが使えるようになるまでの手順を解説していきます。

ただし、Cocoonの子テーマが有効になっていることが前提条件。

親テーマ、子テーマのどちらが有効になっているか確認する

Cocoonが親テーマ、子テーマのどちらが有効になっているかわからない場合は、次の手順で確認できます。

WordPressの管理者画面のメニューから、「外観」→「テーマ」を選択。

Cocoonのイメージ画像が2つ表示されます。

下の画像のように「有効：Cocoon」と表示されていれば、親テーマが有効になっています。

「有効：Cocoon Child」と表示されたら、子テーマが有効な状態。

親テーマが有効となっている場合は、右側の子テーマの画像にマウスを乗せると「有効化」のボタンが表示されるので、クリックして子テーマを有効化します。

子テーマを有効化すると、Cocoonの設定がリセットされるので、設定を消したくない場合は、事前に設定をバックアップして子テーマを有効化後に復元してください。

すると、子テーマの方が有効になります。

まだCocoonをインストールしていない場合は、次の公式サイトを参考にして子テーマを有効にしてください。

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

WordPressにCocoon親テーマと子テーマをインストールして利用するおすすめのインストール方法です。

公式サイトでも書いているように、テーマは親テーマより子テーマを使うことが推奨されています。

親テーマのみインストールした場合は、テーマのアップデート時にCSSやテンプレートカスタマイズがリセットされてしまいます。

子テーマをインストールすることで、テーマカスタマイズを保持したままアップデートができます。

CSSやテンプレートをカスタマイズしない場合でも、子テーマを利用することをおすすめします。

なので、できる限り子テーマを使うようにしましょう。

また、ここからの手順でもスキンは子テーマ用のスキンフォルダにアップロードしていきます。