ホーム >  WordPress >  ローカル環境にWordPressを構築

投稿日:   |  最終更新日:

ローカル環境にWordPressを構築

WordPress


 WordPressを学習するため、PCに環境を構築します。一般公開するためにはレンタルサーバーの契約をする必要がありますが、練習用であればあなたのPC(ローカル)にインストールするだけで使用できます。

目次

1.XAMPPをインストール
2.WordPressパッケージのインストール
3.データベース作成
4.wordpressをインストール
5.インストール確認、ログイン
6.練習用にオリジナルテーマインストール

1.XAMPPをインストール

 XAMPPをダウンロードしてPCにインストールします。MACをお使いの方はMAMPをインストールします。

 →XAMPP

 ※XAMPPのインストールについては以下の記事を参考にして下さい。

 →【簡単】PHPの始め方【XAMPP】

2.WordPressパッケージのインストール

①WordPressの日本語公式サイトから、最新版をダウンロードします。

 →WORDPRESS.ORG 日本語

②「WordPress.x.x.xをダウンロード」ボタンをクリックします。

 wordpress059

③ダウンロードしたzipファイルを解凍します。「wordpress」というフォルダがありますので、以下のWebルートにコピーします。

・XAMPP(Windows)のWebルートのファイルパス

C:\xampp\htdocs

・MAMP(MacOS)のWebルートのファイルパス

/Application/MAMPhtdoxs

④XAMPPを起動して、コントロールパネルのApacheとMySQLを起動します。

wordpress060

⑤確認のために、ブラウザからアクセスします。

・XAMPP(Windows)のWebルートのURL

http://localhost/wordpress/

・MAMP(MacOS)のWebルートのURL

http://localhost:8888/wordpress/

ブラウザが以下のように表示されればコピーが成功です。

wordpress061

3.データベース作成

①XAMPPを起動して、コントロールパネルにあるMySQLの「Admin」ボタンを押します。

wordpress062

②「データベース」タグを開いて、「データベースを作成する」にデータベース名「wordpress」を入力して「作成」ボタンをクリックします。

wordpress063

4.wordpressをインストール

①wordpressのインストール画面を開きます。2の⑤の記述にある「WebルートのURL」をブラウザのアドレスバーに入力します。

※「(Webルート)/wordpress/」を入力。

②「設定ファイルを作成する」をクリックします。

wordpress064

③「さあ、始めましょう!」をクリックします。

wordpress065

④ユーザ名、パスワードを以下のように入力して「送信」ボタンをクリックします。

・XAMPP(Windows)の場合

ユーザー名:root

パスワード:(なし)

・MAMP(MacOS)の場合

ユーザー名:root

パスワード:root

wordpress066

⑤「インストールを実行」をクリックします。

wordpress067

⑥「サイトタイトル」「ユーザー名」「パスワード」「メールアドレス」を入力し、「プライバシー」のチェックを外します。「WordPressをインストール」をクリックしてインストールします。

wordpress068

⑦インストールが完了しますので、ログインボタンをクリックします。

wordpress069

5.インストール確認、ログイン

インストール後は以下のURLから管理画面にログインします。

(Webルート)/wordpress/wp-admin/

wordpress070

直接Webサイトにアクセスするためには、以下のURLからアクセスします。

(Webルート)/wordpress/

wordpress071

6.練習用にオリジナルテーマインストール

 0からテーマを作るのは困難ですので、練習用にオリジナルテーマ「sonoichi」をインストールします。今後、このテーマを元に制作方法を学びます。テーマフォルダを手動でインストールする方法もありますが、管理画面からも操作が行えます。

 →sonoichi

①無料で公開されている公式ディレクトリ掲載テーマをダウンロードします。管理画面のメニューから「外観」を選択して「テーマ」をクリックします。テーマ画面が開いたら「新規追加」をクリックします。

wordpress075

②テーマ追加画面が開きますので、「sonoichi」と入力して検索しましょう。下に「sonoichi」が表示されますので、インストールします。

wordpress076

③テーマ画面に戻って有効化して完了です。

wordpress077

トラックバック用のURL
プロフィール

名前:イワサキ ユウタ 職業:システムエンジニア、ウェブマスター、フロントエンドエンジニア 誕生:1986年生まれ 出身:静岡県 特技:ウッドベース 略歴 20

最近の投稿
人気記事
カテゴリー
広告