30分で完了！！WordPressでブログ開設手順【契約・設定】

コミュ障だけど、『WordPressでブログやってるよ』と勇気持って人に話したらWordPressやってみたいって何人からか言われたので、始める手順を整理してみます。

WordPressを始める時にやることは、

これで始められます。

※詳しくは後述しますが、実際に始められるのは翌日以降だと思ってください。

私自身が契約した時は、『サーバーってネットに繋がるのに必要なナニカでしょ？』ってレベルでしたが無事にブログ始められたので安心して進めてみましょう！

WordPressを選ぶ理由

『livedoor』や『はてな』など無料のブログサービスもありますが、がっつりやりたいならWordPressで始めるのが一番いいかなと思います。

私もかつてlivedoorblogで2回ブログをやっていたんですが、相性が悪くて続きませんでした。

始めやすさとかは無料ブログの方が圧倒的なんですが、カスタマイズをしていくことで愛着がわいたのが一番の理由だと思います。

話が逸れたので本題に移っていきます。

サーバーの契約をする

サーバーって何って話なんですが、簡単に言うとデータをしまっておくスペースです。

書いた記事がサーバーに保存されて、見る人がchromeなどのブラウザを通じてサーバーから記事を引っ張ってくるイメージです。

サーバーは色んな会社が提供してます。

今回はその中でも絶大な人気のある
エックスサーバーでの契約について見ていきます。

エックスサーバーの利点は

エックスサーバーは大手レンタルサーバーの50%のシェアを誇っており、言い換えればレンタルサーバー契約している人の2人に1人がエックスサーバーを使っています。

利用者が圧倒的に多いので結果的にわからないことの検索などで情報が集まりやすいというメリットがあります。

エックスサーバーはアクセスに強く、サイトのアクセス数を将来的に増やしていった時にアクセスが多くなっても安定しているのでサイトの信頼性に繋がります。

参照：https://haneji.me/utilization-ratio-of-affiliate-sites-xserver/

低価格で始められるサーバーとかもありますが、

サーバー自体が不安定

→障害起こる頻度が大手より多い

→新興企業なので事故対応力が弱い

→結果的にユーザビリティがよくない

→サイトからの直帰率などが上がる

初期費用という謳い文句

→電話サポートがないなどのコストカット

→実際の料金は変わらない

→不安定なのに料金そんな差がない

サイトがGoogleにちゃんと反映され始めるのは最初は早くて3か月ぐらいかかる為、最初の無料期間が他より長いという点などだけでサーバー会社を選んでしまうと結果的に損をしたりリスクが発生します。

実際にエックスサーバーの契約を始める

こちらからエックスサーバーに進みます。

エックスサーバーへ進む

それでは実際に契約を進めてみましょう。

ここまでOKですか?

エックスサーバーの料金体系は以下のようになっています。

ちなみに無料期間が10日ありますが、支払対象期間が始まるのはちゃんと無料期間が終了してから自動で切り替わるのでご安心ください。

むしろ、ここで支払い設定漏らすと最初からやり直しになるので2度手間になります。

ドメインの取得

ドメインは住所って例えられる事がよくありますが、その通りでサーバーをどこの住所に指定するのかがドメインの役割です。

ドメインの取得ならお名前.comでいいかと思います。

お名前.comへ進む

※時々エックスサーバーでもドメイン無料キャンペーンやってて、無料ならエックスサーバーでいいんですがそれ以外かまたはわからない場合はこのままお名前.comで進めていきましょう。

調べると以下のような画面が出てきます。

チェックが入るものはすべて取得が可能です。

話を元に戻しまして、ドメイン契約を進めていきます。

支払方法の入力を完了して『申し込む』をクリックするとloading画面が出てきます。100%になると同時にお名前.comから5件メールが来て、

こういった件名のメールが来ていますので、『メールアドレスの有効性認証』と書かれた下のURLをクリックして

これが出ていればドメイン取得完了です。

サーバーとドメインの紐付け

今の状態をざっくり説明すると以下のような感じです。

サーバーとドメイン自体は契約したんですがそれぞれが紐付けされていないのでそれぞれが活躍できません。それぞれに誰とどこで働くかを紐付してあげましょう。

お名前.comでサーバーを認識させる

• お名前.comからのメール
• エックスサーバーからのメール

さっき使ったエックスサーバーからのメールが2度目の登場です。あと、お名前.comから

という題名でさっき使用したのとは別のメールも使用しますので併せて準備してください。

※○○.○○には取得したドメインが入ります。

まずはお名前.com側でサーバーの設定をしてあげます。『お名前.com Navi』へ進んで設定をしていきましょう。

お名前.com Naviへ進む

お名前.comから来たメールの中から会員IDをコピペしてパスワードを入力したらログインします。

ログインしたらtopページを少しスクロールしたあたりにこんなものが出ているので選択します。

クリックすると更に次の画面に移ります。

『完了しました』というのが出てくればOKです。これでお名前.comでの設定はすべて完了です。

※ここが冒頭でお話した1日近く掛かる要因です。ブログが表示されない場合は数時間単位で待ってみましょう。

エックスサーバーでドメインを指定する

先ほどはエックスサーバーのインフォパネルにログインしましたが、今度はサーバーパネルにログインします。

サーバーパネルへ進む

今度使うのは、サーバーアカウント情報なので、間違えないようにご注意ください。

このまま独自SSL化の設定に移ります。

独自SSL化する

Googleは2018年7月から『http://』のサイトに関しては保護されていない通信と表示するように仕様変更しています。

『保護されていない通信』と出る状態がSSL(Secure Sockets Layer)化されていない状態でして、すごく簡単に言うと「このサイトはちゃんとサイトオーナーが運営しているサイトだよ」という第三者からのWeb上の証明書がSSLです。これがないサイトだと偽サイトでパスワードなどを盗み取られる可能性があるという形でGoogleが仕様変更をしたわけです。

きちんと第三者からサイトの安全性が確認された証明書があることで信用できるサイトとなるわけです。

【「ドメイン名」に独自SSL設定を追加しました】というのが出ていればOKです。

WordPressをサーバーにインストール

サーバーパネルのTOPページから『WordPress簡単インストール』へ進みましょう。

• URLはそのまま
• ブログ名は決まってないならあとでも可
• ユーザー名とパスは忘れずに
• メアドはほとんどメール来ないけどきちんと見るアドレスで。
• キャッシュとデータベースはそのまま

入力が完了したら右下の確認を押します。『WordPressのインストールを完了しました』と出ればOKです。

WordPressの初期設定

これを読んだ瞬間にやってしまいましょう。

あと、豆知識として押さえておいた方がいいのがログイン画面への行き方です。

私も実体験であったのが、通常は家でデスクトップPCを使っているんですが実家に帰った時にノートPCでログインしようとしたらログイン画面にたどり着けなかったとか…

解決方法としては

これで自分のサイトのログイン画面に飛ぶことが出来ます。(○○○には自己サイトのドメイン名を入力してください)

それでやるべき初期設定なんですが、

テーマや他のプラグインは別に後でも出来るから大丈夫です。最低限で始められるようしましょう

リダイレクト設定

リダイレクト設定は『https://sunsukeblog.com』『https://sunsukeblog.com』のどちらでも必ず同じページに到着するようにする設定です。

まずは再びエックスサーバーのサーバーパネルです。閉じてしまった人はこちらから行きましょう。

サーバーパネルへ進む

この画面が出たらコードが書かれていますが消さずに、一番最初の行にカーソルを持っていき以下のコードを貼り付けてください。

<IfModule mod_rewrite.c>
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
</IfModule>

※不安な場合は予め書かれているコードをコピーしてどっかに保存してから始めた方がいいです。最悪の場合はサイトが表示されなくなる恐れがあるので変更前と変更後のバックアップ的なものは慣れないうちはこまめに取るようにしておきましょう。

コードを足したら『.htaccessを編集する(確認)』をクリックして編集が完了しましたと出ればOKです。

これでサーバーパネルは閉じてしまって大丈夫です。続いてWordPressにログインしてダッシュボードから『設定』→『一般』に進んで以下の様に設定してください。

これでリダイレクトと先程サーバーパネルでSSL化したのが反映されます(1時間ほど掛かります)。キャッチフレーズはテンプレート自体が持っている機能とバッティングする可能性があるのでわからなければ空欄にしておきましょう。

投稿更新設定

「記事を投稿したよ」という更新をいろんなところにお知らせする設定です。『設定』→『投稿設定』の一番下の入力欄に入っているURLを一度消してから下のコードをそのままコピペしてください。

http://rpc.pingomatic.com/
http://blog.goo.ne.jp/XMLRPC
http://blog.with2.net/ping.php/
http://blogsearch.google.co.jp/ping/RPC2
http://blogsearch.google.com/ping/RPC2
http://hamham.info/blog/xmlrpc/
http://ping.bloggers.jp/rpc/
http://ping.blogranking.net/
http://ping.blo.gs/
http://ping.cocolog-nifty.com/xmlrpc
http://ping.dendou.jp/
http://ping.exblog.jp/xmlrpc
http://ping.fc2.com/
http://ping.feedburner.com
http://ping.freeblogranking.com/xmlrpc/
http://ping.rootblog.com/rpc.php
http://ping.rss.drecom.jp/
http://ping.sitecms.net
http://pingoo.jp/ping/
http://ranking.kuruten.jp/ping
http://rpc.blogrolling.com/pinger/
http://rpc.reader.livedoor.com/ping
http://rpc.pingomatic.com/
http://rpc.weblogs.com/RPC2
http://serenebach.net/rep.cgi
http://services.newsgator.com/ngws/xmlrpcping.aspx
http://taichistereo.net/xmlrpc/
http://wpdocs.sourceforge.jp/Update_Services
http://www.blogpeople.net/ping/
http://www.bloglines.com/ping
http://www.blogstyle.jp/
http://www.i-learn.jp/ping/
http://xping.pubsub.com/ping/

これで投稿設定は完了です。

パーマリンク設定

パーマリンク設定は投稿する記事ページのURLに関しての設定です。URLは一度公開したものに関しては設定を変更しないほうがいいのでパターン化しやすいようにこの段階で設定しておきましょう。

一度投稿したもののURLを変更するとページをブックマークしてる人などがダイレクトに辿り着けなくなってしまうので、アクセスの減少に繋がります。よほどの事情がない限りは変更しないようにしましょう。

『カスタム構造』の『/%postname%』を選んでください。それが一番パターン化しやすく対応力が高いです。

あと、基本的にパーマリンクは小文字の英語にしましょう。(今は出来ないっぽいけど)パーマリンクを日本語にすると実際のURLがぐちゃぐちゃになります。例えばこのページなら『how_to_start_wordpress』と簡単なもので大丈夫です。

初期プラグイン設定

初期プラグイン設定でありながら、かなり重要なものがあるのでここで併せて設定してしまいましょう。

ここらへんが入っているはずです。

• Akismet Anti-Spama（アンチスパム）
• Hello Dolly
• TypeSquare Webfonts for エックスサーバー
• WP Multibyte Patch

Akismet Anti-Spama（アンチスパム）

スパムメール対策のプラグインです。余談ですが、プラグイン関係は開発者が外国人なので英語での説明のものが多いです。わからない時は『プラグイン名　使い方』でググる癖をつけといた方がいいです。

Akismet Anti-Spama（アンチスパム）の設定はちゃんとやろうとすると結構複雑ですが、『バズ部』というWebマーケティング会社の記事がわかりやすくまとめられているので記事通りに進めればOKです。

【スパム対策】Akismetの最新の設定方法を紹介

WordPressを運営してある程度のページビューに達すると、必ず増えてくるのがスパムコメントだ。１日に２０、３０と頻繁に来ることも珍しくない。 そんな時、スパムコメントを１つ１つ削除していては時間がもったいない。 このようなスパムコメント

lucy.ne.jp

Hello Dolly

WordPress公式ながら『ダッシュボードの右上にランダムで歌詞を表示させるだけ』のプラグインです。

不要です(笑)。プラグインを削除しておきましょう。

TypeSquare Webfonts for エックスサーバー

エックスサーバーにWordPressをインストールしたので出てくるプラグインです。機能はエックスサーバーの提供するフォントサービスが使えるというモノ。

不要です(笑)。プラグインを削除しておきましょう。

WP Multibyte Patch

WordPress のマルチバイト文字の取り扱いに関する不具合の累積的修正と強化を行うプラグインです。英語圏で作られた WordPress を日本語環境で正しく動作させるために必要となる機能を網羅していますので、なんらかの対策を行っていない場合は導入をおすすめします。

https://eastcoder.com/code/wp-multibyte-patch/

これは消さずに、プラグインのところに『有効化』というのがあるので押して有効化しておくだけでOKです。

これでブログを始められる準備は済みました。ここからテーマを入れてカスタマイズしたりプラグイン導入したりでより一層楽しくなっていきます。

あと、個人的に用意した方がいいかなと思うのは

• ロゴ
• ヘッダー画像
• アイコン(favicon)
• SNSアカウント(全部じゃなくていいかも)

ここらへんがあるとオリジナリティが出てくるかもです。

わからなければコメントやTwitterでDM貰えればお答え致します。

あと、始めてからでもいいですがカスタマイズなどをする時にはFTPソフトなどでバックアップを取るようにしておきましょう。エックスサーバーでも解説されているFTPソフトの『Filezilla』の使い方はこちらからご覧ください。

【Wordpress】FTPソフトを使う【FileZilla】

Wordpressテーマの編集やバックアップの為にはFTPソフトというものが必要不可欠です。万が一、編集を誤ってしまうとそもそも管理画面が開かなくなってしまいます。 FTPソフトがあれば、サーバ上に保存されているデータをPCにダウンロード...

sunsukeblog.com

2018-09-03 23:24

よきブログライフを!!