Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Mac&Windowsのローカル環境にWordPressをインストールしよう   WordBench Nagoya 2012.1.28                                1
まずは自己紹介   名前 ✴ 小田島 倫也   職業 ✴ フリーランスのクリエイター Twitter ✴ @michouseWBNでは ✴ 写真部の部長            WordBench Nagoya 2012.1.28        ...
レジュメ✴ ローカルサーバーの構築✴ WordPressのインストール✴ PHPの基礎✴ テーマの作成✴ WordPressのアップロード✴ テーマのカスタマイズ           WordBench Nagoya 2012.1.28    ...
サンプルファイルのダウンロードサンプルファイルを以下のアドレスからダウンロードできます。http://download.piece-web.jp/wbn1201/sample.zip              WordBench Nagoya ...
ローカルサーバーの構築 Mac編✴ MAMPのダウンロード✴ MAMPのインストール✴ MAMPの設定        WordBench Nagoya 2012.1.28                                     5
M         MAMPのダウンロードMAMPを以下のサイトよりダウンロードします。http://www.mamp.info/en/index.html              WordBench Nagoya 2012.1.28    ...
M    MAMPのインストールダウンロードしたZIPファイルを解凍してできたファイルをダブルクリックしてインストール。       WordBench Nagoya 2012.1.28                             ...
M          MAMPの設定インストールが完了したらMAMPを起動し、以下の項目を設定します。• ポート番号• PHPバージョン• ドキュメントルート          WordBench Nagoya 2012.1.28       ...
M     ポート番号の設定ポート番号を標準に設定する(任意)       WordBench Nagoya 2012.1.28                                        9
M      PHPバージョンの設定PHPのバージョンをサーバーに合わせて選択する。最新のWordPress(3.3.1)をインストールするには、PHP 5.2.4 以上が必要。         WordBench Nagoya 2012.1....
M   ドキュメントルートの設定ドキュメントルートを設定する(任意)       WordBench Nagoya 2012.1.28                                        11
ローカルサーバーの構築 Win編✴ Web Platform Installerのインストール✴ Web Matorixのインストール✴ phpMyAdminのインストール            WordBench Nagoya 2012.1....
Web Platform Installer            W            のインストールhttp://www.microsoft.com/web/downloads/platform.aspxよりダウンロード。       ...
Web Platform Installer                   W         のインストールダウンロードされたファイルを実行。Microsoft WebMatrixを追加して、インストールをクリック。          ...
WordPress のインストール Mac編✴ WordPress のダウンロード✴ WordPress のインストール          WordBench Nagoya 2012.1.28                          ...
M      WordPress のダウンロードWordPressを以下のサイトよりダウンロードします。http://ja.wordpress.org/              WordBench Nagoya 2012.1.28      ...
M   WordPress のインストールダウンロードしたZIPファイルを解凍して、できたフォルダをドキュメントルートに移動します。この時、フォルダ名をサイト名などに変更すると良いと思います。       WordBench Nagoya 20...
M   WordPress のインストールドキュメントルートに移動したら、MAMPを起動して、ブラウザから移動したフォルダにアクセスします。       WordBench Nagoya 2012.1.28                   ...
M   WordPress のインストール「設定ファイルを作成する」をクリックすると、次の様な画面が表示されます。       WordBench Nagoya 2012.1.28                                ...
M   WordPress のインストールMAMPのコントロールパネルからスタートページを開き、以下のものを調べます。・データベースのホスト名・データベースのユーザー名・データベースのパスワード       WordBench Nagoya 2...
M   WordPress のインストールphpMyAdminでデータベースを作成します。        WordBench Nagoya 2012.1.28                                         21
M   WordPress のインストールデータベースの情報を設定。             ①      ②       WordBench Nagoya 2012.1.28                                  ...
WordPress のインストール Win編✴ WordPress のインストール          WordBench Nagoya 2012.1.28                                       23
W   WordPressのインストール「Webギャラリーからサイトを作成する」をクリック、「WordPress日本語」を選択して「次へ」をクリック。   ①                          ②                ...
W   WordPress のインストール「同意する」をクリック。       WordBench Nagoya 2012.1.28                                    25
W   WordPress のインストール各項目を入力して、「次へ」をクリック。                    ①                        ②       WordBench Nagoya 2012.1.28   ...
W M    WordPress のインストールWordPressの必要情報を設定。               ①               ②         WordBench Nagoya 2012.1.28             ...
W M   WordPress のインストールWordPressのインストール完了!         WordBench Nagoya 2012.1.28                                            28
W     phpMyAdminのインストール以下のサイトよりphpMyAdminをダウンロードします。http://www.phpmyadmin.net/home_page/downloads.php                WordB...
W   phpMyAdminのインストールダウンロードされたファイルを解凍し、WordPressと同じフォルダにコピーします。      ③ 貼り付け                    ① コピー      ② ファイルをクリック     ...
PHPの基礎✴ 拡張子は .php✴ HTMLの中に埋め込める。✴ PHPのプログラムは <?php と ?> の間に書く。              WordBench Nagoya 2012.1.28                    ...
テーマの作成wp-content > themes に新しいテーマフォルダを作る。            WordBench Nagoya 2012.1.28                                         32
基本構成• style.css(必須)• index.php(必須)• header.php• footer.php• functions.php            WordBench Nagoya 2012.1.28           ...
リモートサーバーへアップロード✴ WordPress のアップロード✴ データベースのアップロード         WordBench Nagoya 2012.1.28                                      34
WordPress のアップロード✴ドキュメントルートの全てのファイルをFTPで アップロードする。✴場合によっては wp-config.php を編集。          WordBench Nagoya 2012.1.28          ...
データベースのアップロード✴ ローカルのデータベースのエクスポート✴ サーバーのデータベースにインポート       WordBench Nagoya 2012.1.28                                    36
データベースのエクスポートローカルのphpMyAdminからデータベースをエクスポートする。                             チェック          WordBench Nagoya 2012.1.28       ...
データベースのインポートサーバーのphpMyAdminでデータベースをインポートする。         WordBench Nagoya 2012.1.28                                      38
テーマのカスタマイズ✴ ナビゲーションメニューを追加する✴ パンくずリストを追加する✴ ページ送りを追加する✴ メールフォームを追加する       WordBench Nagoya 2012.1.28                     ...
色々カスタマイズする✴ パーマリンクの設定✴ テーマ一覧のサムネイルを追加する✴ アイキャッチを利用可能にする✴ 固定ページで抜粋を利用可能にする✴ アップデート通知を非表示にする✴ Admin Bar の WPロゴを非表示にする       ...
プラグインを入れてみよう✴ WP Total Hacks✴ Adminimize               WordBench Nagoya 2012.1.28                                         ...
ご清聴ありがとうございました。今日の内容についてhttp://blog.piece-web.jp/WebMatorix & WordPress について(電子書籍)https://gihyo.jp/dp/ebook/2011/G11B04サンプ...
Upcoming SlideShare
Loading in …5
×

Wbn1201

1,134 views

Published on

Mac & Windows のローカル環境に WordPress をインストールしよう!

Published in: Technology, Business
  • Be the first to comment

  • Be the first to like this

Wbn1201

  1. 1. Mac&Windowsのローカル環境にWordPressをインストールしよう WordBench Nagoya 2012.1.28 1
  2. 2. まずは自己紹介 名前 ✴ 小田島 倫也 職業 ✴ フリーランスのクリエイター Twitter ✴ @michouseWBNでは ✴ 写真部の部長 WordBench Nagoya 2012.1.28 2
  3. 3. レジュメ✴ ローカルサーバーの構築✴ WordPressのインストール✴ PHPの基礎✴ テーマの作成✴ WordPressのアップロード✴ テーマのカスタマイズ WordBench Nagoya 2012.1.28 3
  4. 4. サンプルファイルのダウンロードサンプルファイルを以下のアドレスからダウンロードできます。http://download.piece-web.jp/wbn1201/sample.zip WordBench Nagoya 2012.1.28 4
  5. 5. ローカルサーバーの構築 Mac編✴ MAMPのダウンロード✴ MAMPのインストール✴ MAMPの設定 WordBench Nagoya 2012.1.28 5
  6. 6. M MAMPのダウンロードMAMPを以下のサイトよりダウンロードします。http://www.mamp.info/en/index.html WordBench Nagoya 2012.1.28 6
  7. 7. M MAMPのインストールダウンロードしたZIPファイルを解凍してできたファイルをダブルクリックしてインストール。 WordBench Nagoya 2012.1.28 7
  8. 8. M MAMPの設定インストールが完了したらMAMPを起動し、以下の項目を設定します。• ポート番号• PHPバージョン• ドキュメントルート WordBench Nagoya 2012.1.28 8
  9. 9. M ポート番号の設定ポート番号を標準に設定する(任意) WordBench Nagoya 2012.1.28 9
  10. 10. M PHPバージョンの設定PHPのバージョンをサーバーに合わせて選択する。最新のWordPress(3.3.1)をインストールするには、PHP 5.2.4 以上が必要。 WordBench Nagoya 2012.1.28 10
  11. 11. M ドキュメントルートの設定ドキュメントルートを設定する(任意) WordBench Nagoya 2012.1.28 11
  12. 12. ローカルサーバーの構築 Win編✴ Web Platform Installerのインストール✴ Web Matorixのインストール✴ phpMyAdminのインストール WordBench Nagoya 2012.1.28 12
  13. 13. Web Platform Installer W のインストールhttp://www.microsoft.com/web/downloads/platform.aspxよりダウンロード。 WordBench Nagoya 2012.1.28 13
  14. 14. Web Platform Installer W のインストールダウンロードされたファイルを実行。Microsoft WebMatrixを追加して、インストールをクリック。 ① ② WordBench Nagoya 2012.1.28 14
  15. 15. WordPress のインストール Mac編✴ WordPress のダウンロード✴ WordPress のインストール WordBench Nagoya 2012.1.28 15
  16. 16. M WordPress のダウンロードWordPressを以下のサイトよりダウンロードします。http://ja.wordpress.org/ WordBench Nagoya 2012.1.28 16
  17. 17. M WordPress のインストールダウンロードしたZIPファイルを解凍して、できたフォルダをドキュメントルートに移動します。この時、フォルダ名をサイト名などに変更すると良いと思います。 WordBench Nagoya 2012.1.28 17
  18. 18. M WordPress のインストールドキュメントルートに移動したら、MAMPを起動して、ブラウザから移動したフォルダにアクセスします。 WordBench Nagoya 2012.1.28 18
  19. 19. M WordPress のインストール「設定ファイルを作成する」をクリックすると、次の様な画面が表示されます。 WordBench Nagoya 2012.1.28 19
  20. 20. M WordPress のインストールMAMPのコントロールパネルからスタートページを開き、以下のものを調べます。・データベースのホスト名・データベースのユーザー名・データベースのパスワード WordBench Nagoya 2012.1.28 20
  21. 21. M WordPress のインストールphpMyAdminでデータベースを作成します。 WordBench Nagoya 2012.1.28 21
  22. 22. M WordPress のインストールデータベースの情報を設定。 ① ② WordBench Nagoya 2012.1.28 22
  23. 23. WordPress のインストール Win編✴ WordPress のインストール WordBench Nagoya 2012.1.28 23
  24. 24. W WordPressのインストール「Webギャラリーからサイトを作成する」をクリック、「WordPress日本語」を選択して「次へ」をクリック。 ① ② ③ WordBench Nagoya 2012.1.28 24
  25. 25. W WordPress のインストール「同意する」をクリック。 WordBench Nagoya 2012.1.28 25
  26. 26. W WordPress のインストール各項目を入力して、「次へ」をクリック。 ① ② WordBench Nagoya 2012.1.28 26
  27. 27. W M WordPress のインストールWordPressの必要情報を設定。 ① ② WordBench Nagoya 2012.1.28 27
  28. 28. W M WordPress のインストールWordPressのインストール完了! WordBench Nagoya 2012.1.28 28
  29. 29. W phpMyAdminのインストール以下のサイトよりphpMyAdminをダウンロードします。http://www.phpmyadmin.net/home_page/downloads.php WordBench Nagoya 2012.1.28 29
  30. 30. W phpMyAdminのインストールダウンロードされたファイルを解凍し、WordPressと同じフォルダにコピーします。 ③ 貼り付け ① コピー ② ファイルをクリック WordBench Nagoya 2012.1.28 30
  31. 31. PHPの基礎✴ 拡張子は .php✴ HTMLの中に埋め込める。✴ PHPのプログラムは <?php と ?> の間に書く。 WordBench Nagoya 2012.1.28 31
  32. 32. テーマの作成wp-content > themes に新しいテーマフォルダを作る。 WordBench Nagoya 2012.1.28 32
  33. 33. 基本構成• style.css(必須)• index.php(必須)• header.php• footer.php• functions.php WordBench Nagoya 2012.1.28 33
  34. 34. リモートサーバーへアップロード✴ WordPress のアップロード✴ データベースのアップロード WordBench Nagoya 2012.1.28 34
  35. 35. WordPress のアップロード✴ドキュメントルートの全てのファイルをFTPで アップロードする。✴場合によっては wp-config.php を編集。 WordBench Nagoya 2012.1.28 35
  36. 36. データベースのアップロード✴ ローカルのデータベースのエクスポート✴ サーバーのデータベースにインポート WordBench Nagoya 2012.1.28 36
  37. 37. データベースのエクスポートローカルのphpMyAdminからデータベースをエクスポートする。 チェック WordBench Nagoya 2012.1.28 37
  38. 38. データベースのインポートサーバーのphpMyAdminでデータベースをインポートする。 WordBench Nagoya 2012.1.28 38
  39. 39. テーマのカスタマイズ✴ ナビゲーションメニューを追加する✴ パンくずリストを追加する✴ ページ送りを追加する✴ メールフォームを追加する WordBench Nagoya 2012.1.28 39
  40. 40. 色々カスタマイズする✴ パーマリンクの設定✴ テーマ一覧のサムネイルを追加する✴ アイキャッチを利用可能にする✴ 固定ページで抜粋を利用可能にする✴ アップデート通知を非表示にする✴ Admin Bar の WPロゴを非表示にする WordBench Nagoya 2012.1.28 40
  41. 41. プラグインを入れてみよう✴ WP Total Hacks✴ Adminimize WordBench Nagoya 2012.1.28 41
  42. 42. ご清聴ありがとうございました。今日の内容についてhttp://blog.piece-web.jp/WebMatorix & WordPress について(電子書籍)https://gihyo.jp/dp/ebook/2011/G11B04サンプルファイルのダウンロードhttp://download.piece-web.jp/wbn1201/sample.zipMAMP のダウンロードhttp://www.mamp.info/en/index.htmlWordPress のダウンロードhttp://ja.wordpress.org/Web Platform Installer のダウンロードhttp://www.microsoft.com/web/downloads/platform.aspxphpMyAdmin のダウンロードhttp://www.phpmyadmin.net/home_page/downloads.php WordBench Nagoya 2012.1.28 42

×