wordpressB!wordpressを使ってブログを運営していると、CSSでデザインを変更したり、試してみたいテーマがあったりしますよね。稼働中のブログで変更作業をすると、デザインが崩れたり、最悪の場合は真っ白の画面になりログインすら出来なくなってしまいます(泣)。練習用の為にレンタルサーバーを借りるなんてことはしたくないですよね。そこでローカルサーバーの登場です。今使っているパソコン内にサーバーを構築し、そこにwordpressをインストールしてテスト環境を作成します。この中であれば、例えコーディングが間違っていて真っ白の画面になってもへっちゃらです。それではまずローカルサーバーの構築からです。FlywheelXAMPPじゃないんか~い!って声が聞こえてきそうですが、評判が良さそうなのでちょっと試してみたかったんですよ(笑)。ダウンロードしてインストールしてみました。System...の画面のままでした(汗)。version.(残念ながら、64ビットが必要です。32ビット版のWindowsに十分な興味がある場合は、32ビット版をリリースする予定です。)Local公式コミュニティにもあるように、2018年3月現在では32ビットには対応していないようです。私のパソコンは32ビットなんです。64ビットでも使用できますが、諸々の事情でwin7の32ビットを選んで使っています。笑)XAMPPの長所と短所ではタイトル通りXAMPPに戻ってきましたが、少しだけ長所と短所を説明します。XAMPPではwordpressが1つしか作成できませんが、XAMPPなら複数作成できるのでサイトに応じてのテストが容易にできます。ローカルネットワークからサイトの確認ができるLAN内のスマホやパソコンなど、別の端末から接続できるのでどのように見えているのかを確認できます。設定が簡単ではないやはりいろいろできる半面、1つのアプリケーションで完結という訳にはいかないので少し複雑になります。セキュリティの問題XAMPPはきちんと設定を行えば外部からのアクセスも出来てしまいます。初期の状態ではローカルのみのアクセスしかできませんが、使う上できちんとセキュリティ対策をしておく必要があります。XAMPPのインストール方法ということでXAMPPをインストールしていきましょう。PHPのバージョンを確認まずファイルをダウンロードする前に稼働中のPHPのバージョンを確認しておきます。私が使っているwpxはPHP7.1.4でした。7.1.14をダウンロードしました。https://www.apachefriends.org/jp/index.htmlインストールの仕方それではインストールしていきましょう。表示されるのは、「ウイルスソフトが稼働しているとインストールが遅くなるかもしれませんよ」という画面です。詳細は中程にあるURLにあるようなので気になる方は見てみましょう。問題なければYesを押して進みます。一部の機能が無効になりますよ」ということです。直下にインストールすれば問題無いのでOKを押して進みます。Nextを押しましょう。必要無いファイルもありますが、あっても問題無いのでそのままNextを押しましょう。インストールしましょう。ついてなので、ここではチェックを外してNextを押しましょう。インストールの準備ができたらNextを押しましょう。インストールには数分かかります。インストールが終わったらFinishを押してコントロールパネルを開きましょう。起動と設定まずは言語の設定ですが、日本語はありません。デフォルトの英語かドイツ語のどちらかを選んでSaveを押します。これがXAMPPのコントロールパネルです。それではwordpressを動かすのに必要なApacheとMySQLを起動させる為に、オレンジ枠で囲んだStartボタンを押しましょう。起動に成功すると、ApacheとMySQLの背景が緑色に、ボタンがStartからStopへと変わります。それぞれで使用するポートは、Apacheは80番ポートと443番ポートMySQLは3306番ポートとなっていますので、他のプログラムが使用している場合は起動できません。ポートチェックで問題が検出された場合の対応デフォルトでは、XAMPPを起動させたときにモジュールで使用するポートが開いているかどうかのチェックが行われます。そこで問題が検出されると以下のような画面が表示されます。80が使われている為プロセスを開始できませんと表示されています。80問題はSkypeやインターネットインフォメーションサービス(IIS)が原因になっていることが多いようです。そこから疑ってみてもいいかもしれません。ちなみに今回の問題はIISなので、こちらのプログラムを停止させます。コントロールパネルのプログラムと機能の項目にあるWindowsの機能の有効化または無効化を開きます。サービスのチェックを外します。これで問題無く起動できるようになりました。このように問題が検出された場合は、使用しているプログラムを停止させるか、XAMPP側でポートを変更するかのどちらかの対応が必要になります。MySQLのパスワードを設定するでは続いて、MySQLのログインパスワードを設定していきます。※既に何回かMySQLと書いていますが、正しくはMariaDBです。XAMPPの表記がMySQLなので混乱しないように合わせてます(汗)デフォルトではパスワードが設定されていないので、MySQLのadminを押すとphpMyAdminが起動します。accountsを押します。privilegesを押します。この画面のパスワードを変更するを押します。するとパスワード設定画面になりますので、EnterとRe-typeに任意のパスワードを入力して実行を押しましょう。自動生成するには生成するを押すと、表示されているようなランダムなパスワードが設定されますが、いずれにせよ忘れないようにしましょう。パスワードが正しく設定されると以下の画面が表示されます。ここでデータベースを押してみましょう。すると以下の画面が表示されます。サーバに接続しようとしましたが拒否されました。サーバの管理者から与えられた情報と一致するか確認してください。先程パスワードを設定したので拒否られてしまいました。config.inc.phpのホスト、ユーザ名、パスワードが...とあるので確認してみましょう。XAMPPコントロールパネルのApacheのConfig内にもconfig.inc.phpはありますが、メモ帳で開くのでかなり見づらいです。フリーソフトのテキストエディタを使って開いてみましょう。デフォルトならファイルは、C:\xampp\phpMyAdmin内にあります。これはNotepad++を使って開いていますが、19~21行目を見てください。[’auth_type’]=’config’[’user’]=’root’[’password’]=’’となっています。auth_typeの’config’は、ログイン画面を表示しないという設定です。現状はログイン画面を出さず、ユーザー名は’root’で、パスワードは’’(無し)となっています。設定したパスワードを記入して保存したらいいんじゃね?ってなりますが、これだとパスワードを設定する意味がないので、ここでは画像のように設定しましょう。auth_typeを’cookie’(ログイン画面を表示する)に変え、userのrootを消して’’に書き換えます。パスワードはそのままで大丈夫です。出来たら保存して再度XAMPPのコントロールパネルからMySQLを開いてみましょう。このようなログイン画面が出ますので、ユーザー名にroot、そしてパスワードを入力してログインしましょう。MySQLにデータベースを作成するそれでは最後にwordpressで使うデータベースをMySQLに作成します。下の画面のデータベースを押しましょう。ここでデータベース名と照合順序を入力し作成を押すとデータベースが作成されます。私はデータベース名を「wordpress」にしました。照合順序は「utf8_general_ci」を選びましょう。左のデータベース欄に作成したデータベースが表示されたら完了ですので、ロゴマーク下にあるアイコンからログアウトします。以上でXAMPPの設定は完了しました。スポンサーリンクまとめ要点だけ抑えると、XAMPPを”C:\XAMPP”にインストールするコントロールパネルを開き、ApacheとMySQLを起動させるMySQLのログインパスワードを設定するconfig.inc.php内のログイン情報を変更するデータベースを作成するこんな感じですね。XAMPPが問題無く起動してくれるとそんなに時間はかからないと思います。それでは続いてwordpressをインストールしていきますので、ApacheとMySQLは起動させたままで引続きご覧ください。前回はXAMPPを使ってローカルサーバーを構築し、データベースを作成するところまで行いました。SSL/TLS)接続でサーバーから切断されるときの原因と対処法Prev人気関連記事WinSCPを使ってFTPS接続する方法wordpressを使ってサイトを運営する上で欠かせないのがFTPクライアントソフト。前回はXAMPPとwordpressを使ってローカル環境を構築しました。SSL/TLS)接続でサーバーから切断されるときの原因と対処法FTPクライアントソフトを使ってFTPS接続すると、たびたびサーバーから切断されてしまいます。前回はXAMPPを使ってローカルサーバーを構築し、データベースを作成するところまで行いました。2児の父親で、ホームセンターと100円ショップをこよなく愛するアラフォーリーマンです。家庭レベルでの日々改善に努めています。