![](https://ottottoblog.site/wp-content/uploads/2023/10/3-3-150x150.png)
ブログに興味あるんだけれど、どうやって始めたらいいかわからないよ💦
![](https://ottottoblog.site/wp-content/uploads/2023/10/ottotto-icon2-150x150.jpg)
初めてだと何もわからないよね。この記事で、ブログサイトを作って記事を公開させるところまでを教えるよ!
![](https://ottottoblog.site/wp-content/uploads/2023/10/ahiru-img3-150x150.png)
ほんと!?これを機にブログ始めてみようかな、、、
どうも、ブログとプログラミングと株で生きていきたいおっとっとです!
「ブログは稼げるらしいよと聞いたので、ブログを始めてみたいけれど始め方がわからない。」こんな悩みをこの記事で解決します。
伝えることとして、自分のブログサイトを作って記事を公開させるところまでを紹介します。
この記事で紹介している手順通りに進めることで、今日からブログ活動を始められるので、ぜひ参考にしてください。
紹介する方法は以下になります。
レンタルサーバーとして「ConoHa WING」を使って、WordPressでブログを作成する
![ブログの作成方法](https://ottottoblog.site/wp-content/uploads/2022/11/1.png)
まずは、「ブログがどのように作られているか」「どの作り方が1番良いか」について説明します。
すぐにブログを始めたい方はこちらから、ConoHa WINGでWordPressを使ってブログを作成する手順を進めてください。
ブログの作成方法(作成方法は3つある)
![ブログの作成方法](https://ottottoblog.site/wp-content/uploads/2023/04/21-2.jpg)
初めにブログがどのように作られているかを説明します。
ちなみにブログは「Web Log」の略称で、Web上に記録を残したものです。
そして、Web上に記録を残すにはサーバー・ドメインが必要になります。
ブログを建物と例えると、建物を建てるための土地が「サーバー」、アクセスするのに使うのが住所である「ドメイン」です。
![ブログの構造](https://ottottoblog.site/wp-content/uploads/2023/05/blog-server-dmain.png)
他にもブログを書く際には、コンピュータが理解できる文字(コード)で書かなければいけません。
しかしそれだと、サーバー、ドメインを用意したりコードの書き方を学ぶ必要があり、ブログを作るのが難しくなります。
そこで以下のようなサービスが生まれ、ブログが簡単にできるようになりました。
- すべて用意してくれ文章を書くだけで良いサービス
- 専門的知識がなくてもブログを作れるサービス
「お金を稼ぐのが難しい」「お金がかかる」など、それぞれのサービスにメリット・デメリットが存在するので、目的に合った最適な方法を取りましょう。
現在ブログをする方法としては以下の3つです。
- 無料のブログサービスを使って作る
- コードを書いて作る
- CMSを使って作る
この記事で紹介するブログをする方法は、3番目の「CMSを使う」です。
CMS・・・「コンテンツ管理システム」の頭文字を取ったもので、専門知識がなくてもWebサイトを作成、運用できるツール。
理由はCMSのWordPressを使ってブログをする方法が、収益性、カスタマイズ性、自分のものになるなど総合的に1番良いから。
一応ブログをする方法として、3つがどんなモノであるかをそれぞれ説明します。
方法①:無料のブログサービスを使って作る
1つ目は「無料のブログサービスを使って作る」方法です。
サーバー、ドメイン代をサービスの運営会社が負担してくれるため、文章さえ書けばブログが作成できます。
無料ブログサービスの代表例は以下です。
無料のブログサービスはそのサービスの中にコンテンツを作成していくというもので、無料でブログができるというメリットがありますが、多くのデメリットも存在します。
- 収益化が制限される
- 作成したブログが自分のものにならない
- 自由にカスタマイズできない
無料ブログは「無料で使える」ということ以外はデメリットばかりなので、趣味でブログをやりたいという方以外はおすすめしません。
![](https://ottottoblog.site/wp-content/uploads/2023/10/ottotto-icon2-150x150.jpg)
無料で使えるには理由があるんだよ
無料ブログは用意されている建物の一部に店を出すイメージ
![無料のブログサービスの例え](https://ottottoblog.site/wp-content/uploads/2023/04/20.png)
土地も建物も所有者が他におり、「店で何を出すか」「いつ閉じるか」を所有者に決められてしまいます。
方法②:コードを書いて作る
![コードからブログの作成](https://ottottoblog.site/wp-content/uploads/2022/11/11.png)
2つ目は「コードを書いて作る」方法です。
ドメイン、サーバーを自己負担で用意し、コードを書いてWeb上に文章やデザインを表示させるというものです。
先ほども言いましたが、Webサイトは根本的にはコードで作られているため、以下のようにコードを書くことでもWebサイトが作れます。
See the Pen Untitled by 梶原耕平 (@ottottoblog) on CodePen.
コードを書いて作ることで自由自在にWebサイトの作成が可能になります。
しかし、作るのが圧倒的に難しいため、ブログをするならコードからの作成はおすすめしません。
![](https://ottottoblog.site/wp-content/uploads/2023/10/ahiru-img3-150x150.png)
ブログを始める前に挫折しちゃいそう。。。
コードを書いて作るは、土地を借りて自分で建物を建てるというイメージ
![コードからブログを作成する場合の例え](https://ottottoblog.site/wp-content/uploads/2022/11/server-lent.png)
建物を自由自在に作ることができますが、専門家でないと作るのが難しいです。
方法③:CMSを使う
3つ目は「CMSを使って作る」方法です。
CMSは、専門知識がなくてもWebサイトを作成したり運用できるツールのことでした。
サーバー、ドメインは自己負担で用意し、CMSを使って文章を書いたりボタンをぽちぽちしてブログを作成します。
そしてブログをするなら今回紹介する方法でもある、CMSの「WordPress」を使う方法が1番おすすめです。
WordPressは世界的に人気のあるツールで、なんとWebサイトの3分の1以上がWordPressを使って作られています。
WordPressの市場シェアは世界の全ウェブサイトの43%です。
出典:WordPressの市場シェア (2011-2022) – Kinsta
カスタマイズ性が高く、専門知識がなくてもデザインを変更したり機能を追加したりできます。
デメリットとしては、使うのが少し難しいというところです。
WordPressのメリット・デメリット
デメリットもありますが、メリットが圧倒的に大きいのでブログをするならWordPressを使う方法が1番おすすめです。
![](https://ottottoblog.site/wp-content/uploads/2023/10/ottotto-icon2-150x150.jpg)
WordPress自体は無料で使えるよ!
CMSを使って作るは、土地を借りて建物を建てるというイメージ
![CMSでブログ作成する場合の例え](https://ottottoblog.site/wp-content/uploads/2022/11/3-1.png)
「コードを書いて作る」とやっていることは同じですが、コードを書いて作った方が自由自在に建物(ブログ)を作れます。
![](https://ottottoblog.site/wp-content/uploads/2023/10/ottotto-icon2-150x150.jpg)
ただコードを書いて作る場合、作るのが難しいというデメリットがあるんだよね
サーバーを決める
![](https://ottottoblog.site/wp-content/uploads/2022/11/8.jpg)
ブログの作成方法は、収益性やカスタマイズ面など総合的に1番良い「WordPressを使って作る」方法に決まりました。
そこで次は、ブログを作るために必要なサーバーとドメインをどのように用意するかについて説明します。
方法としてはズバリ、「サーバーはレンタルしてドメインはサーバーをレンタルした会社から取得する」です。
この方法なら、速くて安定した回線とドメインを月1,000円ほどで利用できます。
そしてレンタルサーバーは以下の3つが有名でおすすめです。
私はConoHa WINGを実際に使っていて、速くて安定していると感じるため1番おすすめします。
あと、WINGパックを使うことで独自ドメイン2つを永久無料でもらえるのも良い点です。
それぞれのレンタルサーバーのおすすめプラン比較
サービス名 | ←1番おすすめ![]() | ConoHa WING ![]() | エックスサーバー![]() | ロリポップ
プラン | ベーシック | スタンダード | ハイスピード |
料金 | 1ヶ月プラン:1,430円/月 | ||
3ヶ月プラン:1,331円/月 | 3ヶ月プラン:1,320円/月 | 3ヶ月プラン:1,320円/月 | |
6ヶ月プラン:1,210円/月 | 6ヶ月プラン:1,210円/月 | 6ヶ月プラン:1,210円/月 | |
12ヶ月プラン:941円/月 | 12ヶ月プラン:1,100円/月 | 12ヶ月プラン:990円/月 | |
24ヶ月プラン:889円/月 | 24ヶ月プラン:1,045円/月 | 24ヶ月プラン:935円/月 | |
36ヶ月プラン:687円/月 | 36ヶ月プラン:990円/月 | 36ヶ月プラン:550円/月 | |
初期費用 | 無料 | 無料 | 無料 |
SSD | 300GB | 300GB | 400GB |
転送量目安 | 無制限 | 無制限 | 無制限 |
ドメイン | 無制限 | 無制限 | 無制限 |
データベース | 無制限 | 無制限 | 無制限 |
メモリ | 8GB | 8GB | 非公開 |
vCPU | 6コア | 6コア | 非公開 |
公式サイト | ConoHa WING | エックスサーバー | ロリポップ |
![](https://ottottoblog.site/wp-content/uploads/2023/10/ahiru-img3-150x150.png)
1万2,000円払えば1年間ブログができるってことか。これならお金をそこまで気にせずブログ活動ができそう。
ConoHa WINGでWordPressを使ってブログを始める
![](https://ottottoblog.site/wp-content/uploads/2023/06/5-1.jpg)
それではここから、ConoHa WINGの契約からWordPressを使って記事を作成して公開するまでを紹介します。
手順としては以下になります。
ConoHa WING公式ページに移動し、どこでもいいので「お申し込み」ボタンをクリックしてください。
※「お申し込み」をクリックしたからと、すぐにお金が支払われるということはありません。
![ConoHa WINGお申し込みページ](https://ottottoblog.site/wp-content/uploads/2023/04/1c9f5e97ae319962c0b3a734e2a5983e-1024x630.jpg)
STEP1の「お申し込み」をクリックすると下の画面に移動します。
![ConoHa アカウント登録画面](https://ottottoblog.site/wp-content/uploads/2022/11/df25996e53d49f143d2e7fb8449a62a6-1024x657.jpg)
ConoHaのサービスを利用するために必要な情報を入力します。
- メールアドレスを入力
- 確認としてもう一度メールアドレスを入力
- パスワードを入力
- 「次へ」をクリック
オプションを決める画面に移動するので、それぞれの項目を選択していきます。
![](https://ottottoblog.site/wp-content/uploads/2023/07/f1712fc0b16c09204b6746be52b1809d-1024x664.png)
- 「WINGパック」を選択
- 契約期間を選択(ブログは1年はしないと結果を出すのが難しいため12ヶ月がおすすめです)
- 「ベーシック」を選択
- ドメインにしたい名前を入力(初期ドメインはあまり使わないので適当でもokです)
ドメインはブログのトップページのURLになるものです。
![ブログのドメイン](https://ottottoblog.site/wp-content/uploads/2022/11/750c9bd5708531e2fea08b67de01098e-1024x538.jpg)
ConoHa WINGではレンタルサーバーの契約をすると、初期ドメインとは別に独自ドメインが2つ永久無料でもらえます。
初期ドメインは「XXXXXX.conohawing.com」というconohawingがついているもの。
独自ドメインは「XXXXXX.com」や「XXXXXX.shop」など20種類から選べます。
XXXXXXには既に使われているものでなければ、好きなものを指定できます。
ブログサイトで使うドメインは独自のものが良いため、「XXXXXX.conohawing.com」の初期ドメインを「ブログサイトに関連する名前.com」などの独自ドメインに変えて使うのがおすすめです。
ここでは後ほど使用するWordPressの設定を行います。
![ConoHa WordPress簡単セットアップ](https://ottottoblog.site/wp-content/uploads/2022/11/d34ea91b244fbf0102bf48c4c57c17c4-1024x760.png)
- 「利用する」を選択
- 「新規インストール」を選択
- ドメインにしたい文字を入力
- ドット以降を選択
- 検索をクリック(ドメインが使われていないかを調べます)
- 作成するサイト名を入力
- WordPressで使うユーザー名を入力
- WordPressで使うパスワードを入力
- WordPressで使うテーマを選択(これにしたい、というものがなければ無料の「Cocoon」を選択しましょう)
WordPressテーマ・・・WordPress上のデザインや機能を変更するためのものです。
WordPressの設定項目を選択し終えたら、右の「続ける」をクリックします。
![ConoHa WINGプラン申込画面](https://ottottoblog.site/wp-content/uploads/2023/04/b142b1906bcfad2fb6ff04b59d55e826-1024x580.png)
氏名や住所などの必要情報を入力します。
![ConoHa WING申込 必要情報の入力](https://ottottoblog.site/wp-content/uploads/2023/04/cf38dbf127c0c915ff2635aa2e0a11de-1024x602.png)
すべての項目を入力できたら「次へ」をクリックします。
本人確認としてSMS(ショートメッセージ)に認証コードを送り入力します。
![ConoHa WING本人確認](https://ottottoblog.site/wp-content/uploads/2023/04/884a0a1a2c198a052f4b9952f2c43620-1024x620.png)
ショートメッセージを送りたい電話番号を入力し、「SMS認証」をクリックします。
※SMS認証ができない場合は「電話認証」で行いましょう。
スマホのメッセージアプリに送られた4桁のコードを入力します。
![ConoHa WING認証コード](https://ottottoblog.site/wp-content/uploads/2023/04/0d63571bdb4c1f8c8d6ff84da65b8d76-1-1024x621.png)
- 送られた認証コードを入力
- 「送信」をクリック
クレジットカード以外の支払い方法もありますが、最初にクレジットカード支払いを選択したため、今回は「クレジットカードでの支払い」方法を紹介します。
![ConoHa WINGお支払い情報入力](https://ottottoblog.site/wp-content/uploads/2023/04/7c500d93404c5f596d885f66bfa149ac-1-1024x579.png)
![ConoHa WINGお申し込み確定](https://ottottoblog.site/wp-content/uploads/2023/04/9624a74009d769d1f8cb1e04ebce38f7-1-1024x384.png)
支払うクレジットカードの情報を記入し「お申し込み」をクリックします。
クーポンがある場合は「クーポン」と書いてあるところに入力してください。
お申し込みが完了すると、WordPressインストールが完了したとの通知が表示されます。
![](https://ottottoblog.site/wp-content/uploads/2023/07/f13f7871187d808a2b6e5a194f2905a4.png)
DBパスワードに関しては、後から見ることができないのでしっかりメモしておきましょう。
- すべての情報をメモする(サイトURLからDBパスワードまですべて)
- 「閉じる」をクリックする
ここまでで
- レンタルサーバーの契約
- ドメインの取得
- WordPressを使ってブログサイトの作成
が完了しました。
![](https://ottottoblog.site/wp-content/uploads/2023/10/ahiru-img3-150x150.png)
やったー!僕のブログサイトが作れたよ!
まだ何もありませんが、ブログサイトが作れたので見てみましょう。
私が作成したサイトのURLは「https://ottottosample.com」なので、これをブラウザの検索バーに入力してみます。
※自分が作成したサイトのURLを入力してください。
![自サイトログイン](https://ottottoblog.site/wp-content/uploads/2023/04/7c8d90c3c04b8002a3190ffc9d327444-1-1024x472.png)
すると以下のように表示されました。
![WordPress 作成サイトの初期画面](https://ottottoblog.site/wp-content/uploads/2023/04/31bda468b0f67f32af00c293d7100c99-1-1024x553.jpg)
何もいじっていないためデフォルトの状態が表示されますが、インターネットに自分のサイトが表示されると感動しませんか?
ここからWordPressで記事内容を変更し、もう少しブログっぽくしてみます。
記事内容を変更するにあたって、WordPressにログインして先ほど表示させたWebページをいじります。
まずConoHaの管理画面に移動します。
こちらからでも移動可能。
ConoHa管理画面に移動できたら、以下の手順に従って次はWordPressの管理画面に移動します。
![](https://ottottoblog.site/wp-content/uploads/2023/07/53cce95a65d63b6123dfc5f863b125fc-1024x581.png)
- 「WING」を選択
- 「サイト管理」を選択
- 「サイト設定」を選択
- 「WordPress」を選択
- 作成したサイトの左をクリックし情報を展開
- 「管理画面URL」をクリック
WordPressの管理画面は「サイトURL/wp-admin」で移動することも可能です。
セキュリティ的に良くないと感じる場合は変更もできます。
これから何度もアクセスすることになるので、ブックマークに登録してすぐにアクセスできるようにするのがおすすめです。
次に、WordPressにログインするための必要情報を入力します。
![](https://ottottoblog.site/wp-content/uploads/2023/07/22d6e34c035ccc1e79ad28a0886ce3ba-1024x563.png)
- ユーザー名かメールアドレスを入力
- パスワードを入力
- 「ログイン」をクリック
これで、WordPressのダッシュボード画面に移動できました。
![WordPressダッシュボード画面](https://ottottoblog.site/wp-content/uploads/2023/04/7297ce30ae905fb37a6e0f518ccfe343-1024x520.jpg)
WordPressテーマを適用させるため、外観のテーマに移動します。
![WordPressダッシュボード画面](https://ottottoblog.site/wp-content/uploads/2023/04/596a5e13253a993ff29a18a58612a893-1-1024x551.png)
外観 > 「テーマ」をクリック
テーマの画面に移動すると、ConoHa WINGでWordPress設定を行ったときにダウンロードした「Cocoon」が表示されています。
Cocoonにカーソルを合わせると「有効化」がでるので、クリックしてCocoonを適用させます。
![WordPressテーマを有効化にする](https://ottottoblog.site/wp-content/uploads/2023/04/e4bd9d2a4195e0538096b50a1b697a44-1-1024x595.jpg)
適用できていれば、Cocoonに有効と表示されます。
![WordPressテーマ有効化完了](https://ottottoblog.site/wp-content/uploads/2023/04/08abc8c29d99ca81f2c42ede61ba3ff4-2-1024x614.jpg)
記事を新しく追加して投稿してみます。
![WordPressで記事を新規追加](https://ottottoblog.site/wp-content/uploads/2023/04/4dc1f508e19ba8e4e47308ad0b270dff-1-1024x487.png)
- 「投稿」をクリック
- 「新規追加」をクリック
記事作成画面に移りました。
タイトルと内容を下記のように適当に入れて、右上の「公開」をクリックしてください。
![WordPressで記事を公開する方法](https://ottottoblog.site/wp-content/uploads/2023/04/872bbadeb5de193359bf759906353fd6-3-1024x528.png)
公開してもよいですか?と聞かれるので、もう一度「公開」をクリックします。
![WordPressで記事を公開する方法](https://ottottoblog.site/wp-content/uploads/2023/04/aefcb85f887b8fae2c2d5d5858b8b5f7-1-1024x599.png)
公開できると左下に「投稿を表示」とでるので、こちらをクリックします。
![WordPress 記事画面からの投稿を表示](https://ottottoblog.site/wp-content/uploads/2023/04/5d2ca001fd3f1e8b262a2959a20f6f25-1-1024x505.jpg)
すると作成した記事が公開されて、どの端末からでも見れるようになります。
![WordPressでの作成記事の確認](https://ottottoblog.site/wp-content/uploads/2023/04/6681f1cf7fee0a757ed0727a1388b78c-2-1024x486.png)
![](https://ottottoblog.site/wp-content/uploads/2023/10/ahiru-img3-150x150.png)
記事を投稿することできたよー!
![](https://ottottoblog.site/wp-content/uploads/2023/10/ottotto-icon2-150x150.jpg)
お疲れさま!これでブログサイト作成と記事投稿はokだね
WordPressで設定すべきこと
![](https://ottottoblog.site/wp-content/uploads/2023/06/4-1.jpg)
WordPressでブログを立ち上げることができたら、次にしたほうがいいことがあります。
ここでは「絶対すべきこと」と「した方が良いこと」について紹介します。
絶対にすべきこと
絶対にすべきこととしては以下の3つです。
1つ目:パーマリンク設定
パーマリンクとは、記事ごとにつけられるURLのことです。
![ブログ パーマリンクの説明](https://ottottoblog.site/wp-content/uploads/2023/05/19720550d3cf6e5d5e9100d07f7abce8-1-1024x774.png)
ブログサイトの中に記事があるという構造のため、ドメインの後ろにパーマリンクがついています。
WordPressはパーマリンク設定のデフォルトが「記事ID」をつけるようになっているので、これを「記事の内容を表した英単語」に変更します。
英単語に変更することで、URLを見ただけで内容がある程度わかるようになりユーザビリティが向上。
また日本語ではなく英語にする理由は、日本語をURL変換にした場合に「%8%4〜」と長くなってしまうことと、URLを見て意味がわからなくなるのを防ぐためです。
日本語をリンクにすると以下のように長くなってしまいます。
https://ottottosample.com/これからブログを始めます
↓
WordPressでの設定方法は以下になります。
パーマリンク設定のやり方
WordPressの画面に移動してから、設定 > 「パーマリンク」をクリックします。
![WordPress パーマリンク画面に移動](https://ottottoblog.site/wp-content/uploads/2023/05/a09fcebe399f02dde65334afd3ed7671-1024x987.jpg)
パーマリンク構造の「投稿名」にチェックを入れて、1番下の「変更を保存」をクリックします。
![WordPress パーマリンク構造の変更方法](https://ottottoblog.site/wp-content/uploads/2023/05/8f570b74c7df4acd20fb84d219408103-1024x553.png)
これで記事ごとに好きなURLを指定できます。
2つ目:SSL設定
SSL設定とはインターネット上の通信を暗号化する設定のことで、行なっていないと通信のやり取りを傍受されたり改ざんされるという危険があります。
SSL設定ができていると、URLが「http〜」ではなく「https〜」になります。
![WordPress SSL設定](https://ottottoblog.site/wp-content/uploads/2023/05/c735ac7d0551b966a218eec05ae450a1-1024x256.png)
ただ、今回紹介したConoHa WINGでWordPressを始めた場合は、最初からSSL設定がされているためする必要はないです。
もしURLがhttpとなっておりSSL設定がされていなければ、こちらのConoHa公式のページを見てSSL設定をしてください。
3つ目:必須プラグインの導入
プラグインとは機能を追加するソフトウェアのことです。
様々なものがあり、入れることでセキュリティを高めたりページの表示速度を速くできます。
入れすぎるとサイトが重くなったりプラグイン同士で問題を起こしてサイトの表示がおかしくなる原因にもなるので、必要なもの以外は入れないようにしましょう。
ここでは絶対に入れた方がいいプラグインを紹介します。(中には既にインストールされているものもあります。有効化にしておきましょう。)
- reCaptcha by BestWebSoft
→ 不正アクセスの防止 - BackWPup
→ WordPressのバックアップ取得 - EWWW Image Optimizer
→ 画像を圧縮して表示速度を高速化 - XML Sitemap & Google News
→ サーチコンソールにサイト構造を伝える - WP Multibyte Patch
→ 文字化けをを防ぐ
WordPressのプラグイン導入のやり方は以下になります。
プラグインの導入方法
WordPressの画面に移動し、プラグイン > 「新規追加」をクリックします。
![WordPressプラグインの新規追加](https://ottottoblog.site/wp-content/uploads/2022/11/08aa1ce985a8b2a4d9f6ad8187c8bf44-1024x765.jpg)
右上の検索窓にプラグイン名を入力します。
![WordPressプラグインの新規追加](https://ottottoblog.site/wp-content/uploads/2022/11/aede9822e5214e45579dab6380dbc9b6-1-1024x435.png)
インストールしたいプラグインの「今すぐインストール」をクリックします。
![WordPressプラグインの新規追加](https://ottottoblog.site/wp-content/uploads/2022/11/038ef6e9a2e2b36c654c0f2042a27174-1024x361.png)
「有効化」をクリックして有効となればインストール完了です。
![WordPressプラグインの新規追加](https://ottottoblog.site/wp-content/uploads/2022/11/afc6404d7d297ca50f7eda86b61d9575-1-1024x350.jpg)
お疲れ様です。
これで一応ブログ活動しても問題はありません。
次からはした方が良いことについて解説します。
ブログをするならいつかはすることばかりなので、余裕がある時にでも行いましょう。
した方が良いこと
した方が良いことは以下になります。
1つ目:お問合せフォームの設置
お問合せフォームとは、ブログサイトに訪れたユーザーが質問できるものです。
ユーザーと唯一コミュニケーションができる場なので設置しておきましょう。
設置しておくことでGoogleアドセンスなどの広告サービスの審査に通りやすくもなります。
お問合せフォーム設置のやり方
プラグイン「Contact Form 7」をインストールします。
![WordPress お問合せフォームの設置方法](https://ottottoblog.site/wp-content/uploads/2023/05/e4f7e97b3f2d6e8375da46efb3e25cae-2-1024x438.png)
- 外観 > 「新規追加」をクリック
- 「Contact Form 7」と検索
- Contact Form 7の「今すぐインストール」をクリック
「有効化」まで行ってください。
お問合わせから「新規追加」をクリックし、コンタクトフォームのタイトルを入力します。
![Contact Form 7での設定方法](https://ottottoblog.site/wp-content/uploads/2023/05/d5f0fd9205d8a0a2a9b94f3d6a479970-1024x542.png)
- お問合せ > 「新規追加」をクリック
- タイトルを入力(適当につけて大丈夫です)
「メール」タブに移動して、送信先のメールアドレスを届いて欲しいメールアドレスに変更し「保存」をクリックします。
![](https://ottottoblog.site/wp-content/uploads/2023/08/20c68c315f2e2d11b36d37f615342bc8-1-1024x812.png)
ここからコンタクトフォームを設置します。
![Contact Form 7での設定方法](https://ottottoblog.site/wp-content/uploads/2023/05/64017321eada4d60f985a5381ff1ca3e-1024x526.png)
- 「お問い合わせ」をクリック
- ショートコードをコピー
固定ページ > 「新規追加」をクリックします。
![Contact Form 7での設定方法](https://ottottoblog.site/wp-content/uploads/2023/05/5af1dec2a49e16ba99092d0331e3c2f5-1024x693.png)
タイトルに「お問い合わせ」と入力し「ショートコード」ブロックを出して先ほどコピーしたコードを貼り付け公開します。
![](https://ottottoblog.site/wp-content/uploads/2023/08/22e09305933600bac92057467053becc-1024x389.png)
![](https://ottottoblog.site/wp-content/uploads/2023/08/16d885050f6f3b4ac209dbad36f52bd8-1024x500.png)
あとはコンタクトフォームからメッセージを送り、登録したメールアドレスに届けば完了です。
2つ目:プライバシーポリシー、免責事項の作成
プライパシーポリシー、免責事項とは以下の内容です。
- プライバシーポリシー・・・ユーザーに関する情報の利用目的や管理方法を書いたもの
- 免責事項・・・トラブルが発生した際に責任を免れるための事項を書いたもの
明記しておくことでトラブルを防げるため、どちらも設置しておきましょう。
どうやって書けば良いのかわからないと思うので、下のテンプレートを使って必要な箇所だけ修正して載せてください。
![](https://ottottoblog.site/wp-content/uploads/2023/10/ottotto-icon2-150x150.jpg)
僕は「プライバシーポリシー&責任の有無」を1ページにまとめているよ
プライバシーポリシー
当サイトに掲載されている広告について
当サイトでは、第三者配信の広告サービス(A8.net、Amazonアソシエイト)を利用しています。
このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 『Cookie』(氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。
当サイトが使用しているアクセス解析ツールについて
当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。
このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。
このトラフィックデータは匿名で収集されており、個人を特定するものではありません。
この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。
この規約に関して、詳しくはこちらをご覧ください。
当サイトへのコメントについて
当サイトでは、スパム・荒らしへの対応として、コメントの際に使用されたIPアドレスを記録しています。
これはブログの標準機能としてサポートされている機能で、スパム・荒らしへの対応以外にこのIPアドレスを使用することはありません。
また、メールアドレスとURLの入力に関しては、任意となっております。
全てのコメントは管理人が事前にその内容を確認し、承認した上での掲載となりますことをあらかじめご了承下さい。
加えて、次に掲げる内容を含むコメントは管理人の裁量によって承認せず、削除する事があります。
- 当サイトからのご連絡や業務のご案内やご質問に対する回答
- ご注文いだいた商品を発送する場合
- 禁制品の取引に関するものや、他者を害する行為の依頼など、法律によって禁止されている物品、行為の依頼や斡旋などに関するもの。
- その他、公序良俗に反し、または管理人によって承認すべきでないと認められるもの。
免責事項
責任の有無
当サイトは、アフィリエイトプログラムにより商品をご紹介致しております。
アフィリエイトプログラムとは、商品及びサービスの提供元と業務提携を 結び商品やサービスを紹介するインターネット上のシステムです。
従いまして、当サイトの商品は当サイトが販売している訳ではありません。
お客様ご要望の商 品、お支払い等はリンク先の販売店と直接のお取引となりますので、特定商取引法に基づく表記につきましてはリンク先をご確認頂けますようお願い致します。
商品の価格 商品の詳細 消費税 送料 在庫数等の詳細は時として変わる場合も御座います。
また、返品・返金保証に関しましてもリンク先の販売元が保証するものです。当サイトだけではなくリンク 先のサイトも良くご確認頂けますようお願い致します。
また、当サイトの掲載情報をご利用頂く場合には、お客様のご判断と責任におきましてご利用頂けますようお願い致します。当サイトでは、一切の責任を負いかねます事ご了承願います。
尚、掲載商品に関するお問合せはリンク先に御座います企業宛までお願い致します。当サイト管理者側ではお答え致しかねます事、ご了承ください。
設置手順を説明します。
やり方をお伝えすると、ヘッダーにプライバシーポリシーと免責事項を設置します。
プライバシーポリシーと免責事項の設置方法
固定ページ > 「新規追加」をクリック。
![](https://ottottoblog.site/wp-content/uploads/2023/08/902cb2386303dbe4468a4bdd1f289c7f-1024x452.png)
プライバシーポリシーと責任の有無の内容を記述します。
タイトルと内容を記入し公開してください。
![](https://ottottoblog.site/wp-content/uploads/2023/08/8ccf50da60bb0a4d7be0ad4cb324eb2e-1024x488.png)
下記はプライバシーポリシーと責任の有無を1つにまとめです。
内容を自分のサイトに合うように修正して載せましょう。
当サイトに掲載されている広告について
当サイトでは、第三者配信の広告サービス(A8.net、Amazonアソシエイト)を利用しています。
このような広告配信事業者は、ユーザーの興味に応じた商品やサービスの広告を表示するため、当サイトや他サイトへのアクセスに関する情報 『Cookie』(氏名、住所、メール アドレス、電話番号は含まれません) を使用することがあります。
当サイトが使用しているアクセス解析ツールについて
当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。
このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。
このトラフィックデータは匿名で収集されており、個人を特定するものではありません。
この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。
この規約に関して、詳しくはこちらをご覧ください。
当サイトへのコメントについて
当サイトでは、スパム・荒らしへの対応として、コメントの際に使用されたIPアドレスを記録しています。
これはブログの標準機能としてサポートされている機能で、スパム・荒らしへの対応以外にこのIPアドレスを使用することはありません。
また、メールアドレスとURLの入力に関しては、任意となっております。
全てのコメントは管理人が事前にその内容を確認し、承認した上での掲載となりますことをあらかじめご了承下さい。
加えて、次に掲げる内容を含むコメントは管理人の裁量によって承認せず、削除する事があります。
- 当サイトからのご連絡や業務のご案内やご質問に対する回答
- ご注文いだいた商品を発送する場合
- 禁制品の取引に関するものや、他者を害する行為の依頼など、法律によって禁止されている物品、行為の依頼や斡旋などに関するもの。
- その他、公序良俗に反し、または管理人によって承認すべきでないと認められるもの。
責任の有無
当サイトは、アフィリエイトプログラムにより商品をご紹介致しております。
アフィリエイトプログラムとは、商品及びサービスの提供元と業務提携を 結び商品やサービスを紹介するインターネット上のシステムです。
従いまして、当サイトの商品は当サイトが販売している訳ではありません。
お客様ご要望の商 品、お支払い等はリンク先の販売店と直接のお取引となりますので、特定商取引法に基づく表記につきましてはリンク先をご確認頂けますようお願い致します。
商品の価格 商品の詳細 消費税 送料 在庫数等の詳細は時として変わる場合も御座います。
また、返品・返金保証に関しましてもリンク先の販売元が保証するものです。当サイトだけではなくリンク 先のサイトも良くご確認頂けますようお願い致します。
また、当サイトの掲載情報をご利用頂く場合には、お客様のご判断と責任におきましてご利用頂けますようお願い致します。当サイトでは、一切の責任を負いかねます事ご了承願います。
尚、掲載商品に関するお問合せはリンク先に御座います企業宛までお願い致します。当サイト管理者側ではお答え致しかねます事、ご了承ください。
外観の「メニュー」に移動してフッター(コンテンツ下の情報を載せる領域)を作成します。
![](https://ottottoblog.site/wp-content/uploads/2023/08/acf52de145a88dd34e7883620c58fe84-1024x411.png)
- 「外観」をクリック
- 「メニュー」をクリック
- メニュー名に「フッター」と入力
- プライバシーポリシー&免責事項にチェック
- 「メニューに追加」をクリック
- 「メニューを保存」をクリック
「ウィジェット」に移動し「ナビゲーションメニュー」をフッターに追加しして先ほど作成したメニューを設置します。
※ここではフッター(PC)1に追加していますが、これはWordPressテーマ「SWELL」を使っていないとありません。他の方はフッターに入れてもらえば大丈夫です。
![](https://ottottoblog.site/wp-content/uploads/2023/08/d15a16405d4f1c071be1a6c3dc6f7b8b-1024x359.png)
- 「外観」をクリック
- 「ウィジェット」をクリック
- 「ナビゲーションメニュー」をフッターにドラッグ&ドロップ
- タイトルに「メニュー」と記述 → メニューを選択で「フッター」を選択 → 保存
3つ目:プロフィール設定
プロフィールは基本サイドバーに設置し、どんな人物が記事を書いているかがわかるようにします。
![](https://ottottoblog.site/wp-content/uploads/2023/08/7370e274c160c58bbda5172b1d2bc82a-1024x458.jpg)
プロフィールがあることで内容に興味を持ち記事を見てくれたり、Googleが最低限の質はあるサイトと判断してくれるためSEO的にプラスです。
プロフィールの設定方法
「ウィジェット」に移動し「プロフィール」をサイドバーにドラッグ&ドロップし内容を書いていきます。
※WordPressテーマで「SWELL」を使っているため所々異なっています。
![](https://ottottoblog.site/wp-content/uploads/2023/08/522302c08c61d9cb648ce5151903199f-1024x468.jpg)
これでOKです。
4つ目:サーチコンソール、アナリティクス設定
Google上でのサイトのパフォーマンス確認として「Googleサーチコンソール」、ブログに訪れたユーザーの行動を分析するツールとして「Googleアナリティクス」を使います。
どちらもGoogleが無料て提供しているツールで、かつ分析する上で必要不可欠であるため絶対に設定しておきましょう。
サーチコンソールの設定
サーチコンソールの設定は、以下の記事で詳しく説明しているので見てみてください。
今は「サーチコンソールへの登録のやり方」の箇所だけを行えば大丈夫です。
![](https://ottottoblog.site/wp-content/uploads/2023/05/53.jpg)
アナリティクスの設定
アナリティクスの設定方法
Googleアナリティクスに移動して、「測定を開始」をクリックします。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_15_42_40-1024x535.png)
アカウント名にブログ名など好きな名前を入力して、「次へ」をクリック。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/Google-analitycs-account-1-1024x675.png)
下記のように設定して「次へ」をクリック。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_15_56_49-1-1024x521.png)
- 任意の名前を英数字で入力
- 「日本」に変更
- 「日本円」に変更
- 「次へ」をクリック
ビジネスの説明として、当てはまるものを選択し「次へ」をクリックしてください。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_16_09_21-1024x520.png)
ビジネス目標に当てはまるものを選択して、「作成」をクリックします。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_16_43_08-1024x521.png)
以下のように設定して「同意する」をクリック。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_16_46_34-1024x893.png)
- 「日本」に変更
- 「GDRPで必須となるデータ処理規約にも同意します。」にチェック
- 「同意する」をクリック
「ウェブ」を選択します。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_16_51_58-1024x337.png)
データ ストリームの設定を行い、「ストリームの作成」をクリックします。
ストリームとは分析するプラットフォームのことです。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_16_54_04-1024x391.png)
- 「https://」を選択(サイトURLが「http」になっている場合は「http://」を選択してください)
- サイトURLを入力
- ブログ名などの任意の名前を入力
- 「ストリーム作成」をクリック
以下の画面が表示されたら、ストリームの作成は完了です。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_17_06_33-1024x649.png)
ウェブ ストリームの詳細画面は、左上のバツをクリックして閉じてください
するとデータ収集を開始する画面になりますので、「次へ」をクリックします。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_17_09_58-1024x312.png)
次に「ホームに移動」をクリックします。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_17_10_51-1024x522.png)
自分のメール配信の画面が表示されますが、「すべてオフにして保存」をクリックでOKです。
![](https://www.miyachi381.jp/wp-content/uploads/2023/07/スクリーンショット_2023-07-05_17_12_25-1024x602.png)
WordPressの画面に移動します。
まだ「Site Kit by Google」を入れていない方はインストールします。
WordPressの「プラグイン」 > 「新規追加」に移動してSite Kit by Googleと検索し、「今すぐインストール」をクリックしてください。
![](https://ottottoblog.site/wp-content/uploads/2023/08/46e02dbafca4e41ab76766136bb3e038-1024x331.png)
「有効化」もクリックしてください。
![](https://ottottoblog.site/wp-content/uploads/2023/08/00c7b39da574ec32c242a42b4747c3a8-1024x651.png)
「Site Kit」が追加されたのでこちらをクリックした後に、「Google アカウントでログイン」をクリックしログインします。
![](https://ottottoblog.site/wp-content/uploads/2023/08/f60e72896d1834052a092bc81e125b60-1024x543.jpg)
※一度Googleアカウントでログインを行っている方は、アナリティクスのサービス連携を行ってください。
「アカウントの選択」と表示されるので自分のアカウントを選択します。
いくつか許可してくれとの表示が出るので、それらもすべて許可します。
Googleアナリティクスの利用規約が表示されるので、言語を「日本」に変更し、利用規約をよく読んでから、チェックをすべて入れ「同意する」をクリックします。
![](https://ottottoblog.site/wp-content/uploads/2023/09/530c2bfcbd45a3ea8e433c7ccd501a8c-1-1024x720.jpg)
![](https://ottottoblog.site/wp-content/uploads/2023/09/04a5023a373a88514a2deac22656a06f-1024x608.jpg)
お疲れ様です。
これでアナリティクスの連携ができ、WordPress側でもアナリティクス側でもデータ分析が可能になりました。
実際のデータが見れるまでには長くて48時間ほどかかるで少し待ってください。
5つ目:有料テーマの導入
WordPressには無料と有料のテーマがあります。
「Cocoon」などの無料テーマでも良いのですが、有料のものだとオシャレなサイトになったり便利な機能が使えたりと、収益を出す上で強い味方になるため購入するのがおすすめです。
以下の4つが現在人気なテーマですが、実際に使っていることもあって特に「SWELL」をおすすめします。
SWELLの魅力と導入方法を以下の記事で解説しているので、よければご覧ください。
![](https://ottottoblog.site/wp-content/uploads/2023/03/swell-ichght-300x169.png)
6つ目:便利プラグインの導入
入れておくと便利なプラグインを紹介します。
- Broken Link Checker
→ リンクが切れているものを知らせてくれる - Contact Form 7
→ お問合せフォームの設置 - Pochipp
→ Amazonや楽天の商品をまとめて紹介できる - PublishPress Revisions
→ 記事を複製し修正をしやすくする - Akismet Anti-Spam (アンチスパム)
→ 記事へのスパムコメントを自動削除 - Site Kit by Google
→ サーチコンソールとアナリティクスを簡単に接続できる - SiteGuard WP Plugin
→ 管理ページやログインページの保護
他にも便利なプラグインはたくさんありますが、コード量が多くなってページの表示速度が遅くなったり開発が止まってセキュリティに問題がでる可能性もあるので、必要最低限の数にしましょう。
まとめ
![](https://ottottoblog.site/wp-content/uploads/2022/11/9.jpg)
今回はレンタルサーバーとして「ConoHa WING」、ブログ作成ツールとして「WordPress」を使う方法を紹介しました。
「ブログ作成って難しい」と感じたかもしれませんが、自分のブログサイトを1から作っただけでもスゴい経験になります。
他にもこれからブログ運営をしていくことで、ライティング、マーケティング、デザインのスキルが付いていくので、ぜひ成長の機会と考えて頑張っていただけたらなと思います。
最後まで読んでいただきありがとうございました。
![](https://ottottoblog.site/wp-content/uploads/2023/10/ahiru-img3-150x150.png)
よーし、ブログ活動の1歩を踏みだせたから、これから少しずつ頑張っていくよ!
「これからブログで何をすれば良いんだ?」と考えている方は、以下の記事がおすすめです。
![](https://ottottoblog.site/wp-content/uploads/2023/05/blogknowhow-300x169.jpg)
「ブログ運営でやった方が良いこと」や「ブログで役立つ情報」をまとめています。
まだブログを始めていない方は、以下の記事の手順を進めることで、今日からブログを始めることができます!
稼ぐブログにするにはサーバーとドメイン代がかかりますが、『ConoHa WING』を使用することで月1,000円ほどでブログ運営が可能です。
\ Webサーバー処理速度国内No.1 /
▼今回の記事を読んでくれた方は以下の記事もおすすめです!
![](https://ottottoblog.site/wp-content/uploads/2023/05/blogknowhow-300x169.jpg)
![](https://ottottoblog.site/wp-content/uploads/2023/03/swell-ichght-300x169.png)
![](https://ottottoblog.site/wp-content/uploads/2023/11/tools-eyecatch-300x158.png)
![](https://ottottoblog.site/wp-content/uploads/2023/06/blog-writing-300x158.png)
![](https://ottottoblog.site/wp-content/uploads/2023/05/blog-continue-300x169.jpg)
コメント