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

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

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

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

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

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

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

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

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

touchstone-eye

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

wordpress

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

touchstone-mobile

 

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

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

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

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

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

xserver

 

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


【自分 Webサイトの作り方 の詳細手順】

ドメイン名の取得や設定の仕方や、エックスサーバーの申し込みの仕方、その後のWordPressサイトの作り方は、以下の手順で読んでください。

1) ドメイン名の取得と注意点について

2) エックスサーバーの申し込み方と設定方法

3) WordPressでブログの作り方

3.1) WordPressテンプレート Twenty Fifteenへの移行

4) WordPressのプラグイン活用

5) アフィリエイトの提携の仕方

6) Googleと情報共有してSEO対策

7) IBM Bluemixの環境構築と開発の仕方

それでは皆さん、自分だけのWebサイト作り、Enjoyしてください!