無料ブログは卒業!初ワードプレスで自分メディア作り4つの手順

w_ワードプレスの管理画面_ef

このブログはワードプレス(WordPress)で作成しています。
テンプレートは、TwentyTwelveという、
ワードプレスのスタンダードなものです。

アメブロやライブドア、シーサーブログでブログ作りは続けていましたが、
自分でホームページを作る手順は全く知りませんでした。
そんなところから、HTMLやCSSから勉強して
ワードプレスでこちらのブログを作れた時は、本当に感動!

当ブログ開設から約7ヶ月、
色々な失敗を重ねてそれなりに運用できるように。

無料ブログサービスを使ってブログ書いているけれど、
自分専用のサイト(メディア)を作りたい人ってはもちろん。
自分メディアが作れずに悩んでいるホームページ初心者の人へ。

激(超?!)初心者でもまあ、何とか…
ワードプレスでサイトを作れるようになった4つの手順と、
ワードプレスでのサイト作りに必要なお勉強について書いておきます。

ワードプレスサイト作りを始めるための4つの概要を確認!

私もそうだったのですが、ホームページを作った経験がないと…
「HTML??CSS??PHP??何だそれ?!」
ってとこから始まります(^_^;)

何でもそうだけど、実践して失敗しながら覚えていくしかないですね…

まずはざっくりとした手順から。

    ワードプレスでサイトを作る大まかな4ステップ

  1. レンタルサーバーを借りる&ドメインを取得する
  2. レンタルサーバーからワードプレスをインストール(簡単にインストールOK)
  3. ワードプレス管理場面でテンプレートを選んだり、基礎的な設定をする
  4. デザイン(style.css)や各phpファイルを修正してファイルアップロード

1.のレンタルサーバーとドメインを取るところが、本当に第一歩なのですが、
私は色々調べた結果、レンタルサーバーは
「エックスサーバー」という有名なサーバーをメインで使うことにしました。

一番安いプランの場合で、月額1,000円(税抜)と年間約1.2万~。
収益がない段階では正直、高いなーと感じると思います。

でも登録できるドメイン数の制限(=サイト数の制限)がないので、
サイトを10個以上作りたい人には本当にありがたい。

サーバーの安定性もバッチリ!というより、トラブル知らず。
サポートに問い合わせをしてもその日中に回答をくれて、
感動しました。

そんなエックスサーバー、10日間のお試し利用サービスがあるので、
お試し期間内に初のドメイン取得をして、サイト作りを始めました。
エックスサーバー

ドメインは言うまでもなく、こちらのブログだと「anire.info」に当たるもの。

ちなみにドメインは、「お名前.com」を使うことにしました。
ドメイン取得までの操作性が一番分かりやすかったからです。
だからずっとお名前ドットコムを愛用しています。

会社設立した会社のco.jpドメインもお名前ドットコムで取りました。
>>会社のホームページのアドレスは?”.co.jp”ドメイン取得
お名前ドットコム公式サイトへ

※2016年3月追記
お名前ドットコムからエックスサーバー系列のエックスドメインに
ドメインサービスを移行しております。
>>会社ドメインにお名前ドットコムは高い?エックスドメインに移管

3.はワードプレスをレンタルサーバー上の管理画面からインストール。
通常アメブロとかのブログサービスのように、
簡単にテンプレートを選んだり、サイト名を設定するなどが可能です。

ワードプレスの管理画面_ef

ワードプレスが普及した要因は、この設定の簡単さにあるなーと思います。
記事も新規追加のボタンを押して書いていくだけです。簡単!!

4.は、いわゆるカスタマイズのこと。
基本テンプレートのデザインを変えるために、php(HTMLに似てる)や
cssというコンピューター言語を使って指示していく作業です。
これは私も超初心者なので、学習方法を参考に書いておきます…

以上、この1~4の4ステップで、自分のホームページというのが
ワードプレスで簡単に作れるんですね!

最初は覚えることが多くて大変ですが、
一度覚えれば後はどんどん楽になりますね。

レンタルサーバーとドメイン取得した後は?

レンタルサーバー借りた、ドメイン取った。その後はネットで
情報収集をしながら何とか稼働させました。

というのも、エックスサーバーやお名前ドットコムにワードプレスはユーザーも多く、
だいたいのことはネットで調べれば、解決策を書いた記事が出てくるからです。

また同時にアフィリエイトを学び始めたので、最初に活用した通信講座、
アフィリエイトチャレンジ(以下、アフィチャレ)
会員専用SNSで質問して教わりました。

そんな繰り返しで何とか4ヶ月ほどで、ベースを作ることができました。
簡単なHTMLやCSSが理解出来る人ならもっと早くできると思いますが…

ワードプレスでサイトを作る時にやっておけばよかった3つのこと

初のワードプレスでのサイト作り学習。4ヶ月とは…あまり賢くないですよね。
時間も相当ムダにしていたかも…
今振り返ればこの3つの対策を早々に施していたらよかったと思います。

  1. ワードプレスの入門書を一冊買ってサクサク作った方が早かった?!
  2. カスタマイズを始めたら、子テーマ(childフォルダ)を必ず作る!
  3. カスタマイズした内容や情報源(ソース)URLをメモして引継書を作る

3ポイントごとに補足しますね。

1.ワードプレス入門書を一冊購入するべきだった

ワードプレスのカスタマイズに関する情報は、ネットで検索すればたくさん出てきます。
ところがネット検索の場合、情報が古くて対応できないこともよくありました。
一方、基本的なHTMLやCSSの知識がなかったので、サイトの趣旨を理解できず
めちゃくちゃなカスタマイズをしてテンプレートがぶっ潰れたことも…

そういう意味でも「基本を学ぶ」ってことは大切ですね。
今振り返ればまずは、ワードプレスの入門書一冊を用意しておけば、
もっと早くサイトを作れたのかも。
>>Amazonでワードプレスの書籍を探す

サイト作りではHTMLとCSSの基礎知識も必要になってきます。
初めて英語覚える位に覚えきれなく苦戦しましたが…
まあ少しずつ覚えていくものですね。

HTML・CSSクイックリファレンス
一冊用意しておくといいとアフィチャレSNSで聞いたので購入。
(中古しかないですがー!)

パソコンの前に置きながら読んでも、パタンと閉じないのがよかったです。
常に手元に置いて、手を動かしながら簡単な記述は覚えていきました。

HTML,CSSの入門書

HTMLやCSSを覚えたことで、ワードプレスカスタマイズ系の記事を読んでも。
自分のサイトにはどのように応用できるかどうか、反映させるには
どの部分の記述を変えればいいかが理解できるようになりました。

2.ワードプレスは子テーマ(childフォルダ)を作って置く

ワードプレスってけっこうな頻度でバージョンアップをします。
カスタマイズしても、バージョンアップをきっかけに上書きされると…
急にサイトのデザインが崩れてしまうことがあります。

当ブログも初のバージョンアップ後はグチャグチャになってしまい(´;ω;`)
ワケ分からなくなって、サイトごと消して一からやり直したこともあります。

アフィチャレの会員専用SNSで再び涙の質問。
すると今度は、ワードプレスのバージョンアップに備えた対策もご教授。
それが子テーマという概念!!

簡単に言うと、ワードプレスサーバー内に「child」ってフォルダを作り
そこにカスタマイズするためのファイルを入れていきます。

カスタマイズできる段階まで来たら、
以下の記事を参考にしながら作ってみるとよいですよ。
【重要】ワードプレステンプレートのカスタマイズ前に・・・
子テーマをつくってのカスタマイズ方法 -CSS篇-

3.ワードプレスのカスタマイズ内容の手順書を作る

Wordやテキストファイルに、カスタマイズした手順書を作成をしておきます。
カスタマイズ方法をネットで検索したなら、参考にしたサイトURLも一緒にメモ!

WPカスタマイズ手順書サンプル

一度作れば他サイトへの展開にも活かせますし、
万が一何かあった場合にも復旧しやすくなります。

    手順書に書いておきたいこと

  • 大まかな手順(操作方法、カスタマイズ)※引継書のつもりで!
  • 参考になるサイトURLのリンク
  • 入れておくとよいプラグインの名称
  • カスタマイズで失敗したポイント など…

ワードプレスで初めてサイト作りのまとめ

ホームページ作り未経験の私がなんとかワードプレスで
サイトやブログを作れるようになったまでの過程は以上です。

大まかな4つの手順と早くから取り組んでおけばよかったことを
ひとまとめにしてまとめますね。

  1. ワードプレスやHTMLやCSSなどの入門書を買う
  2. 入門書片手にレンタルサーバーを借りてドメインを取る
  3. レンタルサーバーからワードプレスをインストールし基礎設定
  4. childフォルダを作りcssやphpファイルを更新してカスタマイズ
  5. カスタマイズ内容を手順書に落としこむ

このブログを作るに至るまで、実質的に独学でガリガリと手を動かしたのは
4ヶ月でした。その前にレンタルサーバーを取ってみたり~という作業は、
その半年前以上に始めていたんですね。すると約1年ほど。
難しい×2!と思って、時間をムダにしていたことに気付きました。

初のワードプレスサイト作りをオンラインで学べる教材もありました。
CodeCamp[WordPressコース]

コードキャンプのワードプレスコースで学べば、最短1週間とかで
サイトが作れるんですね(゚д゚)!もっと早く知りたかった…

何でもそうでしょうけれど、独学よりも「教わる」方が理解度は進みますよね。
本で独学よりは多少お金がかかるかもしれませんが、
自分自身の事例から考えても、「お金で時間を買う」という考えも
必要不可欠です。

無料体験できるみたいなので、詳細はコードキャンプのサイトを
確認してみてくださいね。

スポンサーリンク

フォローする

スポンサーリンク