BLOG

 

サイト作成の流れ

13 1月 2017, Posted by zen in GITA, WordPress, ウェブの基礎知識, サーバー管理, プログラミング

こんにちは、Zenです。

フィリピンのセブ島にあるIT留学英語留学のグローバルITアカデミーでのインターン研修をしております。

今回はWordPress にWebサイトを作成する流れについてご説明したいと思います。

 

1.WordPressをダウンロードし、インストールする。

WordPressのダウンロード画面

 

 

 

 

 

 

 

 

 

 

 

 

2.Project nameを決める。今回はPractice2としました。これをデータベース名、サイト名共通で使って行こうと思います。

 

3.データの書き換え① \ xampp > apache > conf > extra > httpd-vhosts をNotepad++などで開く。

vohostsファイルのデータ書き換え画面

 

 

 

 

 

 

 

下線の部分3か所を書き換える。

 

4.データの書き換え② ¥Windows > System32 > drivers > etc > hosts をNotepad++などで開く。

hostsのデータ書き換え画面

 

 

 

下線の様にデータを入力します。

 

5.XAMPPのapacheの”Stop”をクリックして“Start”にし、変更点を読み込んでから、また”Stop“に戻す。

XAMPPのapacheをStopの状態からStartにして、またStopに戻すイメージ画像

 

 

 

 

6.php My Adminの画面でデータベースを作る。

データベースの設定画像

 

 

 

 

 

 

データベースタブを選び、データベース名を入力し、プルダウンで”utf8_general_ci”を選択します。

“utf8_general_ci”は日本語を使用したいときに選択します。

次に“作成”をクリックします。

 

7.Eclipseにデータを取り込む

File > Open Projects from File System > 取り込み先を指定して”OK” > “Finish”

 

8.取り込んだファイル内 wordpress > を開く。

wp-config-sample.phpのデータベース名、ユーザー名、パスワード変更前の画面表示

 

 

 

 

 

 

database_name_hereの部分をwordpressに、

username_hereの部分をrootに、

password_hereの部分を消します。

wp-config-sample.phpのデータベース名、ユーザー名、パスワード変更後の画面表示

 

 

 

 

 

 

保存して閉じます。

 

9.WordPress初期設定をします。

サイト名.localhost/とアドレスバーに入力しEnterを押します。

次に言語を選んで”Continue”を押します。

WordPressの設定画面

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

10.“Let’s Go“をクリックします。

 

WordPress設定:Let's Goをクリックする画面

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

11.データベース名、ユーザー名、パスワードを入力し”Submit”を押します。

WordPress設定:サイト名、ユーザー名、パスワード入力画面

 

 

 

 

 

 

 

 

 

 

 

 

 

12.’wp-config.php’ファイルが既に存在するので、まずそれを消去するよう説明が出ますが、無視して”installing now.”をクリックします。

Install nowをクリックする画面

 

 

 

 

13.再度言語を選択し、”Continue”をクリックします。

WordPress設定:再度言語を選択し、Continueをクリックする画面

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

14.サイト名、ユーザー名、パスワード、Emailアドレスを記入し、検索エンジンから見えてもよいかどうかの欄にチェックを入れ、“Install WordPress”をクリックします。

WordPress設定画面:サイト名、ユーザー名、パスワードの設定画面

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

15.インストール終了後、上記で入力した“サイト名.localhost/wp-admin”をアドレスバーに入力し、上記で入力したユーザー名とパスワードを入力すると、WordPressのダッシュボードの画面が開きました。

これでweb作成を開始できます。

WordPress設定完了後ログインし、ダッシュボード画面をひらいた画像

 

 

 

 

 

 

 

 

 

 

 

 

以上です。

お疲れ様です。

Zenでした!

 

 

 

Post a comment