ワードプレスブログ構築
※初心者の方に理解してもらいやすい言葉で説明してるので、 専門用語とは多少言い回しが違う部分もありますが、そこはご理解ください。 まず、 独自ブログ(マイホームのイメージ)と無料ブログ(賃貸のイメージ)の違いについて 簡単に説明すると、独自ブログ
【メリット】 ・ブログを消されるリスクが限りなく少ない ・カスタマイズ性が高い(無限) ・安定している(他の要因でアクセスを左右されにくい) 【デメリット】 ・運営費がかかる(月数百円〜) ・WEB に関する多少の知識が必要になる ・アクセスが集まるまでに時間がかかる(サイトの強さが０スタートのため)無料ブログ
【メリット】・お金がかからない ・手軽につくれる ・早い段階からアクセスを集めることが可能になる(もともとサイトが少しだけ強い) 【デメリット】 ・ブログを消されるリスクが高い ・カスタマイズ性が低い ・安定してない(ブログサービスの状態によってアクセスが左右される) 細かく言うと他にもあるんですが基本はこんな感じです。 結局、 サイトアフィリをやろうが情報発信をしようが何をしようが、 あなたが媒体(ブログ)を持つ際に、 “ブログの消されるリスク”、”アクセスが外的要因によって左右されるリスク”が高くては あなたも損をしてしまいますし、 なによりブログを見てくれている読者さんに不快感を与えてしまいます。 なので、 ワードプレスを使ってブログをつくるのが一番クレバーです。 (今後ワードプレスでブログをつくることが確実に主流になります。 というかすでになりつつあるのでそういう意味でもワードプレスを使うのは必須です。) ちなみに、 「ワードプレスを使うことによって SEO 的にも有利に働く」 とグーグルの偉い人が言ってるのでワードプレスを使えば間違いないです。 (ディズニーやソニーだったりの大手企業でさえもワードプレスを使っています)
ワードプレスを使ったブログをつくるためには、
・サーバーの契約
・独自ドメインの取得
この２つがあります。 【サーバーの契約】 サーバーは月額１０５０円のエックスサーバーを使います。 (僕もエックスサーバーを利用してます。) 今後サイトを運営していくとアクセスが集まってくるのですが、 その際にある程度スペックの高いサーバーを使用していないとンテンツの閲覧に支障がで ます。 なので、 お金に困ってどうしようもない人はもう少し安いサーバー(ロリポップは月額５００円ほ どで使えます)でもいいと思いますが、 そこはプラス数百円使いエックスサーバーを使いましょう。 契約方法は後々解説します。 ※別にエックスサーバーじゃなくていいんですが、僕も使ってるのもあるしかなりの大手 サーバーなので、ここではエックスサーバーを使ったワードプレスブログのつくり方を説 明します。 【独自ドメインの取得】 独自ドメインの取得はお名前ドットコムを使用します。ちなみに独自ドメインは年間数百円で使えるので、 月額に換算すると数十円で使える計算になります。 こちらも契約方法は後々解説します。 まとめると、 ワードプレスのブログをつくるのに必要な費用は、 月に数百円〜１０００円ちょっとです。 では、 さっそくワープレスブログを作っていきましょう！
〜ワードプレスブログ構築方法〜
では、実際にワードプレスブログを作っていきます。 大まかな流れとしては、 エックスサーバーに契約 ↓ お名前ドットコムでドメインを取得 ↓ 取得したドメインをエックスサーバーに登録 ↓ エックスサーバーでワードプレスブログを簡単インストールとなります。 ではいきます。
１、サーバーに契約する
先ほども言ったようにサーバーはエックスサーバーを使います。 契約プランには、 ・X10 プラン 初期費用 3150 円 月額 1050 円（1 年契約の場合） ・X20 プラン 初期費用 3150 円 月額 2100 円（1 年契約の場合） ・X30 プラン 初期費用 3150 円 月額 4200 円（1 年契約の場合） の３つがありますが、 最初は X １０プランで全然大丈夫です。 もし X １０プランで足りない(サーバーに負担かけすぎ)場合には、 エックスサーバーの方から警告が来るのでそうなったらランクをあげるようにしましょう。 よほどアクセスの多いブログを運営してない限りこの警告ってのはこないです。 なので、まずは X １０プランに契約していきます。 ※ちなみにひとつサーバーを契約するだけで複数のブログを運営する事ができます。１、
エックスサーバーの公式ホームページに行ってください。 http://px.a8.net/svt/ejp?a8mat=1ZKCP1+3VWVXU+CO4+601S3↓
２、
トップページ上の「お申し込み」をクリック ↓３、
飛んだページ内にある「2.
お申し込みフォームから送信」の”お申し込みフォーム”をクリック ↓４、
利用規約に同意して、一番上のサーバーアカウントの”お申し込み”をクリック ↓５、
その後、サーバー ID を入力します(好きな英数字を入力してください。何でも構いません) ↓６、
その後、お申し込み画面に切り替わるので、 必要事項を記入してお申し込みを住ませてください。 この際、先ほども言ったように、プランは X １０プランで OK です。 ↓ お申し込みが完了したら、 エックスサーバーから「Xserver お申し込み受付のお知らせ」という題のメールが届き、 そのメールの届いた後、さらに２４時間以内に 「X サーバーアカウント設定完了のお知らせ」どいう題でエックスサーバーからメールが 届きます。 このメールに、あなたのエックスサーバーの契約の状況やパスワードなど 大事な情報が載っているので、このメールはしっかり保存しておいてください。(保護しておくといいです。) 以上でエックスサーバーの申し込みは完了です！ 最初は、使用期間として１０日間無料となってますが、 これに甘んじて支払いを忘れてしまうとサーバーが凍結させられてしまうので忘れないう ちに払っておきましょう。 支払いは、 エックスサーバーにログイン後、 インフォパネル内の”料金のお支払い”というところから可能です。 次はドメインの取得です。
２、独自ドメインを取得する
独自ドメインはお名前ドットコムで取得します。 かかる費用はドメインひとつにつき年間で数百円(月額換算数十円)です。１、
http://www.onamae.com/advanced/ この URL 先にある、「まずは検索！」という部分で自分が欲しいと思う名前のドメイン を検索します。 (基本は英語です。)↓
２、
その後ドメインの選択画面になります。 ちなみに.com だったり.info によって値段が変わってくるので予算に合わせて好きなのを選 ぶようにしてください。 ( .com とか .net は一般人が慣れ親しんでいるドメインなのでオススメです。) その後、ドメインを選択し終わったら、 右側にある「Step2 登録画面へ進む」をクリックしてください ↓３、
初めての人は「初めて利用します」を選択して次に進んでください。 ↓４、
必要事項ををすべて記入し、まちがいがない事を確認して次に進んでください。 ↓５、
その後、支払い方法を決めて確認画面へ進んでください。 ↓６、
料金の支払いが終わると、 「[お名前.com]ドメイン登録 完了通知」という題でお名前ドットコムからメールが届き ます。 以上でドメインの取得は完了です。 ※２つ目以降のドメインを取得する際も上記とほとんど同じ手順で取得する事ができます。３、取得したドメインをエックスサーバーに登録
お名前ドットコムで取得したドメインを先ほど契約したエックスサーバーに登録します。１、
https://www.xserver.ne.jp/login_server.php エックスサーバーにログインしてください。 そしてサーバーパネルに進んでください。 ↓２、
その後、サーバーパネルの画面右上にあるドメイン設定をクリック ↓３、
ドメインの追加設定をクリック ↓４、
お名前ドットコムで取得したドメインを入力してください。 その後、ドメインの追加を確定させてください。 ↓５、
以上でドメインの登録は完了です。エックスサーバーでの設定は済んだので、 次はお名前ドットコムの方の設定をしていきます。 '(ネームサーバ—設定) ↓
６、
https://www.onamae.com/navi/domain.html ドメイン navi にログインしてください。 ↓７、
その後先ほど取得したドメインの「ネームサーバーを変更する」というところをクリック ↓８、
飛んだページの先では、 「お名前.com 各サービスを利用」という欄にチェックがついてますが、 それを「他のネームサーバーを利用」に変更してください。 その後、 先ほどエックスサーバーを契約した際に送られてきた 「Xserver サーバアカウント設定完了のお知らせ」という題のメール内にある ネームサーバー情報を１、２、３、４、５と順に記入していってください。 その後【お名前.com 会員情報をコピー】ボタンをクリックしてください。 ↓９、
入力事項を確認して、画面一番下に移動して、「確認画面に進んでください」 ↓１０、
その後、表示された記入事項をもう一度確認したら「設定する」をクリックしてください。 以上でお名前ドットコムでのネームサーバー設定が完了です。 これで、 エックスサーバーとお名前ドットコムでのドメイン設定は終わりです。 後は、 ワードプレスブログを簡単インストールすればあなたのブログが誕生します。４、エックスサーバーでワードプレスを簡単インストール
１、 https://www.xserver.ne.jp/login_server.php 先ほどのようにエックスサーバーにログインしてサーバーパネル内に進んでください。 (サーバーパネル内は様々な項目がありますが実際に使う機能はほんのすこしです。） ↓ ２、 左下の方にある、「設定対象ドメインの変更」で自分が操作したいドメインに変更してく ださい。 ↓３、 ドメインの指定完了後、 サーバーパネル内の「自動インストール」という項目をクリックして、 「プログラムのインストール」をクリックします。 ↓ ４、 下にいくつか種類がありますが、 この中の「WordPress 日本語版」という項目の「インストール設定」をクリックします。 ↓ ５、 インストール設定の画面が出てくるので、 ここでワードプレスのインストール設定をしてきます。 ↓ ６、 まず、 ・ブログ名 ・ユーザー名 ・パスワード ・メールアドレス を入力します。 （ここで記入した情報はメモるなりなんなりして後でわかるようにしておいてください） （またこれらの設定は後からでも変えられます） また、 データベースの欄は「自動でデータベースを生成する」という項目にチェックしておいて ください。 ↓ ７、 そしたら、「インストール」をクリックしてください。 ↓
８、 インストールの確認画面が出るので、 「インストール（確定）」をインストールしてください。 以上でワードプレス設置完了です！ 完了画面に、 ログインするための URL が記載されていると思うので、 そこをクリックしてワードプレスログイン画面にいってください。 ログイン画面はこんな感じです。
で、これがダッシュボード画面といって、
ワードプレス各種設定
【基本設定】 ダッシュボード ↓ 設定 ↓ パーマリンク設定 ↓ 共通設定を数字ベースに。 (SEO 的に一番強いのは、カスタム構造で「%postname%」とするのがいいんですが、こ れだと URL を表示する際にめちゃめちゃ長くなってしまうのでサイトの趣向によって使 い分けてください)【ping 設定】
サイトの更新をアピールするために必ず設定しておいてください。 ダッシュボード ↓ 投稿設定 ↓ 更新情報サービス ↓ 以下の ping 先を追加。〜登録なしでフリーで使える ping 先一覧〜 コピペで貼り付けてください
http://api.my.yahoo.co.jp/rss/ping?u=http://自分のブログ URL をここに/?feed=rss2 http://api.my.yahoo.co.jp/RPC2 http://blogsearch.google.co.jp/ping/RPC2 http://ping.fc2.com http://ping.rss.drecom.jp/ http://rpc.reader.livedoor.com/ping http://ping.freeblogranking.com/xmlrpc/ http://ping.dendou.jp/ http://ping.blogoon.net/ http://ping.namaan.net/rpc/ http://taichistereo.net/xmlrpc/ http://hamo-search.com/ping.php http://blog.goo.ne.jp/XMLRPC http://ping.blo.gs/ 〜登録ありだけで効果が大きい ping 先一覧〜 人気ブログランキング Pingoo! にほんブログ村 ブログランキングドットネット ブログランキング＆成分解析｜blogram BlofPeople PV ランキング インフォブログランキング ポイ探ランキング ブログランキング【くつろぐ】 くる天
【僕が実際に使っているプラグイン一覧】
プラグインは、 ダッシュボード ↓ プラグイン ↓ 新規追加 ↓ プラグインを検索で出てきます。 以下は、 僕が実際に使っているおすすめプラグインです。 自分のブログの用途に合わせて活用してください！ (☆マークのプラグインはどんなブログでも必ず導入してください) 〜インストールして有効にするだけ〜 (名前順です) ☆.html on PAGES URL 表記を HTML 表記にしてくれるプラグイン☆Auto Post Thumbnail
自動で記事内の最初の画像をアイキャッチ画像として指摘してくれるプラグイン (関連記事や人気記事ランキングとかで画像を表示させるときに必要になります。)
アドセンス広告をよりブログ内容と関連性の高いものにしてくれるプラグイン (アドセンスを使う場合は必須) ☆No Self Pings 自分のブログから自分のブログに「ピンバック」を送らないようにするプラグイン 〜有効後、設定が必要〜 ☆Akismet スパムコメントからブログを守ってくれるプラグイン 設定参考 URL: http://whitehatseo.jp/setup-of-akismet/
☆All in One SEO Pack
内的 SEO を高めてくれるプラグイン
設定参考 URL: http://wordpress.diet-surimu.com/wp-plugin/all-in-one-seo/set/
Contact Form 7
お問い合せフォーム作成プラグイン
設定参考 URL: http://whitehatseo.jp/contactform7-mail-form-plugin/
Facebook Comments for WordPress
フェイスブックのコメントをブログに設置することができるプラグイン 設定参考 URL: http://www.webcyou.com/?p=2324 ☆Google XML Sitemaps 自動的にsitemap.xmlの作成と更新を行う事ができるプラグイン。 SEO 対策のひとつで す。 設定参考 URL: http://takahir.org/2012/04/30/wordpressgoogle-xml-sitemaps %E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6google %E3%82%A6%E3%82%A7%E3%83%96%E3%83%9E%E3%82%B9%E3%82%BF %E3%83%BC%E3%83%84%E3%83%BC%E3%83%AB%E3%81%AB
%E3%82%B5%E3%82%A4%E3%83%88/
Ktai Style
ブログを携帯対応にしてくれるプラグイン
設定参考 URL: http://hinagata.biz/plugin/ktai-style/
Wordpress Popular Posts
ウィジェットに画像つきで人気記事ランキングを表示できるプラグイン 設定参考 URL: http://higashisa.com/populerposts/
☆WordPress Related Posts
記事の最後に画像つきで関連記事を表示できるプラグイン 設定参考 URL: http://kazunori-lab.com/uchikikase/?p=548 WP-Cumulus タグを 3D 表示できるプラグイン 設定参考 URL: http://crossinthenight.com/wordpress/1593/ WP-DBManager ワードプレスのデータベース最適化＆バックアップ＆復元をしてくれるプラグイン 設定参考 URL: http://blog.ppcvible.com/unlimited/wp-dbmanager.html WP-PageNavi ワードプレスののヘッダーに見やすいページナビゲーションを設置できるプラグイン 設定参考 URL: http://wp-exp.com/blog/wp-pagenavi/
☆WP Social Bookmarking Light
ツイッターやフェイスブック、はてなブックマークなどのソーシャルボタンを簡単に設置 できるプラグイン 設定参考 URL: http://whitehatseo.jp/wp-social-bookmarking-light %E3%82%92%E5%B0%8E%E5%85%A5%E3%81%97%E3%82%BD%E3%83%BC %E3%82%B7%E3%83%A3%E3%83%AB%E3%83%9C%E3%82%BF %E3%83%B3%E3%82%92%E8%A8%AD%E7%BD%AE%E3%81%99%E3%82%8B
%E6%96%B9%E6%B3%95/
操作方法 Q&A
僕が読者の方からいただいたワードプレスの使い方に関する質問に答えます。【記事内やウィジェットで、画像を作成してそこからリンクを飛ばす方法】
まず、自分が表示させたい画像を、 ダッシュボード ↓ メディア ↓ 新規追加で追加します。 あとは、<a href="画像をクリックさせて飛ばしたい URL" target="_blank"><img src="画像自体の URL(先ほどメディアに追加したもの)" alt="○○○" width="150" height="150" /></a> herf のところには、画像をクリックしたさいに飛ばしたい URL をいれます。
Img src のところには、画像自体の URL の入れます。
alt は画像のタイトル的な要素があるので、画像に関連するキーワードを入れましょう。 width が横のサイズ、height が縦のサイズなので、用途に合わせて好きなように変更して ください。
【”リファイン”テンプレートでアドセンスを記事の上下に自動的に表示する方法】
記事上
記事下
毎回、このようにアドセンスを自動で記事の上下に貼る方法を説明していきます。 (実験のため、アドセンスの代わりにカンガルー君を使っています。)
まず、 ダッシュボード ↓ 外観 ↓ テーマ編集 ↓ 単一記事の投稿の編集画面に移動します。 【記事上】 このように記載されている場所が上の方にあるので探してください。 その後、 </h1>と<section … の間にアドセンスコード(ここでは例としてカンガルー君のタ グ)をコピペして貼り付けます。 そうすると、
こうなるはずです。 (アドセンスコードの代わりにカンガルー君をつかっています) 保存して、先ほどの位置にアドセンスがくるか確かめてください。 表示されてれば記事上は完了です。 【記事下】 このように記載されている場所が真ん中くらいにあるので探してください。 その後、 間にアドセンスコードを貼り付けてください。 そうすると、
こうなるはずです。 (アドセンスコードの代わりにカンガルー君をつかっています) 保存して、先ほどの位置にアドセンスがくるか確かめてください。 表示されてれば記事下も完了です。 以上がリファインテンプレートでアドセンスを記事の上下に自動で表示させる方法 です。
