PR Cocoon ブログ運営

【画像・動画あり】ワードプレステーマ(Cocoon)のダウンロードとインストール&有効化の方法を解説【初心者】

2022年8月7日

前回の記事

【初心者必見】ワードプレスの無料テーマと有料テーマ、メリット・デメリットを徹底解説

ワードプレスで作ったサイトの見た目をガラッと変える『テーマ』には有料と無料が存在。それぞれのメリット・デメリットについて初心者さん向けに分かりやすく徹底的に解説します。

続きを見る

前回の記事ではワードプレスの無料テーマと有料テーマについてメリット・デメリットやそれぞれのおすすめテーマについて解説しました。

今回の記事では主に無料テーマのダウンロード、インストール、有効化の方法を解説してみたいと思います。

解説ポイント

  • ワードプレスダッシュボードからテーマをインストールして有効化
  • 無料テーマCocoonをダウンロードしてインストール&有効化

テーマはワードプレスのダッシュボードからワードプレス公式サイトに登録されたテーマを直接インストールしてから有効化する方法独自サイトからデータをダウンロードしたのちワードプレスにアップロードしてからインストール&有効化する方法(Cocoonはこっち)の2種類あります。

この2つそれぞれを以下で画像や字幕解説動画つきで解説していきます。

やっぱり最初は無料テーマでやってみたいなぁ
後輩ネコ
後輩ネコ
とのぽん
とのぽん
Cocoonは良いテーマだし全然それでOKだよ

WordPressダッシュボードからインストール&有効化

ここではまずダッシュボードから直接テーマをインストール&有効化する方法を解説します。

とのぽん
とのぽん
上の字幕動画解説は以下のスクリーンショット解説と内容は同じです。

ワードプレスブログのダッシュボードにログインしたら、左サイドバーナビゲーションメニューの『外観』⇒『テーマ』と進みましょう。

続いて右側の画面の左上の『新規追加』をクリックします。

とのぽん
とのぽん
上の画像を参照のこと。

『新規追加』ボタンをクリックするとズラッと無料テーマが一覧で表示されます。

この中からよさそうなテーマを見つけたら『プレビュー』をクリックしてみましょう。

するとインストールしなくてもあらかじめどのような感じになるのかが確認できます。

とのぽん
とのぽん
上の画像を参照。

プレビューを見て気に入ったら、『インストール』をクリックしましょう。

インストールが完了するとボタンが『有効化』に切り替わるのでこれをクリックします。

有効化が完了するとインストールされているテーマ一覧のところの一番左上に有効化されたテーマが表示されます。

有効化が完了すると上の画像のようにテーマが切り替わりサイトの見た目がガラッと変わったことがわかります。

とのぽん
とのぽん
たくさんの種類の無料テーマがあるので、最初のうちはお気に入りのテーマが見つかるまで色々試してみるといいです。

Cocoonをダウンロード&インストール&有効化

ここでは前回の記事でもご紹介したおすすめの無料テーマ『Cocoon』のダウンロード方法、インストール、有効化について解説していきます。

上の動画は下記スクリーンショット解説と全く同じ流れになっているので動画の方が合っているという方はそちらを閲覧してください。

テーマのダウンロード

Cocoonをワードプレスブログにインストール&有効化するにはまずテーマを公式サイトからダウンロードする必要があります。

ダウンロードするのは

  • 親テーマ
  • 子テーマ

の2つです。

親テーマ子テーマとは

親テーマとはワードプレスのデザインの基本となるテンプレートのことで、子テーマは親テーマに影響を与えることなくテーマをカスタマイズするためのテーマファイルのことを指します。

子テーマはカスタマイズ専用のファイルということで子テーマの方に追加でHTML・CSSなどを記述することでテーマをカスタマイズしていくことができます。

もちろん親テーマの方をカスタマイズすることも可能ですが、仮に親テーマ側でカスタマイズを行っていると親テーマがアップデートされたときにそれまで行っていたカスタマイズが全てリセットされてしまいます。

全くカスタマイズはしないという人には一見不要のように思えますが、ブログを長く運営していると『ここがもう少し便利になれば…』と思うことが出てくると思います。

そこで検索エンジンで調べてみるとそれを解決するためのHTMLやCSSのコードがコピペOKで公開されていたりすることがあり、これを子テーマに記載していくことで自分好みの機能デザインにカスタマイズしていくことになるでしょう。

親テーマのダウンロード

まずCocoon公式サイトのテーマダウンロードページ『親テーマのダウンロード』のところにある『Cocoonテーマをダウンロード』ボタンをクリックして親テーマをPCにダウンロードしましょう。

子テーマのダウンロード

続いて『子テーマのダウンロード』のところの『Cocoon子テーマをダウンロード』ボタンをクリックして子テーマをダウンロードしましょう。

テーマのアップロード&インストール&有効化

子テーマ有効化までの手順

  • ワードプレスダッシュボード左サイドバーから『外観』⇒『テーマ』とクリック
  • 『新規追加』をクリック
  • 『テーマのアップロード』をクリック
  • 『ファイルの選択』をクリック
  • ダウンロードしたテーマのうち親テーマ(masterとのみ書かれている方)を選択してアップロード
  • 『今すぐインストール』をクリック
  • 『テーマページへ移動』をクリック
  • 『新規追加』をクリック
  • 『テーマをアップロードをクリック
  • 『ファイルの選択』をクリック
  • ダウンロードしたテーマのうち子テーマ(childと書かれている方)を選択してアップロード
  • 『今すぐインストール』をクリック
  • 『有効化』をクリック

親テーマ子テーマどちらもインストールしますが有効化するのは子テーマの方だけです。

とのぽん
とのぽん
画像の番号と上記手順の番号が対応しています。

上のような流れで無料テーマCocoonの有効化までが完了します。

なんとかCocoonが有効化できた
後輩ネコ
後輩ネコ
とのぽん
とのぽん
おめでとう!Cocoonの使い方は追って記事にするからお楽しみに!
  • この記事を書いた人
  • 最新記事

とのぽん

ブログアフィリエイトで月収10万円達成ブロガー。 ネコとお酒が好きなアラフォーサラリーマンのとのぽんです。 メインは資産ブログ形成ノウハウの発信ですが、その他40代ならではの悩みをみなさんと共有して解決していければと思います。

-Cocoon, ブログ運営
-