ホームページ制作(Web)

(簡易版)レンタルサーバー5,000円割引あり⭐︎WordPressを使ったホームページ制作の流れ

kanpanlabo

WordPressを活用したHP制作の流れの簡略編をご紹介します。
必要なステップは8つ!

easy!

8つのステップ

①ドメイン取得&レンタルサーバーの契約

ドメインとは・・・
例えば、ホームページアドレス「https://●●●●●.com」のうち、「●●●●●.com」にあたる部分のこと。

レンタルサーバーとは・・・
ウェブサイトやブログの情報を保管するために必要。
レンタルサーバーでなくとも、独自でサーバーを設けてもよいが、初期設置費用で少なくとも数万円かかるのでまずは、レンタルサーバーを契約するのが安心です。

■レンタルサーバー(日本国内の有名どころ)

エックスサーバー|高速・安定の高性能レンタルサーバー (xserver.ne.jp)

ロリポップ!レンタルサーバー|WordPressの表示速度No.1 (lolipop.jp)

超高速レンタルサーバーならConoHa WING|初期費用・最低利用期間なし

さくらインターネット|サーバーホスティングサービス (sakura.ad.jp)

レンタルサーバーの違いは、価格や表示速度、WordPressで使用可能なデザインなどが挙げられます。

私がこれまでに使ったのは、ConoHa WINGとさくらインターネット。
他のレンタルサーバーなども調べましたが、今使っているのはConoHa WINGです。
決め手は、ConoHa WINGが提供しているWordPressのデザイン(有料)が好みだったこと、レンタルサーバーの管理画面が使いやすかったことです。

ConoHa WINGをお考えの方は下記の紹介用URLから12ヶ月以上のWingパックプランをお申し込みいただくと、5,000円割引になります。なお、割引にあたり、当HP運営者とお申し込みいただいた方にはお互いの個人情報(氏名、電話番号、住所など)は一切分かりませんので、ご安心くださいませ。

通常プランをお申し込みの方は、①紹介用URLを

ビジネスプランをお申し込みの方は、②ビジネスプラン紹介用URLをクリックしてください。

①紹介用URL

https://www.conoha.jp/referral/?token=jpTOIqP4sodmR3.mAv705ZaXq87YAXKXp3Tm76LUVKVsLSdpxsWnxQ8q.0.kUQ–G04

②ビジネスプラン紹介用URL

https://www.conoha.jp/referral/?token=jpTOIqP4sodmR3.mAv705ZaXq87YAXKXp3Tm76LUVKVsLSdpxsWnxQ8q.0.kUQ–G04&redirect=2

②WordPressデザインを選ぶ

レンタルサーバーによっては、オプションで有料のWordPressデザインプランを用意されている場合が多いようです。
私が使っているレンタルサーバー「ConoHa WING」では、有料デザインプランの他、無料で使えるデザイン「Cocoon」もあります。


ConoHa WINGの有料デザインは、買い切りのため、1度購入すれば家族間であれば別ドメインでも購入したデザインを使用することができます。


■デザイン選択の注意点
ご自身の好きなデザインを選ぶのが一番かと思いますが、最近では、PCよりも携帯でHPを閲覧する方が多いので携帯で綺麗にみられるデザインを選ぶのがおすすめです。

ちなみに私は、有料デザインのJIN:Rを使っています。携帯表示も綺麗に出来たので気に入っています。

③SSL設定

設定できているものは、ホームページアドレスhttpの後にsがついています。

SSL(Secure Sockets Layer)は、インターネット上のデータのやり取りを暗号化する仕組みで、安全にアクセスできる証明になります。
ユーザーの安全や信頼に繋がるため、ホームページを作るうえで必須の設定となります。

レンタルサーバーを契約すると、無料でSSL設定できることが多いです。


④WordPressをインストールする

契約したレンタルサーバーの管理画面からインストールしてください。


⑤Wordpressにログインし、②で選んだテーマをダウンロードする

⑥HPを制作する

私がとてもお世話になったmikimikiさんのyoutube動画をご紹介させていただきます。


■無料デザインCocoonを使ったサイトの作り方



■JIN:Rを使ったサイトの作り方

ちなみに、私はこちらの動画を参考にさせていただき、制作しました。



ご紹介したmikimikiさんは、上記以外にもWordPressの使い方を丁寧に教えて下さっているので、ご興味があれば以下のリンクよりご覧くださいませ。

■WordPress関係動画

⑦HPをテストページで確認する

テストページよりPC、スマホ、ipad(あればでOK)で動作確認と表示を確認してください。

PCだときれいに表示できても、スマホだと表示が崩れてしまうことがあるので、
テストページで確認してから公開することをお勧めします。

※各レンタルサーバーによってテストページURLが異なります。


⑧HPを公開する:FTP設定

(2024年8月9日追記)
・⑧のFTP設定しなくても、投稿情報を公開すれば、公開処理ができるようです。
・現在、理由を調べているところですのでわかり次第、追記いたします。
・なので、まず、FTP設定の前に投稿情報の公開ボタンをクリックし、公開できるかどうかお試しください。
・いきなり公開するのは不安という方は、公開時に「パスワード付きでの公開」を設定すれば、ご自身のみが閲覧できるので安心です。
・公開できることがわかれば、「FTP設定」はひとまず行わなくても大丈夫です。

HPを公開するには、作成したHPデータ(投稿データ、画像データなど)をサーバーに転送複製する必要があります。

FTPは、HPデータをレンタルサーバー転送するために使用するものです。


■FTPの種類

FFFTP・・・「FFFTP」定番FTPクライアントソフト – 窓の杜 (impress.co.jp)

WinSCP・・・WinSCP :: Official Site :: Download

Cyber duck・・・Download (cyberduck.io)

FileZilla・・・FileZilla – The free FTP solution (filezilla-project.org)


上記すべてのFTPを使ってみたところ、個人的にはFFFTPとWinSCPが使いやすいと感じました。
今使っているのは、FFFTPです。


日本在住の方は日本で作られたFFFTPを使うことをお勧めします。
海外在住の方は、FFFTPが使えないこともあるようなので、それ以外のFTPを使う方がスムーズかと思います。



最後までお読みくださり、ありがとうございました!
今後もHP制作にあたり、いろいろと試行錯誤して発信していきたいと思います~

À bientôt!

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


記事URLをコピーしました