Successfully reported this slideshow.

WordBeach 2012 WS 環境構築編

1

Share

1 of 38
1 of 38

More Related Content

Related Audiobooks

Free with a 14 day trial from Scribd

See all

WordBeach 2012 WS 環境構築編

  1. 1. ワークショップ 環境構築編 WordBeach 2012 1
  2. 2. レジュメ ✴ ローカルサーバーの構築 ✴ WordPressのインストール ✴ テーマの作成 ✴ テーマのカスタマイズ WordBeach 2012 2
  3. 3. ローカルサーバーの構築 Mac編 ✴ MAMPのダウンロード ✴ MAMPのインストール ✴ MAMPの設定 WordBeach 2012 3
  4. 4. M MAMPのダウンロード MAMPを以下のサイトよりダウンロードします。 http://www.mamp.info/en/index.html WordBeach 2012 4
  5. 5. M MAMPのインストール ダウンロードしたZIPファイルを解凍してできた ファイルをダブルクリックしてインストール。 WordBeach 2012 5
  6. 6. M MAMPの設定 インストールが完了したらMAMPを起動し、以下 の項目を設定します。 • ポート番号 • PHPバージョン • ドキュメントルート WordBeach 2012 6
  7. 7. M ポート番号の設定 ポート番号を標準に設定する(任意) WordBeach 2012 7
  8. 8. M PHPバージョンの設定 PHPのバージョンをサーバーに合わせて選択す る。最新のWordPress(3.4.1)をインストールす るには、PHP 5.2.4 以上が必要。 WordBeach 2012 8
  9. 9. M ドキュメントルートの設定 ドキュメントルートを設定する(任意) WordBeach 2012 9
  10. 10. ローカルサーバーの構築 Win編 ✴ XAMPPのダウンロード ✴ XAMPPのインストール WordBeach 2012 10
  11. 11. M XAMPPのダウンロード XAMPPをサイトよりダウンロードします。 http://www.apachefriends.org/jp/xampp-windows.html WordBeach 2012 11
  12. 12. W XAMPPのダウンロード WordBeach 2012 12
  13. 13. W XAMPPのダウンロード WordBeach 2012 13
  14. 14. W XAMPPのインストール WordBeach 2012 14
  15. 15. W XAMPPのインストール WordBeach 2012 15
  16. 16. W XAMPPのインストール WordBeach 2012 16
  17. 17. W XAMPPのインストール WordBeach 2012 17
  18. 18. W XAMPPのインストール WordBeach 2012 18
  19. 19. W XAMPPのインストール WordBeach 2012 19
  20. 20. W XAMPPのインストール WordBeach 2012 20
  21. 21. WordPress のインストール ✴ WordPress のダウンロード ✴ WordPress のインストール WordBeach 2012 21
  22. 22. W M WordPress のダウンロード WordPressを以下のサイトよりダウンロードしま す。http://ja.wordpress.org/ WordBeach 2012 22
  23. 23. W M WordPress のインストール ダウンロードしたZIPファイルを解凍して、できた フォルダをドキュメントルートに移動します。 この時、フォルダ名をサイト名などに変更すると 良いと思います。 WordBeach 2012 23
  24. 24. W M WordPress のインストール ドキュメントルートに移動したら、MAMPを起動 して、ブラウザから移動したフォルダにアクセス します。 WordBeach 2012 24
  25. 25. W M WordPress のインストール 「設定ファイルを作成する」をクリックすると、 次の様な画面が表示されます。 WordBeach 2012 25
  26. 26. W M WordPress のインストール MAMPのコントロールパネルからスタートページ を開き、以下のものを調べます。 ・データベースのホスト名 ・データベースのユーザー名 ・データベースのパスワード WordBeach 2012 26
  27. 27. W M WordPress のインストール phpMyAdminでデータベースを作成します。 WordBeach 2012 27
  28. 28. W M WordPress のインストール phpMyAdminでデータベースを作成します。 WordBeach 2012 28
  29. 29. W M WordPress のインストール phpMyAdminでデータベースを作成します。 WordBeach 2012 29
  30. 30. W M WordPress のインストール データベースの情報を設定。 ① ② WordBeach 2012 30
  31. 31. W M WordPress のインストール WordPressの必要情報を設定。 ① ② WordBeach 2012 31
  32. 32. W M WordPress のインストール WordPressのインストール完了! WordBeach 2012 32
  33. 33. テーマの作成 wp-content > themes に 新しいテーマフォルダを作る。 WordBeach 2012 33
  34. 34. 基本構成 • style.css(必須) • index.php(必須) • header.php • footer.php • functions.php WordBeach 2012 34
  35. 35. プラグインを入れてみよう ✴ WP Total Hacks ✴ Adminimize WordBeach 2012 35
  36. 36. テーマのカスタマイズ ✴ ナビゲーションメニューを追加する ✴ パンくずリストを追加する ✴ ページ送りを追加する ✴ メールフォームを追加する WordBeach 2012 36
  37. 37. 色々カスタマイズする ✴ パーマリンクの設定 ✴ テーマ一覧のサムネイルを追加する ✴ アイキャッチを利用可能にする ✴ 固定ページで抜粋を利用可能にする ✴ アップデート通知を非表示にする ✴ Admin Bar の WPロゴを非表示にする WordBeach 2012 37
  38. 38. ご清聴ありがとうございました。 MAMP のダウンロード http://www.mamp.info/en/index.html XAMPP のダウンロード http://www.apachefriends.org/jp/xampp-windows.html WordPress のダウンロード http://ja.wordpress.org/ WordBench Nagoya 2012.1.28 38

×