アフィンガー（AFFINGER5）のおすすめカスタマイズを解説

[st-kaiwa2]有料テーマアフィンガーを使っていますが、機能が多くて迷っています。きれいなサイトの設定の仕方を教えてください。[/st-kaiwa2] [st-kaiwa1 r]こんにちは！　アフィリで稼ぐエコブロガー　スズヒロです！
はい、お答えします！[/st-kaiwa1]

アフィンガーは、アフィリエイターに人気の有料テーマです。

痒い所に手が届く機能が満載。お好みのサイトデザインを簡単に設定することが出来ます。

本日の記事内容

・アフィンガーの特長
・アフィンガーのデメリット
・トップページのカスタマイズ

記事の信頼性

スズヒロ＠hirosuzue

この記事を読んでいただくと：

アフィンガーの特長が理解できます。デメリットもわかります。そしてトップページのデザインが簡単に設定できる方法がわかります。

　WordPress有料テーマならAFFINGER

＼STINGERタグ管理プラグイン3無料特典／

きっと友達に自慢したくなります。

1 アフィンガーの特長
2 アフィンガーのデメリット
3 トップページのカスタマイズ
4 まとめ

アフィンガーの特長

このテーマは複数利用が可能です。これは嬉しいですね。そして、SEO対策が万全のテーマです。このテーマに移行してPVが上がったというコメントが多数あります。

表示速度特にモバイルでのスピードが速いのでユーザーの離脱率が低いです。ユーザーサポートフォーラムが整っています。悩みや問題の解決には欠かせません。

特長

・複数利用可
・SEO対策万全
・表示速度速い
・ユーザーサポートフォーラム

テーマ名	AFFINGER5
複数利用	利用可
SEO対策	PageSpeed Insightsスコア　PC/98 モバイル/95
購入サポート	ユーザーサポートフォーラムあり
販売価格	14,800円（税込）
公式サイト	AFFINGER5のサイトはこちらから

さらに今なら「STINGERタグ管理プラグイン3」が無料プレゼント中なんです。もともと5000円相当の賞品がキャンペーンで無料です。

＼管理プラグイン無料プレゼント中／

[st-mybutton url=”https://www.infotop.jp/click.php?aid=382720&iid=75194″ rel=”sponsored”” title=”AFFINGER5はこちらから” rel=”” fontawesome=”” target=”_blank” color=”#fff” bgcolor=”#039BE5″ bgcolor_top=”#29B6F6″ bordercolor=”#4FC3F7″ borderwidth=”1″ borderradius=”5″ fontsize=”” fontweight=”bold” width=”” fontawesome_after=”fa-angle-right” shadow=”#039BE5″ ref=””]

アフィンガーのデメリット

SEO対策万全でサイトスピードも速いテーマなんです。でも機能が多すぎて迷ってしまう、というコメントをよく見かけます。

デメリット

・機能が多すぎる
・デザインに時間がかかる
・料金が少し高め

機能が多すぎる

ワードプレステーマの標準的な管理は「カスタマイズ」「ウィジェット」の2つでサイトのデザインや管理をおこないます。

アフィンガーは、上記の2つに加えて「AFFINGER5管理」という3つ目の管理機能がついています。ここの機能が素晴らしいのですが、「カスタマイズ」「ウィジェット」との関連もあり複雑に感じるのかもしれません。

デザインに時間がかかる

ですから、一気にすべてを実行しようとすると疲れますし、迷います。少しづつというのが良いと思います。時間をかけて使いこなすです。

料金が少し高め

単純にこの一覧比較表から見ますと、価格帯は高いほうになりますね。

STORK19：11,000円
SANGO：11,000円
JIN：14,800円
AFFINGER5：14,800円
THE THOR：16,280円
賢威：24,800

機能は多いです。自分でコードを作成して直接エディターに入力するという手間を省いています。ですから、こんな感じにしたいという「イメージ」があればほぼ実現してくれるのです。

なので、何でもかんでもと思わずに、少しづつカスタマイズしていくというのがコツですかね。一気にやろうとすると時間がかかってしまります。

価格について、他社テーマと比較しますと「少々高め」ですが、これだけの機能付きではリーズナブルだと感じます。

トップページのカスタマイズ

今回トップページでカスタマイズした点は：

1．おすすめヘッダーカード
2．記事スライドショー
3．2カテゴリーカード型挿入

記事スライドショー

スライドショーの設定です。

流れは「AFFINGER5管理」「トップページ」「挿入コンテンツ」と行きます。そして「タグ」「記事一覧」「カテゴリー一覧(スライドショー)」を選択。

また「ビジュアル」から「テキスト」へ切り替えてコードをコピーします。

コードは：

[[st-catgroup cat=“723” page=“8” order=”desc” orderby=”id” child=”on” slide=”on” slides_to_show=”3,3,1″ slide_date=”” slide_more=“続きを読む” slide_center=”on” fullsize_type=””]]

723：これはカテゴリー番号です。表示したいカテゴリー番号を入れましょ。

8：これはスライドの枚数です。表示されるのが8枚ということです。

続きを読む：これは英語で「ReadMore」としてもいいですね。

次に「外観」「ウィジェット」に入ります。

ウィジェットの中の「トップページ上部ウィジェット」をクリックして利用できるウィジェットの「カスタムHTML]を入れます。

そして先ほどのコードをコピペしましょう。名称を付ければ完了です。これで終了ですよ。

SEO対策の記事をスライドショーに選びました。

2カテゴリーカード型挿入

流れは「AFFINGER5管理」「トップページ」「挿入コンテンツ」と行きます。

そして「タグ」「レイアウト」「PCとTab（959px以上）」「基本」とクリックします。すると、黄色と水色の枠が表示されます。

次に黄色い枠内(このテキストは最後に消してください）をクリックしてカーソルを置きます。さらに
そして「タグ」「ボックスデザイン」「バナー風ボックス」「左右50%」とクリックします。コードが挿入されます。

コードは：

[[st-flexbox url=”” rel=”nofollow” target=”” fontawesome=”” title=“タイトル” width=”” height=”” color=”#fff” fontsize=”200″ radius=”0″ shadow=”#424242″ bordercolor=”#ccc” borderwidth=”1″ bgcolor=”#ccc” backgroud_image=”” blur=”on” left=”” margin_bottom=”0″][/st-flexbox]]

タイトル：ここには「カテゴリー」もしくは「ジャンル」を記載してください。

次に、表示されたコードの下にカーソルを置いて「カード」をクリックして下さい。コードが挿入されます。