これから初めてWordPress(ワードプレス)でブログを始めようと思った時に、サーバー・ドメインの手続きなどわからないことだらけで困っているというお悩みをお持ちの方も多いのではないでしょうか。
今回は、WordPressでブログやアフィリエイトを始めたい初心者を対象にWordPressの始め方をご紹介していきます。
調べたらいろいろ出てきて、進まなくなりました・・・
■本記事で解説する範囲
今回は「エックスサーバー
」を例に、WordPressの始め方をご紹介していきます。
もくじ
- 1 はじめに WordPressを使ったブログ・アフィリエイトの始め方
- 2 (1)レンタルサーバーを契約する
- 3 (2)独自ドメインを取得する
- 4 (3)独自ドメインとサーバーの連携をする
- 5 (4)WordPressをインストールする
- 6 (5)WordPressで常時SSLを設定する
- 7 (6)WordPressでデザインテンプレート「テーマ」を設定する
- 8 (7)WordPressの投稿機能でブログを書く
- 9 (8)ASPに登録してアフィリエイトを行う
- 10 (9)WordPressの初期設定と使い方を覚える
- 11 補足 ブログの書き方・アフィリエイトの勉強をしよう
- 12 まとめ 実戦でブログを書いて覚えていきましょう
はじめに WordPressを使ったブログ・アフィリエイトの始め方
WordPressの始め方概要手順
はじめに、WordPressブログの作り方の概念と大まかな手順について説明してきます。
WordPressでブログを開設するためには「ドメイン」と「サーバー」を契約したのちに「WordPress」をインストールしてから、ブログを作っていく形になります。
サーバーとは、インターネット上の建物・部屋に相当し、ドメインはインターネット上の住所に相当します。建物・部屋の中に導入する中身がWordPressです。
- サーバー：インターネット上の建物・部屋のようなもの
- ドメイン：インターネット上の住所のようなもの
- 中身(WordPressブログ)：建物・部屋の中にあるコンテンツ・サービスのようなもの
ですので、手順としては、「レンタルサーバー」および「独自ドメイン」を契約し、WordPressをインストールしてから、ブログを作っていくという手順になります。
WordPressでのブログ作成手順
- レンタルサーバー会社からサーバーを借りる
- ドメインサービス会社からドメインを取得する
- サーバーに中身(WordPress)を構築する
合わせて読みたい記事
サーバー・ドメイン・ホームページ(ブログ)などのより具体的な説明については「【2020年ホームページの作り方総まとめ】ホームページ自作方法を解説」を合わせてご参考ください。
より具体的には、今回は下記のステップでWordPressを使ったブログ・アフィリエイトを始め方をご紹介していきます。
- レンタルサーバーを契約する
- 独自ドメインを取得する
- サーバーとドメインを連携する
- WordPressをインストールする
- WordPressで常時SSLを設定する
- WordPressの「テーマ」を設定する
- WordPressの投稿機能でブログを書く
- ASP・Adsenseに登録してアフィリエイトリンクを作成する
- WordPressの初期設定と使い方を覚える
関連記事
なお、WordPressでホームページを作る場合も基本的には同じです。上記ステップのうち7番目以降がホームページのコンテンツを作るという手順になるだけです。
下記に、レンタルサーバーロリポップを使ったWordPressホームページの作り方をご紹介しています。ブログではなくホームページ型のサイトを作りたい方は合わせてご参考ください。
WordPressの特徴とメリット・デメリット
WordPressを始めようかという方でまだメリットやデメリットなどを把握されていない方も多いのではないでしょうか。
ここでは補足として、「WordPressは全く初めてだよ」という方向けに、WordPressの特徴とメリット・デメリットについても説明したいと思います。
WordPressの主な特徴としては、「世界・日本で圧倒的なシェア(普及)があること」「オープンソースで無料で誰でも利用できること(商用利用も可能)」、「数千・万単位のデザインのテンプレート(テーマ)とプラグインがあること」の3点があります。
WordPressの3つの特徴
- 世界・日本でシェアNo1のCMS(ソフトウェア)
- 豊富なデザインテーマやプラグインが用意されている
- オープンソースで誰でも無料で利用できる
WordPressはCMS(≒Webサイトを作るソフトウェアの総称)のうち世界で60%ほどのシェアを占めています。CMS以外も含めた全Webサイトのうち30%以上のシェアを占めています。
2020年1月時点CMSのシェアランキング
https://w3techs.com/technologies/overview/content_management/allより引用
ただし、自由度が多い分、バージョンアップや不具合対応なども自分で実施しないといけないことをあらかじめ理解しておきましょう。
WordPressを利用する場合と営利企業が運営しているホームページ・ブログ作成サービスとの大きな違いとして、以下のような点があります。
| タイプ | メリット | デメリット |
|---|---|---|
| WordPress | ◎ 自由度が大きく色々なカスタマイズや機能拡張ができる |
× サポートしてくれる問い合わせ先がない(不具合やわからないことは自分で調べて解決する必要がある) × バージョンアップやセキュリティ対策を自分でやる必要がある |
| Jimdo,Wixをはじめとした営利企業が運営しているホームページ・ブログサービス |
◎ 問い合わせ先となるヘルプデスクがある(サポート条件は運営元やプランによるので要確認) ◎ バージョンアップや基本的なセキュリティ対策は運営会社がある程度行なっている |
×機能制限があり、WordPressほど自由度が大きくない |
関連記事
●【WordPressとは】ワードプレスの概要と特徴を徹底解説
●【圧倒的なWordPressシェア】世界と日本国内で有名なCMSシェア比較
●【初心者向け】目的別WordPressの勉強におすすめの本6選
始める前に。勘違いしやすいWordPress.orgとWordPress.com
WordPressを始めようと思ってネットでWordPressで検索すると、wordpress.orgというサイトと、wordpress.comというサイトがヒットします。今回、ご紹介するのは、WordPress.comではありませんのでご注意ください。
WordPress.comは、WordPressを利用してアメブロやFC2、シーサーブログ、はてなブログなどのブログサービスを展開している営利組織です。
基本的に我々がWordPressと呼んでいる方のWordPressはWordPress.orgの配布しているパッケージソフトウェアを指しており、多くのレンタルサーバーではこのパッケージソフトウェアが簡単インストール機能などに組み込まれて利用する形になっています。
| 項目 | WordPress.org | WordPress.com |
|---|---|---|
| 意味 | WordPressというソフトウェアは配布している組織・サイト。通常WordPressといえばこちらを指します | WordPressというソフトウェアを基盤にしたブログサービス |
WordPress.comのサービスを利用しても、独自ドメインでWordPressを利用することができますが、通常レンタルサーバーでWordPressをインストールするのと違って、プラグインやテーマの制限があります。
自由にカスタマイズ・拡張できるのがWordPressのメリットですが、WordPress.com上のWordPressを利用するとそのメリットが半減してしまいますので、WordPress.comを利用してのサイト運営は、あまりおすすめしません。
そもそもWordPressと無料ブログのどちらにするか迷われている方は、「【どっちがおすすめ？】WordPressと無料ブログを徹底比較」にそれぞれのメリット・デメリットを比較しましたのであわせてご参照ください。
(1)レンタルサーバーを契約する
まず最初に、レンタルサーバー会社でサーバーを契約します。レンタルサーバーとはインターネット上の建物に相当します。
当サイトでは、「エックスサーバー」を利用しています。大量アクセスに強い有名なレンタルサーバーで、本格的にブログ・アフィリエイトをスタートする場合におすすめです。
(関連記事)おすすめのレンタルサーバー
エックスサーバーの他には、ConoHa、mixhost、ロリポップ、さくらインターネットなどもおすすめです。
【おすすめレンタルサーバー比較5社総まとめ WordPress対応】では、当サイト独自の視点で目的用途別おすすめレンタルサーバーを記載していますので、気になる方はあわせてご参考ください。
まずはエックスサーバー
にアクセスしてアカウントを作成しましょう。エックスサーバーは下記より開設することができます。
エックスサーバーのページにて、サーバー無料お試し「お申し込みはこちら」をクリックします。
エックスサーバーのお申し込みフォームから新規お申し込みを選択します。
下記の画面が表示されます。ここではクイックスタートのチェックは外して進みます。※チェックを外すとお試し10日期間が利用できます。
エックスサーバーでは、2020年4月7日より、クイックスタート機能がリリースされました。
WordPressクイックスタートにチェックを入れると、サーバー契約・独自ドメイン取得と設定・WordPressインストール・SSL化(本手順の5-2まで)まで一気にできます。
しかし、お試し期間がないこととクレジットカード対応のみのことから今回は従来のやり方で説明していきます。
「早く・楽にやりたい」と方でクイックスタードで始める方は「【爆速開設】エックスサーバークイックスタートでWordPressインストール」をご参照ください。手順(5)までの説明をしていますので、その後「(6)WordPressでデザインテンプレート「テーマ」を設定する」に進んでください。
お申し込み情報を入力して、お申し込み内容の確認へ進んでください。
前述の手順で入力したメールアドレス宛に確認コードが届きますので、コードを入力して進みます。
内容を確認して申し込みします。
下記のお申し込み完了画面が届けば、お申し込み入力完了です。閉じるボタンを押下しましょう。
エックスサーバーアカウント管理画面が表示されます。
サーバーアカウント開設完了のメール
入力が完了すると、サーバーアカウント開設完了のメールが届きます。メールには、エックスサーバー にログインするためのIDやパスワードが記載されているので大切に保管しましょう。
エックスサーバーでは、契約系の設定を管理するXserverアカウントパネル(旧インフォパネル)と、サーバー系の設定を管理するサーバーパネルの大きく２つのログイン画面・管理画面があります(そのほかにもファイルマネージャーやWebメール用の管理画面もあります。)
■Xserverアカウントログイン画面。アカウント情報・契約支払い関係・ドメインの新規取得などを行うための管理システム
■サーバーパネル画面。メールアカウントの作成・ドメイン設定の追加などサーバに関する設定を行うための管理システム。
Xserverアカウントにログイン情報とサーバーパネルにログイン情報は異なるので混同しないよう注意しましょう。
つぎに、今はまだ仮登録状態なので、そのまま支払い処理を済ませましょう。支払処理を忘れてしまうと、せっかく作ったホームページ・ブログが10日間で消えてしまうので注意してください。
「料金のお支払い/請求書の発行」を選択します。
契約したサーバーに対して、チェックを入れて更新期間を選択して「お支払い方法を選択する」ボタンを押下します。
支払い方法を選択します。ここでは例としてクレジットカードを選択します。
クレジット情報を入力して、「カードでのお支払い(確定)」ボタンを押下します。
以上で、サーバーの契約は完了です。次に独自ドメインの取得手続きを行っていきます。
(2)独自ドメインを取得する
次に、インターネット上の住所に当たる独自ドメインを取得する手続きを実施していきます。
(※)レンタルサーバーを契約した直後は、初期ドメインというレンタルサーバーのサブドメイン(xxxx.xsrv.jp)が利用できる状態です。このサブドメインは実際のビジネス・ブログには不向きです。そこで通常は、自分専用のドメイン(独自ドメイン)を利用するのが一般的です。
レンタルサーバー会社がエックスサーバーであれば、そのままエックスサーバーで独自ドメインを契約することができます。タイミングによっては特典から無料ドメインが申し込めるので確認しましょう。
ドメイン永久無料の申し込みボタンをクリックします(ない場合は一旦無視してください)
個人情報の同意について閲覧して同意ボタンをクリックします。
好きなドメイン名を入力して検索・申し込みを行いましょう。
上記で特典がない場合は、エックスサーバーの管理画面(アカウントパネル)にて、「サービスお申し込み」を選択して、ドメインを新規申し込みしましょう。
エックスドメインで「新規申し込み」を選択します。
内容を確認して、「同意する」ボタンをクリックします。
取得したいドメイン名を入力して、ドメイン名をチェックを選択します。
取得したいドメイン名にチェックを入れて、「お申し込み内容の確認・料金のお支払い」を選択します。
以上で独自ドメインの取得は完了です。
(3)独自ドメインとサーバーの連携をする
次に取得した独自ドメインをレンタルサーバーで使う設定をしていきます。XServerアカウントパネルにある、ご契約一覧からサーバー＞「サーバー管理」を選択します。
ServerPanel(サーバーパネル)に移動します。「ドメイン設定」を選択します。
「ドメイン設定追加」を選択します。
(無料独自SSL設定やXアクセラレータは初期のチェックが入ったままでOKです。)
ドメイン名を入力(.comや.netまで入れましょう)して、「確認画面へ進む」を選択します。
内容を確認して、「追加する」を選択します。
(この際、SSLの設定に失敗と表示されることがありますが、後述の手順で再度SSLの設定をすれば良いので気にしなくてOKです。)
エックスサーバーを契約すると、メールや電話でサポートデスクに問い合わせすることができます。アカウントパネルの左下に「サポートお問い合わせ」があります。
よくある質問などが書いてありますので、事前に確認後必要に応じて問い合わせしましょう。
問い合わせの際はできる範囲で具体的な状況と質問を書くと、明確な答えが返ってきます。問い合わせの際はできるだけ具体的な内容で質問しましょう。
(4)WordPressをインストールする
これでレンタルサーバーの契約とドメインの登録が完了してWebサイトを構築する準備が整いました。家に例えると今はマンションを契約直後の状態で家具も何もない状態です。
ここからはサーバー(建物)の中にWordPress(中身)をインストールしていきます。
(4-1)WordPressをレンタルサーバーにインストールする
エックスサーバーのサーバーパネルより、WordPress＞「WordPress簡単インストール」ボタンをクリックします。
WordPressインストールをクリックします。
対象のドメイン名であることを確認して、WordPressのインストール情報を入力して「確認画面へ進む」を選択します。
- ブログ名：サイトのタイトル(例. ホームページの作り方・WordPressの使い方ブログ)を入力
- ユーザー名：半角英数文字で任意の名前を入力します
（ユーザー名はWordPressにログインする際に利用します。) - パスワード：複雑なパスワードにしましょう
（パスワードもWordPressにログインする際に利用します。) - メールアドレス:任意の自分のメールアドレスを入力します（WordPressのパスワード忘れ時などに利用します)
- キャッシュ自動削除：基本的に「ONにする」でOKです。
- データベース:基本的に「自動でデータベースを生成する」でOKです。
内容を確認して「インストールする」をクリックします。
インストールが完了しました。ユーザー名・パスワードなどメモしたのち、管理画面URL(http://インストール先/wp-admin)をクリックしてWordPressのログイン画面を開きましょう。
(※)ドメイン取得〜本設定までを連続して実施した場合、まだサーバー側での設定が完了しておらず、下記のように「無効なURLです」と表示されます。
大体1時間〜2,3時間くらい経過すると反映されるようになるので、しばらく待ってから再度アクセスしてみましょう。
(4-1)WordPressにログインする
WordPressのインストールが完了したら、早速WordPressにログインしましょう。
WordPressにログインするためには、まずは自分がインストールしたWordPressのサイトの管理画面URLにアクセスする必要があります。初期状態ではWordpress管理画面のURLは下記になります。
http(s)://WordPressをインストールしたサイトのURL/wp-admin/
(例. https://web-study8.com/wp-admin/)
ここで、よくある間違いとして、URL入力時にGoogle検索の候補を選んだり、検索エンジンでURLを検索してしまう人いますが、この方法ではログイン画面にいけないのでご注意ください。
上記の管理画面URLにアクセスすると下記のログイン画面が表示されます。
WordPressをインストールした際に入力したユーザーID(またはメールアドレス)とパスワードを入力するとログインすることができます。
下記のような管理者画面が表示されればOKです。ここで、ワードプレスの操作を行なっていきます。
(4-3)WordPressの管理画面と覚えておきたい重要な使い方
ブログを書く前に、WordPressのダッシュボードの基本的な見方について説明していきます。
ダッシュボードとは、WordPressの管理画面のことです。元々は自動車の「計器盤」のことを指していたようで、情報をまとめて表示するツールという意味です。
下記は、WordPressのダッシュボード(初期設定状態)です。大きく、「上部メニューバー」「左メニューバー」「真ん中の設定画面」の３つのレイアウトに分かれています。
左管理メニューバーでは、投稿や固定ページ、外観、プラグインなどWordPressの重要な管理操作を行うことができます。
まずは管理画面とトップページの切り替え方法を覚えておきましょう。
左上のサイトのタイトル名＞サイトの表示をクリックするとトップページに移動します。同様に、サイトのタイトル名＞ダッシュボードをクリックすると管理画面（ダッシュボード)に移動します。
つぎに、WordPress管理画面の主な名前と意味について覚えておきましょう。
WordPress 管理画面 (ダッシュボード)
| 項目 | 内容 |
|---|---|
| 投稿 | ブログは投稿で作成します。時系列で最新情報が一番上に表示されていきます。お知らせ情報やブログなど投稿機能を利用するのが一般的です。 |
| 固定ページ | 固定ページは会社情報やお問い合わせなどの単体ページで決まった箇所に表示しておきたいページで利用します。ページ作成の機能自体は投稿とほぼ同じですが、投稿と違って一覧のなかには表示されません。 |
| 外観 |
その名の通り、外観ではサイトの外観(デザイン)系の設定を行います。テンプレートやメニューバーなどもここで設定できます。
|
| プラグイン | スマートフォンでいうアプリの追加機能です。お問い合わせ機能やサイトマップなどWordPress自体が持っていない機能をプラグインという形で追加することができます。 |
| 設定 | サイト名・キャッチフレーズやURLの構造設定、トップページの表示設定などの各設定ができます。 |
次章以降では、ブログに絞ったWordPressのはじめ方を説明していますが、WordPressの使い方の全体像をもっと覚えたい方は「【2020年版WordPress(ワードプレス)の使い方総まとめ】」を合わせてご参照ください。
(5)WordPressで常時SSLを設定する
さて、ここでは初心者にとって少し難しい言葉が出てきますが、最初のうちに設定するべき項目として常時SSLの設定があります。
SSLを設定するとURLが「https」からはじまるようになり、通信データが暗号化されてアドレスバーに鍵マークが表示されて安心感があります。
通信をSSL化(HTTPS)をすることで、通信データを保護し、クレジットカードのような他人に知られると悪用される重要な情報を守ります。
WordPressで常時SSLを実装する手順としては大きく下記の3つになります。
- 「エックスサーバー」でSSLの設定を行う
- 「WordPress」でSSLの設定を行う
- 「.htaccess」で常時SSLの設定を行う
(5-1)「エックスサーバー」でSSLの設定を行う
まずは「エックスサーバー」でSSLの設定を行っていきます。エックスサーバーの「アカウントパネル」のご契約一覧の欄から、「サーバー管理」をクリックします。
サーバーパネルの画面が表示されます。
「SSL設定」をクリックします。
ドメインが複数ある場合はドメイン選択が表示されます。SSL化対象のドメインを選択します。
補足)すでにSSL設定済みの方は
「前述の手順(3)独自ドメインとサーバーの連携をする」でSSLがうまく設定できた場合は、最初からSSL化されています。
最初からエックスサーバーでSSL追加がされている場合は、本手順(5-1)は読み飛ばし、(5-2)「WordPressでSSLの設定をする」からスタートしましょう。
「独自SSL設定追加」タブをクリックします。
「SSLを追加する」をクリックします。
2,3分程度「取得中」と表示されるのでしばらく待ちます。
取得中の表示が消えたら「戻る」をクリックします。
SSL設定が「反映待ち」と表示されている間はしばらく待ちます。最大60分程度かかります。
何回か更新して反映待ち表示が消えたことを確認してOKです。
これでエックスサーバーでSSLの追加設定は完了です。次にWordPressの設定を行なっていきます。
(5-2)WordPressでSSLの設定を行う
次に、WordPressでもSSLの設定を行います。ダッシュボードから「設定」を選択し「一般」をクリックします。
「WordPressアドレス（URL）」、「サイトアドレス（URL）」を「http://～」から「https://～」に変え、「変更を保存」をクリックします。
(※)本操作で誤った内容を入力・保存すると、WordPressにアクセスできなくなる場合があるため、慎重に行いましょう。
変更を保存します。
一旦ログアウトされるので、再度ログインしましょう。
管理画面のアドレスがhttpsになっていることが確認できたらOKです。
(5-3)「.htaccess」ファイルに常時SSLの設定を行う
最後に、常時SSLの設定を行なっていきます。ここまでの設定だけでは、まだ「http」と「https」のURL両方にアクセスすることができる状態です。
そこで「http」でリクエストされた通信も「https」として通信させる設定を行っていきます(常にSSL通信になるので常時SSLといいます)。設定を行うには、サーバー上にある「.htaccess」という重要なファイルを編集する必要があります。
「.htaccess」ファイルを開き、その先頭に「http」へアクセスした場合、「https」に転送するコードを書き加える必要があります。
「.htaccess」ファイルとは、Apache(Webサーバーのソフトウェア) を使ったサーバーの挙動を制御するための設定ファイルです。
リダイレクト（サイトを訪れたユーザーに別のURLを転送するためのしくみ）、アクセス制限、ユーザー認証、404エラーページ（ユーザーがアクセスしたWebサイトが、存在しない場合に、表示されるページ）の作成などの設定を行います。
ここでは、エックスサーバーのサーバー管理パネルの.htaccess編集機能から、.htaccessを編集する方法を紹介します。
再度、エックスサーバーのサーバーパネルを開いてください。「.htaccess編集」をクリックします。
複数のドメインをがある場合はドメインの選択画面が表示されます。SSL化対象のドメインを選択しましょう。
「.htaccess編集」をクリックします。
.htaccessファイルの内容が表示されます。記載内容はご利用の環境によって異なる場合がありますが、元々ある記述は消さないでください。
誤った入力をすると、「.htaccess」ファイルが機能せず、最悪の場合、Webサイトが表示されない可能性もありますので、コードを変更したり、書き加える前に.htaccessに元々記載されている内容をコピーしてメモ帳などに控えておくと安全です。
.htacessに書き加えるコードは、以下のとおりです。コピーしてください。
|
1 2 3 |
RewriteEngine On RewriteCond %{HTTPS} !on RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L] |
コピーしたコードを一番上の行に貼り付けます(貼り付けるコードと元々合った記述で改行しても構いませんが、元々あった記述は1文字も消さないようにしてください)。「確認する」をクリックします。
「実行する」をクリックします。
|
1 2 3 |
RewriteEngine On RewriteCond %{HTTPS} !on RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L] |
- 「RewriteEngine」とは、「有効(ON)・無効(OFF)の設定」で、「有効(ON)」にします。
- 「RewriteCond」とは、「条件を設定する」という意味です。
- 「 %{HTTPS} !on 」とは「httpsがonでない場合（SSLではない場合）」という意味です。
- 「RewriteRule 」とは、「ルールを設定する」という意味です。
- [ R = 301 , L ]の「R = 301」は「永続的に転送する」という意味であり、「L」は「ルールを終了する」という意味です。
以上のコードで「http」でアクセスがあった場合、「https」へ転送しますというルールを設定しています。
最後に「http://自分のドメイン名」でアクセスしてみましょう。httpsにリダイレクトされて入れば完了です。
(6)WordPressでデザインテンプレート「テーマ」を設定する
つぎに、WordPressでデザインテンプレートとなる「テーマ」を設定していきましょう。
人に例えると、「服」のようなイメージになります。テーマ(服)を変更することで、見た目や外観の変更・関連機能を変更することができます。
WordPressでは、無料・有料含めて様々なテーマがリリースされています。利用者は多数あるテーマの中から自分に合うデザイン・機能のテーマを利用することができます。
WordPress テーマ 追加画面
合わせて読みたい記事
当ブログでは、「AFFINGER5」を利用しています。このほかにもおすすめのブログアフィリエイト向けのテーマを「【2020年度】WordPressブログアフィリエイトにおすすめのテーマ5選」にご紹介していますので合わせてご参照下さい。
ここでは、無料のブログ用テーマとして有名な日本語版テーマ「Cocoon(コクーン)」を例に、インストール手順をご紹介します。
まずは下記のCocoon公式サイトにアクセスします。
Cocoon | WordPress無料テーマ
トップページに移動したらダウンロードボタンを押下します。
利用規約を確認して、Cocoon親テーマをダウンロードしましょう。
通常、パソコンのダウンロードフォルダにcocoon-master-xxxxx.zipがダウンロードされます。
次に、WordPressでzipファイルをアップロードします。WordPressの外観＞テーマから新規追加ボタンを押下します。
テーマのアップロードボタンを押下します。
WordPress テーマのアップロード
ファイルを選択ボタンを押下します。
WordPress テーマのアップロード
先ほどの手順でダウンロードしたzipファイルを選択します。
今すぐインストールボタンを押下します。
インストール完了後回画面に遷移しますので、有効化ボタンを押下します。
テーマ「cocoon」が有効化されていることを確認するためにトップページを表示します。
テーマ「cocoon」用の外観になっていることを確認して完了です。再度、左上のサイトタイトルをクリックして管理画面に戻李ましょう。
ここでは、Cocoonの詳しい使い方は割愛しますが、Cocoonの主要な設定は管理画面のCocoon設定＞Cocoon設定から設定することができます。
Cocoon設定。テーマ利用マニュアルから公式サイトで使い方を確認できます。
(7)WordPressの投稿機能でブログを書く
テーマの設定が終わったら、WordPressのブログ機能である「投稿」の使い方を覚えていきましょう。
投稿はブログとして利用できる機能です。
WordPressの初期状態では、通常トップページで最新の投稿一覧が表示されます。
投稿一覧ページでは書いたブログが時系列順で一覧で表示されます
投稿エディターの基本的な見方
投稿エディター(ブロックエディターと言います)の具体的な見方を説明していきます。
投稿を新規追加する
投稿を新規追加するには、投稿＞投稿一覧をクリックします(投稿＞新規追加でもOK)。
投稿一覧画面が表示されます。「新規追加」ボタンを押下します。
はじめてブロックエディターの画面を開いた時には、ガイドが表示されます。今回ば「×」を押していったん閉じます。
下記のような編集画面が初期状態で表示されます。大きく、メインのエディターエリアと上部ツールバー、右のツールバーがあります。
(※)上記はWordPress5.5の画面です。バージョンによって若干の差異があるのでその場合はご自身のご利用の画面に合わせて読み替えてください。
まずはタイトルと文章を書いたのち公開をして表示を確認してみましょう。
それでは、投稿で利用するエディター(ブロックエディターと言います)の基本的な使い方について詳しく説明していきます。
ブロックエディターの基本的な使い方
WordPressの投稿エディター(ブロックエディター)では、下記のようにブロックという単位で見出しや文章、画像などを追加していきます。
具体的にいうと、エディター内の＋ボタンを押下することでブロックの追加ができます。※ご利用のバージョンによって若干画面が違う場合があります。
まず最初に覚えたいブロックは下記の5つです。下記の5つを覚えればまずは簡単なブログ記事やレイアウト作成ができます。
- 段落ブロック・・・通常の文章を記述したい時に利用するブロック
- 見出しブロック・・・見出しを記述したい時に利用するブロック
- 画像ブロック・・・画像を挿入したい時に利用するブロック
- リストブロック・・・箇条書きを記述したい時に利用するブロック
- カラム・・・2列や3列などの横並びをしたい時に利用するブロック
- カスタムHTML・・・HTMLで記述できるブロック
段落ブロックを挿入する
まずは段落ブロックを挿入してみましょう。段落ブロックは通常エディター末尾でエンターボタンを押下することで追加されます。あるいは＋ボタンから「段落」を選択して挿入することができます。
■段落ブロックの追加
また、段落で文章を書いている途中でShift+Enterボタンを押下すると、同じ段落のまま改行されます(行間が大きく開きません)。※Enterボタンを押すと新しい段落ブロックとして改行されます(行間が大きくあきます)。
■Shift+Enterによる改行と、Enterによる改行の違い
見出しブロックを挿入する
次に見出しを挿入してみましょう。+ボタンを押して、「見出し」を選択します。文末の＋から末尾に追加することもできますし、ブロック間の間にカーソルを合わせて表示される＋からブロックを間に挿入することもできます。
なお、ブロックを選択すると、下記のようにブロックのすぐ上にツールバーが表示されます。見出しの場合は、見出しレベル(※)の変更やテキスト揃え、太字斜体などの設定ができます。また、右のメニューアイコンからブロック削除することもできます。
(※)見出しは本の章のようなものです。見出しは階層を持つことができます。h1が本のタイトルに相当して、H2は第1章・第2章、H3は第1-1章、第1-2章、H4は第1-1-1章、1-1-2章のような階層です。
また、見出しのブロックを選んだ状態で、右サイドバーから(表示されていない場合は、右上の設定アイコンを押して表示できます)、色やその他の設定ができます。
画像ブロックを挿入する
次に画像を挿入してみましょう。右下＋ボタンを押して「画像」を選択、自分の好きな画像を選択します。必要に応じて右ツールバーから画像ブロックの設定もできます。
リストブロックを挿入する
次に箇条書きを作るリストブロックです。リストのアイコンを選択すると、箇条書きを作ることができます。
なお、テーマやプラグインによっては、WordPress標準の設定以外に、各ブロックに対して設定できる項目が追加されている場合もあります。リスト以外のブロックでも同様にテーマによって追加の設定ができる場合があります。
(※)上記はLightning(VK ExUnit)を利用している例。いくつかのリストスタイルから設定を選択することができます。
2カラム(2列横並び)のレイアウトを作成する
デザイン＞カラムを選択すると、2列や3列などの横並びのブロックを挿入することができます。カラムは後から比率を変えたり列数を変えたたりすることもできます。
■表示例（PCでは横並びでスマホの場合は縦に並びます）
ブロックを選択しにくい時はブロックナビゲーションが便利
カラムブロックの中にブロックを入れたり、いくつもブロックを組み合わせていくと、対象のブロックをうまく選択できない場合があります。
その場合は、ブロックナビゲーションが便利です。
対象のブロック近くのブロックを選択してから、ブロックナビゲーションを選択すると、ブロックの階層構造を表示でき、選択したいブロックを選ぶことが便利です。また、左下に現在選択されているブロックがぱんくずリスト形式で表示されているのでそこから対象のブロックを選択することもできます。
■ブロックナビゲーションを活用して複雑なブロックからピンポイントで対象ブロックを選択する
カスタムHTMLを挿入する
カスタムHTMLを選択すると、任意のHTMLをページ内に挿入することができます。
下記は、GoogleMapの埋め込みコードをページ内に挿入する例です。
(関連記事)【WordPress】GoogleMap(グーグル マップ)を埋め込む方法
下書き保存・公開をする
ある程度ページを作成したら、保存しましょう。下書き保存を選択すると、下書き(公開していない)でページを保存することができます。
公開をする
ページを公開しても良い場合は、「公開」ボタンを押下して保存しましょう。ページが公開されて一般の人も閲覧できるようになります。
下書きに戻す
一度ページを公開してから再度下書きに戻したい場合は「下書きに戻す」ボタンを押下します。
ブロックの挿入・移動・削除・グルーピング
既存のブロックの間に新たにブロックを挿入したり、既存のブロックを移動したり、削除することもできます。また、複数ブロックをグルーピングすることもできます。
既存のブロックの間に挿入する
すでに作成したブロックとブロック境目にカーソルを合わせると、既存のブロックの間に新しいブロックを挿入することができます。
既存のブロックを移動する
既存のブロックの左側の矢印を選択すると、ブロックの順番を変更することができます。
SHIFTボタンを押しながら複数のブロックを選択した状態で矢印を選択すると、複数ブロックまとめて順番を変更することもできます。
また、↑↓アイコンをクリックしたままドラッグ＆ドロップでブロックを任意の場所に移動することもできます。
既存のブロックを削除する
既存のブロックを削除したい場合は、既存のブロックを選択して、詳細設定アイコンを選択してブロックを削除をすることができます。
複数ブロックをグルーピングする
SHIFTキーを押しながら複数ブロックを選択してグルーピングすることもできます。グルーピングしておくことで、移動や編集がしやすくなります。
その他の様々なブロック
利用できるブロックはこのほかにもたくさんあります。初期状態で、ブロックエディターでは、下記のブロック種類が用意されています。
ここでは割愛しますが、ブロックエディターの詳しい使い方は 「WordPress Gutenberg(ブロックエディター)の使い方を徹底解説」に記載していますので、ぜひご参照ください。
補足 2018年以前の旧エディター「クラシックエディター」
今回ご紹介しているエディターはWordPress5系から標準となった「ブロックエディター(グーテンベルクエディター)」と言われるエディターで説明しています。
WordPress4系までは長らくクラシックエディターというWord(ワード)に似たエディターが標準エディターとなっていました。
今からWordPressを始めたばかりの方なら本記事の記載のブロックエディターを利用すると良いでしょう。
しかし、何らかの事情で古いバージョンのWordPressを触る場合や、ご利用のテーマが従来のクラシックディターを推奨している場合にはClassic Editorプラグインを利用してクラシックエディターを利用することができます。
Classic Editorプラグインの導入方法は「【Classic Editor】WordPress5系でグーテンベルクから従来エディターに戻す方法」をご参照ください。クラシックエディターと新エディターを併用することもできます。
あわせてクラシックエディターでの投稿の使い方については【クラシックエディター版】WordPress投稿の書き方・使い方を解説をご参照ください。
(8)ASPに登録してアフィリエイトを行う
アフィリエイトをしたい人は、ブログが書けるようになったらASPに登録しましょう。
ASPとは、Affiliate Service Provider(アフィリエイトサービスプロバイダー)の略です。広告主(企業)とブロガー(個人)の仲介を行い、トラブルが起きないように契約の管理や金銭の管理・取りまとめを行う事業者のことを指します。
関連記事
アフィリエイトの仕組みやメリットデメリットについて改めて確認したい方は「【アフィリエイトとは】初心者向けにアフィリエイトの仕組みや特徴をやさしく解説」を合わせてご覧いただけますと幸いです。
ASP事業者は、他にもたくさんありますが、初心者にオススメなのは審査なしですぐ登録できる「A8.net
」です。国内最大手でたくさんの広告プログラムが揃っています。
A8.netに登録するとアフィリエイトプログラムの提携ができるようになります。自分のブログのジャンルに近いアフィリエイトプログラムと提携すると、広告素材を選べるようになります。
好きなバナーまたはテキストの広告リンクのコードをコピーします。
WordPressの投稿の編集画面で、アフィリエイトリンクを挿入したい箇所でブロック追加の＋を選択します。
ウィジェット＞カスタムHTMLを選択します。
アフィリエイトコードを貼り付けます。
プレビューを見てアフィリエイトリンクが表示されていればOKです。
従来のClassic Editorを利用している場合は、投稿画面で「テキスト」を選択して、コピーした広告リンクを貼り付けます。
以上で、WordPressでブログ・アフィリエイトを始める準備は完了です。
そのほかにもValue Commerce(バリューコマース)や、afb（アフィb）
、もしもアフィリエイト、アクセストレード、レントラックスなどなどいくつものASP事業がありますので、また調べてみてください。
(9)WordPressの初期設定と使い方を覚える
WordPressのこれまでの操作に多少慣れてきたら、セキュリティ・バックアップ・SEO対策などの初期設定をしたり、WordPressの使い方をもっと覚えていきましょう。
本サイトでおすすめする初期設定は下記の通りです。
- (手順5で実施済み)常時SSLを設定する
- サイト名とキャッチフレーズの設定をする
- URL構造 パーマリンクを変更する
- ブログ表示名(ニックネーム)を設定する
- 日本語バグ修正パッチを導入する
- セキュリティ対策をする
- バックアップ設定をする
- SEO対策を行う
- お問い合わせフォームを作成する
関連記事)
SEO対策の設定などの初期設定系の内容は、初心者には少し意味のわからない設定も多いですので、まずはWordPressをしばらく触ってみて使い方に慣れてから初期設定を行うようにしましょう。
(9-1) サイト名とキャッチフレーズの設定をする
サイト名や初期状態のキャッチフレーズ「Just Another WordPress Site」は適切な内容に変更しておきましょう。
サイト名とキャッチフレーズの変更するには、設定＞一般設定を選択します。
一般設定が表示されます。ここで、サイトのタイトルとキャッチフレーズを変更することができます。
ここでは下記のように変更して保存します。
サイト名やキャッチフレーズは、主にサイト表示した際にヘッダー部分やフッター部分に表示されます。また、Googleなどで検索したサイトのタイトルにも利用されるため、SEO対策上も非常に重要な設定です。
キャッチフレーズは、サイトのタイトルほど重要ではありませんが、サイトに表示されたり、SEOのタイトルの一部に組み込まれたりします(キャッチフレーズがどのように利用されるかはテーマによって異なります。)。
(9-2) URL構造 パーマリンクを変更する
次にWordPressのパーマリンクも変更しておきましょう。
パーマリンク(Permanent Link)とは直訳すると「恒久的なリンク」です。WordPressでは、固定ページ、投稿やカテゴリーなどの各ページのURLのことを指します。
パーマリンクの設定は後から実施することも可能ですが、最初に設定すべき項目です。なぜなら、後から変更すると、外部リンクからの以前のURLにアクセスした時に404エラーが起きたり、SEOに悪影響を及ぼす可能性があるからです。
それでは、具体的なパーマリンクの設定方法について説明していきます。ダッシュボード（管理画面）にて、設定＞パーマリンク設定を選択します。
設定＞パーマリンク設定
パーマリンクの共通設定画面が表示されます。ここでは、パーマリンクの共通設定を「投稿名」にして保存します。
以上でパーマリンクの共通設定は完了です。
注意)パーマリンクを変更すると今までの投稿URLも変更されますすでに投稿で何件かブログを書いている場合は、すでに公開しているブログのURLも変更されますので注意しましょう。
(9-3) ブログ表示名(ニックネーム)を設定する
ご利用のテーマによっては、ブログの投稿画面で、ユーザーIDがそのまま表示される場合があります。
管理者の設定で表示名は変更することができますので、表示名を変更してあげましょう。管理画面から、ユーザー＞あなたのプロフィールを選択します。
自分のユーザーアカウント情報が表示されますので、ニックネームというところを変更します。ニックネーム変更後に、ブログ上の表示名をプルダウンでニックネームで設定した値を選択します。設定できたらユーザー更新ボタンを押して保存しましょう。
変更後、再度ブログを表示すると、前述の手順で設定したブログ表示名が表示されていることがわかります。
(9-4) WordPress日本語バグ修正パッチを導入する
次に、WordPress日本語バグ修正のプラグイン「WP Multibyte Patch」を導入しておきましょう。
WordPressはもともと英語圏で作らているため、日本語(マルチバイト)で不具合が起きやすい性質があります。Wp Multibyte Patchはこれを予防してくれます。最初に有効化しておきましょう。
プラグイン＞新規追加から「WP Multibyte Patch」を検索してインストールしてください。
(※)もし初期状態でインストールされている場合は「更新する」と表示されますので、更新してください。
初期状態でインストールされている場合は、プラグイン＞インストール済みプラグインから「WP Multibyte Patch」を有効化すればOKです。
そのまま有効化します。
以上で完了です。
(9-5) セキュリティ対策を行う
WordPressの初期状態は、セキュリティ的にあまり強いとは言えません。本サイトでは、有名なセキュリティ対策プラグイン「SiteGuard WP Plugin」を導入しています。
SiteGuard WP Pluginは、WordPressにインストールするだけで、セキュリティを向上させることができるシンプルなセキュリティ対策プラグインです。不正ログインの防止やWebページの改ざん、スパムなどを防ぐことができます。
SiteGuard WP Pluginの主な機能
- 不正ログインの防止
- 管理ページ（/wp-admin/）への不正アクセスの防止
- コメントスパムの防止
基本的にプラグインをインストールすれば有効化されるのでOKです。
具体的な導入方法や設定項目については「【セキュリティ対策】WordPress「SiteGuard WP Plugin」の使い方を徹底開設」をご参照ください。
(9-6) バックアップ対策を行う
WordPressを導入したら、万一トラブルが起きたときのために、バックアップの設定をしておきましょう。
WordPressを触っていると「間違って変なところを触って画面が真っ白になってしまった。。。」「WordPressをバージョンアップしたら画面がおかしくなってしまった。。。」という万一の事態が起こる可能性があります。
WordPressでは、「BackWPup」という無料のバックアッププラグインがあります。BackWPupを使うと簡単に自動バックアップを取ることができます。
具体的な操作方法については長くなるためここでは割愛します。「【backWPupの使い方】WordPressの定番バックアッププラグイン」の記事に導入手順を記載していますのであわせてご参照ください。
(9-7) SEO対策を行う
WordPressを導入した直後は、SEO対策・設定があまりなされていない状態です。
前述のBackWPupと同様に、WordPressではSEO対策プラグインがあります。ここでは、有名なSEO対策プラグイン「All in one SEO Pack」をご紹介します。
一部のSEOに強いテーマでは、All in one SEO Packの機能と重複するため、All in one SEO Packの導入を非推奨としているテーマもあります。
「ご利用のテーマ名」＋「All in one SEO Pack」と検索すると非推奨の場合は、その旨の情報がヒットします。特に有料テーマで不要な場合が多いので、念のためご確認しておくことをおすすめします。
■賢威の場合
All in One SEO Packには初心者〜上級者向きまで用途に応じて様々な設定ができますが、主に設定したおいた方が良い項目は下記の通りです。
- トップページのタイトル・説明文・noindex設定
- Google アナリティクスの登録
- Google サーチコンソールの登録
- サイトマップ機能の有効化とサイトマップ登録
- 投稿・固定ページのタイトルと説明文
- SNS機能の有効化
具体的な操作方法については長くなるため割愛します。「【徹底解説】WordPressのSEO対策「All in one SEO Pack」の設定と使い方」に詳細な導入手順を説明していますのであわせてご参照下さい。
(9-8) お問い合わせフォームを作成する
Contact Form 7というプラグインを利用すれば、WordPressに「お問い合わせフォーム」を作成することができます。
■Contact Form 7
■Contact Form 7で作った問い合わせフォーム
Contact Form 7では、WordPress管理者へのメール通知のほか、ユーザーへの自動返信を行う設定ができます。
メール通知と自動返信メールを設定する
ここでは詳細は割愛しますが、お問い合わせフォームの導入の仕方は「【WordPressでお問い合わせフォーム作成】Contact Form 7の使い方」をご参照ください。
(9-補) そのほかの便利なプラグインを利用する
そのほかにもWordPressには便利なプラグインがたくさんあります。
作成したいホームページ・ブログによって必要か必要でないか変わりますが、例えば下記のようなものがあります。
WordPressを便利に使うためのプラグインの例
- 目次を導入するプラグイン
- 人気記事ランキング表示をするプラグイン
- スライドショーを導入するプラグイン
- レイアウト・デザイン作成を支援するプラグイン
- 会員サイト機能を導入するプラグイン
などなど
たとえば、「Table of Contents Plus」を利用すると、記事内の見出しをもとに目次を自動で表示することができます。
おすすめプラグインについては「【2020年版】目的別WordPressのおすすめプラグインを徹底解説！」でまとめて解説していますので、あわせてご参考いただければ幸いです。
(9-補) WordPressの使い方をもっと覚えよう
WordPressには投稿機能のほか、固定ページやメニューバーを作る方法やスマートフォンのアプリのような機能「プラグイン」を利用する方法なたくさんの使い方があります。
- WordPressの管理画面にログインの仕方
- WordPressのテーマをインストール・設定する
- WordPressの投稿でブログを書く
- WordPressのユーザー名を変更する
- WordPressで固定ページを作成する
- WordPressでメニューバーを作成する
- WordPressで固定ページをトップページに設定する
- WordPressでウィジェットを使ってサイドバーを設定する
- WordPressのテーマカスタマイザーでテーマの設定をする
- WordPressでプラグインを導入する
- WordPressの投稿のコメント受付欄を消す
- WordPressのパーマリンク(URL構造)を設定する
長くなるのでここでは、割愛しますが、WordPressの使い方まで総まとめとして、「【WordPress使い方総まとめ】ワードプレスの使い方を徹底解説」に記載しています。
補足 ブログの書き方・アフィリエイトの勉強をしよう
最後に、ブログの書き方・アフィリエイトの勉強をするようにしましょう。ここまできて、WordPressの基本的な使い方や初期設定が一通りできたと思います。
しかし、WordPressの操作を覚えて、ブログが書ける状態になっても、ブログの書き方やSEO対策・アフィリエイトの勉強をしないまま、日記のようなブログを書いていたら申し込みや・アフィリエイトとしての結果は出ません。
WordPressでブログを書き始められる状態になったら、並行してライティングやSEO対策、アフィリエイトの基本などの勉強もしましょう。
(補足)ブログアフィリエイトを始めるのにおすすめの学習フロー
- WordPressの使い方を覚える→ブログが書ける状態になる(済み)
- アフィリエイトの基本を覚える→アフィリエイトで収益を得られる状態になる
- Webライティングを覚える→記事の検索順位を上げて売れる文章を書く技術を身につける
- SEO対策を覚える→SEOの知識を深めてサイト全体の検索順位を上げる
- (慣れてきたら必要に応じて覚える)→デザイン・HTML・CSSやアクセス解析・サイト高速化など
まずはブログの書き方を覚えておきましょう。ブログライティングに関しておすすめの記事を下記にご紹介します。ブログの書き方を勉強したい方は合わせてご参照ください。
上記のほか、アフィリエイトを勉強する上でお勧めの本を「【初心者でもできる】アフィリエイトの勉強におすすめの本10選」でご紹介しています。
また、ライティングをさらにしっかり勉強したい方向けに「【初心者向け】目的別ライティングの勉強におすすめの本9選」にお勧めの本をご紹介しています。ご興味ある方は合わせてご参考ください。
(補足)有料テーマを検討しよう
WordPressでは、無料で利用できるテーマと、有料で購入できるテーマがあります。無料テーマでも数千以上のテーマがリリースされており、公式登録されたテーマは、一定の品質基準もクリアしているため、品質の高いサイトを作ることができます。
特に今回ご紹介したCocoonは、無料テーマのなかでもブログに使える機能が揃ったかなり高機能なテーマなので、そのままでもあまり困ることはないと思います。
しかし一般的には、有料テーマの方がデザイン性が凝っていて、記事のレイアウトや装飾などの設定機能が圧倒的に豊富です。初心者でも記事の見せ方を工夫できるので、有料テーマもおすすめです。
- 無料テーマでも品質の高いサイト・ブログを作成することができる
- 一般的に有料テーマは事装飾機能やテーマのデザイン・SEO・広告設定機能が無料テーマよりもかなり充実している
- 有料テーマは購入特典でマニュアルやサポートを受けられるところが多い
(※)無料テーマでもプラグインやHTML・CSSをつかった装飾・カスタマイズをすれば、有料テーマ並みのデザイン・機能追加は可能です。ただし、初心者にとってその手間は大変であり記事執筆にも集中できないのでブログ目的の場合は、特化型のテーマがおすすめです。
当ブログでは、「AFFINGER5」を利用しています。このほかにもおすすめのブログアフィリエイト向けのテーマを「【2019年度】WordPressブログアフィリエイトにおすすめのテーマ5選」にご紹介していますので合わせてご参照下さい。
(補足)素材サイトを利用しよう
実際にホームページを作って行く際に、良い画像がなくて素材不足になることがよくあります。また、ネットで検索して出てきたものは著作権で保護されているものもたくさんあるので安易に使ってはいけません。
ネットには、自由に使えて商用利用可能な画像素材サイトもたくさんあります。「【おすすめ素材サイト総まとめ】ホームページで使えるフリー・有料素材25選」にホームページ作成に使えるおすすめ素材サイトを一挙紹介していきますので、是非ご参考ください。
まとめ 実戦でブログを書いて覚えていきましょう
まとめです。今回は、WordPressでブログ・アフィリエイトを始めたい初心者を対象にWordPressの始め方」をご紹介しました。
- レンタルサーバーを契約する
- 独自ドメインを取得する
- サーバーとドメインを連携する
- WordPressをインストールする
- WordPressで常時SSLを設定する
- WordPressの「テーマ」を設定する
- WordPressの投稿機能でブログを書く
- ASP・Adsenseに登録してアフィリエイトリンクを作成する
- WordPressの初期設定と使い方を覚える
WordPressの始める準備ができたらWordPressの使い方やおすすめ初期設定も覚えていきましょう。
今回は以上になります。最後までご覧いただきありがとうございました。
合わせて読みたい記事
●【WordPress(ワードプレス)の使い方総まとめ】
●【テーマ自作】WordPress オリジナルテーマの作り方と基本
●【初心者でもできる】アフィリエイトの勉強におすすめの本10選
●【初心者向け】目的別ライティングの勉強におすすめの本9選
弊社は、自分でホームページを作ることを推奨しています。「業者に任せたけど、更新ができない」「本で独学は時間がかかりすぎる・・」そんなお悩みの方も多いのではないでしょうか。
個別指導形式のスクールでは、自分の知りたいことをピンポイントで学習・達成でき、自分で更新もできるというメリットもあります。
無料事前相談もしておりますので、まずはお気軽にご登録ください。
