【設定ミス注意】初心者必見!AFFINGER6ブログ初期設定

ブログ

「AFFINGER6」でブログを「5つ」運営してる私が、「AFFINGER6」の初期設定で必ずやっておくべき【重要】な設定手順をブログ初心者にも分かりやすくまとめました。

どれも非常に重要な設定です。下記の通り設定して「設定ミス」の無いようにしましょう!

■「AFFINGER6」のインストール手順

初心者でも簡単にできるので、AFFINGER6」を導入して稼げるブログを作りたい方は、ぜひ手順通り進めてみてください。

■ AFFINGER6のインストール(導入)手順
  • ステップ1:AFFINGER6を購入する
  • ステップ2:AFFINGER6をダウンロードする
  • ステップ3:WordPressへアップロード・有効化する

ステップ1:AFFINGER6 を購入する

まずは、こちらをクリックして
 → 『AFFINGER6の公式ページ』 へ進みましょう。

すると以下の画面になるので、少し下にスクロールして下さい。

すると、以下の画像が出てきますので『ご購入はこちら』をクリックしましょう。

次に、『初めてインフォトップをご利用の方はこちら』をクリックします。

そのまま購入手続きを進めて、注文を完了させましょう。

ステップ2:AFFINGER6をダウンロードする

メールが届きますので、メールの下部にある『購入者マイページ』のURLをクリックして、インフォトップにログインしましょう。

ログイン後、画面上部の『注文履歴 ダウンロード』をクリックして次の画面に進みましょう。

『ダウンロード』ボタンをクリックします。

ダウンロードの期限は、購入後「14日間以内」ですので、早めにダウンロードして下さいね。

ステップ3:WordPressへアップロード・有効化する

ダウンロードした『zip』ファイル「ダブルクリック」すると、以下のように5つのフォルダが出てきます。

さらに、『WordPressテーマ』と書かれた「フォルダ」をダブルクリックしてください。

下記の

  • 『AFFINGER.zip』
  • 『AFFINGER-child.zip』

という「2つ」のファイルが出たらOKです。

こちらは一旦このまま放置します。

次に、ご自身の「ワードプレス画面」を開いてログインして、左側メニューの 『外観』→『テーマ』を選び、『新規追加』をクリック

画面上部にある『テーマのアップロード』をクリック。

画面中央の『ファイルを選択』をクリックして、

先程の『AFFINGER.zip』というファイルを選択して、アップロードしましょう。

※ ファイルが表示されない場合は、ファイルを「デスクトップ」に移してからやってみてください。

アップロードが完了したら、同様の手順で左側にある『AFFINGER-child.zip』もアップロードしてくださいね。

すると『AFFINGER』が追加されるので、『WING-AFFINGER Child』と書かれた方だけ『有効化』と書かれたボタンを押してください。

※『WING-AFFINGER』の方は何もしないでOKです。

これで「AFFINGER6」のインストール(有効化)が完了しました。

2:パーマリンクを設定する

WordPress(ワードプレス)管理画面にログインして、下記のように変更すれば完了です。

  1. 『設定』をクリック
  2. 『パーマリンク』をクリック
  3. 『投稿名』を選択
  4. 『 /%postname%/ 』と表示される
  5. 画面下にある『変更を保存』ボタンをクリック

これで変更完了です。

変更を確認

念のため、「パーマリンク」設定されているか記事作成画面で確認してみましょう。

  1. 『投稿』→『新規追加』をクリック
  2. 『タイトル』を入力
  3. 『下書き保存』をクリック
  4.  URLに『タイトル』が表示される
  5.  URLをクリックすると拡大画面が出現

 

『パーマリンク欄』(※上図の「テスト」と表記された箇所)で「文字の編集」ができます。

※上記の「test」のように必ず『ローマ字か英語』に変更しましょう。

 

『ローマ字か英語』にすべき理由…

「パーマリンク」は「わかりやすい」ものにすべき!と、下記のようにGoogleの公式サイトにも書かれています。

引用:Google検索セントラル

■ 英語が苦手な方は…

Google翻訳」を使いましょう!

左側に「日本語」を入力すると、右側に「英語」で自動表示されます。「パーマリンク」の参考にすると便利!

パーマリンクの設定・変更ができない方は…

上記の手順でうまくできない方は、こちらの記事に詳しく書いてあるので確認してみてください。

→ 「パーマリンク」の簡単な変更設定手順(WordPressブログ)

「パーマリンク」の簡単な変更設定手順(WordPressブログ)
「パーマリンク」の変更設定は、ワードプレス(WordPress)ブログの「重要な設定」なので、この記事を読んでちゃんと設定して下さいね。また、パーマリンク設定の変更ができない場合の解決策も紹介します。

 

3:プラグインを設定する

「AFFINGER6」で絶対に入れるべきプラグインはです。

  1. XML Sitemap Generator for Google(旧称:Google XML Sitemaps)
  2. BackWPup
  3. EWWW Image Optimizer
  4. Table of Contents Plus

設定手順は下記になります。

  1. インストールする
  2. プラグインを『有効化』する

1、インストールする

まず、WordPressの管理画面にログインして、『プラグイン名』を入力します。

今回は例として、
『XML Sitemap Generator for Google』と入力し検索しましょう。

『今すぐインストール』をクリックしましょう。

インストール完了したら、最後に『有効化』して終了です。

2、プラグインを『有効化』する

『プラグイン』→『インストール済みプラグイン』をクリックしましょう。

 

下図の通り、プラグインの『有効化』ボタンをクリックしましょう。

まとめ

上記の手順

  1. インストールする
  2. プラグインを『有効化』する

を下記のつのプラグインで行いましょう。

  1. XML Sitemap Generator for Google(旧称:Google XML Sitemaps)
  2. BackWPup
  3. EWWW Image Optimizer
  4. Table of Contents Plus

【注意】All in one SEO Pack は「AFFINGER6」では不要

これまで「無料テーマ」を使っていた方は、「All in One SEO Pack」というプラグインを入れている方が多いと思いますが、「AFFINGER6」には同じ機能が実装されているので「All in One SEO Pack」は不要です。

※「必要のない」プラグインを有効化していると、今後「不具合・バグ」の原因になることがありますので外しておきましょう

4:グーグルアナリティクスを設定する

WordPress(ワードプレス)管理画面にログインして、「AFFINGER6管理」>「Google・広告/AMP」選びましょう。

「アナリティクスコード」欄に、「トラッキングID」(「UA-」 以降の数字)を入力し、保存してください。

Googleアナリティクスの設定はこれだけで完了です。

「グーグルアナリティクス」に「トラッキングID」 が表示されない場合は、こちらの「Google アナリティクス」のヘルプページをご確認ください。

5:サーチコンソールを設定する

→ サーチコンソール

を開いて、左側のメニューの下の方にある「設定」をクリック。

「所有権の確認」をクリック。

「HTMLタグ」をクリック。

下図の「”  ”」で囲まれている(赤線)部分をコピーしてください。

コピーしたら、WordPress(ワードプレス)管理画面にログインして、「AFFINGER6管理」→「Google・広告/AMP」選びましょう。

先ほどコピーした「”  ”」で囲まれている( 赤線 )部分を、「現在のサーチコンソールHTMLタグ」欄にペーストし保存してください。

サーチコンソールの設定はこれだけで完了です。

【注意】「HTMLタグ」が表示されない場合

「サーチコンソール」に上記のように「HTMLタグ」が表示されない場合はこちらの方法をお試しください。

→ サーチコンソールの「HTMLタグ」はどこ?再確認の方法

サーチコンソールの「HTMLタグ」はどこ?「再確認」の方法は?
サーチコンソールに「HTMLタグ」が表示されない場合、こちらの方法で「再確認」できます!お試しください。

【おまけ】Twitterで「アイキャッチ画像」が表示されないときの原因と設定方法

「Twitter」で「ブログ記事」をツイート(投稿)すると、下記のように『アイキャッチ画像』が表示され目立ちます!

※『アイキャッチ画像』は、別名「ブログカード」「Twitterカード」とも呼ばれています

しかし、「AFFINGER6」だと、この『アイキャッチ画像』が表示されない場合があります。その場合は、下記の手順で設定&確認すれば大丈夫です。(1分で簡単に終わります!

Twitterで「アイキャッチ画像」を表示させる設定方法

WordPress(ワードプレス)管理画面にログインして、管理画面にログインして、「AFFINGER6管理」→「SNS」を選びましょう。

「Twitterアカウント@」の欄に、@以下の「あなたの『Twitterアカウント名』」を入力して「save」をクリックすれば完了です。

※『Twitterアカウント名』というのは、こちらの「『@』から始まる文字列」のことです。

「アイキャッチ画像」が表示させるか確認する方法

念のため、Twitterの「アイキャッチ画像」がちゃんと表示されるか確認しましょう。

「Card validator」というWebサイトで確認できます。
 → Card Validator | Twitter Developers

枠内に「ブログ記事のURL」を入力し、「Preview card」ボタンをクリックします。

すると、「Twitter投稿時」の表示イメージが確認できます。(ちゃんと画像が表示されればOKです)

【まとめ】

以上の5つの設定が、「AFFINGER6」の初期設定で必ずやっておくべき【重要】な設定です。

非常に重要な設定なので、今すぐやってみてくださいね!(初心者でも簡単です)

【注意】メタ情報の修正

以前まで別の「WPテーマ」を使用していて今回「AFFINGER6」へ変更した場合、「メタ情報」のデータが消えている場合があります。

記事作成画面を確認して「メタ情報」が消えていないか確認してみてください。

「メタ情報」をご存知無い方はこちらをご覧ください。

→ 「メタ情報」の入力方法

WordPressで記事の「メタ情報」を入力(設定・編集)する方法
WordPressの「メタ情報(メタ説明)」って何を「入力(設定・編集)」すれば良いの…?って方のためにこの記事を作りました!「ワードプレスブログ」では「メタ情報」を入力することで検索からの「アクセス」が期待できますよ。

アドセンス広告設定

既に「アドセンス」合格している方は、こちらの記事を見ながら広告設定してくださいね!

 → アドセンス収益が200%アップする!Affinger広告設定方法

アドセンス収益が200%アップする!「AFFINGER6」広告設定方法
「Affinger6」(旧 AFFINGER5)の「アドセンス広告」設定方法をまとめました!「自動設定」のままの人は、この配置(目次上など…)に変えるだけで収益アップするので試してみてくださいね!

 

 

 

コメント

  1. ちいもり より:

    いつも大変、お世話になってます。

    ツイッターでお礼を言いたかったのですが
    どうもツイは誘惑が多く、脱線してブログ作成線路に
    戻るまでに、時間がかかる事がありまして。。

    考えた結果、こちらでお礼を言ってみよう!
    という結論に至りました。

    ドンピシャでAFFINGERのコトが書いてあり、感謝です。

    今後もよろしくお願い致します。

    • たかはし たかはし より:

      コメントありがとうございます。
      ブログ管理人の高橋です。

      そもそもこの記事を作成したのが
      『AFFINGERのコトで悩んでる人にドンピシャの答えを提供したい』
      からだったので、喜んでいただけて本当に嬉しいです!

      ご丁寧に御礼をいただきありがとうございました!