月額千円で始められるWordPressブログ開設マニュアル・前半Contents Management System

月額千円で始められるWordPressブログ開設マニュアル・前半

WordPress

現役フロントエンドエンジニアのかみーゆです。
WordPressって人気ですよね。WordPress使ってブログ始めたいけど何から手をつけていいかわからない!って相談をよく受けます。
そこで、初心者でもWordPressでブログを最善の状態で始められる方法を考えました。
私は仕事柄、多いときは月3つ以上のペースでWordPressサイトに向き合ってます。経験と知識は積み上がってるので、価値のある情報を提供できると思います。
この記事は前半・後半に分かれていて前半ではサーバーの選び方や注意点、WordPressのインストール方法について解説します。

今すぐWordPressでブログを始めたい人へ

あなたはどんな理由でブログを始めようと思いますか?

  • アフェリエイト収入が欲しい
  • WordPressやウェブ制作の勉強をしたい
  • 有名になりたい
  • 日々のログを書きたい

 

人それぞれ理由はたくさんあるかとwww

 

とりあえずブログを始めたいのであれば、まず無料のアメブロみたいなサービスを使うかWordPressのようなソフトを自分でセッティングして使うかの二択。

WordPressを使うメリットとデメリットを知ってどうするか判断しましょ!

WordPressでブログを書くメリットとデメリットを知る

WordPressでブログをするメリットは利益が生まれた時、ドメインも書いた記事も全て自分のものなので独占できます。

アメブロやはてブはブログを書ける環境をすぐ用意できますが、制約に従う必要があります。

メリット デメリット
タダ初期費用はサーバー料金のみ 自分で調べて設定しないといけない。サーバーの準備や各種インストールが必要
コンテンツはすべて自分の資産になる
※「アメブロ」や「はてブ」などのブログサービスはすべて無料で使える代わり自由度はない。禁止事項などの制約もある。
人気な分誰もが知っているのでセキュリティーを怠るとハッカーの標的になる

WordPressブログ開設のためにざっくり何をする必要があるか把握する

WordPressでブログを始めるためにすべきことがあります。
この記事では以下を2回に分けて解説していきます。

 

  • サーバーの準備(ドメインの反映に時間かかるよ)
  • WordPressインストール(← 前半はここまで)
  • WordPressの各種設定をしていこう
  • WordPressのブログを書くための準備
  • 記事を書いてみよう
  • Analytics、search consoleの準備と設置

↓↓↓後半はこちら↓↓↓

月額千円で始められるWordPressブログ開設マニュアル・後半
月額千円で始められるWordPressブログ開設マニュアル・後半

現役フロントエンドエンジニアのかみーゆです。 WordPressを使ってブログ始めたい人へのマニュアル第二弾!WordPress設定、SEO・・・

 

ちなみにざっくりとした年間の初期費用です。

年間費用  5,000円 ~ 
ドメイン取得料金 500円 ~

サーバー次第ですが月額1000円以内で始めることができます!
投資としては悪くないし、やってみる価値はあります。

ブログを始める前にこれだけはほしい知識やスキル

WordPressでブログをはじめたい人は次最低限の知識やスキルがあると良いです!
 

  • パソコン操作ができる
  • 普通にタイピングができる(早くなくてもいい)
  • 拡張子が何か理解している
  • ディレクトリ/フォルダーのことを理解できる


仕方なく、とはいえ、WordPress設定のためコードを触ることが増えると思います。
タイピングで半角全角をきちんと区別して入力できることは重要!!


何事も練習!!!


間違えないよう気をつけてタイピングできるようにしましょう!

サーバーの準備

ウェブサーバーはウェブサイトを公開する為にウェブサイトのデータを置いておく場所です。サーバーにデータを置いておくことでいろんな人にあなたのブログをみてもらうことができます。

レンタルサーバーを選ぶ

WordPressのブログを公開するためにサーバーをレンタルしましょう!

レンタルサーバーは値段もスペックもピンキリで月額250円から始められるサーバーもあります。


今までに有名どころはCPI、さくら、ロリポップ、ヘテムルなどあります。
大手の良いところはメンテナンスが手厚いです。
phpやmySQLのバージョンなど常に最新に対応してくれ安心して使えます。

「こんなにたくさんあってどれ選んだらいいの?」

結論から言います。
予算が許せばレンタルサーバーの「X SERVER」がオススメ


 

wordpress01.jpg

X SERVER ウェブサイト

 

現時点での個人的な感想ですが「X SERVER」はレンタルサーバーの中でも良くウェブサイトの表示スピードにも安定感があります。

 

実はこのブログはさくらレンタルサーバーです。


結構昔から運営しているせいもあり、現在割り当てられているサーバーのスペックが古くイマイチ。
表示も遅いから引っ越したくて仕方ありません(他にもCMSなどの理由はありますが)。

 

ウェブサイトの表示スピードとユーザーの関係

表示スピードが3秒以上かかるとユーザーはストレスを感じて離脱します。

「X SERVER」は年間12,000円から始められ、状況に応じてスペックも変えられるのでオススメです(2020年8月現在)。

wordpress00.jpg


年間の12,000円の投資は決して高くない!!
 

不安な方は、まずは10日間のお試しからはじめてみてください。
そして、私は決して「X SERVER」の回し者ではありませんよ!!


今からブログを始める方にアドバイスがあります。

サーバー会社でドメインを借りないでください。
これに関しては後ほど説明します。

ネームサーバー会社を利用してドメインを用意する

ドメインとはサイトのいわば住所です。
ドメインはサイトの顔となるので名前選びには慎重になりましょう。あまり長くないものがオススメです。

ドメインは可能な限り、短いほうがいいです。あとは書きたいブログと意味が紐づくもの。
「お名前.com」や「MooMooドメイン」などのネームサーバー・サービスでドメインを購入しましょう。

 

wordpress02.jpg

.com.info など、種類は色々ありますが、個人的には信頼の.jpドメインがオススメです。


ドメインは価格はマチマチで、年間数10円から数万円するものもあります。

ドメインの購入が終わったらサーバーに紐づけます。
今回は「X SERVER」から「お名前.com」へ紐づけをする方法を説明します。

サーバーパネルから「ドメイン設定」をクリックします。

wordpress02-1.jpg

 

「ドメイン設定追加」から購入したドメインを「ドメイン名」へ入力。
「無料独自SSLを利用する」と「高速化・アクセス数拡張機能~」はチェックしたままでOKです。

 

wordpress02-2.jpg

「追加する」ボタンを押したら、X SERVER側の設定は終わりです。

 

wordpress02-3.jpg

お名前.comでネームサーバーに紐づけるために、「ネームサーバーの変更」をします。


「お名前.com Navi」にログインします。

 

wordpress02-4.jpg

お名前.com ログイン

 

ドメイン一覧から対象のドメインの「ネームサーバー」をクリックします。
写真ではすでに「その他」になってますが、おそらく「初期設定」とかそんな感じに表示されていると思います。

 

wordpress02-5.jpg

 

「その他」のタブを開き、ネームサーバー1とネームサーバー2にX SERVERのネームサーバーを入力します。

 

wordpress02-6.jpg

 

X SERVERのネームサーバーはサーバーパネルの「サーバー情報」から確認できます。
とりあえず必要なのは1と2のみです。

 

wordpress02-8.jpg


登録できたら「ネームサーバー設定」を確認しましょう。


wordpress02-7.jpg


ドメインは最大で数時間から72時間程度で反映します。
はじめての設定で不安かもしれませんが、のんびり待ちましょう。

 

サーバー会社でドメインを借りない方がいい理由

私のようにサーバーを引っ越したくてもレンタルサーバーで借りたドメインを移そうした際(ドメイン移管)にものすごく手間や時間がかかります。

現在フィリピン在住(ロックダウン)で気軽にカスタマーサポートも利用できないのもあり、ドメインの移管をどうしようかって状態に陥っています。


別件でも大変な目に遭いました。
サーバーとCMSが一体化しているWixから別サーバへサイトお引越しの仕事をした際、ドメインの移管すらできませんでした。
仕方なく、別ドメインの取得をすることになりました。


ドメインとサーバーは切り離しておかないとあとが大変。


ドメインは非常に重要!!
ウェブサイトの顔なので早々に変えることができません。

 

乗り換えたくてもオンボロになってもそのドメインを使いたい場合は、経費を払って乗り続けないといけない。最悪です。。。。

レンタルサーバーを運用する会社からすれば顧客を手放したくない。変更しにくくするのは当然と言えば当然です。

このブログを始めた時は7年くらい前?まだまだ知識も経験も浅かったです。手軽にさっさと調べもせず分からないまま始めてしまったのが運の尽き。

未だとても苦労しています。

事前にSSLの設定を忘れずに

現在ウェブサイトで鍵マークを見かけると思います。

これはSSLといって、サーバーから届くデータを暗号化して送受信しています。

Googleの検索窓などでURLを確認してみると「http://」と「https://」から始まるものを見かけるはずです。実は後者は暗号化(SSL化)されてないので危険ですし、Googleも推奨していません。

「X SERVER」ではSSLを無料で使えるのもオススメのポイント。ドメインが反映したら真っ先にSSLの設定をしましょう。

X SERVERではドメイン毎にセットできます。

ドメインの「SSL設定」から「CSR情報(SSL証明書申請情報)を入力」にチェックし、各項目を必ず入れておいてください。

wordpress02-10.jpg

 

wordpress02-9.jpg

反映まで最大2時間程度かかります。

WordPressのインストール

ドメインと、SSLが反映したらWordPressをインストールしましょう。

X SERVER管理画面からカンタンにインストールできます。

wordpress02-12.jpg

 

データベース設定などは行いましょう。
以下の設定でドメインと紐づいているディレクトリー直下にインストールされます。

 

wordpress02-11.jpg

  • ブログ名・ブログの名前です。後で変更できます。
  • ユーザー名・ログインに必要。ID。一度設定すると変更が難しい。
  • パスワード・ログインの際に必要。後でも変更できます。この時は仮でも大丈夫。
  • メールアドレス・承認周りに使います。きちんと送受信できるアドレスを設定してください。

ポイント

パスワードとIDの設定は慎重に。
大変でもパスワードは必ず長いのにしておきましょう。
カンタンなパスワードとIDはブルートフォースアタックの標的になります。

ブルートフォースアタックとは?

ブルートフォースアタックは「総当たり攻撃」とも呼ばれる、パスワードを破る手法のひとつです。総当たりという言葉からも想像できるように、パスワードに使われていると推測される文字列を1つずつ変えながら片っ端から試していき、正解に当たるまで試し続けます。

数秒でインストールできるはずです。

テーマのインストール

今回はCocoonというテーマを使います。他のテーマに比べて少々インストールが少々面倒ですが無料なのに非常に高機能。プラグインなしでSEO関連の設定もラク!!

 

wordpress03.jpg

 

また、cocoonは無料なのにAMP対応しています。すごい!!

必ずPHP7、WordPress5.3以上で使ってください(2020年8月現在)。

以下よりダウンロードします。
Cocoon ダウンロード​​​​​​​

AMPとは?
AMP は高速かつスムーズに読み込まれ、ユーザー体験を最優先したウェブページを簡単に作成する方法を提供するオープンソースの HTML フレームワークです。
https://amp.dev/ja/

CocoonをインストールするためにFTPソフトを使いましょう。今回はFTPソフトとしてFileZillaを使います。インストールしておいてください。

 

wordpress04.jpg

FileZilla DL

FTPとは?
FTP(File Transfer Protocol)はサーバーとクライアント間で、ファイルを送受> 信する通信の決まりごとです。
FTPソフトはデータのやりとりを簡単にするためのソフトです。

「サイトマネージャー」を選択し、「新しいサイト」登録します。

もしくは契約時にメールで届いている以下3つのサーバー情報が必要です。

 

 

  • ホスト名 : sv**.xserver.jp
  • ユーザー : 〇〇〇〇
  • パスワード : 〇〇〇〇


サーバー情報はXserverの管理画面からも調べることができます。

wordpress05.jpg

 

FTPソフトでサーバーに接続できたら、テーマをインストールします。
以下ディレクトリに移動しておきます。
 

ドメイン名ディレクトリ/public_html/wp-content/themes/

その後、解凍したCocoonのフォルダーをドラッグ&ドロップでthemes/直下におきます。

wordpress07.jpg


あとはWordPress管理画面からテーマをインストールすればOK!!


この記事では3回FTPソフトを使うことになります。


テーマのインストールだけではなく「セキュリティの設定」・「URL正規化」するために直接FTP上でファイル編集の作業しなければなりません。

はじめて使う人には敷居が高いかもしれませんが、頑張りましょう。

管理画面からWordPressのソースコードを変更できないようにする

WordPressの怖いところは管理画面からPHPの編集がカンタンにできてしまうところです。

つまり管理画面にさえ入ることができ、サイトを好きに書き換えられるわけです。

現にセキュリティゆるゆるのWordPressサイトは格好のカモ。

 

断言します。
WordPressを管理画面から編集できるままにしておく必要なんてありません

 

危険すぎるのですぐに編集できないようにしてしまいましょう。


WordPressをインストールした直下にwp-config.phpというファイルがあります。

 

wordpress08.jpg

 

ファイルを選び右クリックで編集を選びます。

wordpress12.jpg

 

テキストエディターで開けると思うので、以下コードを必ず書き加えてください。

 

wordpress09.jpg

 

// wp 管理画面側からのphpの編集禁止
define('DISALLOW_FILE_EDIT', TRUE);

.htaccessでのURLの正規化

もうひとつやってほしいことがあります。
http://ドメイン~にアクセスされた場合、https://ドメイン~ (SSL)にリダイレクトする設定です。

ウェブサイトはSSLを設定した後もhttp://ドメイン~ にアクセスできます。
すると同じコンテンツが2ページ存在することになってしまいます。


我々からすれば同じページですが検索エンジンからすれば別ページと見なされます。


その後サイトの運用上都合も悪いので、リダイレクト(URLの正規化)をしておきます。

方法は「.htaccess」のファイルにリダイレクト用コードを追加するだけです。


.htaccessがない場合は、先にパーマネントリンクの設定をするとファイルが作成されます。

wordpress10.jpg

ファイルを見つけたらwp-config.php同様編集から、コードを追加します。

wordpress11.jpg

 

<IfModule mod_rewrite.c>
# リライト機能をONにする
RewriteEngine on
# httpでアクセスされた場合には、httpsへリダイレクト.
RewriteCond %{HTTPS} !on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]
# wwwなしでアクセスされた場合には、www付きにリダイレクト.
RewriteCond %{HTTP_HOST} ^ginneko-atelier\.com [NC]
RewriteRule ^(.*) https://www.ginneko-atelier.com/$1 [R=301,L]
</IfModule>

難しかったら、htaccessの設定はすっ飛ばして慣れてきたらやってもらっても大丈夫です。

まとめ、そして後半に続く

なんとかWordPressをサーバーにインストールできたのではないでしょうか?
 

次はWordPressのテーマインストールと各種設定、ざっくり記事の書き方。
さらにさらに「Analytics」、「Search Console」の設置方法についてご紹介します。

↓↓↓後半はこちらに公開しました↓↓↓

月額千円で始められるWordPressブログ開設マニュアル・後半
月額千円で始められるWordPressブログ開設マニュアル・後半

現役フロントエンドエンジニアのかみーゆです。 WordPressを使ってブログ始めたい人へのマニュアル第二弾!WordPress設定、SEO・・・

最後までお読みいただきありがとうございました。

関連記事もあわせてお読みください

Read More Blogs

よく読まれている記事

管理人について

IT戦士:かみーゆ

私、フロントエンドエンジニアのかみーゆです。日本でフロントエンドを中心に約10年Web制作 →→→ セブ島に転職してエンジニア講師 →→→ オフショア開発担当者(イマココ)。13歳の頃から「好きなように生きて好きなように死ぬ」が人生のKPI。なので、「楽しいか」、「かっこいいか」でやることを判断・取捨択一しています。好きなものは肉とビール。

About Me