ローカル環境XAMPPにWordPressをインストール

前回の予習に引き続き、ローカル環境XAMPPにWordPressという、無償のソフトウェアをインストールします。
講義中にインストールするには時間が足らなくなる可能性があるので、事前に準備しておきましょう。

DB(データベース)の設定

XAMPPコントロールパネルを呼び出し、上の画像にある囲みの部分『Admin』をクリック。
ボタンが見当たらない場合は、http://localhost/phpmyadminにアクセス

『phpMyAdmin』という、データベース操作用WEBページが開いたら、以下の手順通りに進めてください。

  1. ページ上部にある『データベース』のタブをクリック
  2. 画像1 色枠のように左に「wp」を記入、右に「utf8mb4_general_ci」を選択し、『作成』をクリック
  3. 画像2 ページ上部にある『特権』のタブをクリックし、ページ移動後『Add user account』をクリック
  4. 画像3 色枠のように上から「admin_user」「localhost」「パスワード(自由)」「パスワードの確認(自由)」を入力後、中段色枠のチェックボックスにチェックを入れ、『実行』をクリック
  5. 画像4 ユーザー追加完了画面がでたらDBの設定が完了なので、タブを閉じる
画像1

画像2

画像3

画像4

WordPress

ダウンロード

日本語 « ダウンロード — WordPress
URLから上の画像のページに飛ぶので、『WordPress 5.0.1 をダウンロード』をクリック。

zipフォルダがダウンロードされるので、完了後に展開、中に入っている『wordpress』フォルダを
C:\xampp\htdocs\dataに移動。
下の画像参照。

インストール

WordPressのインストールを行います。
以下の手順通りに進めてください。

  1. http://data.jp/wordpress/にアクセス
  2. 画像1 インストール確認画面です。準備はできているので『さあ、始めましょう!』をクリック
  3. 画像2 DB設定時に入力したものと同じ情報を入力し『送信』をクリック
  4. 画像3 入力情報が問題ない場合ないので『インストール実行』をクリック
  5. 画像4 サイト情報、及びログイン情報を入力して『WordPressをインストール』をクリック
    ユーザー名、パスワードはDBの設定と同じにする必要はありません
  6. 画像5 インストール成功です。『ログイン』をクリック
  7. 画像6 先程設定したログイン情報を入力して『ログイン』をクリック
  8. 画像7 が表示されたらインストールと設定が完了です
画像1

画像2

画像3

画像4

画像5

画像6

画像7

まとめ

WordPressは何かと重宝するソフトです。
設定や操作に慣れる必要はありますが、なんとなくでやれることが多いので、好きなように触ってみましょう。
これが無料なのかと驚くことでしょう。

WordPressの使い方!初心者でもサイト作成が簡単に | TechAcademyマガジン
WordPress(ワードプレス)ブログの始め方を初心者でも絶対わかるように解説する!|完全初心者のためのブログの始め方