FFFTPを使ってのワードプレスアップロード手順

＊ワードプレスをアップロードする前にご確認下さい。
　Xサーバーよりサーバー設定完了のメールが届いた後にXサーバ側のXサーバー基本設定
　（データベース設定）を済ませておく必要があります。

サーバー設定完了メールが届くまでの間に先に作業を進める為
「データベース設定」作業を飛ばしている可能性があります＾＾
一度「Xサーバー基本設定」は完了しているのかご確認くださいね＾＾
⇒Xサーバー基本設定

ではFFFTPソフトを使ってワードプレスをサーバー（Xサーバー）に
アップロードしていきます。

まずはFFFTPソフトを立ち上げ
ワードプレスをアップロードするサーバーと接続します＾＾

すると次のような画面が表示されますので
まずはアップロードするワードプレスがおいてある場所を
赤枠で囲んだフォルダのアイコンをクリックして指定します。

今回はデスクトップにワードプレスのフォルダを
置いている事を前提に進めていきます。

では赤枠で囲んだフォルダのアイコンをクリック

すると小窓が表示されますので赤枠で囲んだボタンをクリック

するとローカルエリアの選択画面が表示されますので
ワードプレスを保存している場所（デスクトップ）を指定し「OK]をクリックします。

ここも「OK」をクリック

すると左側にワードプレスを保存しているデスクトップの
フォルダやファイルが表示されますのでワードプレスのフォルダ（解凍したフォルダ）を
ダブルクリックします。

もう一度ダブルクリック

すると左側に実際にアップロードするワードプレスの中身が現れます↓

では次にワードプレスをアップロードする
画面右のサーバー側のエリアを指定します＾＾

まずは取得したサーバーネームが表示されたフォルダをクリックします。
手順に沿って進めてこられた方は「●●●xsrv.jp」の様に後ろに「xsrv.jp」と言う文字が
表示されているフォルダの事です。

するとまた幾つかのフォルダが表示されますので
その中の「public_html」をダブルクリックします。

すると今度は「index.html」のファイルのみが表示されるスペースが表示されます。

↑このスペースにワードプレスを通常であればアップロードしていきますが
今回は複数のサイトを管理する事を前提に新規フォルダをそのスペースに作成し
そのフォルダ内にワードプレスをアプロードしていきます。

そうする事でいくつものサイトを運営する事が可能になります。
では、まずサーバー側のスペースの何もない余白の部分を一度クリックし
続いて右クリックでメニューを開き「フォルダ作成」を選択します。

すると作成するフォルダ名の入力画面が表示されますので
お好きな文字列を半角英数で記入します。

今回はわかり易いように「ｐｐｃ」と言うフォルダを作成してみます。
フォルダ名の記入が終わったら「OK]をクリック。

すると先ほど作成したフォルダが表示されますので
そのフォルダを続けてダブルクリックします。

するとサーバー側のスペースには何も表示されなくなります＾＾
その何もない新しく作成したフォルダの中にワードプレスをアップロードします。

では実際にアップロードを開始します。
まずはアップロードするワードプレスのフォルダやファイルを全て選択します。

するとワードプレスのファイルやフォルダが全て選択され青く表示されますので
そのまま画像の赤枠で囲んだアップロードアイコンをクリックします。

するとアップロードが開始されます＾＾
全てアップロードされるまでに５分ほどかかります。

アップロードが完了すると右側のサーバースペースに
ワードプレスのフォルダやファイルが転送されている事が確認できます＾＾

では続けてアップロードしたワードプレスに接続して
ワードプレスの設置作業に入ります＾＾

まず、先ほどアップロードしたサーバー側のワードプレスの中の
「index.php」を探し「index.php」にマウスのカーソルを合わせ右クリックでメニューを開きます。

すると「index.php」が青く選択されメニュー画面が表示されますので
「URLをクリップボードへコピー」をクリックします＾＾

次にブラウザーを立ち上げ（ヤフーでもグーグルでも構いません）
アドレスバーの頭の「http://」だけを残し他を全て削除します＾＾

削除したらhttp://の後ろに先ほどクリップボードにコピーたものを
右クリックでメニュを開き「貼り付け」で貼り付けます

すると次のような文字列になるはずです
（私の場合）
「http://ftp://ppcbb.xsrv.jp/ppcbb.xsrv.jp/public_html/ppc/index.php」

「ppcbb.xsrv.jp」←私が借りたレンタルサーバーのドメイン
「public_html」←サーバー内にあったフォルダ
「ppc」←「public_html」フォルダ内に自分で作成したフォルダ
「index.php」←自分で作成したフォルダ内にアップロードしたワードプレスの「index.php」ファイル

ここから必要のないものを削除していきます。
最終的には「http://あなたのサーバードメイン/作成したフォルダ名/index.php」

↑この形にします＾＾なので私の場合は
「http://ftp://ppcbb.xsrv.jp/ppcbb.xsrv.jp/public_html/ppc/index.php」

↓

「http://ppcbb.xsrv.jp/ppc/index.php」

↑こうなりますね＾＾

↑この画像で逆に混乱される方もいるかもしれません＾＾；
その場合は素直に以下のアドレスを入力されて見て下さい↓」

「http://あなたのサーバードメイン/作成したフォルダ名/index.php

では正しく入力が出来たら「Ｅｎｔｅｒ」を押します＾＾
すると次のようなエラーメッセージ画面が表示されます。

エラーメッセージですが実際には正しく接続できていますので
「wp-config.php ファイルを作成する」をクリックします＾＾

するとワードプレスのセットアップ画面が表示されますので
「次に進みましょう！」をクリックします

するとデータベース接続のためのデータを入力画面が表示されますので
以下画像の４箇所にサーバーの「MySQL設定」で設定した情報を入力していきます。

サーバーの「MySQL設定」で設定した内容は以下の手順で確認できます
（Ｘサーバーの場合）

Ｘサーバーにログインし管理画面のサーバーパネルの「ログイン」をクリック

次に開かれたページの「MySQL設定」をクリック

するとMySQL設定画面が表示されますので
以下画像の様に「データーベース」をワードプレスの「データベース名」へ
「アクセス権所有ユーザ」をワードプレスの「ユーザー名」に記入します＾＾
なお「アクセス権所有ユーザ」の（localhost）や（sv●●●.xserver.jp）などの
括弧の部分は記載する必要がありません＾＾

パスワードは「MySQL設定」時に設定したパスワードを記入します。
仮に忘れてしまった場合は「MySQLユーザの一覧 」からパスワードの変更が出来ますので
新たに設定したパスワードを記入されて下さい＾＾

また「テーブル接頭辞」はそのままでも構いませんが
複数のワードプレスを管理する場合に今回は解り易く数字の１を足しておきます＾＾

記入が完了したら「作成する」をクリックします。
すると次のような画面が表示されますので「インストールを実行しましょう！」をクリックします。

基本的には上記の手順でうまく設定できるのですが
以下画像のようなエラーメッセージが出る場合があります。

その場合は慌てずに一度「戻る」機能でもう一度先ほどのページに戻ります。
「データベース名」、「ユーザー名」、「パスワード」に間違いがないか確認し
それでも間違いがないようであれば「データーベースのホスト名」を
編集する必要があります。

確認方法は、Ｘサーバーの管理画面の「MySQL Ver.切替」をクリックします。

次に「MySQL情報」をクリック

すると画面が切り替わりMySQL情報が表示されますので
赤枠で囲んだ「ホスト名」を確認します。

このホスト名がワードプレスの設定画面と違う場合は
その赤枠で囲んだホスト名に書き換え「インストールを実行しましょう！」をクリックします。

正しく設定が出来ると次の画面が表示されますので
「インストールを実行しましょう！」をクリックします。

お好きなブログのタイトル（後で編集可能）と
メールアドレスを記入し「WordPressをインストール」をクリックします。

するとインストール完了画面が表示されると同時に
登録したメールアドレスにＩＤやパスワードが記載されたメールが届きます＾＾

これでワードプレスのアップロードと設置の完了です！＾＾

＊有料コンテンツメンバー様は有料コンテンツ専用のサイト構築を行います。
なので有料コンテンツメンバー様はワードプレスのアップロードと設置が完了しましたら
「ベース設定1～利用するプラグインのインストール～」ページまでジャンプされて下さい＾＾

⇒ベース設定1～利用するプラグインのインストール～

では次に今アップロードしたワードプレスを
ＰＰＣ用にカスタマイズする上でベースとなる設定や
便利なプラグインなどをインストールしていきます＾＾

まずはじめにワードプレスではどんなに改行をしても
実は、一段しかスペースが空きません。

なので、このスペースを改行した分だけ空けてくれる便利な
「brBrbr」と言うプラグインをまずはインストールしておきます。

詳しくは次の
「ワードプレス改行分だけスペースを空けるbrBrbrプラグイン」で
お話していきます。