リアル人生ゲーム

ゼロから始める億万長者への道 - 4年間ヒキニートだった俺が億万長者を目指し日々奮闘する日常系ブログ

今日の作業 WEBサイト制作 web studio メモを取りながら…

やりたい事

  • web portfolioの作成
  • AWS環境構築
  • WP環境構築

 

ステップ1 ローカル環境での作業

xamppの起動

httpd.confの設定

C:\xampp\apache\conf\httpd.conf

 

Listen 80
Listen 8080

他色々設定必要だけど、過去の記事参照よろ

https://zeno.hatenablog.jp/entry/2019/12/01/060732

VirtualHostの設定

C:\xampp\apache\conf\extra\httpd-vhosts.conf

 

<virtualhost *:80>
ServerName xxxx.xxx
ServerAlias *.xxxx.xxx
VirtualDocumentRoot "c:/xampp/htdocs/public_html/%0/htdocs"
<directory "c:/xampp/htdocs/public_html/*/htdocs">
Require all granted
</directory>
</virtualhost>

<virtualhost *:8080>
ServerName localhost
VirtualDocumentRoot "c:/xampp/htdocs"
<directory "c:/xampp/htdocs">
Require all granted
</directory>
</virtualhost>

 

hostsの設定

C:\Windows\System32\drivers\etc\hosts

#ローカル鯖用
127.0.0.1 localhost
127.0.0.1 misterylab.local
127.0.0.1 miracle.local

localhostのとこは、要らないかも?

 

とりま、ローカル環境にwp環境用意しておきたい。

DBの用意

下記にアクセス

http://localhost:8080

ページ上部にあるphpMyAdminにアクセスする。

 

データベースタブをクリックして、データベースを作成する。

文字コードは、utf8mb4_general_ciにしておくのが無難かな。

理由は、4bitの文字が文字化けするとかなんとか。

 

WPのインストール

WPをダウンロードしてきて解凍して、ディレクトリーに突っ込む。

そしたら、そこにブラウザからアクセスする。

 

私の場合は、下記な感じ

http://misterylab.local/wp/

 

そしたら、用意したDBを設定して適当にインストールしたら、とりあえず完了

 

一旦、ここで保存