2020年1月17日こんにちは、きゅんです。WordPressでブログを運営したいと思っている方は多いかもしれませんが、最初の構築に手間取ってしまう方って多いと思います。type=”r”]まずサーバーを立てるって何?MAMP?ZAMP?わからん![/voice]そのままレンタルサーバー上でWordPressを構築することもできますが、あまりオススメしません。[/aside]ローカル環境にバックアップがあるとの無いのとではだいぶ違います。ネットにつながっていなくても記事の作成はできるので、ローカル環境でWordPressの環境が操作できる事はメリットだらけなんです。Flywheelのセットアップの方法と使い方、さらにwebエンジニアとしてオススメのプラグインやオススメの使い方をご紹介したいと思います。Flywheelとは?画像MAMPやZAMPの初期導入と違ってこちらは簡単です。プログラミング挫折って大体は環境構築ができなくて終わってしまう人がいるんです。Flywheelなんです!簡単な設定とクリックだけでローカル環境が誰でもすぐに構築できてしまうツールになります。Flywheelのメリットは?起動が早い、操作がしやすい起動がとても早いです。Flywheelは早いです。それと操作性がとてもわかりやすいです。英語表記ではありますが、どのように操作すればいいのか英語の知識が無いぼくでも理解ができました。Flywheelは入力項目を埋めていくので直感的に構築ができます。何より嬉しいのがPHPのバージョンやWordPressのバージョンを指定してインストールができることです。これはサイト制作案件においてありがたい機能だと思います。実際にバージョンを指定してのポータルサイト構築案件があった時は助かったことがあります。複数サイトの管理が可能ブログ運用をするのであれば、バックアップを取ってローカルで作業を!ということもできますが、エンジニアにとってもメリットはあります。WordPressでサイトを作成して欲しいという依頼が複数あったとします。Flywheelは複数のサイトを管理することができます。複数管理することで、僕自身もサイト制作における初期設定に時間がかからなくなりました。Linkで外部確認用URLが発行できるローカル環境で構築したものをクライアントに確認する時はどうするの?と思うかもしれませんが、それも可能です。LiveLinkという機能で出力されたURLを外部のPCからも確認がすることができるのです。ローカルサイトなのにメールが使える作成したWordPressのサイトからメールの送受信のテストをする時に使えますが、メールアドレスを発行して送受信することが可能です。使うこととしては、お問い合わせフォームにてメールが届いているかの確認に有効です。びっくりなのが、ここまで高機能で無料なんですよね。サブスクなのかな?と思いきや完全無料なのでありがたいです。type=”r”]複数のサイト管理をリストで簡単に管理できるのは本当にありがたい[/voice](※今回はテスト用に新しく作成しています)上の画像のようにローカル環境のサイトを一覧で見えるようになるのです。Flywheelをセットアップしていきましょう。本当に作業工程としてはびっくりするほど簡単なので大丈夫です。Flywheelをインストールします。Downloadをクリックしましょう。ご自身の指定の場所へファイルをダウンロードします。上の画像のように、モーダルが表示されます。ここでMacかWindowsを選び、任意で名前を入力してメールアドレスとサイトの所有数を入力しましょう。入力が完了するとダウンロードが始まります。ダウンロードはこれだけになります。Flywheelをインストールしようインストーラの保存場所を確認してダブルクリックでインストールしましょう!ダイアログが表示されステータスが出てくると思います。Flywheel!と表示されたと思いますがこれはこのままボタンをクリックしてインストールしましょう。最初の段階で細かい設定をしなくても問題ありません。パスワードを入力しましょう。自身で設定されているPCのパスワードになります。type=”warning”]注意この画面が出たらVirtualBoxのインストールもしましょう。FlywheelはVirtualBoxを使って仮想マシンを立ち上げてマシン内で仮想サーバを稼働させます。VirtualBoxがないとこのようなエラー文が表示されます。無事にインストールができたら画面の左の「+」ボタンを押してください。ここからローカルサイトを増やすことができます。クリックするとこのよう画面に切り替わっていきます。任意のサイト名を入力しましょう。この画面にはそのままでContinueをクリックします。PHPのバージョンとMySQLのバージョンの指定もできてしまいます!めっちゃすごいですね!ここでWordPressのユーザ名とパスワードを設定できます。お問い合わせフォームで使用するメールアドレスの指定もできます。Flywheel内で使用が可能なのです。ADDSITEをクリックしたらこのようなステータスバーがでるので待ちます。作成したWordPressサイトが左側に表示されて総裁な情報がOVERVIEW内に表示されます。このままADMINを押していただくとWordPressの管理画面にブラウザで表示がされます。Flywheelのワンポイント上の使い方インストールとセットアップは以上になります。Flywheelの設定はとても優しいなと思いました。Flywheelを使ってもっと便利になる方法をご紹介します。Migrationこちらの記事を参考にしてみてください個人的に思うコトweb制作者にとってツールの使いこなしと時短は本当に大事だと思います。Migrationでサーバ上にある本番用のWordPressに移行して納品!という方法をとっています。MEkyun65フリーランスのweb屋。時間と場所に捉われず、やりたいことだけをやっています。loop-bitterはweb制作についてやフリーランスの情報を発信しています。アプリエンジニアきゅんフリーランスのweb屋。時間と場所に捉われず、やりたいことだけをやっています。loop-bitterはweb制作についてやフリーランスの情報を発信しています。loop-bitter。