どうしたらいいのNAVI

どうしたらいいの?にお答えするサイト

【WordPress開発環境】開発環境構築で必要なXamppの設定

      2015/11/07


WordPressでテーマやプラグインの開発を進めるには、自分のパソコン上で開発環境を構築する事が必須と言えるでしょう。
自分のパソコン上(ローカル環境)に開発環境を作るにはXamppの設定が必須となってきます。

 
XamppはWordpressのWebプログラミングの言語のベースとしているPHPやデータベースのMySQL等を導入してくれるソフトウェアパッケージです。
導入後は、Wordpressを動作させるのに必要なデータベースの設定や公開ディレクトリの作成、WordpressのXamppへのインストールなど、Xamppに対する各設定を行う必要があります。

 
Wordpressの開発環境構築で必要なXamppの設定について簡単でわかりやすく詳しく紹介しているのでチェックしていってくださいね。

 

 
【Wordpress開発環境】開発環境構築で必要なXamppの設定
 

 

WordPressの開発環境構築で必要なXamppの設定とは

WordPressの開発環境構築で必要なXamppの設定というのは、自分のパソコン上であるローカル環境でWordpressのテーマやプラグインに必要な各種設定をXamppに行っていく事です。

 
WordpressはデータベースとしてMySQLを利用しているので、XamppにパッケージされているMySQLを有効化する必要があります。
また、Wordpressはサーバ上で動作する事が大前提としたつくりになっているので、ローカル環境をサーバとして使えるようにする「Apatche」もXamppから有効化していきましょう。

 
Wordpressの開発環境で必要なXamppの設定について手順としてまとめると次の通りです。

  • XamppのApatche(サーバ)のインストールと起動
  • XamppのMySQL(データベース)のインストールと起動

 
では、Wordpressの開発環境構築で必要なXamppの設定について具体的に見ていきましょう。

 

 

 

 

XamppのApatche(サーバ)のインストールと起動

【Xampp】Apatcheのインストールと起動方法
Xamppではローカル環境として使用する上で必要な「Apatche」がパッケージされていて、XamppのコントロールパネルからApatcheのインストールと起動・停止をコントロールする事が出来ます。

 

XamppのApatcheはMySQLを扱うツールである「phpMyAdmin」を利用する上で必須なので、インストールし起動する必要があります。

 
手順としてまとめておくと、次のような手順を行います。

  • XamppコントロールパネルからApatcheをインストール
  • XamppコントロールパネルからApatcheを起動する

 

 

 

 

XamppのMySQL(データベース)のインストールと起動

【Xampp】MySQLのインストール・起動方法
Xamppではローカル環境として使用する上で必要な「MySQL」がパッケージされていて、XamppのコントロールパネルからMySQLのインストールと起動・停止をコントロールする事が出来ます。

 
XamppのMySQLのインストール・起動方法を手順としてまとめておくと、次のような手順を行います。

  • XamppコントロールパネルからMySQLをインストールする
  • XamppコントロールパネルからMySQLを起動する

 
Xamppを導入した直後は、MySQLがインストールされていないので、XamppのコントロールパネルからMySQLをインストールしましょう。
Xamppのコントロールパネルを開き「MySQL」のServiceの項目の「×」ボタンを押すと、MySQLをインストールする事が出来ます。
XamppからMySQLをインストールする-1

 
XamppコントロールパネルでMySQLのインストールが済んだら、次に実際にMySQLを起動しましょう。
MySQLがサービスとして起動されていない場合は次の画像のように「Start」ボタンが押せるようになっているので、Startボタンを押して実際にMySQLをサービスとして起動します。
XamppコントロールパネルからMySQLを起動する-1

 
MySQLが起動されると、「PID(s)」と「Port(s)」にプロセスIDと、サービスの起動に使っているポートの番号が表示され、MySQLが正しく起動された事がわかります。
また、StartボタンはStopボタンに変わります。
XamppコントロールパネルからMySQLを起動する-2

 
XamppのMySQLのインストール・起動方法については「【Xampp】MySQLのインストール・起動方法」で簡単でわかりやすく詳しく紹介しているのでチェックしていってくださいね。


 

 

 

 

スポンサーリンク


この記事を読むうえで知っておきたい知識

この記事を読む上で知っておきたい事について紹介します。
何かに困った時に他の方法を思いついたり、用語がわからなくて読みづらいと感じた場合は、これから紹介する事を参考にしてみてください。

 

 

 

WordPressのテーマ・プラグインの開発環境を構築する方法

【Wordpress開発環境】Wordpressのテーマ・プラグインの開発環境を構築する[Windows7]
Wordpressのテーマ・プラグインの開発環境を構築するというのは、Wordpress上で動作するWordpressのテーマとプラグインを開発する為に必要なIDE(統合開発環境)をパソコンにインストールしてプラグインやテーマの開発を進められるようにパソコン上の環境を整える事を意味しています。

 
Wordpressのテーマやプラグインを導入する前のWordpressを使い、何の記事も投稿されていない状態のWordpressを使いたい方はWordpressを一から構築するのが良いでしょう。

 
プラグインやテーマを自作したり、公開されているプラグインをダウンロード・インストールした後に自分好みにカスタマイズするにも、Wordpressの管理画面からのカスタマイズだけでは解析作業やコーディング作業が困難な場合があります。

 
そんな時は自分のパソコン上(ローカル環境)でワードプレスをテスト出来るようにセットアップして、統合開発環境上でプラグインやテーマを開発・カスタマイズするのが良いでしょう。

 
Wordpressのテーマ・プラグインの開発環境を構築する方法は次の流れで行います。

  • Wordpressのテーマ・プラグインの開発環境を構築する
  • Wordpress開発環境に必要なXamppの設定を行う
  • XamppにWordpressをインストールする
  • MySQLにWordpressに必要なデータベースを作成する
  • Wordpressの初期設定を行う
  • Xampp上のWordpressをEclipseに読み込ませ開発出来る状態にする
  • 開発しやすいようにEclipseの設定を変更する

 

【PHP】Windows7に開発環境をEclipseで構築! Eclipse Pleiades All in Oneの導入
PHPの開発環境を構築するには、IDE(投稿開発環境)であるEclipseを導入するのが良いでしょう。

 
Eclipseは高機能なエディタ機能や開発に必要な各種プラグインなどの機能が豊富にあり、ソースコードの入力補助機能などもあってPHPの開発をする上で作業効率や正確性を上げる上で必須ともいえる程の高機能開発環境を構築する事が出来ます。

 
Windows7に開発環境をEclipseで構築するには次の手順を行います。

  • IDE(統合開発環境)として「Eclipse(Eclipse Pleiades All in One)」をダウンロードする
  • Eclipse(Eclipse Pleiades All in One)をインストールする
  • 起動の確認を行う

 

【Wordpress開発環境】開発環境構築で必要なXamppの設定
Wordpressの開発環境構築で必要なXamppの設定というのは、自分のパソコン上であるローカル環境でWordpressのテーマやプラグインに必要な各種設定をXamppに行っていく事です。

 
WordpressはデータベースとしてMySQLを利用しているので、XamppにパッケージされているMySQLを有効化する必要があります。
また、Wordpressはサーバ上で動作する事が大前提としたつくりになっているので、ローカル環境をサーバとして使えるようにする「Apatche」もXamppから有効化していきましょう。

 
Wordpressの開発環境で必要なXamppの設定について手順としてまとめると次の通りです。

  • XamppのApatche(サーバ)のインストールと起動
  • XamppのMySQL(データベース)のインストールと起動

 

【Wordpress開発環境】XamppにWordpressを新規インストールする方法
Wordpressの開発環境を構築するで、Xamppをローカル環境(自分のPC環境)にいれたら、次は実際にWordpressをXamppにインストールする事でWordpressをローカル環境で利用可能な状態にする事が出来ます。

 
Xamppにはサーバーとして起動したときの「公開フォルダ」が存在するので、そこに新たにフォルダを作成し、作成したフォルダの中にWordpressのモジュールを格納する事でXamppにWordpressをインストールする事が出来ます。

 
Wordpress本体をすでに持っている人は良いのですが、Wordpress本体を持っていないという人は公式サイトから予めダウンロードしておく必要もあります。

 
XamppにWordpressをインストールする流れを手順としてまとめると次の通りです。

  • Wordpress本体を公式サイトからダウンロードしてくる
  • Xamppの公開ディレクトリにWordpress公開用フォルダを作成する
  • Wordpress公開用フォルダの中にWordpress本体を格納する
  • ブラウザでローカル環境のWordpressにアクセスする

 

【Wordpress開発環境】Wordpress初期設定で必要なデータベースの作成
Wordpressのデータベースの作成では、Wordpressがデータを保存・格納するのに利用するデータベースを作成します。
Wordpressは利用しているデータベースとしてMySQLを利用しているので、予めMySQLをインストールし、利用できる状態にしておく必要があります。

 
Wordpress初期設定のデータベース作成を手順としてまとめておくと次の流れで行います。

  • phpMyAdminへアクセスする
  • データベースの作成
  • データベースユーザーの作成

 

【Wordpress】Wordpressインストールと初期設定
Wordpressインストールと初期設定では、Wordpressをサーバー・もしくはローカル環境に設置したあとに、ブラウザからWordpressにアクセスし初期設定とインストールを行っていきます。
既にWordpress本体はサーバーに設置されている前提で作業を進めていくので、まだサーバやローカル環境にWordpressを設置していない人は予め設置しておきましょう。

Wordpressインストール後の初期設定は次の流れで行う事が出来ます。

  • Wordpressへブラウザでアクセスする
  • Wordpressで利用するデータベースの設定
  • Wordpressをインストールする
  • Wordpressの初期設定
  • Wordpressにログインしてみよう

 

【Wordpress開発環境】XamppのWordpressをEclipseにインポートする方法
XamppのWordpressをEclipseにインポートする方法では、XamppにインストールしたWordpressをEclipseにインポートし、プロジェクトとして開発作業を出来るようにする設定です。

 
XamppのWordpressをEclipseにインポートする上ではXamppの設定とXampp上へのWordpressへの配置、インストールを完了させておく必要があるので、予め完了させておきましょ

 
XamppのWordpressをEclipseにインポートするには、Eclipseの機能を使って行うので、Eclipseは予め起動しておきましょう。
また、Xampp上のWordpressをEclipseにインポートする為に、EclipseのワークスペースはXamppの「htdocs」を指定しておく必要があります。

 
Wordpressをプロジェクトとしてインポートするには次の手順を行う事で実現することが出来ます。

  • PHPプロジェクト作成のウィンドウを開く
  • Xampp上に配置したWordpressと同じ名前のプロジェクトを作成する
  • Xampp上に配置したWordpressがEclipseにインポートされたか確認する

 
XamppのWordpressをEclipseにインポートするには、プロジェクトを作成する必要があるため、PHPプロジェクト作成のウィンドを開きます。
その後、Xampp上に配置したWordpressを同じ名前のプロジェクトを作成する事によって、WordpressのリソースがEclipseに認識・インポートされプロジェクトとして開発できる状態になります。

 

【Wordpress開発環境】Eclipseで開発をスムーズにするオススメの設定
Wordpress開発環境としてEclipseを使っていると、デフォルトのままでもWordpressの管理画面のエディタや、テキストエディタだけで開発を進めるのと比較するとかなり開発作業が効率化されます。

 
しかし、Eclipseのデフォルトの状態では開発作業のパフォーマンスを発揮できないシーンがあったり、デバッグの設定が出来ていない状態ですので、これらの設定を行った開発作業を十分スムーズに行えるようにしていきたいですよね。

 
開発環境であるEclipseで行うべきオススメの設定は次の通りです。

  • Eclipseが起動するブラウザの変更
  • Wordpressデバッグ環境の設定

 
Wordpressのテーマ・プラグインの開発環境を構築する方法は「【WordPress開発環境】WordPressのテーマ・プラグインの開発環境を構築する[Windows7]」で簡単でわかりやすく詳しく紹介しているのでチェックしていってくださいね。

 

 

 

 

Wodpressの開発環境構築で必要なXamppの設定 あとがき

WordPressの開発環境として必要なXamppの設定について紹介・解説しました。
実際に読んでみると手順が多くて難しいなぁ・・・と思う人も居るかもしれませんが、手順通りに進めば10分もかからない作業なので意外と簡単に済みます。

 
Xamppという言葉に「なんだこれ難しそう・・・」と感じる人も居るかもしれませんが、Wordpressの開発環境としておえておいた方が良いのは「MySQL」と「Apatche」の二つなのですべてを把握している必要はありません。

 
とはいえ、MySQLやApatcheについてもXamppのちょっとした設定や手順だけで設定・起動出来てしまいますし、ユーザーの追加くらいの作業なので実際は手順通りやれば躓く事も少ないのではないかと思います。

 
Wordpressの開発環境で必要なXamppの設定を行って、Wordpressをスイスイ開発出来る環境を構築してくださいね!

 

 

 

 

Wodpressの開発環境構築で必要なXamppの設定 まとめ

WordPressの開発環境構築で必要なXamppの設定というのは、自分のパソコン上であるローカル環境でWordpressのテーマやプラグインに必要な各種設定をXamppに行っていく事です。

 
WordpressはデータベースとしてMySQLを利用しているので、XamppにパッケージされているMySQLを有効化する必要があります。
また、Wordpressはサーバ上で動作する事が大前提としたつくりになっているので、ローカル環境をサーバとして使えるようにする「Apatche」もXamppから有効化していきましょう。

 
Wordpressの開発環境で必要なXamppの設定について手順としてまとめると次の通りです。

  • XamppのApatche(サーバ)のインストールと起動
  • XamppのMySQL(データベース)のインストールと起動

 

【Xampp】Apatcheのインストールと起動方法
Xamppではローカル環境として使用する上で必要な「Apatche」がパッケージされていて、XamppのコントロールパネルからApatcheのインストールと起動・停止をコントロールする事が出来ます。

 

XamppのApatcheはMySQLを扱うツールである「phpMyAdmin」を利用する上で必須なので、インストールし起動する必要があります。

 
手順としてまとめておくと、次のような手順を行います。

  • XamppコントロールパネルからApatcheをインストール
  • XamppコントロールパネルからApatcheを起動する

 

【Xampp】MySQLのインストール・起動方法
Xamppではローカル環境として使用する上で必要な「MySQL」がパッケージされていて、XamppのコントロールパネルからMySQLのインストールと起動・停止をコントロールする事が出来ます。

 
XamppのMySQLのインストール・起動方法を手順としてまとめておくと、次のような手順を行います。

  • XamppコントロールパネルからMySQLをインストールする
  • XamppコントロールパネルからMySQLを起動する

 

 
最後までお読みいただきありがとうございました。

スポンサーリンク





 - Wordpress , , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

【Head Cleaner】ヘッダーのJavaScriptをフッタに移動させる設定!
【Head Cleaner】ヘッダーのJavaScriptをフッタに移動させる設定!

WordPressでブログを運営している人でHead Cleanerを使ってブロ …

【Wordpress】キャッシュを使ってブログを高速化しよう! W3 Total Cache
【WordPress】キャッシュを使ってブログを高速化しよう! W3 Total Cache

WordPressでキャッシュを使ったブログの高速化をしたいと思う人は多いもので …

【Crayon Syntax Highlighter】ショートコードで表示するとソースコードにCSSが反映されない原因
【Crayon Syntax Highlighter】ショートコードで表示するとソースコードにCSSが反映されない原因

WordPress上のブログでソースコードを紹介するのに、プラグインとしてCra …

【Stinger5】PCで記事下に2つ横並びの広告を表示する方法
【Stinger5】PCで記事下に2つ横並びの広告を表示する方法

WordPressでブログを運営していて、Stinger5のテーマを利用している …

【Quick Adsense】画像の後に広告を自動挿入するQuick Adsenseの設定
【Quick Adsense】画像の後に広告を自動挿入するQuick Adsenseの設定

画像の後に広告を掲載したいな~なんて考えている人も居るのではないでしょうか。 ブ …

【Wordpressプラグイン自作】自作プラグインをWordpressに登録し認識させる方法
【WordPressプラグイン自作】WordPressに自作プラグインを登録し認識させる方法

WordPressを使っていて、自作プラグインを作成したいと考えている人も多い事 …

【W3 Total Cache】全体設定(General Settings)を設定しよう!
【W3 Total Cache】全体設定(General Settings)を設定しよう!

WordPressを運営していて、W3 Total Cacheを利用している人は …

【Stinger5】プラグインを利用してGoogle Adsenseを掲載する方法
【Stinger5】プラグインを利用してGoogle Adsenseを掲載する方法

WordPressでブログを運営している人で、テーマとしてStinger5を導入 …

【Quick Adsense】記事中に自動で広告を掲載したい!Quick Adsenseを設定する
【Quick Adsense】記事中に自動で広告を掲載したい!Quick Adsenseの設定

広告でブログの収益化をしている人は「記事中に自動で広告を貼りたい」と考える人も居 …

【WordPress】WordPressの本体をダウンロードする方法

ここではWordpress本体をダウンロードする方法を紹介しています。 &nbs …