「AFFINGER6」初期設定を30枚の画像で初心者にも分かりやすく解説

ブログ

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

どれも非常に重要な設定なので、今すぐやってみてくださいね!

 

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

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

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

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

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

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

 

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

 

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

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

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

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

 

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

 

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

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

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

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

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

下記の『AFFINGER6-child.zip』と『AFFINGER6.zip』という「2つ」のファイルが出たらOKです。
こちらは一旦このまま放置します。

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

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

 

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

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

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

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

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

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

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

WordPress(ワードプレス)管理画面にログインして、左側にあるメニューの「設定」→「パーマリンク設定」を選びましょう。

【重要】「カスタム構造」に変更

下図のように変更しましょう。

  1. 『カスタム構造』にチェックを入れる
  2. 空欄に『 /%postname% 』と入力
  3. 画面下にある『変更を保存』ボタンをクリック

変更を確認

念のため、「パーマリンク」設定されているか確認しましょう。

左側メニューの『投稿』→『新規追加』をクリックします。

 

下記の画面が表示されます。

 

「空欄」に「①文字を入力」し、画面を下にスクロールして「下書き保存」をクリックすると、「②パーマリンク」が出現します。

 ※この「空欄」は「記事のタイトル」を入力する場所になります

 

『編集』ボタンをクリックしましょう。

 

『編集』をクリックすると、下図のように「文字の編集」ができるようになりますので、必ず『ローマ字か英語』に変更して下さい!【重要】

 ※上記の「test」のように『ローマ字か英語』に変更できれば、設定完了です!

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

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

出典:Googleヘルプより

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

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

  1. Google XML Sitemaps
  2. Akismet Anti-spam
  3. BackWPup
  4. TinyMCE Advanced
  5. EWWW Image Optimizer
  6. Table of Contents Plus

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

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

1、インストールする

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

今回は例として、
『google XML Sitemaps』と入力しましょう。

『今すぐインストール』をクリックしましょう。
(※上図は「今すぐ更新」ですが、『今すぐインストール』と表示されます

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

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

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

 

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

【注意】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」の初期設定で必ずやっておくべき【重要】な設定です。

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

アドセンス広告設定

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

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

 

 

 

コメント

  1. ちいもり より:

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

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

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

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

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

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

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

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

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