『WordPress』製作代行ブログカテゴリーWEBWordPressコラムプロフィールお問い合わせあなたの近くのWeb屋さん。ローカル環境を構築できるとても便利なツールです。ここでは、そのインストール方法と使い方についてご紹介します。レンタルサーバーは、エックスサーバーで契約していることを前提に説明を進めます。インストールファイルをダウンロードしましょう。here』をクリックします。『local-by-flywheel-3-2-1-mac.dmg』というDMGファイルがダウンロードされました。Flywheel.app』をドラッグして、『Applications』のフォルダに移動させます。これで、インストールは終了です。ローカル環境を作成する次に、ローカル環境を作成していきましょう。ローカル環境を選ぶ『Preferred』か『Custom』かを選択します。私はカスタマイズしやすい『Custom』を使っているので、そちらで説明していきます。クリックすると拡大します。ホームページから確認できます。以降であれば『nginx』を選択してください。設定が終わったら、『CONTINUE』をクリックします。本番環境で使用する情報を入力しておけば、後で変更する必要がありません。SITE』をクリックします。)表示されるので、PCのパスワードを入力して『OK』をクリックして下さい。ドメインを変更する次はドメインを変更しましょう。クリックすると拡大します。Domain』の『CHANGE』をクリックして、本番環境と同じになるように変更します。注意!!既存サイトのお引越しをお考えの方は、本番環境とは違うドメイン名にしておいて下さい。hostsファイルが書き換えられる為、ドメイン名が同じ場合、あなたのPCからだと強制的にローカルサイトが表示されてしまいます。Flywheel』のドメイン名を、本番環境と同じものに変更することをお勧めします。DOMAIN』をクリックします。データが作成されました。SITE』をクリックするこのように表示されれば、成功です。管理画面に入る『ADMIN』をクリックします。先ほど設定したユーザーネームまたはメールアドレス、パスワードを入力します。日本語に設定してください。サイトを構築していきましょう。Link』という機能があり、ローカルサイトを一時的に外部に公開することができます。赤枠で囲んだ『ENABLE』をクリックしてみてください。それをクリックすることにより、サイトを表示させることができます。公開を終了させたければ、その隣にある『DISABLE』ボタンをクリックします。これは、クライアントさんとサイトの表示を確認する際に、とても便利な機能ですね。ローカル環境から本番環境への移行については、後日公開予定です。==プロフィール華子Webデザイナー。曲がった事が大嫌いな二児の母。全てを失い、僅かなお金を握りしめバリ島に渡る。時間稼ぎをしつつWebデザインの勉強に没頭。現在は帰国し、主にWordpress初心者さんのサポートをしています。お問い合わせはTwitterのDMから、またはこのグログのお問い合わせページから、お気軽にどうぞ。アイコンは娘が9歳のとき、描いてくれたものです。DesignスマホケースやTシャツなどのオリジナルグッズを販売しています。アメブロデビューしました。