ここでアフィリエイターデビューしませんか?
このサイトで学べることは?

【無料テーマ】WordPressをインストール!オススメのテーマ「Cocoon」を使う方法

Cocoon 2.サイトの作り方
スポンサーリンク

レンタルサーバー、ドメインを取得できたら、
次はWordPressのインストールです。

ここから急にサイトっぽくなります!

せんちゃん
せんちゃん

WordPress聞いたことある?

聞いたことない!

せんちゃん
せんちゃん

大丈夫!w
WordPressのインストールも簡単だから、テーマのインストールまで紹介します。

せんちゃん
せんちゃん

一押しのテーマは「Cocoon」
このサイトでも使用しています。

※Cocoonは無料のテーマで、機能的に優れています。

それでは、WordPressをインストールして
テーマをCocoonに設定する方法を解説していきます。

WordPressとは?

そもそもワードプレスとは、
世界で一番利用されているブログシステムです。

インストールするだけでブログ記事を
簡単に書いて投稿できるサイトを作る事が出来ます。

難しいカスタマイズも簡単に出来る優れものです。

XserverにWordPressのインストール

インストール手順

まず、Xserverの管理画面にログインします。

2017-01-10_14h58_20

①「自動インストール」をクリック。
対象ドメインがあっているか確認します。
②「プログラムのインストール」をクリックします。
WordPress日本語版の③「インストール設定」をクリックします。

2017-01-10_15h01_50

①はインストールするドメインを入力。
②は基本的に空白でOK
③に運営するサイト(ブログ)の名前(※後から変更可能)を入力。
ユーザー名:好きな英数字(ログイン用のID)を入力。
パスワード:好きな英数字(ログイン用パスワード)を入力。
※後から変更可能
サイトで使用するメールアドレスを入力。
※後から変更可能
⑦「自動でデータベースを作成する」にチェック。
⑧「インストール(確認)」をクリック。

2017-01-10_15h04_03

確認してインストール(確定)をクリック

以上で完了です。

せんちゃん
せんちゃん

簡単だ・・・

2017-01-10_15h04_59

②のURLをクリックするとWordPressの管理画面に行きます。
設定した①のユーザーIDとパスワードでログインして下さい。

※ドメインとの紐づけに時間が最大2日間かかるので、
それまで管理画面は開けません

2017-01-10_15h06_26

これが管理画面です。

ログインしてみましょう!

2017-01-10_16h00_58

この画面が表示されたら、
ひとまずWordPressのインストール成功です。

せんちゃん
せんちゃん

お疲れ様でした。

次は、テーマのダウンロードに進みます。

Cocoonについて

冒頭でも紹介しましたが、
Cocoonは無料なのに機能に優れています

初心者でテーマにお金は使いたくないという人は、
Cocoon一択です!

Cocoonは次のサイトにて配布されています

推奨環境を確認する

Cocoonの推奨環境を確認するには、
画面上部の「ダウンロード」をクリックし、
表示されたメニューの中から「ダウンロード」をクリックして下さい。

Cocoonのダウンロード用ページが表示されます。

ページの一番下あたりにCocoonを利用する場合の、
推奨環境が掲載されています。

2019年3月07日時点では次の通りです。

【動作環境】
WordPress4.7以上
PHP7以上(5.6でも動作するとは思います)
Google Chrome
Firefox
Microsoft Edge
Internet Explorer 11以上
Safari

Cocoonをダウンロードする

それではCocoonのダウンロードを行います。

ダウンロードの前に利用規約を確認します。

画面上部の「ダウンロード」をクリックし、
表示されたメニューの中から「利用規約」をクリックして下さい。

Cocoonの利用規約」の画面が表示されます。

よく読んで頂き、同意できる場合にダウンロードを行われて下さい。

それではダウンロードを行います

画面上部の「ダウンロード」をクリックし、
表示されたメニューの中から「ダウンロード」をクリックして下さい。

テーマのダウンロード」の画面が表示されます。

親テーマのダウンロード」と書かれたブロックまでスクロールし、「“Cocoonテーマ”をダウンロード」をクリックして下さい。

Cocoonのダウンロードが開始されます。

任意の場所に保存しておいて下さい
ダウンロードはこれで完了です。

次に、WordPressにCocoonをインストールしていきます。

Cocoonをインストールする

それではCocoonをインストールするWordPressの
ブログの管理画面にログインして下さい。

画面左側の「外観」メニューの中にある
「テーマ」メニューをクリックして下さい。

すると、「テーマ」の画面が表示されます。
現在インストールされているテーマの一覧が表示されます。

新しいテーマを追加するには、
画面上部の「新規追加」をクリックして下さい。

テーマを追加」画面が表示されます。
画面上部の「テーマのアップロード」をクリックして下さい。

ZIP 形式のテーマファイルをアップロードするための画面が表示されます。

ファイルを選択」をクリックして、
事前にダウンロードしておいた「cocoon-master-〇.〇.〇.〇.zip」を選択して下さい。

ファイルの選択が終わりましたら
今すぐインストール」をクリックして下さい。

インストールが開始されます。

テーマのインストールが完了しました。」と表示されれば完了です。

画面左側の「外観」メニューの中にある
テーマ」メニューをクリックします。

「テーマ」の画面を改めて表示してみると
インストール済のテーマの一覧の中に
「Cocoon」が含まれていることが確認できます。

Cocoonを有効化する

現在のテーマからCocoonへテーマを変更するには、
Cocoonのテーマを有効化する必要があります。

「テーマ」の画面でCocoonにマウスを合わせ、
表示された「有効化」をクリックして下さい。

テーマ「Cocoon」が有効になりました。

まだ細かい設定は行っていませんが
ブログがどのように表示されるのかを確認してみます。

管理画面の左上に表示されている「ブログ名」をクリックします。

Cocoonを使用したブログが表示されました。

せんちゃん
せんちゃん

素晴らしい!

以上でインストールは終了です。

もっとカスタマイズしたいという人は、
Cocoonの子テーマをインストールすることを推奨します。

Cocoonの子テーマをダウンロードする

子テーマというのは親テーマと
組み合わせて使用する専用のテーマです。

子テーマをインストールすることのメリットは、

親テーマのアップデートに影響を受けない

1つですww

テーマは定期的にアップデートされます。
アップデートされるのは、先ほどインストールした親テーマのみなので
親テーマをカスタマイズしてしまうとテーマのアップデートが
行われた場合にカスタマイズした内容が消えてしまいます。

せんちゃん
せんちゃん

カスタマイズは子テーマにしましょう!

それでは、子テーマのダウンロード&インストール手順を解説します。

それではまず子テーマをダウンロードします。
親テーマをダウンロードした時と同じ次のURLへアクセスして下さい。

子テーマのダウンロード」と書かれたブロックまでスクロールし、「“Cocoon子テーマ”をダウンロード”」をクリックして下さい。

ダウンロードが開始されます。

親テーマの近くに保存しておいて下さい

Cocoonの子テーマのインストールする

Cocoonの子テーマをWordPressにインストールします。

親テーマのインストールと同じ手順です。
WordPressのブログの管理画面にログインして下さい。

画面左側の「外観」メニューの中にある「テーマ」メニューをクリックして下さい。

「テーマ」の画面が表示されます。

現在インストールされているテーマの一覧が表示されます。

画面上部の「新規追加」をクリックして下さい。

テーマを追加」画面が表示されます。
画面上部の「テーマのアップロード」をクリックして下さい。

ZIP 形式のテーマファイルをアップロードするための画面が表示されます。

ファイルを選択」をクリックして、
事前にダウンロードしておいた「master.zip」を選択して下さい。

ファイルの選択が終わりましたら「今すぐインストール」をクリックして下さい。

インストールが開始されます。

テーマのインストールが完了しました。」と表示されれば完了です。

「テーマ」の画面を改めて表示してみると
インストール済のテーマの一覧の中に
CocoonとCocoonの子テーマが含まれていることが確認できます。

Cocoonの子テーマを有効化する

CocoonとCocoonの子テーマの2つのテーマの
インストールが完了したら子テーマの方を有効にします。

「テーマ」の画面でCocoonの子テーマにマウスを合わせ、
表示された「有効化」をクリックして下さい。

Cocoonの子テーマが有効になりました。

以上で、子テーマのインストールまでできました。

まとめ

今回は、WordPressをインストールし、
テーマを有効化させる方法を紹介しました。

まとめると、

  • Cocoonは神(無料&高機能)
  • Cocoonは初心者にもオススメ
  • 子テーマは必要ない人もいる

です。

初心者の方はCocoonのすごさをまだ理解できないと思います。
このサイトではCocoonのすごさも紹介しています

一通りサイトは作れたのでカスタマイズするもよし
記事をどんどん投稿するもよしです。

コメント