あまんの備忘録

WordPressの開発環境を作ろう!

投稿日
更新日

自分で作ったテーマに変更するために、開発をしていこう!ということで、
まずはその開発をするローカル環境を作っていきます!


ローカルサーバーとしては、xampp(mamp)を使うので、
まずはxamppをインストール!
下のリンクから飛んでもいいし、xamppでググってもOK.
https://www.apachefriends.org/jp/index.html


ちゃんとインストールできたら、こんなのが開けます。

apacheとmysqlを使うので、インストールする時の設定で使えるように設定しましょう。


続けて、WordPressを入手します。
https://ja.wordpress.org/team/handbook/block-editor/getting-started/devenv/


ダウンロードしたものを解凍したらこんなファイルが入ってます。



解凍したフォルダをxamppで使えるように、xamppのフォルダへ移動します。
Cドライブ>xampp>htdocs>ココに移動します(ちなみにフォルダ名は短くして置いた方が後々楽)


xamppのApacheとMySQLをstartの状態にして、ローカルのWordPressのトップページにアクセスしてみます。
http://localhost/移動した先のフォルダ名/
トップページにアクセスできたらOK。


管理画面側も確認してみます。
http://localhost/移動した先のフォルダ名/wp-admin/
でログインしたら、管理画面も見ることができます。




ちなみに、これからテーマの変更をしていくので、
Cドライブ>xampp>htdocs>移動したフォルダ>wp-content>themes
のフォルダ内に、自分で作るテーマ用のフォルダを作ります(フォルダ名は任意)。


フォルダ作ったらその中に、index.phpとstyle.cssのファイルを作って準備しましょう。


ちなみに、Git使って開発していくのですが、次の記事に・・・

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です