AFFINGERの使い方

AFFINGER6(アフィンガー)の使い方・入門編【初心者はこれだけでOK】

2021年1月22日

アフィンガーの使い方基本編
悩んでいる人
AFFINGER6を購入してみたんだけど使い方がよくわからない!基本的な使い方だけでも知っておきたいから教えて!

 

このようなお悩みについてお答えします。

 

この記事を書いた人

  • イスさん。ブログ1年目。記事執筆数170本以上
  • ブログ副業収益8.9万円
  • ブロガー・Webライターとして活動中
  • 詳しいプロフィールはこちら / Twitter:@istblog1

 

本記事では、AFFIGNER6の導入を検討している人に向け、記事装飾やアドセンス広告の設置方法など購入後に知っておきたい設定や使い方について解説します。

 

ブロガーに大人気のAFFINGERを、あなたの右腕としてガンガン使いこなすためのサポートになれば嬉しいです。

 

AFFINGER6をお得に導入する方法もお伝えいたしますので、ぜひご覧ください
イス

 

AFFINGER6(アフィンガー)の使い方【記事装飾編】

アフィンガーの使い方基本編

 

記事装飾でよく使われる、記事装飾の使い方をご紹介します。

 

囲い枠(ボックスデザイン)の使い方

囲い枠とは、このように文字が囲われている枠のことをいいます。

 

使い方はとてもカンタン。画面上部にある「マイボックス」をクリックします。

 

マイボックス

 

すると以下のようなコードが出てきますので、囲い枠の中に描きたい文章を書くだけでOKです。

 

囲い枠の書き方

 

囲い枠の色を変更をしたい場合は【bgcolor=ここにカラーコードを入力】するとボックスの色が変更できます。

 

カラーコードは原色大辞典にて確認できますので、見てみてください。

 

ランキング表示の使い方

 

「ランキング表示」はタグ内に入っていますので、選択するだけで簡単に作成することができます。

 

画面上部の「タグ」→「ランキング」から表示可能。

 

ちなみにこんな感じに表示されます。

これが1位です

これが2位です

これが3位です

 

4位以降は自分で作成する必要があるので、コードをコピペして数字部分だけを変更すればOKです。

 

チェックボックスの使い方

 

チェックボックスもタグ内に入っていますので、選択するだけで簡単に作成できます。

 

「ボックスデザイン」「こんな方におすすめ」を選んでもらうと、下記のようなチェックボックスが作れます。

 

こんな方におすすめ

  • ここの文字は
  • 自由に変更できます
  • 何行でも
  • 追加できます

 

ちなみに、チェックボックスは2種類あるのでお好みで、好きな方を使ってみてください。

 

こんな方におすすめ

  • こっちが
  • 2つ目の
  • チェックボックスです

 

チェックボックスの色や形は、カスタマイズから自由に変更可能です。

 

ふきだし画像の使い方

 

まず初めに、吹き出しに使う画像の設定です。

 

WordPressのダッシュボード画面から「AFFINGER管理」「会話・ファビコン等」を選択します。

 

 

「会話風アイコン」という項目があるので、吹き出しに使用したい画像をアップロードします。

 

画像の下に表示させたい文字がある場合は、あわせて入力してください。

 

 

アップロード出来たら、画面下の保存ボタンを押して完了です。

 

アイコンを動かしたい場合は「会話風アイコンを少し動かす」にチェックをして保存してください。

 

チェックを入れるとこんな感じにアイコンが動きます。

悩んでいる人
少し動くよ!

 

 

これで、ふきだしに使用する画像の設定が完了です。

 

続いて、「タグ」→「会話吹き出し」→「会話1」の順番に選択します。

 

 

すると以下のようなタグが出てくるので、吹き出しにしたい文字を入力したら完成です。

 

 

 ふきだしを反対向きにする方法

吹き出しを反対側に表示したい場合はタグの最初のところに半角スペースとrを入力します。

 

 

こんな感じに表示されます!
イス

 

スター(星評価)の使い方

スターの使い方

「タグ」→「その他パーツ」→「スター」の順番に選択します。

ランキング記事や、評価を書きたいときに使うとわかりやすいです。

 

リスト表示の使い方

リスト表示の使い方

「スタイル」→「リスト」の順番に選択します。

箇条書きや、メリット・デメリットを書きたい時に便利です。

  • リストサンプル
  • リストサンプル
  • リストサンプル
  • リストサンプル
  • リストサンプル
  • リストサンプル
  • リストサンプル
  • リストサンプル
  • リストサンプル
  1. リストサンプル
  2. リストサンプル
  3. リストサンプル
  1. リストサンプル
  2. リストサンプル
  3. リストサンプル

 

リストの見た目や色は「外観」→「カスタマイズ」→「オプションカラー」にて変更できます。

 

マーカーの使い方

 

マーカーはエディタの「細マ」を指定の文章へ押下するだけで使えます。

この文章は絶対に読んで欲しい、大事な部分だから伝えたい!という時に使用すると効果的です。

 

しかし、マーカーを使いすぎると、どこが重要なのかわかりにくいうえに、目がチカチカするのでほどほどにしましょう。

 

Googleアドセンス広告を貼る手順【広告設定・表示編】

「AFFINGER管理」→「Google・広告/AMP」のアナリティクスコードを貼り付けます。

Googleアナリティクスの設定

インフィード広告/見出し前広告

インフィード広告と見出し前広告の設定インフィード広告とは、ブログ記事内に自然に溶け込むように設置される広告のことです。

見出し前広告とは、見出しタグ(hタグ)の前に表示される広告のことです。

 

広告を入れすぎると読者に不快感を与える場合もありますので、あまり多くなりすぎないように設定しましょう。

 

僕のおすすめは、インフィード広告は「3」、見出し前は「2番目」です
イス

 

Google自動広告の設定

Google自動広告の設定

Google自動広告の設定は、アドセンス広告を自動に表示してくれる設定のことです。

Googleアドセンスのコードをコピペして保存するだけでOKです。

 

AFFINGER6をお得に導入する方法

イスとブログ限定10特典のご紹介

 

当ブログよりAFFINGER6を導入いただいた方へ、限定特典10個をご用意させていただきました。

当ブログ限定の特典内容

  1. 効率よく記事を書くためのテンプレート(SEO対策有り)
  2. SEO1位を14ワード獲得したテンプレート実用例を公開
  3. 無駄を省く記事執筆法+執筆スピードUPの手順
  4. 他とかぶらないオシャレ画像サイト7つご紹介
  5. 効果的なメタディスクリプションの書き方テンプレート
  6. 収益をあげるためのブログ運営ノウハウ
  7. ブログ開始2週間で初収益を達成した5つの施策を公開
  8. サイトスピード94点の僕が使用中のプラグインリスト
  9. 僕のTwitterにてあなたのブログを拡散ツイート
  10. ブログ記事1本添削
  11. AFFINGER使用サイト例に記事を掲載【被リンク】

すべて無料でプレゼントさせていただいてますので、お得にブログをスタートしてくださいね!

≫ 当ブログ限定特典付きACTION(AFFINGER6)の購入はこちら

 

AFFINGER6のインストール手順がわからない方は、下記記事を参考に進めてみてください。

≫【特典つき】AFFINGER6購入方法とインストール手順を完全解説

 

まとめ:基本をマスターして魅力的な記事を書こう

まとめ

 

AFFINGER(アフィンガー)の使い方・入門編について解説しました。

 

まずは本記事の内容だけ覚えておけば、きっと素敵な記事が書けるはずです。

 

最初は覚えることが多くて大変だと思いますが、少しずつAFFINGERに慣れてレベルアップしていきましょう!

 

今回はここまでです。

    • この記事を書いた人

    イスさん

    ブログ1年目 | ゆるめのフリーランスブロガー | 月1万円稼ぐまでに必要な情報をわかりやすくまとめています

    -AFFINGERの使い方