プログラミング歴44日の素人が書いています。

環境

MacBookAir-mid2014
macOS-Mojave

はじめに

ここでは、以下のついてまとめます。

Go Duddyでサイトを公開するためのサーバとドメインを借りる
ローカル環境で作成したWordpressサイトをアップロードする（デプロイする）

ローカルサーバでのwordpress環境構築については以下を参照

「XAMPPでローカルサーバを立ち上げてWordpressの練習環境を作る方法」
https://qiita.com/shin-ph/items/0a981427fc44db08eb84

Go Duddyでサーバとドメインを借りる

Go Duddyにアクセスします。
https://jp.godaddy.com/hosting/web-hosting?isc=gofhph11

ホスティングサービスを利用するので、「ホスティング」のページにアクセスします。

好きなプランを選択します。（はじめてなら一番安いのでいいです）

ドメインは、どのホスティングサービスで借りても１年更新の契約になります。そのため、サーバと同時に借りるなら１年契約がいいかと思います。
セキュリティなどオプションはご自由に。わたしは全て外して安くしました。
クーポンコードを入力すると安くることがあります。（ネットで探すと見つかるかも？）

ドメイン名の選択

自分のWebサイトのアドレス（URL）になります。

「Knowem.com」というサイトを使うと、ドメイン名が各種webサービスですでに使用されているかどうかを調べることができます。
https://knowem.com/

購入が完了したら、今契約したサーバーにWordpressをインストールするかどうか聞かれますので、インストールします。

ローカル環境のWordpressを引っ越しする

ローカルサーバにあるWebサイトを、今契約したオンラインサーバに引っ越しします。
引っ越しは、以下の手順で行います。

Webサイトのデータのコピーを作成する。（データベースもひっくるめて丸ごとコピーする）
FTPクライアントとFTPアカウントの準備
契約したサーバにコピーをアップロードする

Webサイトのデータのコピーを作成する

「Duplicator」というWordpressプラグインを使用します。

まずはプラグインをインストールして有効化します。

有効化すると、ダッシュボードの右下にDuplicatorのメニュー表示されます。

まずは『Create New』をクリックします。
なにも考えず『Next』をクリックします。

『yes!』にチェックをいれて『Build』をクリックします。これであなたのWebサイトが丸ごとコピーされます。

Webサイトの丸ごとコピーはzipファイルにまとめられています。
この画面では、そのzipファイルと、インストーラをダウンロードします。『One Click Download』をクリックすると、両方をダウンロードすることができます。

ちなみに、この「インストーラ」は、オンラインサーバ内でzipファイルを展開する（= webサイトをオンラインサーバにインストールする）ために使うものです。

これで、Webサイトのコピー作成は終了です！

FTPクライアントとFTPアカウントの準備

サーバとファイルのやりとりをおこなうためには、「FTP」という仕組みを使う必要があります。

通常、サーバーとのファイルのやりとりを行うためには、複雑なコマンドをサーバに対して命令する必要があります。これはとても難しいです。

「FTPクライアント」は、そのサーバとのやりとりをクリックやドラッグ&ドロップで簡単にできるようにしてくれるツールです。
「FTPアカウント」は、サーバとファイルのやりとりをする権限のことです。（知らないひとに勝手にサーバ内をいじられたら困るので権限が必要です）

FTPアカウントの準備

Go Daddyへの登録が完了した段階で、メールが届いているはずです。
メール内のリンクから「cPannel」という管理画面を開きます。
『FTP Account』をクリックしてFTPアカウントの設定画面を開きます。

新しくFTPアカウントを作成します。

Log In: なんでもいいです。ただし、のちにFTPクライアントでユーザー名として扱います。
Password: のちにFTPクライアントで使います。
Directory: 空欄にします。（ドメイン名(例えばexample.comとか）のみであなたのWebサイトにアクセスできるよう、ユーザー名以下にはなにも記入しないようにします。）

『Create Account』をクリックします。

これで、FTPアカウントの準備は完了です。つまり、サーバとやりとりするための権限の設定が終わったということです。

FTPクライアントの準備

ここでは、「fileZilla」というFTPクライアントを使用します。
「fileZilla」は以下からインストールできます。
https://filezilla-project.org/

FileZillaを起動します。

先ほど設定したFTPアカウントの情報を入力し、契約したサーバに接続します。

ホスト（H）：　ドメイン名です（example.comなど）
ユーザ名（U）: FTPアカウントとして設定した「Log in」の項目です（abc@example.comなど）
パスワード（W）： FTPアカウントとして設定したパスワードです。

入力したら『クイック接続』をクリックします。
警告みたいなのがでることがありますが、とりあえずOKして進めます。

うまく接続できれば、「リモートサイト」の項目のしたにフォルダが表示されるはずです。これが、契約したサーバの中身です。

public_htmlというフォルダ（ディレクトリ）の中にあるのが、Wordpressサイトになります。

この段階では、Goduddyに登録したときにインストールした初期状態のWordpressが入っています。

これを、あなたのWebサイトに置き換えます。

データベース情報を控えておく

のちにあなたのWebサイトをサーバにインストールする際に、使用するデータベースの情報が必要になります。
いまのうちに控えておきましょう。

もういちど「cPannel」を開き、メニューから『File Manager』をクリックします。

public_htmlというフォルダ（ディレクトリ）の中のwp-config.phpというファイルを選択し、上部メニューの『edit』から編集画面を開きます。

データベースの情報が書き込まれていますので、メモ帳かなにかに控えておきます。（あとで使います）

`public_html`の中身を削除する

これからあなたのWebサイトを入れるので、今入っているWebサイトは削除します。

public_htmlの中身を全て選択して、画面上メニューの『delete』ボタンで全削除します。

Webサイトのzipファイルをアップロードする

空っぽになったpublic_htmlにDuplicatorで作成したzipファイルとinstaller.phpをアップロードします。このzipファイルは、あなたがローカルサーバでテストしていたWebサイトのコピーです。

ファイルをドラッグ&ドロップすると、自動でアップロードがはじまります。

zipファイルの展開

Zipファイルを展開し、使えるようにします。

あなたのドメイン名/installer.phpにブラウザでアクセスすると、インストール画面が表示されます。(例えばexample.com/installer.php)

あとは、インストーラの指示にしたがっていけば、インストールが完了してあなたのwebサイトがオンラインサーバに展開されます。（そしてどこからでもアクセスできます）

途中、データベースの情報を入力する画面が出てきます。さきほど控えた情報を入力しましょう。

また、インストール後にwordpressにログインする際は、もともとローカルサーバで使用していたときと同じ「ユーザ名」と「パスワード」でログインできます。

まとめ

ローカルでテストしていたwebサイトをオンラインサーバにアップロードして公開する方法をまとめました。