サイト構築

【WordPressの使い方】無料テーマ『Cocoon』の導入方法(ダウンロード&インストール)

ここでは、無料テーマ『Cocoon(コクーン)』をWordPressにダウンロード&インストールする手順をご紹介します。

WordPressにテーマを導入する手順は、公式サイトからテーマファイル(zipファイル)をダウンロードし、ダウンロードしたテーマファイル(zipファイル)をWordPressにインストールする流れになります。




『Cocoon』について

Cocoon

Cocoon(コクーン)の特徴については、以下のページをご参照ください。

『Cocoon』ダウンロードの手順

公式サイト(Cocoon) より、テーマファイルをダウンロードします。

  • STEP1
    ダウンロードページへ
    グローバルメニューにある[ダウンロード]、またはトップページにある[ダウンロード]ボタンをクリックして、「ダウンロードページ」を開きます。
    wordpress-theme-install8
  • STEP2
    テーマファイルをダウンロード
    ページ内「親テーマのダウンロード」にある[“Cocoonテーマ”をダウンロード]をクリックすると、テーマファイルがダウンロードされます。
    wordpress-theme-install12

『Cocoon』インストールの手順

ダウンロードしたCocoonのテーマファイルを、WordPressにインストールします。

  • STEP1
    テーマの新規追加へ
    [外観]メニューにある[テーマ]を開き、[新規追加]をクリックします。
    wordpress-theme-install23
  • STEP2
    テーマファイルのアップロードへ
    [テーマのアップロード]をクリックします。
    wordpress-theme-install27
  • STEP3
    テーマファイルの選択
    [ファイルを選択]クリックし、ダウンロードしたテーマファイル「cocoon-master-●.●.●.●.zip」を選択します。
    wordpress-theme-install33
  • STEP4
    テーマファイルをインストール
    [今すぐインストール]クリックして、テーマファイルをインストールします。
    wordpress-theme-install42
  • STEP5
    インストールの完了
    テーマファイルのインストールが完了しました。
    wordpress-theme-install45
  • STEP6
    テーマを有効化
    インストールが完了しても、テーマを有効化しないとそのテーマが適用されないので、Cocoonのテーマを有効化します。
    [外観]メニューにある[テーマ]を開きます。
    インストールされたCooconのテーマにカーソルを乗せると、テーマの詳細メニューが表示されるので、「有効化」をクリックしてテーマを適用します。
    wordpress-theme-install54
  • STEP7
    テーマの有効化が完了
    Cocoonのテーマが有効化されました。
    wordpress-theme-install61
  • STEP8
    テーマの適用を確認
    Webページを表示すると、Cocoonのテーマが適用されています。
    wordpress-theme-install90

 

スポンサーリンク

関連記事

  1. category_order-taxonomy-terms-order

    サイト構築

    【WordPress】カテゴリーの順番を自由に並べ替えるプラグイン

    WordPressでは、サイドバーに表示されるカテゴリーは、カテゴリー…

  2. wordpress-user-profile

    サイト構築

    【WordPressの使い方】プロフィールの設定でセキュリティを強化

    WordPressでは、インストールの時に設定したユーザ名(ID)が、…

  3. wordpress-ssl

    サイト構築

    【SSL化】データの暗号化(http⇒https)でサイトの信頼性を向上しよう

    従来の「http」は、データをそのまま送受信していますが、「https…

  4. wordpress-search-engine-index
  5. wordpress-popular-posts

    サイト構築

    【高速化】WordPress Popular Postsは重い?初期設定を見直して軽量化しよう!

    WordPressを運用していると、記事をランキング表示してくれる『W…

  6. wordpress-5-0-gutenberg

最近の記事

  1. shutterstock_573396265-bousai
  2. shutterstock_713835478-ticket-resale-law
  3. shutterstock_1115483624-Relationship
  4. shutterstock_580655965-shutterstock-use
  5. shutterstock_126336395-stock-photo-service
  6. shutterstock_570628189-copyright-watermark
  7. shutterstock_373050517-sitemap
  8. shutterstock_413924539--search-console-analytics-cooperation
  9. google-analytics-introduction
  10. google-search-console
PAGE TOP
テキストのコピーはできません。