こんにちは、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(コクーン)」をインストールする方法をお伝えしました。
次の記事では、ワードプレスの初期設定に入ります。
お疲れさまでした。
(^ – ^