ブログはネット上で動作します。仕事などでよく利用するエクセルやワードなどはパソコン上で動作するので、ここが全然違いますね。
エクセルやワードのファイルなら、何か修正するにしてもすぐファイルをコピーしてバックアップをとることができますが、ブログとなるとそうもいきません。
特に外観のデザイン、項目の表示順を変えるなどWordPressのファイルを修正してカスタマイズをする、といった領域に足を踏み込もうと思っているあなた！私と同じ迷い道に入ろうとしてますね。^-^;)
単純な設定変更ではなくファイルに手を入れたりCSSをいじったりするカスタマイズは、ネット上で修正をする前に是非パソコンにローカル環境（パソコン上でシミュレーションする環境）を用意して、パソコンで一度試してからネット上で修正をするようにしましょう。
簡単な修正だ、などと思っても、直接ネット上のファイルに修正を入れて、
- 画面が真っ白になって何も動作しなくなった！
- ブログにログインできない！
なんて事も起きることだってあるんです（経験者 σ^-^;) ）ここでは、そんな泣くに泣けない状況になる前に、パソコン上で試せるようにローカル環境を整えましょう。
- 関連記事
新たな武器はXAMPP
パソコン上でネットと同じ環境を作るには「XAMPP」（ザンプ）を利用します。
この「XAMPP」をパソコンにインストールすると、ネットと同じ環境がパソコンの中にできるんですね。つまりパソコン内にサーバーができてそこにWordPressインストールして動作確認ができる。
あくまでパソコン内だけの話ですが、積極的にドンドン色々と試せる、という環境があるのとないのとでは作業スピードやリスクが全然違ってきます。
ではXAMPPのインストールから順に見て行きましょう。
XAMPPのインストール
細かい説明は抜きで、XAMPP（ザンプ）をインストールします。
XAMPPには以下が含まれてます
- Apache(これがサーバーの役目をします)
- MySQL（データベースです）
- その他プログラミング言語等
この「Apache」（アパッチ）と「MySQL」（マイ・エスキューエル）がパソコンで稼働すると、擬似的にネットと同じ環境がパソコン上にあることになります。
1) XAMPPをダウンロード
以下にアクセスし、XAMPPのダウンロードを行います。
- XAMPPの日本語サイトへアクセス！
Windowsの場合は、①の「Windows向け」、Macの場合は②の「OS X 向け」をダウンロードします。
以降、Windows向けの説明となります（Macユーザーさん、ごめんなさい！）
では①の「Windows向け」をクリックします！
ダウンロード開始
自動的にダウンロードが始まります。
（下の図はブラウザがグーグルクロームの表示例です）
ダウンロード終了してクリック！
ダウンロードが終了したらクリックして実行します。
ウイルス対策のセキュリティーソフトが起動している場合など、メッセージが表示されますが「Yes」をクリック。
続いて別のメッセージが出るかもしれませんが、こちらも「OK」をクリック！
インストール開始
インストールする画面が表示されます。
「Next >」をクリック！
インストール確認
何をインストールするか確認です。
全てにチェックが入ってますが、そのまま「Next >」をクリック！
インストールするフォルダー確認
インストールするフォルダーの確認です。
そのまま「Next >」をクリック！
Bitnami のお知らせ
Bitnami(WordPressをローカル環境で構築できるソフト)のお知らせが表示されます。
チェックを外して「Next >」をクリック！
インストール事前確認
インストールの準備ができ、インストールを開始します。
「Next >」をクリック！
インストール中
インストールが開始されます。
５分から１０分程度かかりますので、少しコーヒーブレークですね。
Windowsからのセキュリティのお知らせ
途中、セキュリティに関するメッセージが表示されるかもしれません。
その場合も「アクセスを許可する」をクリック！
インストール完了！
インストールが完了すると、以下の図のような画面が表示されます。
このままXAMPPのコントロールパネルを起動して続けるのも良いですが、普通に起動するにはどうするかを見ておきましょう。
XAMPPの起動の仕方
XAMPPはインストール終了時にショートカットを作ってくれないため、自分で作ります。
マウスを画面右下などに持って行き、「検索」を表示します。
一番上の虫眼鏡をクリックして「XAMPP」を入力すると、以下の図のように「XAMPP Control Panel」が直ぐ下に表示されます。
この「XAMPP Control Panel」の上で右クリックするとメニューが表示されるので、「スタート画面にピン留めする」か「タスクバーにピン留めする」を選んで、ショートカットを作っておきます。
Windows10などでは、以下の丸印をクリックして「何でも聞いてください」で検索します。
タスクバーにピン留めすると、パソコン画面のタスクバー（画面下）にアイコンが表示され、いつでもそこから起動ができます。
ではクリックして起動します！
XAMPPの起動
さていよいよXAMPPの起動です。
以下のようにXAMPPのコントロールパネルが表示されます。
赤丸印の「Apache」「MySQL」の「Start」を各々クリックします。
この「Apache」がサーバーの役目をして「MySQL」がデータベースの役目を果たします。
各々起動に成功すると緑色になります。
※）赤字のエラーが出る場合には下方を参照して下さい
これで、パソコン上でのサーバーとデータベースの起動ができました。
次はWordPressのインストールですが、その前にパスワードの設定をしておきます。
エラーとなってApacheが起動できない場合
Apacheを起動しようとしてエラーとなって赤い文字が沢山表示される場合があります。
赤字の部分をよく見ると、この場合は「Skype.exe」と表示されてますね？
つまり、今パソコン上で動作しているSkypeと何かがパッティングして起動できない、となっています。
Skypeだけでなく、他のアプリでも同様にバッティングする場合があり、このようにエラーになったらSkypeやブラウザなど、他のアプリケーションを一度終了して、再び「Apache」「MySQL」の「Start」をクリックしてみてください。
※）それでもダメならパソコンを一旦再起動して、まずXAMPPを最初に起動してみるか、スカイプの設定を以下の記事を参考に変えてみてください。
tabibitojin.com - JINのブログWordPressのインストール
さて、XAMPPのインストールが終わったら、いよいよWordPressのインストールです。WordPressのインストールは、以下の手順で進めます。
- １）WordPress本体をダウンロード
- ２）WordPressをXAMPP内へ設置（フォルダー名称変更）
- ３）データベースを作成
- ４）WordPressのインストール
では順に見ていきましょう。
１）WordPress本体をダウンロード
WordPressの日本語サイトへアクセスします
画面下方に「ダウンロード」ボタンがあるので、そこをクリック！
ダウンロード開始
ダウンロードがされます。
ブラウザがグーグルクロームの場合は、画面下に下の図のように表示されます。
WordPressの解凍
WordPressのダウンロードが終了したら、クリックしてファイルを解凍します。
２）WordPressをXAMPP内へ設置（フォルダー名称変更）
解凍が終わると、デスクトップに「wordpress」というフォルダーが出来ます。
このフォルダー名称を独自ドメイン名のように自分の好みの名前をつけて下さい。
ここでは「test-blog.com」とつけます。
（名前は何でもよく”.com”等もなくても良いです）
XAMPP内の所定の位置
wordpressのフォルダー名称を変更した後は、そのフォルダーをXAMPP内の所定の位置へ移動します。
では移動のために、まずはXAMPPのコントロールパネルの「Explorer」をクリック！
↓↓↓↓↓↓
表示されるフォルダーの中の「htdocs」をクリック！
（このフォルダー内にwordpressフォルダーを置きます）
↓↓↓↓↓↓
先ほど名称を変えた「text-blog.com」フォルダーを置きます
３）データベースを作成
続いてWordPressが使うデータベースの作成です。
XAMPPコントロールパネルにあるMySQLの「Admin」をクリック！
データベース管理画面
phpMyAdminというデータベース管理画面が表示されます。
上段のメニューで「データベース」をクリック！
データベースの作成
データベース作成のための画面が表示されます。
作りたいデータベースの名前（なんでもOK）を入力後、右にある「作成」をクリック！
（ここでは「test-blog-db」という名のデータベースを作成します）
データベース作成完了
画面が一瞬でササっと変化するため、あれあれ？って感じですが、以下のように画面の左を見ると、しっかりデータベースは作成されてます。
４）WordPressのインストール
いよいよ最後の段階、WordPressのインストールです。
パソコン内のローカルサーバーのURLは「http://localhost/」で、先ほど作ったWordPressのフォルダーは名前を「test-blog.com」としたので、以下のURLにアクセスします。
http://localhost/test-blog.com
インストール開始画面
出たー！WordPressのインストール開始画面。
「さあ、始めましょう」をクリック！
各種情報の入力
続いてデータベース名やユーザー名などの入力です。
- ① データベース名
- 先ほど作成したデータベース名です。（test-blog-db）
- ② ユーザー名
- MySQL（データベース）のユーザー名です。
「root」（独自に作成していればその名称）
- MySQL（データベース）のユーザー名です。
- ③ パスワード
- 入力なし（空白のまま）
- ④ データベースホスト
- 変更不要
- ⑤ テーブル接頭辞
- 変更不要
全て入力したら下の段にある「送信」をクリック！
インストールの実行確認が出るので「インストール実行」をクリック！
ようこそ画面
最後にサイトのタイトルやユーザー名、パスワードなどを入力します。
もうここまで来ると見覚えのある内容ですね。
最後に「WordPressをインストール」をクリック！
インストール完了！
やって来ましたダッシュボード。
これがあなたのパソコン上で作ったWordPressです。
実際のブログの表示も見てみると、
しっかりHello world!が表示されてますね。
後はネット上にあるWordPressと扱いは同じです。
ここまでの復習
今後、パソコン上のローカル環境で作業を行う場合には、
- １）XAMPPコントロールパネルを起動（タスクバーなどより）
- ２）Apache, MySQLの起動
- ３）localhost/xxxx でローカルのWordPressにアクセス
以上となります。
ネット上にあるWordPress同様にテーマをアップロードしたり、プラグインを追加したりと、扱いは同じです。
今後更に新しいローカルのブログを作りたい、となれば、上で見てきた「WordPressのインストール」と同じ手順を繰り返すことで幾つでも作成できます。これで思う存分テストなどができますね！
トレンドアフィリエイトでは、最近は以前に比べて外観の個性も重要視されるようになって来ました。こうしたローカル環境で独自にテストが行えるのは今後大きな強みとなってくるでしょう。
手順自体は長く見えますが、実際はインストーラーなどの流れに乗っているだけで、特に面倒なことはありません。
是非あなたの今後の大きな武器となるよう、ここでしっかりローカル環境を整えておきましょう！
- 関連記事（更に凄いやつ）
WordPressのローカル環境を5分で作成！Instant WordPressを使ってカスタマイズ！
