ブログ運営 アフィンガー4

AFFINGER4の機能を「全部」説明:7ヶ月目の体験談(WPブログテーマ)

投稿日:2017年10月20日 更新日:


AFFINGER4

 

こんにちは。

AFFINGERが大好きな美智也です。w

 

これからWordPressブログを本格的に始めようとするとき、

どのテーマにするかかなり迷いますよね。。。

 

もう本当にいろんなテーマがあります。

 

そして最近話題のAFFINGERは。。。

 

問題解決
絶希
このAFFINGERがすごい気になる。。。

 

本当に良いテーマなの?失敗したくない。。。
女性 悩み相談
暗陽

 

この記事ではAFFINGER4 Proの機能を「全部」説明しています。

 

自分の体験が少しでも参考になってくれたら

本当に嬉しいです。

 

目次

 

はじめに、このAFFINGER記事についての注意点

「全部」説明すると書いてますが、

あくまでも自分がAFFINGERを利用してみて

本当に役に立っている機能を紹介しています

 

そして2017年10月19日現在、

AFFINGER4 Proについて説明しています。

 

美智也が利用しているAFFINGER4 Proのバージョン

2017年10月20日現在、

AFFINGER4Exのバージョンを利用しています。

(Version:20170922)

 

AFFINGER4

 

AFFINGER4 Proと根本は同じですが、

少し「特別版」的な感じのバージョンです。w

 

AFFINGER4Exの機能は今のところ

「秘密」にしないといけません。w

 

通常版よりいくつか特別な機能が施されています!

最高です!w

 

なのでこの記事では通常版の機能を説明していきます。

 

AFFINGER4Exが気になる方は、

後ほど、どこで入手できるかについて記しています。

 

そしてAFFINGER4 Proにしか対応していない

プラグインも利用しています。

もちろんそれらについても説明していきます。

 

AFFINGER4 Proの基本的な機能の説明

AFFINGER4 Proのメリット

AFFINGER4 Proの1番の特徴は

「コードを知らなくてもウェブデザインのカスタマイズが

かなり自由自在にできる」というところです。

 

それなりにブログの見た目でこだわりたい方におすすめのテーマ。

 

あと、複数のブログでこのテーマを利用できます。

(複数ブログでは利用できない有料テーマもあります。)

 

そして間違いなくSEO(検索エンジン最適化)に強いです。

 

なんでそんなにカスタマイズが便利にできるの?
女性 悩み相談
暗陽

 

問題解決
絶希
なんでそんなにSEOに強いの?

 

と疑問に感じる方は多いはずです。

 

それは、AFFINGER4 Proのテーマの作成者が凄いからです。

 

ENJIさんという方です。

 

AFFINGER4 Proのバックグラウンド

AFFINGER4

 

詳しい素性は知りませんが、

ウェブ関連のお仕事をしており、

SEO・ウェブマーケティング・サイトデザイン作成など

の技術に熟練している方です。

 

ENJIさんはENJILOGというブログを運営しています。

 

AFFINGER4

 

AFFINGER4

 

数年前にSTINGERという無料WordPressテーマをリリースしました。

 

そしてENJIさんはこの無料テーマをユーザーの声を基に、

改善していきました。

 

いずれはAFFINGERを公開しました。

 

そして去年(2016年)にAFFINGER4 Proという完全に有料の

WordPressテーマが発表されました。

 

自分はすぐに購入してしまいました。w

 

なんか「あ、これだな!」という強い直感がありました。

 

こういう直感は本当に大事です。

 

そして本格的にAFFINGER4 Proの利用を始めたのは

2017年3月15日です。

 

この記事を書いてる現在、

このテーマを利用して7ヶ月が経ちます。

 

とても満足しています。

 

ENJIさんのブログをちゃんと読めば分かりますが、

本当に凄い方です。

 

AFFINGER4 Proのデメリット

デメリットは、

WordPressの完全初心者にとっては

最初は少しめんどくさいかもしれません。

 

コードを知らなくてもいいとは言え、

WordPressは決して簡単ではないです。

AFFINGERも決して扱うのが簡単なテーマではないです。

 

でも慣れれば、

そこまでハードルは高くないです。

 

AFFINGER専用のマニュアルはありますし、

このブログでも初期の導入について説明しています。

 

AFFINGER4

 

AFFINGER4管理で「マニュアル」へのリンクがあります。

 

そしてネット上にたくさんカスタマイズ法などの情報もあります。

 

ENJIさんはかなり頻繁にアップデートして

AFFINGERテーマを改善してくれるんですが、

これがいつまで続くかは分かりません。。。

 

アップデートのお知らせはTwitterを頻繁にチェックすることを

強くオススメします。

@WPSTINGER

 

今のところは一度購入すれば

無料でアップデートできるんですが、

それもいつまで。。。

 

最悪、ENJIさんがなんらかの理由で

「もうAFFINGERをアップデートしない」

ということはありえます。未来はどうなるか誰にも分かりません。

 

でもそれはどのテーマでも同じなので。。。

 

そしてAFFINGERはちゃんとした会社、

株式会社オンスピードとして、

このWordPressテーマを販売しています。

 

AFFINGER4

 

なのでそこまで心配することはないですが、

最悪の事態も起こりうるということを

頭の片隅に入れておいてください。。。

 

一般的な無料テーマではできないカスタマイズ(AFFINGERでしかできない)機能の説明

まず、

ブログで大事な記事作成。

 

ウェブデザインのカスタマイズは大事ですが、

記事のコンテンツを優先した方がいいです。

 

なぜなら、

Googleの検索エンジンは

ブログのデザインとかをそんなに見てないからです。

 

優先してるのは

「検索するユーザーに有益な情報を与える」ことです。

要するにコンテンツです。

 

もちろんカスタマイズは大事です。

それは否定しません。

 

でもWordPressブログを初めて導入するとき、

カスタマイズに時間をかけすぎないことに注意してください。

 

最優先するのは「読者に有益な情報を与える」です。

 

AFFINGER4 Proで記事作成の特に注目すべき点は「スタイル」です。

 

AFFINGER4

 

このスタイルのタブを開くと、

いろんなことが選べます。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

結構あります。w

 

 

普通の無料テーマではこれは無いです。

 

自分がよく利用しているのは

「黄色ボックス」「薄赤ボックス」「グレーボックス」

です。

 

例えば箇条書きを赤いボックスで囲んで、

分かりやすくしたい場合があるとします。

 

AFFINGER4

 

赤いボックスで囲みたいコンテンツを先にハイライトします。

 

AFFINGER4

 

スタイルをクリックします。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

完成!w

 

黄色ボックスやグレーボックスも同じ手順でやれば、

簡単にボックスが作れます。

 

AFFINGER4

 

AFFINGER4

 

ちなみにそのボックスを外したい場合は

文字をハイライトした状態で、

もう一度クリックすれば外れます。

 

AFFINGER4

 

元に戻ります。

 

AFFINGER4

 

あと「引用風ボックス」も便利です。

 

AFFINGER4

 

AFFINGER4

 

他にもいろいろありますが、

自分は主に上記の機能をよく利用しています。

 

2017年12月追記:

最近はもう少し使うようになりました。

 

AFFINGER4

 

例えば、

注意マークが便利です。

 

AFFINGER4

 

クリックすると青い線が表示されます。

 

AFFINGER4

 

そこで記事での注意点を書きます。

 

AFFINGER4

 

そして「プレビュー」してみると。。。

 

AFFINGER4

 

AFFINGER4

 

注意マークが表示されます。

 

「はてな」、「人物マーク」、「チェックマーク」、

「メモマーク」もそれなりに活用し始めました。

 

AFFINGER4

 

(ちなみに先に文字を書いて、

それをハイライトしてからスタイルを選ぶこともできます。)

 

AFFINGER4

 

それぞれのアイコンの色はカスタマイザーで変更可能です。

 

AFFINGER4

 

「オプションカラー」の項目を選びます。

 

AFFINGER4

 

AFFINGER4

 

基本的に他のスタイルの色のカスタマイズはここです。

 

他のボックスで好きな色に設定することも可能です。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

ちょっと見えにくいですが、

文字を「ボックス」が囲みます。

 

でも記事ではちゃんと表示されます。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

ulタグのボックスも同じ手順です。

違うのは箇条書きのを選ぶことです。

 

というより、

これらのボックスの使い方は本当に自由自在です。。。

別に数字ボックスは

絶対に数字を使わないといけないという訳ではないです。w

 

本当にあなたの好みとアイデア次第です。

 

こういうボックスを上手く活用すると、

ただ文字が羅列してるよりは、

記事が「見えやすく・読みやすく」なります。

 

あと、

タグの方に「メモボックス」というのがあります。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

このメモボックスの色も変更可能です。

 

そして「まとめ専用のhタグ」というのがあります!

個人的にはこれ好きです。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

このまとめタグの色はカスタマイザーの

「各テキストとhタグ(見出し)」

の設定で変更可能です。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4 Proの見出し付きフリーボックス

タグで「見出し付きフリーボックス」というのがあります。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

このフリーボックスももちろん色を変更可能です。

 

そして例えばトップページのサイドバーに

この見出し付きフリーボックスを

挿入したい場合は。。。

 

AFFINGER4

 

AFFINGER4

 

(別に隠す必要はないと思いますが、一応w)

 

上記のコードをコピーし、

カスタマイザーを開きます。

そして「ウィジェット」→ここでは「サイドバートップ」

作成したフリーボックスを入れます。

 

新しい「テキスト」ウィジェットを選び、

好みの場所に動かします。

そしてコードをペーストしたいので、

「テキスト」エディターを選択します。

 

AFFINGER4

 

少しスクロール・ダウンして、

コピーしたコードをペーストします。

 

AFFINGER4

 

そしてサイドバートップを見てみると。。。

 

AFFINGER4

 

ちゃんと表示されます。

ウィジェットを挿入できる場所なら、

どこでも応用可能です。

 

AFFINGER4 Proのブログカードは便利

(「クレイジーハッカーの日常」は自分の別のサンプルブログです。w

こっちはAFFINGER4 Proの通常版です。)

 

AFFINGER4

 

「ブログカード」をクリックすると、

ショートコードというのが出てきます。

 

AFFINGER4

 

次にリンクしたい記事のidを確認する必要があります。

 

投稿一覧をクリックします。

 

AFFINGER4

 

AFFINGER4

 

リンクしたい記事の上にカーソルをかざします。

 

AFFINGER4

 

画面の左下に投稿記事のidが出てきます。

固定ページでも同じ手順です。

 

自分が選んだ記事のidは「5」です。

この数字を先ほどのショートコードに記入します。

 

AFFINGER4

 

そしてプレビューしてみると。。。

 

AFFINGER4

 

AFFINGER4

 

ブログカードが出来上がります!

(画像はアイキャッチを設定してないと表示されません。)

 

AFFINGER4

 

このブログカードの良いところは、

記事のタイトルを後から変更しても、

全てのブログカードのタイトルが変わってくれます

 

全てのブログカードのリンクを一つ一つ変更しなくていいのは

非常に助かります。。。

 

AFFINGER4 Proでの会話風アイコン

AFFINGER4

 

「会話A」をクリックすると。。。

 

AFFINGER4

 

AFFINGER4

 

先にアイコンの画像を設定する必要があります。

AFFINGER4の専用管理画面に行きます。

(新しいタブで開きます。)

 

AFFINGER4

 

AFFINGER4

 

少しスクロール・ダウンして

「その他の設定」に行きます。

 

AFFINGER4

 

「会話風アイコン」の項目にジャンプします。

 

AFFINGER4

 

「アイコン画像1」に自分の好みの画像を設定します。

 

自分は正方形の100pxの画像を利用します。

 

AFFINGER4

 

名前は絶希(ぜっき)君です。w

優しくしてあげてください。w

 

会話風1の「アップロード」をクリックします。

 

AFFINGER4

 

「ファイルをアップロード」をクリックします。

 

AFFINGER4

 

アップロードしたい画像をドラッグ・アンド・ドロップします。

 

AFFINGER4

 

「投稿に挿入」をクリックします。

 

AFFINGER4

 

そして会話風の画像がアップされます。

 

AFFINGER4

 

少しスクロール・ダウンして、

「save」をクリックすれば設定が保存されます。

 

AFFINGER4

 

AFFINGER4

 

先ほどの記事に戻ります。

 

会話風1に言って欲しいことを記入します。

 

AFFINGER4

 

プレビューしてみます。

 

AFFINGER4

 

会話風アイコンを右側に表示することも可能です。

 

AFFINGER4

 

数字のあとに「半角スペース」と「半角r」を記入すれば、

アイコンが右側に表示されるようになります。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4 Proでのカラム変更

AFFINGER4

 

このカラム変更は本当に便利。

大好きです。

 

投稿記事と固定ページで活用できます。

 

通常のサイドバーが欲しい場合は

「レイアウトをリセット」するでオッケーです。

デフォルトでそうなってます。

 

AFFINGER4

 

1カラムに変更することも可能です。

 

AFFINGER4

 

AFFINGER4

 

サイドバーが無くなります。

ただトップのヘッダー画像を全てのページに公開してる場合、

それは表示されます。

(AFFINGER4の専用管理画面のヘッダー項目で設定を変更できます。)

 

AFFINGER4

 

完全なランディング・ページにしたい場合は

「LP化する」を選びます。

 

AFFINGER4

 

AFFINGER4

 

ヘッダー画像は完全に無くなり、

ランディング・ページになります。

 

同じブログでも、

いろんな用途で使えるんです!

 

自分の場合は普通の記事はサイドバーありで、

「長文ノウハウ系の記事」や「深い記事」

は余計なものが欲しくないから1カラムにしてます。

 

そして売りたいものや完全アフィリエイト専門の記事は

LP化してます。

 

AFFINGER4 Proでのindex、followの設定

AFFINGER4

 

これも投稿記事と固定ページで設定可能です。

 

デフォルトは「index, follow」です。

 

indexは「検索エンジンに登録されるかどうか」の用語です。

followは簡単に説明すると

「検索エンジンのロボットがリンクを辿るかどうか」の設定です。

 

そのままにしておけば普通に検索エンジンに登録されます。

(他の初期設定もちゃんとやってれば。)

 

でも全ての記事を検索エンジンに登録して欲しいとは限りません。

 

あまりにもコンテンツ量が少なすぎる記事や質の低い記事は

逆にインデックスされると困ります。

SEO的にマイナスです。

 

なので例えばサンプルページやテストページなどは

「noindex, nofollow」に設定するのが無難です。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

これでこのサンプルページは絶対に検索エンジンに登録されません。

 

要するに、

このページでどんなにくだらないことを書いても、

SEOに影響しないということです

(基本的な話。w あまりふざけすぎない方がいいです。w)

 

あとカテゴリーにコンテンツが無い場合、

そっちもnoindex, nofollowにするのが無難です。

 

AFFINGER4の専用管理画面で設定できます。

 

AFFINGER4

 

AFFINGER4

 

「カテゴリーをindexしない」のボックスにチェックを入れておけば、

カテゴリーページは検索エンジンに登録されません。

 

逆にカテゴリーページで説明をしている場合、

それは立派なコンテンツとなるので

上記のボックスのチェックを外すのがいいかもしれません。

 

あなた自身のブログでの適切な判断をしてください。

 

これだけに限らず、

設定を変更したら「save・保存」をクリックすることを忘れずに。

 

AFFINGER4 Proでのtitleタグ、メタキーワード、メタディスクリプション

AFFINGER4

 

投稿記事と固定ページの下に上記のような項目があります。

 

これもAFFINGER特有の機能です。

 

無料テーマで「メタキーワード」の項目がある場合があります。

 

titleタグは検索エンジンで表示させたいタイトルを選択できます。

そして記事の元のタイトルはブログでそちらが表示されます。

 

例えば。。。

 

AFFINGER4

 

titleタグの欄に記述したいタイトルを記入します。

そちらが検索エンジンで優先されます。

 

元のタイトルは「サンプルページ」です。

 

AFFINGER4

 

プレビューしてみると。。。

 

AFFINGER4

 

「まだAFFINGER買ってないの?」が検索結果で表示されます。

 

投稿記事の場合、

元のタイトルが一覧で表示されます。

 

AFFINGER4

 

AFFINGER4

 

これは正直、

自分はあまり活用してないです。。。

 

でも人によってはそれなりに活用できる機能かもしれません。

 

同じ内容でも、

ブログでのタイトル表示と検索エンジンでのタイトル表示を

別々にしたい人におすすめです。

 

メタディスクリプションはSEO的にあまり意味がないという人が

いるみたいですが、

自分は少しだけ効果を感じています。

 

AFFINGER4

 

設定しておいて損はないです。

 

これはその記事での「主要キーワード」を記入します。

検索エンジンに「特にこれらのキーワードに注目して!!!」

的なメッセージです。w

 

この投稿記事では「クレイジー」と「実験」がメインキーワードです。

 

AFFINGER4

 

AFFINGER4

 

複数のキーワードがある場合は半角英字のカンマ「,」で区切ります。

 

メタディスクリプションは検索結果で表示される説明文です。

 

AFFINGER4

 

AFFINGER4

 

その記事について、

検索結果を閲覧してる読者に伝えたいことを記入します。

 

AFFINGER4

 

(これは悪い例です。w)

 

AFFINGER4 Proのランキング機能

AFFINGER特有のランキング機能があります。

 

AFFINGER4

 

ただ自分は全く使ってません。w

 

アクセスが大量にあれば役に立つんだろうけど。。。

 

最初からランキング・ページを作成するとなんか微妙なんですよね。。

自分自身、

ランキング形式の記事から購入することはほぼ無いですし。。。

 

あとはもうあなたの好みです。

 

AFFINGER4 Proのその他の設定

今のところ、

「コピー防止」「AMP対応」「リダイレクトURL」

など他にもいろいろ細かい機能があります。

 

AFFINGER4 Proはとにかく「細かい」です。

 

細かすぎるのが苦手な人は向いてないかも。。。

 

でも「自分の強いこだわりがある!!!」的な人はもう

AFFINGER4 Proで超楽しめます。w

 

AFFINGER4 Pro専用管理画面での設定

AFFINGER4管理

上記でも述べたように、

AFFINGER4 Proには専用の管理画面があります。

 

とにかく細かい設定が可能です。。。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

自分はほとんど何も変えてないです。www

 

でも、

後から細かい設定ができる」と知ってるだけでも心が安らぎます。

 

自分はかなりこだわりが強いので。。。

ただ今は

特にコンテンツの作成に集中してるとるだけというか。。。

 

AFFINGER4 Proの一つ大きなデメリットは

カスタマイズにハマったらちょっと時間を無駄にしてまう

ところかもしれません。

 

カスタマイズはほどほどにして、

記事の執筆に集中することをオススメします。。。

 

美智也が思うAFFINGER4 Proでの大事な初期設定

あくまでも自分が大事だと思ってる設定について述べます。

 

設定項目がかなりあるので、

特にWordPressの初心者はかなり戸惑うかもしれません。

 

なので自分の最低限の設定を知れば、

効率良くブログ運営を始められるはずです。

 

ここでの設定は絶対、人によって変わってきます。

あくまでも参考にしてください。

 

先に:設定を変更したら「save」をクリックするのを忘れないように!

設定を変更しても「save」ボタンをクリックしなかったら、

変更が保存されません。

 

全ての「save」ボタンは連動しています。

 

AFFINGER4 Pro:「サイト全体の設定」でのh1の設定(タイトル)

AFFINGER4

 

AFFINGER4

 

少しスクロール・ダウンすると「ヘッダー設定」の項目があります。

 

AFFINGER4

 

基本的にトップページのh1タグはサイト名が望ましいです。

なのでこのボックスにチェックを入れておきます。

 

例えば「クレイジーハッカーの日常」のブログは

「クレイジー」と「ハッカー」をビッグワードに設定してあるので、

それらをh1タグとして設定しておきます。

 

h1タグは簡単に言うと

「検索エンジンに知って欲しいメイン・キーワード」です。

 

もちろんメインのキーワードをキャッチフレーズに入れてる場合は、

チェックを入れない方がいいかもしれません。

 

雑記ブログの場合はこの設定はそこまで神経質になる必要はないです。

 

AFFINGER4 Proのサイドバーでの新着記事の設定

AFFINGER4の基本管理画面で

「トップページの設定」をクリックします。

 

AFFINGER4

 

AFFINGER4

 

「記事一覧」の項目まで少しスクロール・ダウンします。

 

AFFINGER4

 

ここで人それぞれ、好みの設定をできるんですが。。。

 

自分は「抜粋は非表示」に、

そしてトップページでは新しい記事は表示されているので、

「サイドバーの新着記事一覧は非表示」にしています。

 

AFFINGER4

 

個別の記事ではサイドバーに新着記事一覧が

表示されるように残しています。

 

AFFINGER4

 

AFFINGER4 Proでのおすすめ記事一覧の作成

AFFINGER4

 

AFFINGER4

 

文字・どの記事を表示させたい・どのページなどの

設定が可能です。

 

自分のブログでの表示では下記の感じです。

 

AFFINGER4

 

AFFINGER4 ProでのSNS設定

AFFINGER4

 

AFFINGER4

 

自分はSNSのボタンは別のプラグインを好んで利用しています。

 

なのでAFFINGERのデフォルトのSNSボタンは非表示にしています。

 

AFFINGER4

 

ちなみにAFFINGER4 ProのデフォルトのSNSボタンは下記の感じです。

 

AFFINGER4

 

SNS Count Cacheのプラグインを有効化すると、

上記のボタンでシェア数が表示されます。

 

シンプル表示にすることも可能です。

 

AFFINGER4

 

AFFINGER4

 

こちらの表示では数字は一切表示されません。

 

AFFINGER4 ProでのSEO関連設定

AFFINGER4

 

AFFINGER4

 

ここでは上記の記事での

titleタグ・メタキーワード・メタディスクリプションと同じように、

ブログのトップページのも設定しておきます。

 

そしてパンくずの文字も変更可能です。

 

AFFINGER4

 

(悪い例です。w)

 

AFFINGER4

 

AFFINGER4

 

(悪い例です。w

大事なことなので2回言いました。w

ENJIさんのマネです。w)

 

AFFINGER4 Proでのアイコン・ファビコン設定

AFFINGER4

 

AFFINGER4

 

ファビコンとはタブのロゴのことです。

 

AFFINGER4

 

AFFINGER4

 

ファビコンは下記のサイトで作成しています。

ファビコン作成 favicon.ico 無料で半透過マルチアイコンが作れます

 

apple-touch-iconも設定しておくのが無難です。

 

AFFINGER4

 

自分はiPadを持ってるんですが、

自身のブログのアイコンは下記のような感じになります。

 

AFFINGER4

 

「その他の設定」で少しスクロール・ダウンすると。。。

 

AFFINGER4

 

ここで「ウィジェットにショートコードを使用する」の

ボックスにチェックを入れるのが無難です。

 

AFFINGER4

 

これを設定しておくと、

ウェジェット内でもショートコードが利用できます。

(後ほど、カスタマイザーの項目で触れます。)

 

AFFINGER4 Proの投稿・固定記事設定

AFFINGER4

 

AFFINGER4

 

自分は投稿日と更新日の両方が表示されているのが好きです。

 

AFFINGER4

 

AFFINGER4

 

更新日だけの表示にしたいのであれば、

そのボックスのチェックを外してください。

 

あと基本的にブログでのコメント欄は

非表示にするブロガーがほとんどです。

(無料テーマでもこの設定は変更可能ですが、一応。)

 

AFFINGER4

 

少しスクロール・ダウンすると、

「投稿の関連記事」についての設定があります。

 

AFFINGER4

 

自分は投稿の関連記事は自動ではなくて選びたいので、

チェックを入れてます。

 

自動で関連記事を表示させたい場合はチェックを外してください。

 

AFFINGER4 Proのヘッダー画像設定

AFFINGER4

 

AFFINGER4

 

自分は基本的に全てのページにヘッダー画像を表示させたいので、

「下層ページにもヘッダー画像を表示する」にチェックを入れています。

 

AFFINGER4

 

AFFINGER4

 

ヘッダー画像を表示させたくない場合は上記で書いたように、

記事をLP化してます。

 

AFFINGER4 ProのYouTube背景デザイン

AFFINGER4ではウェブページの背景を

好きなYouTube動画に設定することが可能です。

 

AFFINGER4Exだけでなく、

通常版で設定可能です。

 

AFFINGER4の専用管理画面に行きます。

 

AFFINGER4

 

「トップページの設定」をクリックします。

 

AFFINGER4

 

AFFINGER4

 

その項目に飛んだら、

「YouTube背景」のところまで少しスクロール・ダウンします。

 

AFFINGER4

 

ここでYouTube背景を設定することができます。

 

背景にしたい動画のIDを取得する必要があります。

 

YouTubeにアクセスします。

 

2017年12月現在、

自分のブログのトップページの背景は

Eminemというアーティストの最新シングル、

「Walk On Water」という曲の静止画を選んでいます。

 

AFFINGER4

 

AFFINGER4

 

URLをクリックします。

(ここではブラウザーはSafariを利用しています)

 

AFFINGER4

 

「v=」のあとの英数字がこのYouTube動画のIDです。

それをコピーします。

 

AFFINGER4

 

そしてAFFINGER4の管理画面に戻って、

コピーしたIDを指定の場所にペーストします。

 

AFFINGER4

 

「トップページ(PC)の背景でYouTubeを流す」

にチェックを入れないと、

動画は表示されません。

 

AFFINGER4

 

そして自分は関連動画は非表示にしたくて、

NOW PLAYのリンクも表示させるように設定してあります。

 

AFFINGER4

 

そして「save」を押します。

 

AFFINGER4

 

そして「サイトを表示」してみると。。。

 

AFFINGER4

 

AFFINGER4

 

背景に表示されます。

 

ちなみに自分のサブサイトではテストで

下記のような感じに仕上げました。

 

AFFINGER4

 

もちろんこれらがAFFINGER4 Proで存在する全ての機能ではないです。w

あくまでも自分が利用している設定です。

 

美智也のを参考にしつつ、

あなたに合う設定を見つけてください。

 

AFFINGER4 Proのカスタマイザーでの設定

AFFINGER4 Proカスタマイザー

AFFINGER4

 

AFFINGER4

 

設定を変更したら、

「保存して公開」をクリックするのを忘れないように。

 

AFFINGER4

 

AFFINGER4 Proでのサイト基本情報

ちなみにこの美智也ブログではこちらのカスタマイザーでも

ファビコン・アイコンを設定してあります。念のため。

 

AFFINGER4

 

AFFINGER4

 

ここでサイトのタイトルとキャッチフレーズも設定してます。

 

AFFINGER4

 

AFFINGER4 Proでのヘッダー画像

AFFINGER4

 

AFFINGER4

 

ここで自分の好みのヘッダー画像を設定できます。

 

これは大体どのテーマでもできる機能ですが、

それなりに大事なので記述しておきました。

 

AFFINGER4 Proの各テキストとhタグ(見出し)

AFFINGER4

 

AFFINGER4

 

ここでは記事タイトルや見出し(hタグ)の細かい設定が可能です。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

ここでかなり細かいカスタマイズが可能です。。。

 

自分は基本、シンプルのままです。w

 

記事タイトルのフォントサイズは適切な大きさにするのが

けっこう大事です。

 

AFFINGER4

 

AFFINGER4

 

良いと思うフォントサイズを見つけてみてください。

 

H2タグの色などの設定はしておきましょう。

 

AFFINGER4

 

AFFINGER4

 

H3タグもカスタマイズしておいて利用することがおすすめです。

 

AFFINGER4

 

AFFINGER4

 

Hタグは見た目だけでなく、

SEO的にもそれなりに重要です。

 

自分はH4とH5タグは全く利用してません。

 

記事のタイトルの上に表示される

カテゴリーの色などをカスタマイズできます。

 

AFFINGER4

 

投稿日時とパンくずの色などもカスタマイズ可能です。

 

AFFINGER4

 

リンクの上にカーソルをかざした時の色の設定も変更可能です。

 

AFFINGER4

 

自分はあまりカスタマイズの設定を変えてません。w

 

シンプルなデザインが好きという理由は大きいんですが、

テーマをアップデートする時に

カスタマイザーの設定が全部リセットされてしまうので、

ちょっとめんどくさいんですよね。。。

 

 

自分も子テーマ(後ほど説明)をまだ利用してなかったので、

尚更です。。。

 

AFFINGER4 Proのオプションカラー

AFFINGER4

 

ここでもいろんなカスタマイズが可能です。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

サイドバーのおすすめ記事と番号の色をカスタマイズできます。

 

AFFINGER4

 

「トップに戻るボタン」もカスタマイズできます。

 

AFFINGER4

 

AFFINGER4 Proのウィジェット

AFFINGER4

 

ウィジェットの項目が多いです。w

 

AFFINGER4

 

無料テーマはだいたい下記だけです。

 

AFFINGER4

 

「サイドバートップ」では自分のプロフィールなどを掲載しています。

 

AFFINGER4

 

AFFINGER4

 

サイドバーウィジェットもあります。

 

AFFINGER4

 

AFFINGER4

 

サイドバートップとサイドバーウィジェットがなんで

分かれてるのかは未だによく分かりません。w

 

確かになんか理由があるんですけど、

忘れました。w

 

自分は「トップページの下部ウィジェット」を利用しています。

 

AFFINGER4

 

AFFINGER4

 

先ほど「ウィジェット内のショートコードを有効」にしたのは

ここで役に立ちます。

 

AFFINGER4

 

ウィジェット内にショートコードを記入すると、

上記のようにブログカードを表示できます。

 

投稿記事と固定ページでもウィジェット・エリアがあります。

 

AFFINGER4

 

AFFINGER4

 

ここでも結局そんなにカスタマイズしてないです。w

あなたに合うカスタマイズをしてください。

 

AFFINGER4 Proのアップデート

今のところ、

AFFINGER4 Proは月に1回程度のアップデートがあります。

 

どんどん機能が改善されていってます。

 

テーマを「楽に」アップデートするプラグインも

無料で用意されています。

 

AFFINGER4

 

詳しい記述はAFFINGERのサイトに書いてあるので

そこまで詳しく書かないですが。。。

 

新しいテーマをインストールして有効化すると、

「入れ替え」が起きます。

 

そして古いバージョンの名前は変更されて保存されます。

もちろん古いのを削除することも可能です。

 

AFFINGER4

 

正直、自分は仕組みについてはよく分からないです。w

 

ただテーマのアップロードが楽なのは間違いないです。w

 

もちろんAFFINGER4 Proを購入しないと、

このプラグインは手に入りませんし、

使えません。。。

 

AFFINGER4 Proの子テーマ

特にカスタマイズを多めにする人は子テーマは必須

自分はまだAFFINGERの親テーマしか利用してません。w

 

子テーマを導入しないといけませんね。。。

自分もよく分かってませんでした。w

 

上記でも書いてあるように、

子テーマを利用しないとアップデートするときにカスタマイズが

全てリセットされてしまいます。

 

参考記事:

【AFFINGER4カスタマイズ】初心者でも分かる、子テーマが必要な理由と導入方法【第0回】

 

自分は今のところは

ほんの少ししか変更してないからまだいいですが。。。w

次回アップデートするときにちゃんとやります。w

 

AFFINGERを購入すると子テーマはついてきます。

他にもセンスが良い子テーマが販売されています。

 

AFFINGER4

 

追記:2017年10月30日、子テーマを導入

やっと子テーマを導入しました。w

 

AFFINGER4

 

2017・10・10バージョンの新しい子テーマが出たので、

タイミング的にちょうど良かったです。w

 

これで今後、

新しいアップデートされたテーマをインストールしても

いちいちカスタマイズがリセットされないで済む(はずw)。

 

AFFINGER4 Proの専用プラグイン

AFFINGER4でしか利用できない専用のプラグイン

AFFINGER4 Proには専用の

有料プラグイン(無料も)がいろいろあります。

 

ここでは自分が購入して利用している

AFFINGER系のプラグインについて書きます。

(特典でもらったプラグインもあります。)

 

AFFINGERタグ管理マネージャー

AFFINGERタグ管理マネージャーは簡単に説明すると、

リンクのクリック率などを計測できる機能を持ったプラグインです。

 

AFFINGER4

 

AFFINGER4

 

「新規追加」で新しいリンクを作成できます。

 

AFFINGER4

 

(もう既に作成しているリンクで説明します。)

 

「編集」をクリックします。

 

AFFINGER4

 

AFFINGER4

 

少しスクロール・ダウンすると。。。

 

AFFINGER4

 

上記の画像で書いてあるように、

計測できるリンク・タイプは<a href="http(s)://~">のみです。

 

アフィリエイト・リンクはもちろん、

普通のリンクも計測できます。

 

普通のリンクの場合はテストページか何かでリンクを作ります。。。

 

AFFINGER4

 

デフォルトは「ビジュアル」で表示されてるんですが、

「テキスト」に移ります。

 

AFFINGER4

 

それでコードが表示されるので、

それをコピー・アンド・ペーストすれば簡単にタグを作成できます。

 

AFFINGER4

 

細かい注意事項は商品の説明ページに載ってます。

ここでは必要最低限の設定などについて記述しています。

 

ちゃんと計測するにはまずは「パーマリンクの設定を更新」

する必要があります。

 

「設定」→「パーマリンク設定」に移ります。

 

AFFINGER4

 

AFFINGER4

 

少しスクロール・ダウンして、

「投稿名」をチェックした状態で

「変更を保存」をクリックします。

 

AFFINGER4

 

次は「クリック計測」→「設定」をクリックします。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

(設定方法は商品ページで読めます。)

 

設定が完了したら「送信」をクリックします。

 

AFFINGER4

 

これで計測が開始します。

 

作成したタグのショートコードを記事に載せるだけで

リンクが有効になります。

 

AFFINGER4

 

作成したリンクがクリックされると、

ログで記録されます。

 

AFFINGER4

 

例えば今日、

この記事を作成している今朝のログは下記の通りです。

 

AFFINGER4

 

クリックされた日時が記録されます。

 

AFFINGER4

 

クリックされたリンクが分かります。

 

AFFINGER4

 

リンクがクリックされたページも分かります。

 

AFFINGER4

 

そのページのURLも表示されます。

 

AFFINGER4

 

クリックした人のパソコンかタブレットかスマホの

OS・IP・ホストも記録されます。

 

AFFINGER4

 

(もちろんこれらの情報は自身のブログ・ビジネスの改善のためだけに

利用しています。厳密に情報を保護しています。)

 

自分はこのログをよく見ています。

 

AFFINGER4

 

日付けをクリックすると。。。

 

AFFINGER4

 

過去の日のログも確認できます。

 

CSV形式でダウンロードしてエクセルなどで

分析することも可能です

自分は今のところやってないですがw)。

 

AFFINGER4

 

どの記事でどのリンクがクリックされているかの傾向が分かれば、

ブログでのマネタイズを効率化することが容易になってきます。

 

アフィリエイトで「30日以内に戻って購入したら成果」

とか期間ありますが、

人は基本的にはすぐに購入することが多いです。

 

自分でもそうだし。w

 

あと、最後にクリックしたブログのリンクで

成果が確定することがほとんどです。

 

(要するに例えばあなたのブログのアフィリエイト・リンクが

クリックされていたとしても、

その読者が他のブログに移って同じ商品・サービスでも

違うリンクをクリックしたらそっちが優先されるということです。)

 

なのでそういう傾向もログを見てればだいたい把握できます。

 

「クリック計測」をクリックすると数字のグラフが見れます。

 

AFFINGER4

 

AFFINGER4

 

自分はあんまり見てないですが、

それなりに参考にはなります。

 

数字のテーブルもあります。

 

AFFINGER4

 

(まだAFFINGERタグ管理マネージャーを導入してない頃の数字です。w)

 

ここでもCSV形式でデータをダウンロードできます。

 

個人的にこのプラグインの一番の魅力は「ログ」です。w

 

ログのデータがあれば合理的に収益化することが可能です。

推測ではなくて「確実なデータ」があるので。

 

2017年12月追記:

数字をもう少し細かく見れることが分かりました。

 

サイドメニューの「AFFINGERタグ」をクリックします。

 

AFFINGER4

 

AFFINGER4

 

月でのCTR(クリック率)の部分をクリックすると、

そのタグのグラフが表示されます。

 

AFFINGER4

 

AFFINGER4

 

少しスクロール・ダウンすると。。。

 

AFFINGER4

 

そして自分のMacBookのスクリーンのサイズの場合、

ちょっと右にスクロールする必要があります。。。

 

AFFINGER4

 

一番右側に

このタグだけの数字が月別で見ることが可能です!

 

AFFINGER4

 

これは便利ですね。。。

 

使い方としては例えば、

先月のCTRをチェックして、

調子がどうかが一目で分かります。。。

 

さすがにCTRが低すぎると、

リンクの位置やタグそのものになんらかの問題がある

確率が高いです。

 

そこを改善すれば、クリック率を上げ、

成果も高めることが可能となります。

 

AFFINGER凄い。。。

 

あと、

「ログ」に戻ると。。。

 

AFFINGER4

 

AFFINGER4

 

タグのリンクをクリックしてみると。。。

 

AFFINGER4

 

ここからもそのタグ専用のグラフに飛ぶことができます。

 

AFFINGER4

 

スクロール・ダウンして。。。

 

AFFINGER4

 

右にスクロールすると。。。

 

AFFINGER4

 

数字がちゃんと表れます。

 

ただタグがクリックされてないとログにはリンクが表示されないので、

先ほどのAFFINGERタグから求めているデータのタグを

検索するのが無難です。

 

AFFINGERのABテストプラグイン

AFFINGER専用のABテストプラグインは

上記のタグ管理マネージャーと連動して動きます。

 

作成したタグを「ABテスト」することが可能です。

 

AFFINGER4

 

AFFINGER4

 

ここでも「新規追加」でABテストのリンクを作成できます。

 

AFFINGER4

 

もう既に作成しているABテストリンクでどんな感じかを

お見せします。

 

AFFINGER4

 

AFFINGER4

 

2つ以上のタグをテストすることができます。

 

ただ作成したABテストのショートコードを記事に掲載すると、

交互にリンクが表示されます。

 

そして上記のデータでどっちのリンクがクリック率が高いかが分かります。

そして明らかにクリック率が高いリンクがあれば(あるいは逆)、

片方のリンクを「削除」にすることが可能です。

 

AFFINGER4

 

そして記事でのショートコードはそのままでオッケーです。

クリック率が高めのリンクだけが表示されるようになります。

 

自分は今のところ、

ほぼ利用していないのでこれ以上は詳しく入りません。

 

でもアクセスが増えれてマネタイズを

更に効率化したいときに便利になるでしょう。

 

ただ注意点として、

ABテストを無闇にたくさんやらない方がいいです。

 

自分もこのプラグインを入手した当初、

テンションが上がって、

メチャクチャたくさん作ってテストしてました。www

 

でもただ混乱しただけでした。

 

ABテストは「本当にお金になるところ

で集中的に行うのがベストです。

 

「できる」からと言って、

「やるべき」ということではないです。。。

 

あと自分はアフィリエイト・リンクは

基本的にテキスト・リンクしか利用していないので。。。

 

ただこれを作成できるENJIさんは本当にヤバイ。。。

凄すぎます。w

 

AFFINGERの会話風アイコン・プラグイン

この会話風アイコン・プラグインはもう最高です。www

 

特に自分のブログでは「ビジュアル」に注力しているので、

もう重宝してます。

 

まだあまりちゃんとフルに活用できてないですが。w

でもこれからもっともっと使っていきますよ。www

 

 

問題解決
絶希
AFFINGER4 Proが欲しい!!!

 

私も!!!プラグインも!!!
女性 悩み相談
暗陽

 

イケハヤ
ライブドアブログの方が良いと思うけどね。

 

自分ははてなブログが合うかも。はてな村、楽しそう。
妄弥

 

美智也
自分はAFFINGER信者!!!w

 

AFFINGER4

 

AFFINGER4

 

このプラグインも、

ショートコードを記事内に入れるだけで上記のような

会話風ができます。w

 

AFFINGER4

 

新しく作成したい場合はここでも

「新規追加」をクリックします。

 

AFFINGER4

 

ここでも「編集」を見てみると。。。

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

特にここで注目すべき点はアイコンの色を

細かくカスタマイズ可能なところ。

最高!w

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4

 

AFFINGER4 Proのクレジット削除プラグイン

AFFINGER4 Proを購入すると、

クレジット削除プラグインが付いてきます。

 

AFFINGER4

 

AFFINGER4

 

このプラグインを有効化すれば、

ブログのフッターエリアで

「AFFINGER」の表記が非表示になってくれます。

 

AFFINGER4

 

AFFINGER4 Proの更に良いところ

今のところ、

AFFINGER4 Proをアフィリエイトして報酬を得ることが可能なんです!

インフォトップ経由で紹介します。

 

確かにAFFINGER4 Proは決して値段的に安くはないですが、

元を取り戻すことは可能です!

 

このアフィリエイトがいつまで続くかは分かりませんが。。。

 

補足:これから本格的にブログを始めようとしている方

下記の記事ではAFFINGER4 ProでWordPressブログの始め方を

できる限り分かりやすくまとめました。

 

 

AFFINGER4 Proの評判

 

 

 

 

 

 

悪い評価はあまり無いです。。。

強いて言えば、

値段が決して安くないところ。。。

 

あとブログの完全初心者の場合、

AFFINGERを扱うのは決して「簡単」ではないです。。。

 

でもこのテーマは本当にブログ運営には素晴らしい投資となります。

少なくとも自分はAFFINGER4 Proにして後悔は一切無いです。

 

AFFINGER4 Proが気になるなら。。。

この記事を読んで

AFFINGER4 Proがどんなテーマかだいたい分かったと思います。

 

AFFINGER4 Pro のページで詳しい説明があります。

こちらは「通常版」です。

 

AFFINGER4

 

AFFINGER4

 

(2017年10月20日現在の値段です。)

 

AFFINGER4 Proのテーマには「 稼ぐサイトの設計図

というPDFマニュアルが付いています。

 

このマニュアルはおすすめです。

 

ブログ運営を始めるとき、

どのようにデザイン・設計していけばいいのかが

分かりやすく説明されています。

 

もしAFFINGER4 Pro・タグ管理マネージャー・ABテストプラグイン

の全部が欲しい場合は AFFINGER PACK3 で購入すると

値段的にお得です。

 

AFFINGER4

 

(2017年10月20日現在の値段です。)

 

AFFINGER4

 

そしてAFFINGER PACKには「特別版」のAFFINGER4Exが含まれています。

 

AFFINGER4

 

 

 

 

 

AFFINGER4 Proについての最新情報が知りたい場合

自分はよくAFFINGER関連のツイートをチェックしていて、

ツイート・リツイートしてます。

 

 

フォローしてくれたら、

AFFINGERのアップデートや大事なお知らせ

を見逃す確率が減ります。

 

あと「これから本格的にブログ運営を始めたい!」という方に

おすすめの情報を発信・シェアしています。

 

WordPressの2年半の経験があるので、

ブログ運営に関してそれなりの知識・知恵・情報を蓄積しています。

 

あと自身のブログの知名度を少しでも広めたい方におすすめです!

自分はよく楽しくリツイートしてます。w

 

AFFINGER4 Proについてのまとめ

タイトルでは「全部」と書いてしまいましたが、w

「2017年現在、

自分自身が利用している機能全部」という意味です。w

 

AFFINGER4 Proには本当にたくさんの機能があります。。。

全てを使いこなすのは難しいです。w

 

でもこれほど楽しいWordPressテーマは他に無いと思います。w

 

もう本当にENJIさんに感謝です。

 

美智也
AFFINGER大好き!w

 

この記事を書いた人


SNS

現在、Twitterでは「これから本格的にブログ運営を始めたい!」

という方におすすめの情報を発信しています。

フォローしてくたら、できる限りのサポートはします。

-ブログ運営, アフィンガー4

Copyright© 美智也のどん底から這い上がる記録 , 2017 All Rights Reserved.