Photosynthesic blog

夫婦でやってるWeb屋です。

2018-01-10

新しいWordPressをローカルに設定する手順メモ

あけましておめでとうございます、mimiです。

久々にWordpressをローカルに設定しようとしたらスコンと手順を忘れていたのでメモしておきたいと思います。viとかこういう時にしか使わないので忘れちゃって毎回ぐぐってしまうのです…。

(ApacheとMySQL、phpMyAdminがインストールされている環境を前提としてます。最初の環境づくりの流れはiMacの開発環境を参照してください。)

1. 任意のディレクトリに最新のWordpressをダウンロードして展開。

ここでは/Users/somebody/Sites/www/newSiteというディレクトリとします。

ダウンロード

2. httpd-vhosts.confでDocumentRoot、ServerNameを設定

httpd-vhosts.confに新しいVirtualHostを追記します。
httpd-vhosts.confは設定したapacheの中にあります探してください。ここでは

/opt/local/apache2/conf/extra/httpd-vhosts.conf

にあります。この中に、

&lt;VirtualHost *:80&gt;<br />
    ServerAdmin webmaster@dummy-host.example.com<br />
    DocumentRoot &quot;/Users/somebody/Sites/www/newSite&quot;<br />
    ServerName local.newsite<br />
&lt;/VirtualHost&gt;

と追記して保存します。local.newsiteのところは他と被らなければ何でもOK。ServeAdminはダミーのままにしています。

3. /etc/hostsに追記

さらにhostsにも追記します。鍵かかっているのでviで書くのが早いです。

sudo vi /etc/hosts

で開いて、追記する行に移動して

i

を押して

127.0.0.1 local.newsite

を追記。httpd-vhosts.confで設定したのと同じ名前を書きます。

:wq

で保存終了。

4. Apacheをリスタート。

設定を有効にするために、Apacheをリスタートします。

sudo /opt/local/apache2/bin/apachectl restart

5. http://local.newsite にアクセス

設定がちゃんとできていれば、Wordpressの最初のページが表示されます。

6. phpMyadminで新しいデータベースを作成

phpMyadminで新しいデータベースを作成します。
ここでは
http://local.phpmyadmin/
にアクセスして
newsite
というデータベースを作成するとします。

7. wordpressの初期設定をする

作ったデータベース情報を入力してwordpressのダイアログに従って初期設定をします。

ここまででWordpressそのもののインストールは完了。

8. 開発用の雛形のテーマをコピペ

自作の雛形のテーマを

/Sites/www/newSite/wp-content/themes/

以下にコピペします。

9. npm install

cd /Sites/www/newSite/wp-content/themes/newSite/dev/<br />
npm install

以上!

・・・という手順が長いので、ポチッとしたらパッと作れるようにしたいなあ。

この記事を書いた人

mimi

主に書いている人。愚痴が多いです。悲観的。 フロントエンド側のアレコレをイジるのが好きみたいです。 編み物と写真と珈琲とオヤツ作りが趣味。 イラストも、最近描いてないけど描きます。 Twitter