自分 Webサイトの作り方 -初心者向けおすすめ

私は以前から 自分のWebサイト を持つ事に憧れていましたが、ついに自分のブログの Webサイトを立ち上げました。その際いろいろと経験しましたので、同様の事を考えている初心者の方のために Webサイトの作り方の全体の流れを共有いたします。

私は元々アメブロ（アメーバブログ）に自分のブログを持っており、海外や国内の旅行に関するブログを書きためていました。その自分のブログのアクセスが、一日数十件とかになってきたので、「これは自分のサイトを持ってアフィリエイトもやっていけるかも！」と思ってWebサイト立ち上げを決心しました。いきなり自分のサイトを立ち上げても中身のコンテンツが無いと寂しいので、何かしらのネタがある状態で始めたほうが良いと思います。
=>その背景やきっかけは、こちらに詳しく掲載しています。

➡︎プログラムも入れたい場合はこちらを参照

【そもそも何が必要なのか？】

自分の Webサイトを立ち上げるには、そのサイトを稼動させるコンピューターであるサーバーと、ホームページやブログを管理するためのソフトウェアが必要になります。が、普通自分の家にサーバーを置いてずっと電源入れて稼動させて管理するのは大変ですよね。そこで、いわゆるクラウド的な「レンタル・サーバー」を借りて、設置や運用を人にまかせてしまうことができます。

また、ホームページを自分で一から作るには、 html というタグ言語での作り方をマスターしないといけないため時間がかかります。ブログ作成ソフトとも言える「コンテンツ管理ソフト（CMS）」を使えば、普通にブログが作れる人であれば自分のWebサイトのページ（コンテンツ）を作成することができます。

【コンテンツ管理ソフト WordPressとは？】

まず重要なのがそのコンテンツ管理ソフトですが、これは圧倒的にWordPressをおすすめします！私が立ち上げているWebサイトは、touchstone.jp というサイトですが、以下のようなサイトとコンテンツが容易に構築できます。

WordPressは、多数の写真やWebページを分かりやすく、効率的に管理できます。例えば、[投稿]を新規追加すると、文字を入力するエディターがWebブラウザ上に表示され、そこに文字を入力して[公開]ボタンを押すと、すぐに公開されます（以下の画面イメージ）。写真を挿入したければ、[メディアを追加]ボタンを押してそこに写真（.jpgなど）をドラッグ＆ドロップすると、挿入することができます。しかもWordPressはオープンソースなので、「無料」です！世界中の人がWordPressにどんどん機能を追加してバージョンアップしているため、本当に便利なソフトに仕上がっています。

特にWordPressで気に入ったのは、既に多くの無料テンプレートが用意されており、それを活用し変更することで自分の好きなスタイルのサイトが構築できる点です。今使っている2014年版のTwenty-Fourteenというテンプレートは、以下のようにスマートフォンどのモバイル端末等の画面の縦長や横広のサイズに合わせて動的に最適な表示にしてくれるので、スマホでも見て欲しい場合は最適です。

【レンタルサーバーの選び方】

私はまずWordPressを使うことを決めて、次にWordPressを導入しやすいレンタル・サーバーを選びました。それが、エックスサーバー（Xserver）です。WordPressの情報サイトに、WordPressが利用可能なレンタルサーバー情報があり、この中から選びました。

ネット上の様々な情報を見てみると、この中でもロリポップやさくらが安価でポピュラーなことが分かりました。が、これらはいずれもWordPressの導入マニュアルを読まないといけないとか、データベースのMySQLも必要で導入して設定が必要とか、「初心者にはちょっと面倒そう」（だから安いんでしょう・・）。見ると、エックスサーバーは、WordPress導入マニュアルが無く、「自動インストール機能あり」。しかもデータベースのMySQLも一緒に自動導入してくれるとのこと。そこそこ安いし、人気もありそうで、何といっても楽そうなのでそのエックスサーバー（以下）にしました。

【エックスサーバーの試し方】

上のイメージをクリックしてエックスサーバーにアクセスすると、以下のような画面が表示されます。この画面の右の「サーバー無料お試し最大10日間」のオレンジの「お申し込み」ボタンか、上のメニューの[お申し込み]メニューをクリックして申し込むことができます。とりあえず申し込んで無料で使ってみて、イケそうだったらお金を振り込んで継続というのも可能なので、気軽に始められました。

ここでそのまま申し込むと、この今見ていただいているサイトのように、http://xxxx.xsrv.jp/ というドメイン名（URL）でサイトを立ち上げることができます。
が、やはりどうせ自分だけのWebサイトを立ち上げるのであれば、”xsrv”の入ってない自分だけのドメイン名で立ち上げたいですよね。エックスサーバーのレンタルサーバー申し込みの先でも後でもよいのですが、[お申し込み]メニューの[ドメイン検索]で申し込めるドメイン名を検索できます。ここで私は touchstone.jp を見つけてGETしました！