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.

WordPress on local for windows

2,284 views

Published on

WordVolcano 2012 sumer
自分のPCにローカル環境を構築して、WordPressをインストールしてみよう。
Windows版です。

Published in: Self Improvement
  • Be the first to comment

  • Be the first to like this

WordPress on local for windows

  1. 1. WordPressをローカル環境にインストール WordPress on  ローカル for Windows 野元 博之 @hironoglyph 2012.7.14
  2. 2. WordPress on  ローカル for WindowsWordPress での制作に必要なものWordPressは通常のHTML(静的コンテンツ)とは違い、動的に生成されます。(動的コンテンツ)※リクエストに応じて、部分的または全体的にコンテンツを生成する Webコンテンツを動的コンテンツと呼びます。WordPressを使うために必要なもの レンタルサーバーなどのwebサーバーには用意されています。パソコンにWEBサーバーを入れてしまえばOK!
  3. 3. WordPress on  ローカル for WindowsWordPress での制作に必要なものカスタマイズをする際にテキストファイルを編集する作業が多くなります。 そこで・・・ テキストエディタをパソコンにインストールWindows用エディタMKEditor:http://www.mk-square.com/サクラエディタ:http://sakura-editor.sourceforge.net/download.htmlMac OS X用エディタmi:http://www.mimikaki.net/本日はWindows用には上記のエディタを用意してますが、自分が使い慣れたエディタでも構いません。
  4. 4. WordPress on  ローカル for WindowsStep1 ローカルサーバー環境を用意しよう! 1.ローカルサーバーってなんぞや? 自分のパソコンのうえで動作するサーバーのことを、 「ローカルサーバー」(Local Server)と呼びます。 Windowsでは「XAMPP for Windows」、 Mac OS Xの場合は「MAMP」を利用すれば簡単に環境を構築できます。http://www.apachefriends.org/jp/xampp-windows.html http://www.mamp.info/en/index.html
  5. 5. WordPress on  ローカル for WindowsStep1 ローカルサーバー環境を用意しよう!2.ローカル環境をつくってみようWindowsでは「XAMPP for Windows」をインストールの前に・・・ バージョン確認!!WordPressで扱うにあたりバージョンによっては各ソフトウェアのバージョンに指定があります。例:WordPress 3.2 日本語版だと・PHP バージョン 5.2.4 以上 ・MySQL バージョン 5.0 以上また、ローカル環境でクリアしていてもご利用のサーバーがこれに対応していないと使えませんのであらかじめご利用のレンタルサーバー等でも利用できるバージョンが入っているか確認することをオススメ致します。
  6. 6. WordPress on  ローカル for WindowsStep1 ローカルサーバー環境を用意しよう!2.ローカル環境をつくってみよう1)xampp-win32-1.7.7-VC9-installer.exeを実行 日本語版が無いので、 言語設定はEnglishのまま「OK」 Windows7 64bit環境だと以下のような 警告が出ると思いますが「OK」をクリック。
  7. 7. WordPress on  ローカル for WindowsStep1 ローカルサーバー環境を用意しよう!2.ローカル環境をつくってみよう 「Next>」をクリック インストール先はデフォルトのまま c:xampp でOKです。 cドライブ部分はOSのインストール先により 異なると思います dドライブなどに変更してもOKです。
  8. 8. WordPress on  ローカル for WindowsStep1 ローカルサーバー環境を用意しよう!2.ローカル環境をつくってみよう デスクトップにアイコンを作成 スタートメニューにフォルダを作成 XAMPP起動時に起動するサービスの選択 上の2つだけチェック(デフォルト)で「Install」をクリック
  9. 9. WordPress on  ローカル for WindowsStep1 ローカルサーバー環境を用意しよう!2.ローカル環境をつくってみようインストール中・・・ インストール完了。
  10. 10. WordPress on  ローカル for WindowsStep1 ローカルサーバー環境を用意しよう!2.ローカル環境をつくってみよう 今すぐ XAMPP Control Panel を起動しますか? と聞いてくるので「いいえ」を選択。 デスクトップにショートカットキーが作成されます。 ショートカットorスタートメニューの XAMPP Control Panel よりXAMPPコントロールパネルが起動します。
  11. 11. WordPress on  ローカル for WindowsStep1 ローカルサーバー環境を用意しよう!2.ローカル環境をつくってみよう2)XAMPPコントロールパネルを起動 WordPressで必要なのは Apache と MySQL です これらを起動します。 プログラムがファイアウォールで ブロックされている警告が出た場合 「アクセスを許可する」をクリック。
  12. 12. WordPress on  ローカル for WindowsStep1 ローカルサーバー環境を用意しよう!2.ローカル環境をつくってみよう2)XAMPPコントロールパネルを起動 うまく起動すると「Running」が 表示されます。 Apacheの「admin」をクリックし WEBベースの管理画面を開きます。 ※Apacheはポート番号80を利用して通信を行います。Skypeなど 同じ80番を使うソフトとの競合によりApacheが起動されない場合、 Skypeのメニューよりツール>設定、詳細>接続から、 ポート80を使用のチェックをはずす。
  13. 13. WordPress on  ローカル for WindowsStep1 ローカールサーバー環境を用意しよう!2.ローカル環境をつくってみよう3)XAMPP管理画面を表示  はじめて管理画面を開く場合は、 左の画面のように、言語を選ぶ リンクが表示されるので右側に ある、「日本語」をクリック。 左の画面に切り替わります。 http://localhost/ 標準でHTMLやPHPファイルを入れる 場所は C:xampphtdocs となり このフォルダを ドキュメントルート (Document Root)と呼びます。 ローカルサーバー完成!!
  14. 14. WordPress on  ローカル for WindowsStep2 WordPress用のデータベースを作成1.データベースってなに?一言でいえば、「沢山のデータを蓄積して簡単に利用するための仕組み」です。RDB(リレーショナルデータベース)の中でも、オープンソース(誰でも使える)で、シンプル・高速で安定性のあるRDBMS(リレーショナルデータベースマネージメントシステム)のMySQL(マイエスキューエル)が有名です。先ほどインストールした「XAMPP」にはすでに用意されてます。 準備完了!! APACHE=WEBサーバのソフトウェア MySQL=データベースを管理運用するためのシステムWordPressはMySQLデータベースを必要します。ではデータベース作成にあたり、設定をして行きます。
  15. 15. WordPress on  ローカル for WindowsStep2 WordPress用のデータベースを作成2.WordPress用のデータベースを作成その前に、MySQLのパスワード設定1)http://localhost/security/index.php にアクセス 2)新しいパスワードを入力 wordvolcano 3)Cookieにチェック 4)Flie:にチェック 5)パスワード変更 6)MySQLを再起動
  16. 16. WordPress on  ローカル for WindowsStep2 WordPress用のデータベースを作成2.WordPress用のデータベースを作成1)http://localhost/phpmyadmin/ にアクセス 2)言語で日本語を選択 3)ユーザ名を入力 root 4)パスワードを入力 wordvolcano 5)実行するをクリック
  17. 17. WordPress on  ローカル for WindowsStep2 WordPress用のデータベースを作成2.WordPress用のデータベースを作成phpMyAdminにログインしたところ
  18. 18. WordPress on  ローカル for WindowsStep2 WordPress用のデータベースを作成2.WordPress用のデータベースを作成 1)新規データベースを作成する データベースの名前をつけます wordpress 2)文字コードを確認 utf_8general_ci 3)作成ボタンをクリック データベース完成!!
  19. 19. WordPress on  ローカル for WindowsStep3 WordPressをインストールする1.最新のWordPressを用意します。WordPress.orgのサイトからダウンロード (http://ja.wordpress.org/) ダウンロードはこちらから
  20. 20. WordPress on  ローカル for WindowsStep3 WordPressをインストールする2.XAMPPとWordPressのフォルダ配置ファイルの解凍とコピー 「http://localhost/wordpress/~」   C:ドライブ 「xampp」の「htdocs」フォルダへ解凍した 「wordpress」フォルダをコピーします。 xamppフォルダ XAMPP for Windowsのトップページ htdocsフォルダ 「http://localhost/」 WordPressをコピーするフォルダ wordpressフォルダ 「http://localhost/wordpress/」 wp-adminフォルダ wp-contentフォルダ wp-includesフォルダ index.phpフォルダ
  21. 21. WordPress on  ローカル for WindowsStep3 WordPressをインストールする3.WordPressのインストール!!コピーが終わったら「http://localhost/wordpress/」にアクセス  「設定ファイルを作成する」をクリック。
  22. 22. WordPress on  ローカル for WindowsStep3 WordPressをインストールする3.WordPressのインストール!! wordpress root wordvolcano localhost wp_必要な情報を確認して、「さあ、始めましょう!」をクリック
  23. 23. WordPress on  ローカル for WindowsStep3 WordPressをインストールする3.WordPressのインストール!! root wordvolcano情報入力して、「送信」をクリック
  24. 24. WordPress on  ローカル for WindowsStep3 WordPressをインストールする3.WordPressのインストール!!「インストール実行」をクリック
  25. 25. WordPress on  ローカル for WindowsStep3 WordPressをインストールする3.WordPressのインストール!! 好きなタイトルをお付け下さい 変更してもOKです。 パスワードを入力 メールアドレスを入力必要情報を入力して「WordPressをインストール」をクリック
  26. 26. WordPress on  ローカル for WindowsStep3 WordPressをインストールする3.WordPressのインストール!! WordPressインストール完了!!「ログイン」をクリックするとログイン画面にうつります。
  27. 27. WordPress on  ローカル for WindowsStep3 WordPressをインストールする3.WordPressのインストール!! 先ほど入力したログインIDとパスワードで 管理画面にログイン管理画面URL   http://localhost/wordpress/wp-login.php
  28. 28. WordPress on  ローカル for Windows この続きは・・・ 毎月、第3土曜日 勉強会やってます!! お疲れ様でした!http://wordbench.org/groups/kagoshima/Twitter ID :WB_Kagoshima

×