WordPressの初心者におススメ無料テーマ!シンプル&高機能!Cocoon(コクーン)をインストールする方法

WordPress

 

こんにちは、yojipapa です。

 

前回の記事で、レンタルサーバー(エックスサーバー)にWordPressをインストールしました。

 

エックスサーバーに WordPress(ワードプレス)を簡単にインストールする方法
こんにちは、yojipapa です。 前回の記事で、ドメインとサーバーの紐づけができました。 今回は、レンタルサーバーのエックスサーバーに無料のホームページ作成ソフトウェア WordPress(ワードプレス)のインス...

 

今回は、当ブログ(AZBLOG)でも使用している、わたしがおススメするWordPressの無料テーマの「Cocoon(コクーン)」をインストールする方法をお伝えします。

 

WordPressの初心者におススメ無料テーマ!シンプル&高機能!Cocoon(コクーン)をインストールする方法

 

➀ 「 Cocoon | WordPress無料テーマ 」 を開きます。

 

・ 「 ダウンロード 」をクリックします。

 

 

② 「 Cocoon テーマのダウンロード 」ページが表示されます。

 

・ ページ下の親テーマのダウンロードはこちら。の「 Cocoonテーマのダウンロード 」をクリックします。

 

 

③ 「 名前を付けて保存 」窓が表示されます。

 

・ 保存先が「デスクトップ」になっているのを確認して、「 保存 」をクリックします。

 

 

・ 「 Cocoon テーマのダウンロード 」ページで、親テーマのダウンロードボタンの下からスクロールすると、子テーマのダウンロードはこちら。の「 Cocoon子テーマのダウンロード 」ボタンがあるので、クリックして同じようにダウンロードします。

 

 

・ 親テーマと子テーマのダウンロードをすると、デスクトップにこのように「 Cocoon テーマフォルダ 」が保存されます。

 

 

④ 「 WordPress 管理画面 」を表示します。

* アドレスは、 https://ドメイン名/wp-admin/  です。

 

・ ユーザー名、PW、ログイン状態を保持するに を入れて「 ログイン 」 をクリックします。

 

 

⑤ 「 WordPress 管理画面 」が表示されます。

 

・ 「外観」→「テーマ」をクリックします。

 

 

⑥ 「 WordPress テーマ設定 」画面が表示されます。

 

・ 「 新規追加 」をクリックします。

 

 

・ 「 テーマを追加 」画面が表示されますので、「 テーマのアップロード 」をクリックします。

 

 

・ 「 ファイルを選択 」をクリックします。

 

 

・cocoon-master(親テーマ)と、を選択して「 開く 」をクリックします。

 

 

・ 「 テーマのインストール画面 」が開くので、開いたファイル名を確認して、「 今すぐインストール 」をクリックします。

 

 

このような表示になったら、テーマのインストールの完了です。

・ 「 テーマのページに戻る 」をクリックして、子テーマ(cocoon-child-master)も同様にインストールしてください。

 

 

子テーマのインストールが完了してテーマのページに戻ると、cocoon(親テーマ)と、cocoon child(子テーマ)が表示されています。

 

・ cocoon child(子テーマ)にカーソルを合わせて、「 有効化 」をクリックします。
* cocoon (親テーマ)は有効化しなくて大丈夫です。

 

 

これで、WordPress に、Cocoonテーマが導入されました。

それでは、サイトを見てみましょう。

ちなみに、WordPress標準のサイトはこのようになっています。

 

 

では、CocoonテーマのWordPressサイトはどのような表示になっているでしょう。

 

⑦ 「 WordPress(ワードプレス)管理画面 」左上の「 サイト名 」にカーソルを合わせると、「 サイト表示 」が表示されるのでクリックします。

 

 

これが、Cocoonテーマを導入後のホームページ(ブログ)の表示です。

 

 

WordPress標準の表示とだいぶ違いますね。
(^ – ^

Cocoonテーマは無料なのにシンプル且つ高機能なテーマなのですが、更にとても美しいテーマです。

素晴らしい!としか言いようがありません。
(^ – ^

 

 

以上、

WordPressの無料テーマの「Cocoon(コクーン)」をインストールする方法をお伝えしました。

 

次の記事では、ワードプレスの初期設定に入ります。

 

お疲れさまでした。
(^ – ^

 

タイトルとURLをコピーしました