ブログを始めるなら〜ConoHa WING〜

一緒にこちらのブログを作っていきます

このブログもConoHa WINGで作りました！

512×512 ピクセル以上 の正方形

タブの上についているアイコンです

・Canva（外部リンク）

Canvaの素材をお借りして作りました

設定→一般設定→サイトアイコン　で変更できます

今すぐお申し込みボタンをクリック

料金タイプ

WINGパック

無料ドメインを2つ取得できる

契約期間

・3ヶ月・6ヶ月（月額1,464円～）：お試しでブログを始めたい人におすすめ

・12ヶ月（月額1,068円～）：成果が出るまではしっかり取り組みたい人におすすめ

プラン

・初心者は一番安いベーシックがおすすめ

・スタンダードやプレミアムはデータを保存や転送量がアップします

SSLページ

ダッシュボードに入れます

ConoHaの管理画面からサイトURLをクリックすると、このような画面になります

エラーになることもあるので、その場合は少し時間をおいて、再度試します

パーマリンク設定のページ

記事のスラッグを変更する

ダッシュボードの左メニューから外観を選ぶ

Cocoon chiidの有効化ボタンを押す

親テーマを有効化すると、Cocoonのアップデートの際に、サイトのデザインやカスタマイズ内容が消えてしまうので注意！

左のメニューから

Cocoon設定を選ぶ

表示されるタブのスキンを選ぶ

スキン一覧から好きなデザインを選ぶ

スキンのそれぞれの右のアイコンにカーソルを置くと、デザインを見ることができる

目的のスキンがない場合、上記の手順で一度親テーマを有効化し最新のCocoonに更新する

その後子テーマを有効化する

再度Cocoon設定から、スキンタブを選ぶ

親テーマ更新前にはなかったスキンが追加されている

ここでは
  grayish   [作者: Na2factory]

を選択し、変更をまとめて保存する

投稿一覧のサンプル投稿が左記のように変更されている

サイトを見ると左記のような表示になっている

Cocoon設定→ヘッダーをクリックする

ヘッダー背景画像を作る

ここではCanvaを使用しています

トップの検索らんにブログと入力する

左上の+ボタン→カスタムサイズ→1280×640px→新しいデザインを作成

多少横の長さが切れて表示されてもいい場合は、ブログバナーでも作れます

テンプレートがたくさん表示されるので、その中から好みのものを選ぶ

使いたいカラーなど決まっていれば色やフォントを変更する

入たい画像があれば入れる

ヘッダーで使いたい画像が決まったら、右上の共有ボタンからダウンロードずる

Cocoon設定→ヘッダータブ→ヘッダー背景画像→選択で作った背景を選ぶ

メディアライブラリが表示されるので、右下の画像の選択をクリックする

ヘッダータブ画面に戻るので、左下の変更をまとめて保存をクリックする

サイトのトップ画面の背景に反映される

設定→一般設定でサイトのタイトルを変更できます

空欄にすることもできます

ロゴを入れることもできます

ここではヘッダーと同じ猫を使用します

Canvaの猫をコピーし新しいページに貼り付けます

文字をコピーし、文字色を白にします

ちょうど猫に収まる大きさに調整します

Canvaからダウンロードします

Macの場合：猫ギリギリの部分で切り取り、新しくクリップボードからコピーします

左上の左から2番目のアイコンをクリックし、背景部分を選択します

deleteすれば背景を透過できます

ヘッダーロゴで選択します

ヘッダーロゴサイズでロゴのサイズを変更することもできます

このブログの場合は654×338px

固定ページを選ぶ

privacy policy

sample pageをゴミ箱へ移動する

上部の固定ページを追加をクリックする

タイトルにプロフィールと入力する

右の設定画面のスラッグをクリックしprofilと入力する

公開ボタンをクリックする

固定ページ追加ボタンをクリックし、上記と同様にページを追加する

固定ページ追加ボタンをクリックし、上記と同様にページを追加する

固定ページ3ページができあがりました

投稿→カテゴリーを選択する

カテゴリーを追加の名前、スラッグを入力する

左下のカテゴリーを追加をクリックする

3〜5個位のカテゴリーがオススメです

uncategorizedを未分類など分かりやすい項目名に変更する

書いた記事はまずここに投稿されます

外観→メニューからサイトのメニューを作成する

ここではヘッダーメニューとフッターメニューを作成します

固定ページを選びます

カテゴリーを選びます

どちらもドラッグで順番を変更できるので、適宜入れかえます

メニューを保存するとサイト上部に反映されています

ヘッダーメニューと同様です

メニュー設定の上部新しいメニューを作成しましょうをクリックし作成します

PCでサイトを開いた時に右側に表示されるのがウィジェットエリアです

外観→ウィジェットで追加変更できます

デフォルトの3つのブロックを開いて削除します

左の利用できるウィジェットから下記の5つを選びそれぞれ追加します

• 検索
• [C]プロフィール
• [C]新着記事
• カテゴリー
• [C]目次

順番はドラッグで入れかえられます

[C]はCocoonテーマのウィジェットです

サイドバースクロール追従に目次を追加します

記事を読む時に見出しを見つけやすくするためです

サイドバーの[C]プロフィールを開き、画像を円形にするにチェックを入れて保存します

ラベルを例のとおり、この記事を書いた人とします

プラグイン→インストール済みプラグインから一覧を確認します

下記は削除推奨プラグインです

• Akismet Anti-spam: Spam Protection
• Hello Dolly
• TypeSquare Webfonts for ConoHa
• （Invisible reCaptcha）

新規プラグインを追加をクリックする

検索欄にWP Multibyte Patchと入力する
したにプラグインが出てくるので今すぐインストール
有効化ボタンをクリックして有効化する

SiteGuard WP Pluginを有効化する

ログインページURLが変更されるので、URLをブックマークし、ログインしなおします

有効化したらポップアップは×で閉じ、プラグイン一覧のUpdraftPlusの下の設定をクリック

スケジュールと保存先を設定
ここではGoogle Driveを選びます
変更と保存ボタンをクリックすると、Googleでログインのポップアップが出るので、ログインします

設定できると、この画面になるので、Complete setupをクリックします

reCAPTCHAの管理画面を開く
https://www.google.com/recaptcha/admin/

右上の＋ボタンをクリックし、新しいサイトを登録する
1.ラベルは任意の名前
2.ドメインはhttps://と最後の/を除いたもの

3.
reCAPTCHAタイプはv3を選びます
4.利用規約に同意し、送信ボタンをクリック

5.サイトキーとシークレットキーが生成されます

プラグインから
reCAPTCHAの設定画面に行き設定します

バージョン3
サイトキー、シークレットキーを先ほど生成した画面からコピペ
reCAPTCHAバッジを有効化、非常時にチェック
変更内容保存をクリックする

reCAPTCHAをテストをクリックする
テスト検証ボタンに変わったら、それをクリック
検証は正常に完了しました、と出れば設定完了です

お問い合わせフォームのインテグレーション→インテグレーションのセットアップをクリック
先ほど生成したサイトキーとシークレットキーをそれぞれコピペし、変更を保存をクリック

reCAPTCHAはこのサイト上で有効化されています。
と表示されたら成功です

固定ページから、お問い合わせフォームのIDを確認します
外観→カスタマイズ→追加CSS
下記をコピペし、99の部分を固定ページのIDに変更します（ここでは24）

こんにちは⚪︎⚪︎さん→プロフィール画像のアップロード　で変更できます

• Googleアカウントでログインし、「測定を開始」をクリックします
• アカウント名を入力する
  アカウント名は何でもOKです（後から変更できます）

• プロパティ名：ブログ名など分かりやすい名前でOK
• タイムゾーン：日本
• 通貨：日本円

入力したら「次へ」をクリックします

• 業種：「その他のビジネスアクティビティ」でOK
• 規模：個人ブログなら一番小さい規模を選択

• 「次へ」→ビジネスの目標は「見込み顧客の獲得」などにチェックして「作成」をクリックします

「ウェブ」を選択します

• ストリーム名：任意の名前でOK
• URL：https://（SSL済みなのでhttps）＋自分のブログのURL

「作成して続行」をクリックします

• Googleタグのコードをコピーする
• 「手動でインストール」を選択すると、コードが表示されます
• このコードをコピーして保存しておきます

WordPress管理画面→Cocoon設定→「アクセス解析・認証」タブをクリックします

• 下にスクロールすると「その他のアクセス解析・認証コード設定」の欄があります
• 「ヘッド用コード」に先ほどコピーしたコードを貼り付けます
• 「変更をまとめて保存」をクリックして完了です

• ⚠️「閲覧できません（Forbidden access）」と表示された場合
• ConoHa WINGの管理画面→サイト管理→サイトセキュリティ→WAFの利用をOFFにしてから再度保存します
• 保存できたらWAFをONに戻しておきましょう

左メニューの各項目から確認できます。最初はデータが少なくても大丈夫です。まずは蓄積していきましょう

⚠️もし左のような項目がない場合は下記の操作をします

• ⚠️ライブラリ→ライフサイクル→右上の「⋮」→「公開」にする
• 左のメニューが増えない場合は、一度リロードしてみてください

https://search.google.com/search-console/
にアクセスし、「今すぐ開始」をクリックします

• URLプレフィックスにURLを入力する
• 左側の「ドメイン」ではなく、右側の「URLプレフィックス」を選びます

• 自分のブログのURL（https://〇〇.com）を入力して「続行」をクリックします
• 左の画面になれば所有権の確認OKです

• 左メニューの「サイトマップ」をクリックします
• 入力欄に sitemap.xml と入力して「送信」をクリックします
• 「成功しました」と表示されれば完了です

⚠️ 送信直後は「取得できませんでした」と表示される場合がありますが、数日後に確認すると「成功しました」に変わっていることがほとんどです。

• クリック数：検索結果からブログにアクセスされた回数
• 表示回数：検索結果に表示された回数
• 平均CTR：表示された中でクリックされた割合
• 平均掲載順位：検索結果での平均順位

WordPress管理画面の右上こんにちは⚪︎⚪︎さんをクリック→プロフィール編集画面

ニックネーム、ブログ上の表示名を入力する

あなたについて→プロフィール情報を入力する

プロフィール写真にプロフィールアイコンをアップロードする（ドラッグアンドドロップでアップできます）

プロフィールページURLを入力する
固定ページのプロフィール作成で作ったURLです
ブログURLの最後に/profile/をつけたもの

プロフィールを更新をクリックする

• 設定→一般設定→サイトアイコンで作ったファビコンをアップロードします
• 左下の変更を保存をクリック
  

タブの左側に付いていた卵のマークが設定したファビコンに変わります

• 投稿記事のタイトルを選んだ状態で、右側のアイキャッチ画像を設定欄に用意した画像をドロップ&ドラッグします
• 右上の保存（まだ公開していない場合は下書きを保存）します
• 記事のページ、トップページにアイキャッチが反映されます

1200×630pxで作ります
カスタムサイズを入力し、新しいデザインを作成を選びます
上記、ヘッダー画像を作る、と同様に好みのテンプレートを選び、色を変更、素材を追加等して作成します