初心者 会社や個人のホームページ・サイト作成 作り方概要 ワードプレスブログ編

おすすめのレンタルサーバー

エックスサーバー

随時キャンペーンが行われています。
気になる方はこの機会に是非一度チェックしてみてください。

 

◆　当サイトは ワードプレス（wordpress）×  エックスサーバー  で作っています。

はじめに自己紹介

1. 　現在、小さな小売店を経営しております
2. 　これまでの出店ストアー（業者頼まず制作）　楽天、アマゾン、Yahoo、Eストアー等
3. 　通ったスクール　プログラム、WEB関連、サイトディレクション、DTPなど
4. 　ワードプレス　全くの初心者

今回、「すべてを自分で作成する」をモットーに会社（小さな会社）のホームページをブログ形式で作ってみました。その際気付いたこと、進め方、そしてオススメ事項など、初心者の方向けに簡単ですが概論的に書かせていただきました。

熟練した上級者ではございませんので、ワードプレスに関する詳細な操作方法とか設定方法に関しましては熟練された方の他サイトをご参考にしてください。

このページの内容は下記の目次をご参考にしてください。

ワードプレス歴

homepage

ここ最近になって、ネットにもいろんな情報があふれ、本も発売され、またサーバー自体にもワードプレスの簡易インストール機能などが装備されとても身近なものになってきました。そこで一念発起、2019年夏ごろ初めてワードプレスにトライしてみました。とはいえ、本業などございまして、ワードプレスを使っているのはまだ実質的に半年くらいといったところでございます。

現在は無理やりワードプレスをしなくてもブログやホームページを作るにはもっと簡単なWIXであるとか、Jimdoであるとか、グーペであるとかアメブロやはてなブログなど様々ありますが、一応これらも一通りやってみた結果レイアウトの自由度の高いワードプレスになりました。それぞれ一長一短また好みもございます。

ワードプレス勉強方法　ホームページを作るために

ワードプレスの基本を学ぶためにやったこと

1. 　本とネット検索　「初心者本３冊」
2. 　対面レッスン　「ストアカ 」
3. 　WEBレッスン　「Udemy」

1　本とネット検索

WordPress book

初心者向けの本３冊と、本にのっているところでわからないところはネットで検索して調べました。本にのっていること自体はすごく簡単なことなのかもしれないのですが、それでもやっぱりわからないところはでてきます。ネットで調べてもわからずにそのままにしてしまったところも何か所かあります。（本に関しましては下記でもう少しだけ詳しく）

2　対面レッスン　一人で悩んで限界を感じたら！

ストアカ
というスクールでグループレッスンとマンツーマンレッスンを受けました。

初級編の本を読んでいてわからないことが出てきたときに、それをいくらネットで検索しても思うような回答をえられなくて前に進めなくなってしまいました。そんな時に決意したのがスクールです。

・　何時間も、何日も悩んで結局わからないよりも
・　わからないといってまた本を買い足すよりも

結果的にはコチラのほうが確実で早道だと思いました。何よりもわからないことはその場で聞くことができます。

3　WEBレッスン　ひととおり本で理解を深めたら！

オンラインビデオレッスンの[Udemy]

1. 　動画なので本よりわかりやすい
2. 　とっても丁寧な先生（先生にもよりますが評価をみれば大ハズレはありません）
3. 　後から何度でも見直せるのでマイペース＆さらに理解が深まります

Udemy

というwebでのビデオレッスンを受けました。当初はこのレッスンのことを全く知らなっかったので、しかも初めて見たとき、24000円のレッスンが今だけ1500円とか書いてあったので、しかもクレジット決済。『これは怪しいなあ～』と思っていたのですが、思い切って受けて正解でした。とても分かりやすく、受講後は後からいつでも何度でも見直すことができます。僕は無料レッスンも含めてこの機会に5つほど受けましたが、僕的には総合評価といたしまして
です！

一応以上ですが、これだけ勉強するとまずワードプレスを最低限使う分には十分利用できるようになると思います。結果として、短時間で、ローコストで、理解を深められると思います。あとは慣れでしょうか。

ワードプレス操作に必要なプラスアルファー

ワードプレスでブログを書くにはコチラの操作も必須です

• 　基本的なHTML
• 　基本的なCSS　
• 　画像処理ソフト

HTML・CSS・PHP について

すべてを覚える必要はありません。

CSSは使わなくても運用することは可能です。しかし、htmlに関しましては必須項目です。ただ、ごくごく基本的なところだけ覚えておけば運用は可能だと思います。

　htmlで最低限必要なもの

■重要度１
テキストページ（htmlページ）で修正する際に必ず覚えておくもの

■重要度２
重要だけれども、テキストページで自分ではあまり直接書き換えないもの

<img > タグのみ ”ついに” なっていません。

前の<>と、後ろの閉じタグ</>でひとグループです。前と後ろで挟んでひとつと覚えておくと便利です。テキストページで編集する際は、この対になっている前の<> と、後ろの閉じタグ </> を探せばそれが一つのグループです。

■入れ子関係、閉じタグの位置に注意

　CSS について

CSS（スタイルシート）は

基本的には使わなくてもWordPressの運用はできます。ただ、やっていくうちにサイト全体にわたって文字の大きさであったり、色であったり、まとめて一度に変更したいと思うようになるときがあります。そんな時にスタイルシートを数行一か所に書き込んでおけば、いちいち気になる部分が出てきたときに訂正しなくても自動的に変更してくれます。

htmlを覚えれば、CSSもすべてを覚える必要はないので要領はすぐにわかるようになると思います。ただ、もし上記のような不満が出てきたときには、ネットを探せばたいていの悩む部分に関して、どなたかが解決策（CSS）を載せてくれてはると思いますので、それをそのままコピペする方が早いと思います。そのためにも、ザッとでいいので目を通しておくと、そういったコピペをする際にも安心して、納得したうえでできるので、余裕があれば軽く一読されることをおすすめします。

　phpについて　特に必要はありません

僕はホームページ制作のスクールに行っているときに、データーベースの授業でphpを少しだけですが受講しました（もうすっかり忘れましたが）。WordPlessとはまた少し使い方が違うのかもしれませんが、初心者の方は最初は手を出さないほうがいいです。コンマひとつぬかしてもプログラムが止まってしまい大変な目にあいます。特にこれをいじらなくても、テーマ（+css）によっては十分満足のいくホームページは作ることができると思います。もし本を読んでいてphpが出てきたらそのまま読まずに飛ばしてもいいくらいです。間違っても初心者の方がphpを勉強してからワードプレスを勉強しようなんて思ってはいけません。いつまでたってもブログは書けなくなります。プログラムやWEB関連のお仕事の方なら別ですが。

画像処理ソフト

僕が今使っているソフトはこの３点です。

• 　アフィニティーフォト：WEB処理にはほぼ遜色ない画像編集ソフト（有料）
• 　CANVA：デザインで生産性を向上（無料/有料）
• 　FastStone Image Viewer：ドラッグ＆ドロップで画像ファイル移動＆ヴィユ（無料）

アフィニティーフォト　
正直申しましてWEB用画像編集ソフトはどれも「コレっ！」ていうのがなかなかないです。本当はファイアーワークスという昔使っていたソフトがWEBにはベストなのですが・・・。フォトショップにつきましては買い切り版の古いバージョンをチラシを書く時にたまに使いますが、WIN10で使えず、今更買い足すには高すぎますし。なので苦肉の策としてアフィニティーにしております。ファイアーワークスやフォトショップに比べると似ているようで微妙に違うところがあって慣れるまでは若干使いにくかったです。書き出しプレビューについて若干不満はあるのですが、ブログに使う写真を加工するぐらいなら十分すぎるぐらいの機能は備えています。

CANVA
手軽にアイキャッチ画像を作るにはおすすめです。有料版と比べると多少の制限はありますが無料版でも十分利用できます♪僕は無料版を使っています。

※　僕は他の画像編集ソフトと併用しているので無料版でも若干の不便さは感じながらも無理やり？使っていますが、CANVA単体のみで使う場合は多少不便に感じるところ、手の届かないところが出てくるかもしれません。

FastStone Image Viewer
カメラで撮った写真ファイルをドラッグアンドドロップで並べ替えをしてプレビューすることができます。写真一覧画面とプレビュー画面に分かれているので、画像をアップにして確認しながら操作できるので便利です。アドビにもありますが単体ではありません。他のソフトとの抱き合わせななります。無料ではありそうでなかなかない便利なソフトです♪

ビジネスサイト・会社のホームページを作る際に特に必要なこと

• 　サイト企画
• 　サイト設計
• 　サイト制作
• 　サイト運用

サイト企画

ビジネスサイトを作る上でとても重要なのが企画です。

コンセプト、理念、ミッション、目的、競合調査、強み、弱み、ターゲット、戦略、戦術などです。ホームページ、特に会社のホームページやビジネスサイトを作る上ではこれが一番大切だと思うのですが、これがかなりめんどくさくて、たいていはいい加減に終わらせてしまいがちです。本当にまじめに考えると半年、もしかしたら１年ぐらいかかるかもしれません。企業理念、ビジョン、ミッション、コンセプト、ターゲット、商品構成、目的、競合調査、自店の強み、弱み等々、これって本来商売をするうえで一番大事な大前提なのですが、ネットに限らず、実店舗をされている方でもこれらを真剣に考えれた方って少ないのではないでしょうか。もしかしたら一度も考えたことがないという方もおられるかもしれません。よくよく考えると、これらは自分のビジネスを一から考え直すのと同じことになりますのでまじめにやると本当に大変なのです。

サイト設計

サイトマップ、カテゴリー設計、リンク設定、商品構成、レイアウト設計

などです。簡単なブログサイトですといいですが、カテゴリーや項目が多いと縦への階層分けと横へのつながりが複雑になり、その場よろしくでやっていると、後から気が付くとバラバラで収拾のつかないことになってしまいます。企画と同じでこれも結構邪魔くさくてめんどくさい作業なのですが、早くサイト作成に取り掛かりたい気持ちをおさえて、前もってキチッとやっておくことをお勧めします。運用方法なども考えないといけませんが、とりあえずは企画と設計はまず最初に考えておいた方がいいと思います。

とにかくワードプレスは習うより慣れろがとっても大事

極めようと思うときりがないので、僕のように外堀を完全に埋めてから本丸に取り掛かるというタイプではいつまでたっても完成しません。

ことビジネスサイトのホームページを作るということに関しましては、実際１０年かかって今やっとこの状態ですから。いまだに完成していません。深く考えずにとにかくやってみるというのが大事だと思います。今思うのですが、ワードプレスに関しましては、わかるところからこつこつ毎日やっているとだんだん慣れてくるんだなあと思いました。

初心者向けワードプレス本の感想

WordPress book

僕が買った本は、「Web担当者のための WordPress がわかる本」「小さなお店＆会社の WordPress超入門」「いちばんやさしい WordPressの教本」の３冊でした。読めればいいと思ったので、できるだけ安い中古で、でもあまりボロボロでなさそうなものを買いました。あまりボロボロすぎるとさすがにテンションが下がるので。どれが一番よっかったといわれると正直、これがずば抜けてよかったというのは特にはなかったように思います。
個人的にはどれもぐらいでしょか。

　初級編

この２冊は同じようなもので、超初心者向きで、載っている通りやれば簡単なサイト作成の流れはつかめるようになると思います。簡単な企画段階からお店や会社のホームページを作る手順と基本的なワードプレスの操作方法が載っています。

「小さなお店・・・」が、ロリポップサーバーを使用し、テーマはSaitama。内容的にはどちらかというと、小さなお店向きのテーマのようです。個人的にはコチラの本のテーマのほうがほんわりとしていて自分の店にあっていそうな気がしたので好きでした。

「いちばんやさしい・・」がさくらサーバーを使用し、テーマはLightning。内容的にはキッチリとした企業向けといった感じです。Lightningには有料版のpro版も販売されている有名なテーマでキッチリと整理されたビジネスライクなものとなっています。

簡単すぎるといえばそれまでかもしれませんが、全くの初めてだと本当に簡単なちょっとしたことでもわからないことが出てきますし、ワードプレスの場合、そうなると前に進めなくなってしまうので、最初は簡単な本のほうがいいと思います。アドビのフォトショップやイラストレーターなどの教本の場合は、ポイントポイントをつかんでやっていけば少々飛ばしていってもやっていけますし、失敗すれば訂正、削除、やり直しがすぐにできますが、ワードプレスでミスするとどう訂正していいのか、どうやったら前の操作、前の状態に戻れるのかが全くわからずよく困りました。失敗した場合の訂正、戻り方がこの本に限らずどの本にもあまりのっていないんですね。

　企画構成から操作までオールラウンドの初級編

１.　先にあげましたサイトコンセプト、ターゲット、目的、競合調査など、この企画や設計といった部分が他の本と比べてわりと詳しくのっています。

2.　エックスサーバーを利用してのワードプレスインストール方法に関しては正直もうしまして、別にこの本を買わなくてもネットを探せばいくらでも詳しくのっているところはあると思います。ちなみにエックスサーバーは契約すればドメイン一つ永久無料、初期費用無料というキャンペーンもあり、その時に僕は契約しました。

3.　後半部分はphpによるページ改編についてです。先に書かせていただきましたが、phpによるレイアウト変更は初心者には難しいので触らないほうがいいと思います。

ビジネスサイトや会社のホームページ作成おすすめサーバー

XSERVER

XSERVER

僕が契約したレンタルサーバーは エックスサーバー ですが、
■　国内シェアNo.1（２０２０年度末時点）
■　サーバー処理速度No.1（２０２０年度前半時点）
■　稼働率99.99％以上
■　WordPress等の簡単インストール機能

などなど安心と信頼のおけるサーバーです。
僕が受けたスクールの先生方もみなさんエックスサーバーをお勧めされておりました。
（エックスサーバーでは随時お得なキャンペーンをしています。新規サーバー契約、サーバー移転等気になる方は是非一度確認してみてください。）

サーバー選びは慎重に！！！

「最初だから安いところでいい」と思われる方もおられると思います。でも、真剣にブログやホームページを続けて行こうと思われている方は注意が必要です。ある程度軌道に乗り始めてから途中でサーバーを変わるのはとても大変です。

まとめ

初級編の本のあとさらに理解を深めるには？

あくまでもぼく個人、初心者目線での感想ですが、教本ですので、一冊ですべてがわかるものではないので、それぞれの本で、それぞれの違う部分について一つでも新しいことがわかればいいというぐらいの気持ちで読んだ方がいいのかもしれません。そもそもワードプレスの初心者向きの教本に関しては、おそらくどれを読んでもそんなに変わらないんじゃないかと思いました。ですので見た目に自分がやりたくなるような本を選ばれたらそれでいいんじゃないかなと思います。

初級編を読んだ次に知りたいのは、どのテーマがいいのか、どのプラグインがいいのか、どのプラグインが相性が悪いのか、不具合があるのかといったことですが、本にはどれをみてもほとんど具体的にはのっていません。結局はネットで自分で探すということになります。ちなみにですが、

■　ドメインを取得する
■　サーバーと契約する
■　サーバーの設定とワードプレスのインストール＆設定（サーバー側で）
■　ワードプレスの設定、テーマの設定、プラグインの導入、セキュリティー設定、グーグルアナリティクス、サーチコンソールの設定などなど（自分のパソコンで）

ざっと見ても結構しないといけないことはあります。一通り初級編の本を読まれた方がもしさらに理解を深めたいと思われるなら、先に挙げました（もし他にいいところがありましたらそちらで）簡単なスクールやオンラインレッスンを受けられることをお勧めします。一人で悩むよりも結果として早く、安く、わかりやすいです。なんといっても質問ができます。

最後に、もしここまでお読みいただけたのなら感謝です。ワードプレス全く初心者の僕がこれまでやってきたこと、感じたことを初心者目線で書かせていただきました。具体的な操作方法につきましては上級者ではないのでここでは書かせていただいておりません。今から始めようと思っておられる方の少なからず参考になればと思っております。

ありがとうございます。

記事一覧会社案内