WordPressにお問い合わせフォームの設置

前回MAMPとWordPressをインストールしましたが、WordPressにお問い合わせフォーム(確認画面付き)を設置できるプラグインがありましたので、ご紹介します。
プラグインで「inquiry-form-creator」を検索してインストールし、有効化します。


ダッシュボードの左下に「お問い合わせ」のメニューが表示されていると思いますので、クリックします。

お問い合わせ編集の画面右下の「フォームの編集」ボタンをクリックし、お問い合わせフォームを
編集します。


フォームを作成したら、左下のタグをコピーしておきます。

コピーしたタグを貼付けたページを作成します。

実際のページを見るとこのようになります。

MAMP&WordPress

仕事でMacBookにWordPressを入れることになり、PHPやらMySQLやらをインストールしなきゃなぁ〜と思っていたら、MAMP(Mac,Apache,MySQL,PHP)という便利なものがあることがわかった。

1.MAMPとは
このMAMPはMac専用のもので、MAMPとMAMP PROの2つのバージョンがありますが、MAMPは無料のようなので、今回はMAMPを使います。
ちなみにこのMAMP(インストール時点ではMAMP_MAMP_PRO_1.9.6.1.dmp)を入れると以下がセットでインストールされるようです。

Included programs & libraries

  • Apache 2.0.63
  • MySQL 5.1.44
  • PHP 5.2.13 & 5.3.2
  • APC 3.1.3
  • eAccelerator 0.9.6
  • XCache 1.2.2 & 1.3.0
  • phpMyAdmin 3.2.5
  • Zend Optimizer 3.3.9
  • SQLiteManager 1.2.4
  • Freetype 2.3.9
  • t1lib 5.1.2
  • curl 7.20.0
  • jpeg 8
  • libpng-1.2.42
  • gd 2.0.34
  • libxml 2.7.6
  • libxslt 1.1.26
  • gettext 0.17
  • libidn 1.15
  • iconv 1.13
  • mcrypt 2.6.8
  • YAZ 4.0.1 & PHP/YAZ 1.0.14

上記は以下から抜粋
http://www.mamp.info/en/mamp/index.html

2.MAMPのインストール
とりあえず、以下からこのMAMPをダウンロードしてインストールします。
(左のボタンのDownload nowをクリック)
http://www.mamp.info/en/index.html

ダウンロードした「MAMP_MAMP_PRO_1.9.6.1.dmp.zip」を解凍し、「MAMP_MAMP_PRO_1.9.6.1.dmp」をクリックしてインストーラーを起動します。
インストーラの画面が表示されるので、利用規約に同意して「Agree」をクリックします。

以下の画面が表示されたら、この画面にある「MAMP」フォルダを「Applications」フォルダに移動させます。(※アプリケーションのフォルダ以外は動作しないとのことです。)

その後、MAMPを起動させてください。
ブラウザが起動して、以下の画面が表示されれば、MAMPのインストールは完了です。

3.MySQLAdminでWordpress用のDBを作成
MySQLAdminでWordpress用のDBを作成します。
ここではDB名を「wordpress」としました。

これでDB作成完了です。

4.WordPressのインストール
以下のサイトからWordPressをダウンロードします。
http://ja.wordpress.org/


ダウンロードしたファイルを解凍します。
解凍してできた「wordpress」というフォルダを
アプリケーション>MAMP>htdocs 以下に移動します。

「wordpress」フォルダの中にある
「wp-config-sample.php」のファイル名を
「wp-config.php」に変更したら、
テキストエディタなどで開き、以下の3箇所を修正します。

●24行目あたり
/** WordPress のデータベース名 */
define(‘DB_NAME’, ‘putyourdbnamehere’);

define(‘DB_NAME’, ‘wp01‘);

●26行目あたり
/** MySQL のユーザー名 */
define(‘DB_USER’, ‘usernamehere’);

define(‘DB_USER’, ‘root‘);

●29行目あたり
/** MySQL のパスワード */
define(‘DB_PASSWORD’, ‘yourpasswordhere’);

define(‘DB_PASSWORD’, ‘root‘);

※MySQLのユーザ名とパスワードについて
MAMPの初期設定では、MySQLのユーザ名とパスワードは
root /root です。

5.WordPressを設定
MAMPが起動していることを確認したら、ブラウザで以下にアクセスする。
http://localhost:8888/wordpress/wp-admin/install.php

以下の画面が表示されるので、入力事項を入力する。

登録完了すると以下の画面が表示されます。
左下のログインボタンをクリックしてログイン画面に進みます。


設定したパスワードでログインします。


ログイン後、ダッシュボードが表示されます。

とりあえず、インストールと設定は完了です。
次はお問い合わせフォームについて書きたいと思います。