【画像で解説】初心者オススメ!コノハウィングで無料WordPressテーマ〈 Cocoon 〉を使用する手順

こんにちわ、あおママです。

今日はWordPressのデザイン設定のご案内です。
この記事ではコノハウィング でCocoonというWordPressテーマを使ったデザイン設定の手順を画像付きで解説していきます!

人によってWprdPressテーマの初期設定が異なるので、状況にあった手順から進めていきましょう。
以下の説明を読み進めていくと途中に「チェック」の項目があります。
その内容にそって選択していけば、どの手順から進めたらよいかわかるようになっています。

目次

コノハウィングで WordPressテーマ【Cocoon】を購入する

チェック!

まずはConoHaコントロール画面へログインし、〈サイト設定〉の中に〈WordPressテーマ〉という項目が表示されているかを確認する。

表示されていれば Cocoonのインストール へ進みましょう(クリックすると次のチェック項目へジャンプします)。
表示されていなければ、このまま下の手順を進めてください。

ConoHaコントロール画面から手順を進めていきます。

手順

  1. 〈サイト設定〉>〈WordPressテーマ〉をクリック
  2. 右上の青いボタン:〈WordPressテーマ〉をクリック

手順

  1. 〈 Cocoon 〉を選択する(選択するとCocoonの背景が青に変わります)
  2. 画面右下〈 次へ 〉のボタンをクリック

手順

  1. 〈 決定 〉ボタンをクリック

自動でWordpressテーマの画面に戻り、左下に「完了しました」というメッセージが表示されます。
これで購入は完了です。


CocconをWordPressへインストールし、有効化する

購入ができたら、次はWordPressでCocoonを使えるように設定していきます。

手順

  1. 〈 Cocoon 〉をクリック
  2. 〈 親テーマ 〉〈 子テーマ 〉それぞれ〈 ダウンロード 〉をクリックして、パソコンにダウンロードする

以下のフォルダがダウンロードされていれば成功です

  • cocoon.zip
  • cocoon-child.zip

ダウンロードしたファイルがどこにあるかわからない場合は、以下のサイトを参考にしてください(外部サイトが開きます)。
windows:PC版:ダウンロードしたファイルの保存場所はどこ? 探し方と保存先の変え方も!
Mac:Macでダウンロードした時のデータ保存先と、保存先変更手順をご紹介


手順

  1. WordPress管理画面へログインする
  2. サイドメニューの〈 外観 〉にマウスのカーソルをのせる(クリックでも可)
  3. 〈 テーマ 〉をクリック

チェック!
  • テーマの画面でCocoon / Cocoon Child が表示されているか確認!
    表示されていなければ、このまま手順を進めてください。
  • Cocoon Child が 有効化 されているか確認!(黄色枠で囲んである場所をチェック!)
    • 表示されていて、有効化されていればまとめへ(クリックすると項目へジャンプ)
    • 表示されているが、有効化されていなければWordPressテーマ変更へ(クリックすると項目へジャンプ)

手順

  1. 画面上部にある〈 新規追加 〉をクリック
    画面内にある〈 新しいテーマを追加 〉のプラスボタンをクリックしても同じ画面を開けます
  2. 画面上部にある〈 テーマのアップロード 〉をクリック

手順

  1. 画面中央〈 ファイルを選択 〉をクリック
  2. ダウンロードした〈 cocoon.zip 〉を選択して〈 アップロード用に選択 〉をクリック
  3. 〈 cocoon.zip 〉が表示されていることを確認して〈 今すぐインストール 〉をクリック
  4. インストール完了したことを確認する
  5. 手順1〜4までを繰り返す:手順2では〈 cocoon-child.zip 〉を選択
  6. 〈 cocoon-child.zip 〉のインストール完了したことを確認し、〈 有効化 〉をクリック



以下のように表示されていればWordPressテーマ【Cocoon】インストールとテーマの有効化は完了です。

WordPressテーマの変更手順

WordPressテーマは、いつでも好きな時に変更できます。
ブログを作っていくと、気軽にテーマを変更できなくなったりするので
初めのうちに、テーマ変更がどういう動きをするのか遊んでみるのもよいかと思います。

手順

  1. WordPress管理画面から〈 外観 〉〈 テーマ 〉をクリック

手順

  1. 有効にしたいテーマにマウスのカーソルをのせる
  2. 〈 有効化 〉をクリックする
    〈 ライブプレビュー 〉をクリックすると、有効化する前に見本を見ることができます。

これでWordPressテーマの変更方法手順は完了です。

まとめ

いかがでしたでしょうか。

今回は無料のCocoonというWordPressテーマの設定手順をご紹介しました。
Cocoonは無料なのに使える機能が多くユーザーも多い為、
インターネット上でカスタマイズ方法もたくさん公開されています。

かっこいいブログデザインが簡単にできるので、ブログ初心者にはオススメです。
ただブログ運営に慣れてくると、理想のデザインにするのにたくさんの時間と手間がかかりますので
有料テーマへの購入も視野にいれると良いですね。

私はブログデザインのカスタマイズに費やす時間が余裕がありませんでしたので
結構早い段階で有料テーマに移行してしまいました(苦笑)

有料テーマについては、また別の記事でご紹介しますね。

それでは本日はこのへんで。

またスキマ時間にお会いしましょう。

  • URLをコピーしました!

コメント

コメントする

目次