IT営業マンだけど、投資やっています。0LINEスポンサードリンクこんにちは、節税サラリーマンです。今回、WordPressテーマを変更することに決めました。その前に、新しいテーマに変更した後も、サイトの表示が崩れてしまうなどの問題がないことを事前に確認する必要があります。そこで、ローカルPC上にWordPressのテスト環境を構築して、新しいテーマに変更した場合に問題がないか?問題があれば(確実に問題は発生すると思います)修正した上で、新テーマへの変更を行いたいと思い、無料のフリーソフト「XAMPP(ザンプ)」を導入しました。この記事作成にあたり、こちらを参考にしました。導入前にいくつかのWebサイトを確認し、自分なりの手順を決めて、その通りに実施しても、いくつかてこずってしまう場面がありました。これは、インストールするPCのプラットフォーム(OS)に依存する問題と、「XAMPP」のバージョンによる差異が理由だと思います。よって、節税サラリーマンのPC環境とインストールした「XAMPP」のバージョンを、事前にご案内いたします。組み合わせが同じであれば、問題なくインストールできると思います。ディストリビューションです。パッケージは、インストールと利用が非常に簡単できるよう設定されています。ディストリビューションです。パッケージは、インストールと利用が非常に簡単できるよう設定されています。頭文字をつなげたものです。Webアプリケーションを開発するには、これらのツールをひとつずつインストールする必要があり、Webサーバを構築したことがない節税サラリーマンのような初心者の手に負えるものではありません。スポンサードリンクXAMPPのインストールインストールまずは公式サイトから、XAMPPをダウンロードします。公式サイトはこちらXAMPPの公式ページに行くと以下の画面が表示されます。赤い枠で囲った、Windows向け「XAMPP」をダウンロードして下さい。ダウンロード開始すると以下のような画面が表示されます。素晴らしい!次にダウンロードしたファイル(exe)をダブルクリックして実行します。Windows10で実行すると、ユーザーアカウント制御の確認(キャプチャできず)が出ますので、「はい」を選んでインストールを進めてください。64bit版のWindowsを使用している人は下図のようなダイアログが出現します。問題はありませんので、Yesを押し、インストール進めて下さい。その後、下記の警告(Warning)画面が出ますが、こちらも気合(?)でYesを押します。(x86)以外に、インストールする必要がある」という内容です。その後、セットアップウィザードが立ち上がります。Nextをクリックしてセットアップを開始します。インストールするコンポーネントを選ぶ画面になりますので、すべての項目にチェックが入っていることを確認してNextを押します。すると、下記の画面が出ます。(x86)以外に、インストールする必要がある」を思い出していただき、適切なフォルダ(節税サラリーマンはデフォルト、Cドライブ直下を指定しました)を選択して、Nextを押します。XAMPP」について表示されます。XAMPPのインストールとは関係ないので、チェックを外し、「Next」をクリックすることをお薦めいたします。Installが表示され、インストール準備が終わりました。Nextを押し、インストールを開始します。インストール(セットアップ)開始しました。終了までだいたい3分程度かかりました。言語選択(英語orドイツ語)ダイアログが立ち上がります。ドイツ語はかけらも分からないため、英語を選んでsaveを押します。「XAMPP」が起動し、コントロールパネルが表示されます。XAMPPの起動方法と終了方法すべての設定が問題なく進めばよいのですが、初めてではちょっと難しいと思います。関して簡単に説明します。※特に終了時の手順は重要です。Panel)」が立ち上がります。サービスの「Stop」ボタンを押して、サービスの停止をして、そのあとに「Quit」ボタンで終了するようにしてください。サービスの停止行わず、いきなり「Quit」ボタンで終了や、ウィンドウのバツ(×)マークを押して、コントロールパネルを閉じてしまうと、一見ソフトは終了して見えていますが、サービスは起動したままとなります。この場合、後ほどご説明するセキュリティ設定を行っていないと、悪意のあるプログラムなどから攻撃される可能性がありますので、特に注意していただければと思います。※ここで節税サラリーマンは大きく躓きました。XXAMPの仕様変更2015年7月23日のアップデート(v5.6.11)で、データーベースが「MySQL」から「MariaDB」に変更され、「XAMPP」セキュリティを設定する「XAMPPセキュリティ」のページはなくなっています。「MariaDB」は「MySQL」から派生したデーターベースですので、MySQLと同じように利用できます。「MySQL」と表示された場合、これは「MariaDB」の事だと読み替えていただければと思います。ブログ記事で”「http://localhost/security/」にアクセス”のような記載がありましたら古い情報ですので、ご注意ください。「Apache」と「MySQL(実際はMariaDB)」の起動と確認します。Panel)」を起動します。「Apache」と「MySQL(実際はMariaDB)」のStartボタンを押して、「Apache」と「MySQL(実際はMariaDB)」を起動します。ちなみにMySQLもMariaDBもデーターベースサービスです。正常に起動すると、下記のような画面になります「Apache」と「MySQL」の背景色が黄緑になり、「Start」ボタンが「Stop」ボタンへ変化します。Apache、MySQLの横にある「PID(s)」と「Port(s)」の項目に、それぞれ番号が振られていれば正常にサービスが起動しています。念のため、それぞれのadminボタンを押します。コントロールパネル上では起動状態ですが、正しく動いているか確認します。7.2.0」のページが表示されます。具体的には以下のような画面です。ブラウザが自動的に立ち上がりhttps://localhost/dashboard/(※1)が表示されれば、正常に動いています。節税サラリーマンの環境では、httpsで起動しました。WEBの記事を参照したところ、httpで起動している方も多くいるようです。MySQLのAdminボタンを押した場合、「phpMyAdmin」が表示されます。具体的には以下のような画面です。この2つのページが表示されればWebサービスと、データーベースサービスが共に正常に動いています。「XAMPP」のデータベース「MariaDB(MySQL)」のログイン情報は、ユーザ名はは「root」がデフォルトで設定されていますが、パスワードは未設定ですので、そのパスワードを設定していきます。「MariaDB(MySQL)」管理ユーザ(root)パスワードが設定されていないので、コマンドモードでパスワードの設定を行います。コントロールパネル」右側のメニューから、「Shell」ボタンをクリックします。少々わかりづらい説明のため、下記の画像もご参照ください。「Sell」ボタンをクリックすると、下記の画面が表示されます。「Shell」は、一行ずつコマンドを入力することで、ファイルのコピー、フォルダーの変更など色々な事ができるツールです。IT系の技術者や、ベテランPCユーザはDOSなのでおなじみの画面ですね。白抜きのエリアは、PCのユーザ名などが表示されます。次は、「MariaDB(MySQL)」のコマンドを使って、ユーザーのパスワード変更を行います。mysql\bin」と入力して、「Enter」を押すと下記のような画面が表示されます。2MariaDB(MySQL)にログインちなみにコマンドを入力する行にある記号「#」は「プロンプト」と呼びます。先ほどご紹介のDOSのご利用経験があれば、「>」の方が、おなじみかも知れません。root」と入力して、「Enter」を押すと下記のような画面が表示されます。この画面が表示されれば、「MariaDB(MySQL)」にログインできています。password=password(自分のパスワード);」と入力し、「Enter」を押すと下記のような画面が表示されます。※”自分のパスワード”は、任意の文字列を設定ください。現在、「MariaDB(MySQL)」にrootユーザでログインしている状態です。接続を終了するコマンド「quit」を入力して「Enter」キーを押します。先ほどと同じく「c:\xampp\mysql\bin」に戻ってきました。終了させるコマンド「exit」を入力して「Enter」キーを押すとウィンドウが閉じます。先ほどの項目「MariaDB(MySQL)の管理者用IDとパスワードを設定」で、rootユーザのパスワードを設定しました。コントロールパネル」を開いて、”MySQL”の「Admin」ボタンをクリックしてphpMyAdminにログインできるか確認してみます。すると、前回とは違い、エラーメッセージが出ます。前回は下記のような画面だったと思います。phpMyAdminは、ログイン情報を設定ファイルから読み込む仕様になっていますので、このファイルの設定を変更してあげる必要があります。コントロールパネル」を終了させる必要があります。「Apache」と「MariaDB(MySQL)」の「Stop」ボタンを押して、サービスの停止をして、そのあとに「Quit」ボタンで終了するようにしてください。コントロールパネル」で、MariaDB(MySQL)を起動することは出来ますが、現在、rootユーザのパスワードを設定したことで、Adminボタンを押すとエラーになってしまいます。目的このエラーを回避するため、phpMyAdminの設定ファイル「config.inc.php」を書き換えて、ログインの認証方法を変更します。認証方法はいくつかあるのですが、今回は、phpMyAdminを開く時に、ログイン認証される設定に変更します。1使用するテキストエディタの確認ファイルを編集する際には、テキストエディタ(節税サラリーマンは”秀丸”を使っています)で開いて、編集、保存するのですが、この時、Windowsに標準でついているエディタ「メモ帳」は「BOM有り」で保存されてしまうため、使用しないでください。このBOMが有ることで、正しいコードと認識できない場合もあります。今回の設定ファイルの変更では、BOMなし(※2)で保存しませんと正しく設定変更ができません。「メモ帳しかない」という方には、無料ツールのTeraPadをオススメします。ご注意点としては、ファイルを保存する際は、「UTF-8N」の文字コードで保存する点ですね。「UTF-8N」はBOMなしですが、「UTF-8」はBOM有りになりますのでご注意ください。Mark」の略で、データの先頭に置かれる数バイトのデータことです。現在主流で使われている文字コード(Unicode)が一般的になる前、日本(Shift-JIS)、ヨーロッパ(ISO-8859)、アメリカ(ASCII)それぞれで、別の文字コードがメインで使われていたことから、「このプログラムは「Unicode」で書かれていますよ」ということを、明確にわかるようにするため、このデータが追加されました。このBOMが有ることで、正しいコードと認識できない場合もあります。今回の設定ファイルの変更では、「BOMなし」で保存しませんと正しく設定変更ができません。節税サラリーマンは、「XAMPP」を「C:\xampp」にインストールしていますので、設定ファイルは「C:\xampp\phpMyAdmin\config.inc.php」にあります。このファイルを”秀丸”や”TeraPad”で開きます。※編集前にファイルのバックアップを取ることをお薦めいたします。やり方は、ファイルをデスクトップなどにドラッグ&ドロップすればokです。この赤枠で囲った項目を変更します。20行目の”config”は、”cookie”に22行目の”root”は削除します。コントロールパネル」を起動します。「Apache」と「MySQL(実際はMariaDB)」のStartボタンを押して、「Apache」と「MySQL(実際はMariaDB)」を起動します。“MySQL”の「Admin」ボタンをクリックしてphpMyAdminにログインできるか確認してみます。すると、前々回、前回とは違い、ログイン画面が出ます。設定ファイルは間違いなく修正したのに、ログインの認証画面が表示されずエラーになるという場合は、余計なキャッシュが残っているのかもしれません。そんな時には、ブラウザの履歴やキャッシュの削除をしてみて下さい。phpMyAdminの認証画面で、設定したパスワードを使ってログインするユーザ名には「root」を、パスワードには先ほど設定したパスワードを入力して実行ボタンをクリックして下さい。「phpMyAdmin」の管理画面が表示されます。長くなりましたが、パスワードの設定及びphpMyAdminのログイン認証の設定が完了しました。これで、必要最低限のセキュリティは確保できたことになります。スポンサードリンクWordPressの設定WordPressのインストールWordPressのインストールは以下の手順で行います。以降の項目で、細かく手順をご説明します。コントロールパネル」を起動して、MySQLの「Start」を押し、正常に起動していることを確認します。「Admin」をクリックし、管理ページを開き、ユーザ名”root”と、パスワードを入力します。ログインが正常に終了すると、下記のような画面が開きます。管理画面左上にある、データベースタブを開きます。タブを開くと、下記の画面が表示されますので、「データベースを作成する」の項目に、任意のデータベース名を入れ、作成ボタンをクリックします。節税サラリーマンは「wp_test_01」としました。データベース「wp_test_01」を作成しました。いうメッセージが表示されデータベースが追加されていれば完了です。ログイン直後の画面に戻ると、データベース「wp_test_01」が作成されていることを確認できます。2WordPressのインストールまず、WordPressの公式サイトより、最新のWordPress日本語版をダウンロードします。ZIP形式でダウンロードされますので、デスクトップなどで解凍します。内容を確認すると、下記のようなファイル構成になっています。これらのファイルを、「C:\xampp\htdocs(※)」にコピーします。コピーする際には、解凍したフォルダ「wordpress」丸ごとコピーする点は注意が必要です。※XAMPPのインストール先が、「C:\xampp」の場合です。コピーが完了しましたら、WordPressのトップページにアクセスします。アドレスは、「http://localhost/wordpress/」です。このような画面が表示されれば、インストール完了です。先ほど画面から、「さあ、始めましょう!」をクリックします。次に下記のような画面が表示されますので、必要事項を入力します。データベース名には、先ほど作成したデータベース名を入力します。節税サラリーマンの場合、「wp_test_01」となります。ユーザー名は、MariaDB(MySQL)のパスワード設定で出てきた「root」を入力します。パスワードも同様に、MariaDB(MySQL)で設定したパスワードを入力します。入力が終わりましたら、送信ボタンをクリックします。その後、下記の画面が表示されますので必要事項を埋めていきます。管理画面ログイン名を入力(節税サラリーマンは「root」としました。インストール」をクリックすると、下記の画面に切り替わり、インストールが完了しました。先ほどの画面の左下、ログインをクリックすると、WordPressのログイン画面が表示されます。先ほど入力した、ユーザー名、パスワードを入力して、ログインボタンをクリックします。正常にログインできますと、こちらの画面が表示されます。上部にあるナビゲーションの一番左、「[ブログサイト名(節税サラリーマンの場合は「テストサイト」)]にマウスを乗せると「サイトを表示」のメニューが表示されますので、そちらをクリックします。このような表示が出れば、WrodPressの設定は完了です。まとめいかがだったでしょうか?手順は細かいですが、ひとつひとつこなしていただくことで、XAMPPの導入は問題なく実施できると思います。【2020年版ビジネスリュック】アウトドアショップを8軒回り、買いました。ふるさと納税|佐賀牛すき焼き、赤味と脂身のバランス、甘さとコクつみたてNISA|嫁さん名義で、毎月3万円から始めますIT系法人営業、厄介で困ったお客様への対応は別料金です。似顔絵(イラスト)|ランサーズで外注してみました。Baseカスタマイズ|Googleアドセンスを貼った話ブロガー名刺申し込んでみました。ネタ」などについての記事を書いています。興味のある方は、是非目を通してみてください。password=password(‘自分のパスワード’);」と入力し、「Enter」を押すと下記のような画面が表示されます。いう部分に全角文字「‘」が入っていました。コピペで実行してみたところエラーが出たので、指摘いたします。2018年5月13日ご指摘ありがとうございます。2019年2月2日こちらの記事を読んで1週間ほど悩んでたことが解決して本当に助かりました。いうのも僕は、これまでMAMPで、WordPressを使っていたのですが、ある時、急にMySQLサーバーが立ち上がらなくなりいろいろ調べた末に初期化までしても治らない状態になってしました。何が原因かは分からないのですが、もう初心者の僕にはお手上げだったので、こちらの記事でXAMPPをインストールして、ローカル環境でWordPressが使えた時は、もう節税サラリーマンさんが神様なんじゃないかと思いました。2018」と検索して、やっとこちらの記事を見つけることが出来ました。頭が禿げそうなぐらい困っていたので、もう本当に感謝の気持ちでいっぱいです。2019年2月11日コメントありがとうございます。確認が遅れ申し訳ありません。わたしも当初、XAMMP構築する際には、ネットの記事を参照していたのですが、用語も、画面もかなり違っていて結構苦労いたしました。この記事がはまさきさんの参考になり、大変うれしく思っています。コメントをキャンセルメールアドレスが公開されることはありません。ネタ」などについての記事を書いています。興味のある方は、是非目を通してみてください。人気の記事1【2020年版ビジネスリュック】アウトドアショップを8軒回り、買いました。views5似顔絵(イラスト)|ランサーズで外注してみました。views5似顔絵(イラスト)|ランサーズで外注してみました。IT営業マンだけど、投資やっています。