HTMLコーディング

【WordPressでGO!】WordPressをローカル環境へインストールしてみよう

あけましておめでとうございます。
今年もよろしくお願いいたします。
2018年一発目の記事は、WordPressです(≧▽≦)

WordPressをローカル環境へインストールしてみましょう~!
あ、EC-CUBE3をローカル環境へインストールしてみようの時と同じで、xampp環境があることが前提となります。

WordPressをダウンロード

やはり、まずは最新のWordPressを一式ダウンロードしてきましょう。

WordPress公式サイト

インストールフォルダを用意

xamppの中にWordPressをインストールするためのフォルダを用意しましょう。

C:\xampp\htdocs

だいたい、上のようなパスになっていると思いますが、htdocsの下にwpとか適当な名前をつけてフォルダを作成します。

この辺のネーミングセンスが問われますが、好きな名前で大丈夫(/・ω・)/

データベースを用意

WordPress用のテータベースを用意します。
xamppなら以下のアドレスでphpMyAdminページが開くはずなので、そこでログインします。

localhost/phpmyadmin/

rootでログインです。
間違えないようにっ(`・ω・´)

phpMyAdminにログインしたら、WordPress用のデータベースの箱を作ります。
今回の設定はこちら。

データベース名:wp_test_db
データベースパスワード:wp_test_db_pass
データベースユーザーネーム:wp_test_admin

※あくまでテストなのでパスワードは簡単です。が、本番ではきちんと複雑なもの付けておきましょうね(=゚ω゚)ノ

phpMyAdminでデータベースを作ります。
上部のメニューからデータベースを選んだら、任意のデータベース名(今回はwp_test_db)を入力します。

毎度のことですが、データベースのタイプはutf8_general_ciです。
お間違いなきよう・・・_(:3 」∠)_

個別のデータベース専用ユーザーを作成

というわけで、wp_test_db専用のユーザーを作成します。

個別のデータベース専用ユーザーを作成 Add user accountから
メニューの「データベース:」の後ろがwp_test_dbになっていることを確認して、「Add user account」をクリック。

個別のデータベース専用ユーザーを作成 詳細設定
「Add user account」画面で、設定を入力しましょう。

User name:wp_test_admin
Host name:localhost ←プルダウンで「ローカル」を選択すれば自動的に入力されます。
パスワード:wp_test_db_pass

「データベース “wp_test_db” への全ての特権を与える。」のチェックが入ってるかどうかを確認して、いざ「実行」(`・ω・´)

WordPressをインストール

いよいよ本題。
WordPressをインストールしていきましょー!
みなさんよくご存じかなと思います。
基本、手順に沿って進むのみです。

xampp/htdocsの中にwpというディレクトリを作成したので、以下URLにアクセスしてみます。

http://localhost/wp/

そしたら、勝手にWordPressが判断してインストール画面に飛ばしてくれます。
かしこい子|д゚)

WordPressをインストール
特に問題ありませんね。
「さあ、始めましょう!」をクリック。

WordPressをインストール データベース情報もろもろを入力
データベースの名前やパスワードなど、必要な情報を入力します。
赤枠以外はデフォルトです。理由がなければそのままでオッケー(/・ω・)/

WordPressをインストール データベース部分のインストールが完了
これでWordPressからデータベースへ通信可能になりました。
続けてWordPressをインストールします。

WordPressをインストール WordPressログイン情報もろもろ入力
実際に公開するWordPressのブログ名とか、ログイン情報とか、ここで設定します。
「検索エンジンがサイトをインデックスしないようにする」のは、ローカル環境だからですね。
検索エンジンにインデックスされるとまずい時はチェック入れます。

あとは「WordPressをインストール」をクリック。

WordPressをインストール完了
おめでとうございます!
WordPressのインストール完了です(≧▽≦)

まとめ

あとは、ローカル環境で好きなようにWordPressをいじり倒してください(=゚ω゚)ノ
サーバーとか気にしなくても良いので、わりと何でもやりたい放題です。

最近、iPad ProApple Pencilとセットで購入して、その書き味に感激しまくりクリスタでイラストばっかり描いてるともさんでしたー

ピックアップ記事

  1. 【お客様インタビュー】サンキョウプラテック株式会社様

関連記事

  1. HTMLコーディング

    EC-CUBE3をローカル環境へインストールしてみよう

    寒い!((((;゚Д゚))))寒すぎてロードバイク諦めかけてるともさんです、こんにちわ。EC-CUBE3のテスト環境を作りたくて、どこに作…

  2. HTMLコーディング

    とっても簡単なベーシック認証(Basic認証)のかけ方

    日本酒のひやおろしがおいしい季節になりました、お久しぶりですこんにちわ。ともさんです。久しぶりに業務でベーシック認証(Basic認証)をか…

  3. HTMLコーディング

    css3だけで立体的でアニメーション付きのボタンを作ろう

    はじめまして、制作チームキャップの徳永です。今年でテイクフォーも4期目に突入し、そろそろ自社サイトでまじめに記事を書いていみようという事になったの…

  4. HTMLコーディング

    【WordPressでGO!】WordPressの子テーマを作ってみよう

    前回の記事から1週間も経っていないことに軽く衝撃を感じているともさんです、こんにちわ。もう正月気分も抜けて、いよいよ体重が気になりだしたころでしょ…

  5. HTMLコーディング

    高機能で簡単!レスポンシブ対応のjQueryスライダー「bxSlider」を設置してみよう

    もう年の瀬ですね。当社の営業日も実質今日で終わりです。あとは大掃除を残すのみ(/・ω・)/そんな中でのこんなブログ記事です。仕事熱…

  6. HTMLコーディング

    【SVGことはじめ その1】SVG形式の画像ファイルを作って表示させてみよう

    このあいだ社長の大好きなラフロイグというウイスキーを飲ませてもらい独特の匂いに驚きのけぞったともさんです、こんにちは。みなさん、svgって知っ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. お客様の声

    【お客様インタビュー】セブンオーセブンモーターサイクル小野様
  2. お知らせ

    テイクフォーでは社食を導入しています(社食導入のメリット・デメリット)
  3. WEBデザイン

    「いらすとや」の素材を使ってマンガを作成しよう!
  4. お知らせ

    2016年もWEBデザイナーを募集しています。
  5. WEBデザイン

    WordPressのバックアップを取ろう!BackWPUpの使い方
PAGE TOP