今から始めるの?【WordPress】初心者みにきて!これだけやれば間違いないよ!

ブログ初心者だった私がワードプレスを始めてからの設定やプラグインを紹介していきます。

そもそもワードプレスって何?

WordPress(ワードプレス)とは、オープンソース・無料で提供されている「ブログシステム」のソフトウェアのこと。
PHP(プログラム言語)と、MySQL(データベース)で作らている、難しい専門知識(HTMLファイルなどのコード)がなくても簡単に自分だけのブログを作ることができるもの。

無料ブログは登録している方が全員で使っているが、ワードプレスは一人だけで使えます。

そのため無料ブログみたいに突然閉鎖されたり、記事が消えたりと言うことはワードプレスにはありません。

ただ誤って自分で消してしまうことがありますが・・・っとワードプレスはこんな感じです。

次はどうやってワードプレスを始めるかを話します。

目次

WordPressを始めよう

ワードプレスを始めるにはまずはレンタルサーバーを借りなければいけません。っとここで気がついた方いますよね?

ワードプレスは無料じゃないの?っと。ワードプレスをインストールするのは無料でできます。

ただ、インストールをするにはレンタルサーバーを借りないとできません。

まずワードプレスを始めるにあたり用意するもの

・独自ドメインを取得すること
・レンタルサーバーを借りること

この二点を用意してください。(共にレンタル料はかかる)

独自ドメインを取得するには?

独自ドメインを取得するサイトは色々あります。

エルドメイン

ムームードメイン

お名前.com

独自ドメインのサイトはキャンペーンがあったりしますので一番いい所で構わないです。私の時はキャンペーンがあったので、お名前.comで取得しました。

参考までに

https://naku55.com/domeinn-syutoku

独自ドメインを取得したら、次はレンタルサバーを契約しに行きましょう。

レンタルサーバーを契約するには?

レンタルサーバーも種類がありますが、初めてサーバー契約するなら、まずはこのどちらか二種類から選べば間違いないです。

ロリポップ!

エックスサーバー

・ロリポップは契約の内容によっては、値段が安いです。プランによって独自SSLも無料で証明書がもらえます。私が初めて契約したのがロリポップでした。初心者がワードプレスを始めるには、お手頃の値段でしたので、安くても性能はいいです。

参考までに

https://naku55.com/blog-lolipop

・エックスサーバーはロリポップよりも値段がちょっと高いです。もちろん無料で独自SSL証明書がもらえます。しかも自動バックアップ機能付き。性能はピカイチです、何より高速でサクサク動きます。

そして今ならキャンペーン中で独自ドメインが無料で作れます。

参考までに

https://naku55.com/wordpress-xserver-comfortable

どちらか決めたら次はワードプレスをインストールしていきましょう。

サーバー契約できたらワードプレスをインストールしよう

サーバーが契約できたらワードプレスをインストールします。

ワードプレスをインストールするのは難しいの?

いいえ、簡単にインストールできます。

ロリポップには、WordPress(ワードプレス)簡単インストール機能がついています。エックスサーバーにはWordPress 自動インストール がついてますので簡単にワードプレスをインストールできます。

ロリポップ:簡単インストール

参考までに:ロリポップの簡単インストールの手順です。

https://naku55.com/wordpress-install

これでワードプレスもインストールできましたね。それでは、いよいよワードプレスを始めて行きたいと思います。

ワードプレスを始めるには、一番始めにテーマを決めましょう。

ワードプレスのテーマを決めよう

ワードプレスのテーマとは、無料ブログで言うテンプレートみたいなものです。言うならサイトの顔になります。

テーマを選ぶには、たくさんの種類があって気に入ったテーマが見つかると思います。ただテーマによって無料・有料があり全てのテーマが使い方が異なります。そこでテーマを選ぶ時に注意することを見てみましょう。

テーマを選ぶ時の注意すること!

・テーマが無料か有料かを把握して上で決める。
ダウンロードしたテーマが無料だと思ったら有料だったは、なしにしましょう。あらかじめ有料と分かった上のダウンロードならOKです。

・そのテーマは本当に安全?

テーマによっては、連絡先や作者名など表示されてないものがあります。何かあった時のために連絡できるテーマを選んでください。

・テーマの使い方、ネットに上がってる?

初心者は特に注意するのがここです。気に入ったテーマだからと選んだはいいが、カスタマイズや使いかた全然わからない。
調べてもでてこないとなると自分で設定していくしかないです。テーマは後から変えれますので、始めはわかりやすいテーマ、わかってきたら気に入ったテーマにすればいいです。

このテーマは使いやすい?

テーマによって、始めからSEO対策されていたり、プラグインするのも少なくて済んだり、カスタマイズするに楽になったなど、使いやすいテーマがあります。ほぼネットで使いやすいテーマで調べればでてきます。始めはネットに上がった使いやすいテーマで十分です。

注意することが何となくわかりましたか?これらをクリアしたテーマ、私も未だに使っているおすすめのテーマを紹介します。

最初はこのテーマ【Simplicity2】おすすめです

初心者が始めるにはこのテーマが最適です。

【Simplicity2】がいい理由!

・SEO対策されている。
・始めからウジェットが多い。
・使い方、カスタマイズの設定がネットに上がっている。
・子テーマがあり、カスタマイズがやりやすい。
・プラグインが減る。
・シンプルだがら自分好みに設定できる。

参考までに

https://naku55.com/wordpress-simplicity

私は迷わずワードプレスのテーマは【Simplicity2】にしました。次に初心者の私が【Simplicity2】で行った設定を紹介していきます。

【Simplicity2】でアドセンス広告の貼り方

Simplicity2でアドセンス広告を表示させるには簡単にできるようになっています。他のテーマだと広告を表示させるにはプラグインが必要になります。

プラグインとは?

・プラグインとは
(ソフトに機能を追加するための小さなプログラム)のこと。

アドセンスとは?

https://naku55.com/google-adsense-approval

参考までに:Simplicity2だとこんなに簡単なの?

https://naku55.com/simplicity-wordpress

参考までに:アドセンス広告以外はどうやって表示させるの?

https://naku55.com/wordpress-simplicity-advertisement

次は【Simplicity2】カスタマイズにいきます。

【Simplicity2】カスタマイズは難しい?

Simplicity2のカスタマイズは子テーマをダウンロードすれば気軽にできます。

子テーマとは?

・先ほどダウンロードしたのが【Simplicity2】親のテーマ、子テーマとは子供のテーマになります。子テーマはスタイルCSSなどを、カスタマイズするのがとても楽にできます。

参考までに:子テーマダウンロード方法

https://naku55.com/simplicity-child-downloads

子テーマをダウンロードして見出しタグを変更しました。

次にサイトの表示スピードの高速化を紹介していきます。

【Simplicity2】で高速化・おすすめプラグイン

始めから、Simplicity2ではSEO対策や高速化になっています が、まだまだ表示のスピードを早くしていきたい。そんな時はこれがおすすめです。

そもそも高速化は大事なの?

・ユーザーは、Webページの表示に待てるのは最大2秒で、3秒以上かかると40%以上のユーザーは離脱してしまう。
・ Googleは、サイトの表示速度が「検索順位」を決める重要な要素であることを明言している。

これらを踏まえた上で断然早い方がいいですよね!

プラグインや子テーマを触る場合は必ずバックアップをとってください。

ワードプレスでのバックアップのやり方

参考までに:バックアップ方法(ロリポップ編)

https://naku55.com/lolipop-backup

サイトの表示速度を計ってみよう

PageSpeed Insights

PageSpeed Insightsここから入ってURLを入力するだけで計ります。

この様に表示速度がでてきます。

元々お勧めのプラグインを入れなかったときはpoorと赤かったです。その時は「52/100」
ぐらいでした。

GTmetrix

GTmetrixここから入ってURLを入力するだけで計ります。

この様に表示されます。

元々お勧めのプラグインを入れなかったときは「B/C」評価でした。

コピペ一発でサイトを高速にする

Simplicity2だからこそ、このようにコピペ一発で高速化ができます、っと言うかネットにそのまま載っています。なぜならわいひらさんが色々設定やカスタマイズを教えてくれているので、材料が豊富です。

↓こちらはサーバーがロリポップでの設定になります↓

参考までに:コピペ一発サイトを高速化

https://naku55.com/wordpress-simplicity-high-speed

見違えるぐらい速くなります。テーマがSimplicity2なら絶対にやらないと損します。

画像圧縮プラグイン【EWWW Image Optimizer】

まずは画像を圧縮するためのプラグインを紹介します。

なぜ画像を圧縮しないといけないか?

それは画像の容量がものすごくあるためです。見ればわかりますが、一枚の画像でも【JPG】〇十KB、【PNG】〇百KBほどのサイズになります。

参考までに:画像圧縮プラグイン

https://naku55.com/wordpress-ewww-image-latest

こちらで紹介している【EWWW Image Optimizer】は自動で画像を圧縮してくれます。圧縮していなかった画像も一発で最適化ができます。

 キャッシュ系プラグイン【WP Fastest Cache】

次はキャッシュ系プラグインを紹介します。

キャッシュって何?
サイトにアクセスがある時に、サーバーが画像やhtmlやCSSなどを一つずつ読み込んでいきます。
その作業を短縮してくれるものがキャッシュです。
一つずつ読み込む作業を、あらかじめ一つにまとめてくれる。作業を短縮することで、高速化にもなっていきます。
参考までに:キャッシュプラグインはこれで決まり

https://naku55.com/wordpress-plugin-wp-fastest-cache

CSS・HTML・JavaScript縮小するプラグイン【Autoptimize】

こちらのプラグインを導入することによりCSS・HTML・JavaScript縮小ができるようになります。

CSS・HTML・JavaScript縮小とは?

CSSコードなどに空白などがあります。それらをなくしてデータを縮小(軽く)してくれる。空白の部分をなくしてデータを軽くしていく、軽くすれば速度も速くなり、より快適になります。

参考までに:CSS・HTML・JavaScript縮小するには?

https://naku55.com/wordpress-plugin-autoptimize

私はこの3種類の高速化のプラグインをワードプレスに取り入れました。

コピペ一発高速化だけでも全然違います。

もっと早くしたいのであればレンタルサーバーの契約を高いプランにしていけば高速化していきます。なぜならサーバーの読み込み時間は高いプランの方が断然速いです。

次は便利なプラグインを紹介します。

あると便利なプラグイン

お問い合わせプラグイン【Contact Form 7】

参考までに:お問い合わせプラグインはこれで決まり

https://naku55.com/simplicity-inquiry-plugin-contact-form

こちらはお問い合わせの機能をワードプレスに追加することができます。

無料画像プラグイン【Pixabay】

参考までに:無料の画像サイトに登録しよう

https://naku55.com/wordpress-plugin-pixabay

こちらは無料で画像が取得できます。画像の種類も豊富です。

リンクチェックプラグイン【Broken Link Checker】

参考までに:リンク切れの心配をなくそう

https://naku55.com/wordpress-plugin-broken-link-checker

リンク切れを知らせてくれます。リンク切れを一個一個調べるよりも自動検出で楽になります。

アクセス調べる・ランキングプラグイン【WordPress Popular Posts】

参考までに:これでアクセスわかっちゃう

https://naku55.com/wordpress-popular-posts

こちらはランキングプラグインですが、アクセスやビューがわかります。アナリティクスと見比べながら、一緒に使えば便利です。

目次を自動で作るプラグイン【Table of Contents Plus 】

参考までに:目次プラグインをいれてみよう

https://naku55.com/wordpress-table-of-contents-plus

こちらは自動で目次を表示させれるプラグインです。目次を閉じとくこともできます。

次はSimplicity2でのウェブマスターツール・アナリティクスの登録をしていきます。

Simplicity2でウェブマスターツール・アナリティクスを登録しよう

参考までに:ウェブマスターツール・アナリティクス設定方法

https://naku55.com/simplicity-analytics-webmasters

こちらはSimplicity2なので簡単にコードをいれるだけで設定できます。他のテーマはプラグインを使わないといけないです。

最後に

私がワードプレスをインストールしてから行った設定はこのくらいです。

私自身、一か月くらいかけて行っていった設定です。

初心者の方は一気にやらずに一日一個を、コツコツやっていけばあっと言うまに終わります。

あくまでも私の行った設定ですので、参考までにしてください。

長い記事の中最後までみていただきありがとうございました。

最新情報をチェックしよう!