セカヤサブログ世界で一番初心者に優しいWeb制作のメディア。HTML/CSS/JavaScript、WordPress、Web制作の考え方を解説します。2024.10.30こんにちは。Web制作を学習していく上で、よくWordPressはやった方が良いと耳にすると思います。WordPress開発を学ぶ上で、まず最初に立ちはだかる壁が「環境構築」ではないでしょうか。mac」などで検索するといまだに「MAMP」という技術を使った方法が1位に出てきますが、「古くてめんどくさい方法」という側面があります。スクールや教材でもMAMPを使った方法を教えているところもあるようですが、今となってはWordPress開発のためだけにわざわざ利用する意味はあまりないでしょう。そこで今回は、WordPress環境を数クリックで構築できる「Local」の使い方を紹介、解説します(本記事ではMacを利用している場合の解説です)。目次LocalとはLocalの使い方ダウンロード、インストール環境の立ち上げサイトへアクセスしてみる開発を行うにはまとめLocalとはLocalとは、WordPressのローカル開発環境を構築するものです。flywheelとも呼ばれています(今は正式名称ではない?)。自分のパソコンでWordPressを開発するには、PHP、MySQL、WordPressをそれぞれインストールし用意する必要がありますが、Localはそれを数クリックで用意することができます。Localの使い方ダウンロード、インストールまずは公式サイト(https://localwp.com/)からLocalをダウンロードしましょう。公式サイトにアクセスし、画面右上もしくは中央のダウンロードボタンをクリックします。利用しているOSの種類を聞かれるので、お使いのものをお選びください(今回はMacで進めます)。次に名前、メールアドレス、電話番号の入力を要求されます。NOW!」を押します。するとファイルをダウンロードできますので、お好みの場所に保存しましょう。次の画像のようなファイルがダウンロードできたかと思います。ファイルを開くと次のような画面が表示されますから、アプリアイコンをアプリケーションフォルダにドラッグ&ドロップします。これでダウンロード、インストールができました。環境の立ち上げそれでは、早速インストールしたLocalを起動します。初回起動時は以下のような画面になります。利用レポートということで、Localの今後の改善のために匿名で各機能の利用状況を送信するようです。Thanksを選択しましょう。メインの画面は以下のような形です。いくつか環境を立てているためこのような画面になっていますが、皆さんはまだ空の状態かと思います。新しく環境を作るには左下の+ボタンを押下します。ボタンを押すと、まずはサイト名の入力画面になります。任意のサイト名を入力しましょう。入力したら右下のcontinueをクリックしましょう。すると次のような画面になり、PHPバージョン、ミドルウェア(nginxかApacheか)の選択、MySQLバージョンの設定を行います。基本的には本番環境のものと近いの選ぶのが良いです。本番サーバーの管理画面からそれらの情報は確認できます。いえ、ひとまずおすすめの設定で始めたい場合はPreferredを選べば良いでしょう。細かく設定する場合はCustomを選んで設定してください。次にWordPressの設定です。ユーザー名、パスワード、メールアドレスを設定します。SITE」を押してしばらく待てば環境が構築されます。非常に簡単に環境が構築できましたね。サイトへアクセスしてみる環境が構築できたので、実際にサイトを閲覧してみましょう。SITE」を押すとトップページが表示されます。SITE」から押してみましょう。デフォルトのテーマ設定にもよりますが、ブラウザが立ち上がり次のような画面になるかと思います。Localに戻って、次は「ADMIN」を押します。するとログイン画面が表示されます。先ほど設定したユーザー名、パスワードを入力すると、管理画面に入ります。これで立ち上がったサイトの確認ができましたね。開発を行うにはさて、環境ができたところで開発の話です。WordPress開発と言えば、概ねテーマファイルを構築することを指します。Localで構築した環境における、テーマファイルを配置する場所を確認しましょう。Localで、開発を行いたい環境を選び右クリックします。Folder)」という項目があるので、クリックします。するとFinderが立ち上がり次の画像のようなディレクトリが開きます。続いて、「app」→「public」→「wp-content」→「themes」と進み、そこに新しく開発するテーマのフォルダを作って開発スタートになります。これでWordPress開発が進められますね!まとめということで、Localを使ったWordPress環境の構築方法でした。非常に簡単に環境を用意できるので、もし今までは他の方法で環境を作っていたという方もぜひお試しください。WordPressサイトに最適化された本番、テストサーバーを使ってみたい方はこちらをご覧ください。ConoHaサーバーでWordPressの表示速度を最大限に!速度最適化の実践ガイドこんにちは。今回はサイトの表示速度を上げる時に、「サーバー選定」という観点から改善する方法を解説していきます。」や「さくらのレンタルサーバ」をよく耳にすると思います。関連記事WordPressを学ぶ一瞬でWordPressをテスト、ローカル環境から本番環境へ移行する方法こんにちは。WordPressサイトの開発って、テスト環境やローカル環境から本番環境へのアップロードで手間取ることが多くないでしょうか。テーマファイルだけならFTPでアップロードすれば良いですが、一部プラグインの設定があったりします。Ad...2024.07.09WordPressを学ぶWordPressを学ぶConoHaサーバーでWordPressの表示速度を最大限に!速度最適化の実践ガイドこんにちは。今回はサイトの表示速度を上げる時に、「サーバー選定」という観点から改善する方法を解説していきます。」や「さくらのレンタルサーバ」をよく耳にすると思います。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。秀樹フリーランス8年目|「世界一初心者に優しい」→セカヤサ。初心者が5年後も10年後も仕事を奪われない人になるための発信中。最新情報まとめWeb制作役立ちツールホーム検索トップサイドバータイトルとURLをコピーしました。