元サラリーマンブロガーなつのプロフィール

AFFINGER5(アフィンガー5)カスタマイズまとめ!

こんにちは!ブログ運営半年で月20万超の元サラリーマンブロガーなつです。

AFFINGER5(アフィンガー5)は、基本デザインはシンプルですが作りこむことで、幅の広がる優秀なテーマです。

作りこむとかなり面白いのですが、設置できるものが多いのでカスタマイズは若干難しく感じる時があります。

そこで、どこよりも丁寧にAFFINGER5のカスタマイズについて解説をしていきます。

このページで解説しているAFFINGER5のカスタマイズ方法

  • 初期設定
  • デザイン済データー
  • トップページ作成
  • アイキャッチ設置
  • スライドショー設定
  • 会話風吹き出し
  • 見出しデザイン
  • 目次
  • ボタン
  • 関連記事・おすすめ記事
  • アドセンス広告設置
  • プロフィール作成
  • タグ機能
  • ランキング作成機能
  • ヘッダー画像作成機能

 

【目次】AFFINGER5(アフィンガー5)カスタマイズ

AFFINGER5(アフィンガー5)のカスタマイズは、「管理画面」「ウィジェット」「カスタマイザー」で行います。

この関係がわかるまで少し時間がかかると思いますが次の章から説明するカスタマイズをしていけば全体的な構成が出来上がります。

カスタマイズのおすすめ手順

もしカスタマイズが難しいと感じるなら、まずは着せ替え(デザイン済データー)をブログに導入してから細部を設定していくことがおすすめです。

1. 初期設定 ⇒ 2. デザイン済データ導入 ⇒ 各項目設定

番外編

 

 

速報!
芸大卒のなつが作ったデザインのマニュアルも特典に追加しました。


⇒ 詳しくはコチラをご覧ください。

 

ブロガーが欲しい機能が満載のワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

AFFINGER5の購入の特典とガチレビュー!見る人に刺さるテンプレート!【WordPressテーマWING】

AFFINGER5(アフィンガー5)カスタマイズ 1. 「初期設定」

AFFINGER5(アフィンガー5)を購入しファイルをダウンロードしたらまずはWordpressへのインストールです。

この部分は、他のテーマと同じでそれほど難しくありませんが、公式の推奨としては親テーマの「affinger5」から子テーマの「affinger5-child.zip」の順番にインストールします。

↓ 購入からインストールまでは以下の記事で詳しく書いています。

AFFINGER5のインストール方法を丁寧に解説!購入からの流れ

購入後、14日間を過ぎるとダウンロードできなくなりますので注意が必要です。

 

初期設定でやること

購入しインストールしてからまず最初にやっておく項目を書きだすと以下の通りとなります。ひとつひとつ項目ごとに追っていくとそれほど難しくありませんので、インストールしたら一気にやっておくことをおすすめします。

  • マニュアルを初期化
  • 一般設定・表示設定
  • パーマリンク設定
  • Classic Editor(プラグイン)導入
  • AFFINGER5管理画面の初期設定
  • Googleアナリティクス・サーチコンソール設定

Classic Editor(クラッシックエディター)とは、Wordpress5.0から導入されたGutenberg(グーテンベルク)というブロックエディターを旧エディターで表示して作業をするためです。AFFINGER5(アフィンガー5)公式で推奨されています。

↓ 初期設定の詳しいやり方は以下の記事に記載しています。

AFFINGER5の初期設定のやり方!ブログ記事を書き始めるまでの最短ルート!(WING)

 

訪問者に刺さるワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

AFFINGER5(アフィンガー5)カスタマイズ 2. 「デザイン済データー」

初期設定ができたら、デザインの部分をカスタマイズします。デフォルトではグレーのシンプルなデザインになっているため、一括色変更もできますがAFFINGER5(アフィンガー5)のデザイン済データはとてもセンスが良いのでおすすめです。

簡単な操作ですべて切り替わりますので、初心者の方もサクっと設定してしまってブログを書き始めることができます。

 

↓ デザイン済データの導入方法は以下の記事を参考にしてください。

【図解】AFFINGER5のデザイン済みデーターの使い方!初心者にもわかるように丁寧に説明。

 

AFFINGER5(アフィンガー5)カスタマイズ 3. 「トップページ作成」

AFFINGER5(アフィンガー5)のデザイン済データの唯一のデメリットは、デザインが少ないことです。

つまり、みんな同じものを導入すると他の人とデザインがかぶってしまいます。そこで、デザインの変更をしていきます。

しかし、AFFINGER5(アフィンガー5)のデザイン変更は「管理画面」「カスタマイザー」「ウィジェット」など若干複雑なのでデザイン済データをWordpressに反映してから必要な部分だけを変更していくと楽です。

 

↓ トップページ作成のカスタマイズをより簡単にするとっておきの方法です。

AFFINGER5トップページのカスタマイズ方法!デザインアレンジ5選!

 

AFFINGER5(アフィンガー5)カスタマイズ 4. 「アイキャッチ設置」

AFFINGER5(アフィンガー5)の投稿画面のアイキャッチはデフォルトでは出ないように設定されています。

アイキャッチの加工方法もとても便利で画像にクレジット表記を重ねたりURLを重ねたり、キャプションを配置したりできます。

さらに加工としては、アイキャッチやサイドバーのサムネイルをポラロイド風にしたりさらにサムネイルを丸くしたりと加工ができます。

 

↓ アイキャッチ等の設定、加工などは以下の記事に詳しく記載されています。

AFFINGER5(アフィンガー5)のアイキャッチの設置方法!

 

訪問者に刺さるワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

AFFINGER5(アフィンガー5)カスタマイズ 5. 「スライドショー設定」

AFFINGER5(アフィンガー5)の面白い機能としてスライドショーをいろんなところに配置できること。

トップページはもちろんのこと、トップページ以外にも自分で作ったスライドショーを配置することができます。スライドショーも記事ごとだけではなくカテゴリー別にも作ることができます。

配置できる場所・・・「ヘッダー部分」「サイドバー」「記事下」「フッター」など

 

↓ スライドショーの具体的な設置方法は以下の記事を参考にしてください。

AFFINGER5(アフィンガー5)のスライドショー設定方法!

 

AFFINGER5(アフィンガー5)カスタマイズ 6. 「会話風吹き出し」

記事を書いていて文章だけになるとどうしても硬く見えがちです。画像付きの吹き出しがあると読み手の方も見やすいですし、目を引きます。

スタンダード版では8個まで設置できますがもう少し欲しいという方のために追加で購入もできます。一度設定するとタグから簡単に設置できるようになります。

 

↓ 会話風吹き出しについて詳細に説明しています。

【AFFINGER5】の会話風吹き出しの使い方!設置方法や右側の作り方のコツも!

AFFINGER5(アフィンガー5)カスタマイズ 7. 「見出しデザイン」

AFFINGER5(アフィンガー5)の見出しも詳細な設定ができます。他のテーマは形までの変更ですが、柄の変更もできて自分で指定した画像を反映させることもできます。

グラデーションも設置できますので自分なりのデザインへのカスタマイズも可能です。

 

↓ 見出しの作り方や設置方法は以下の記事で詳しく書いています。

AFFINGER5の見出しデザインの作り方!用意された画像でアレンジもできる!

 

訪問者に刺さるワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

AFFINGER5(アフィンガー5)カスタマイズ 8. 「目次」

AFFINGER5(アフィンガー5)には高度な目次「SUGOIMOKUJI」も別売りでありますが、スタンダード版でもシンプルながら使いやすい目次があります。

個別に設定する方法とプラグイン「Table of Contents Plus」を使う方法があります。基本的にはこの目次で十分ですが、もう一段高機能なものを使いたい場合には有料ですが「SUGOIMOKUJI」を導入するのも良いでしょう。


↓ 目次の使い方を詳しく記載しています。

AFFINGER5(アフィンガー5)の目次の使い方!スタンダード版でどこまでできるか検証。【WINGマニュアル】

AFFINGER5(アフィンガー5)カスタマイズ 9. 「ボタン」

AFFINGER5(アフィンガー5)には多くのボタンがあります。アイコン付きや枠付きなどたくさんあるので迷うほどです。

派手過ぎず、地味すぎないで投稿記事に自然になじむ感じのものが多いのも特徴です。たくさんあるパーツの中から自分好みのものを選んでください。

 

AFFINGER5のボタンの設置のやり方まとめ!不要なアイコンを整理する方法も!

 

訪問者に刺さるワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

AFFINGER5(アフィンガー5)カスタマイズ 10. 「関連記事・おすすめ記事」

ユーザーが記事を読んだ後にさらにまた同じカテゴリーの記事を配置して回遊率を上げたり、これは読んでほしいという記事をさりげなく設置する方法として「関連記事やおすすめ記事」は便利です。

AFFINGER5(アフィンガー5)には、多くの記事一覧がありますので、上手に配置してみてください。

 

↓ 関連記事やおすすめ記事の作り方や設置方法は以下の記事で詳しく説明しています。

AFFINGER5の関連記事とおすすめ記事の設定!いろんな一覧の表示のさせ方も!

 

AFFINGER5(アフィンガー5)カスタマイズ 11.「アドセンス広告設置」

稼ぐをブログ運営をする上で重要なのはアドセンス広告の設置です。効率よく良い場所に設置をしなければいけませんので、テーマ内で広告の設置ができるのはとても便利です。

スタンダード版では、ダブルレクタングルをはじめインフィード広告なども設置できるようになっています。

 

↓ アドセンス広告の設置方法は以下の記事にて説明しています。

AFFINGER5(アフィンガー5)のアドセンス広告の貼り方!アフィリエイト広告にも使えます。

 

AFFINGER5(アフィンガー5)カスタマイズ 12.「プロフィール作成」

ブログの顔ともいえるプロフィールを配置することでユーザーとの距離が縮まります。きちんとしたプロフィールがあると、信頼感が沸きますし顔が見えることで安心できます。

さらに、記事の最後に「この記事を書いた人」があるとちょっと専門的なイメージもわきます。AFFINGER5(アフィンガー5)にあるプロフィールカード設定をすると個性的なプロフィールが出来上がります。

 

 

↓ プロフィール機能について詳しく説明しています。

AFFINGER5(アフィンガー5)のプロフィール画像3パターンの使い方!上手に自分をアピールしよう。

 

訪問者に刺さるワードプレステーマ「WING」

※今なら、4大購入特典をお付けしています!

AFFINGER5(アフィンガー5)カスタマイズ 13. 「タグ機能」

投稿内にボタンを配置したり、スライダーを入れたりボックス、会話風吹き出しなどこのタグ機能で挿入できます。

最初に設定は必要なものがあるものの、この部分でほとんど装飾ができてしまうので是非使ってほしい機能です。

 

↓ タグ機能の「テキストパーツ」「ボックス」について記載してあります。

AFFINGER5(WING)のタグ機能の使い方!「テキストパーツ」「ボックス」編

AFFINGER5(アフィンガー5)カスタマイズ 14. 「ランキング作成機能」

AFFINGER5にはランキングの作成機能があります。個別の管理画面で簡単に設置できるようになっています。

特徴としては、この管理画面でサイドバーなどいろんな場所にチェックひとつで設置できるということ。

最初の詳細を設定しておけば設置できますし、順番を変更するのも簡単です。

 

↓ ランキングの作り方は以下の記事に詳細に記載しています。

【AFFINGER5】のランキングの作り方とリセット方法も合わせて超丁寧に解説!

AFFINGER5のカスタマイズ 「ヘッダー画像作成機能」

AFFINGER5のヘッダー画像については、静止画の上にタイトルやボタンを載せたり、複数の画像をスライドショーにしたりと多彩なアレンジが可能です。

ヘッダー画像に「ボタン」と「テキスト」
ヘッダーカード付

GIF画像の繰り返しで目立つヘッダーにする

画像の上にタイトルを載せる(基本操作)

ロゴの調整

  • ヘッダー画像の設置・基本操作
  • ヘッダー画像の最適なサイズ
  • ヘッダーカードの作成方法
  • ヘッダー画像をスライドショーにする方法
  • ヘッダー画像上にロゴ設置
  • ヘッダー画像にテキストとボタン設置

↓ 以下の記事でいろんなヘッダー周りの簡単な作り方を解説しています。

AFFINGER5のヘッダー画像の作り方!

 

AFFINGER5 カスタマイズ 番外編 「スタンダード版とEX版の違い」

AFFINGER5(アフィンガー5)には、有料の追加パーツもたくさんありますし、その他AFFINGER5 EXというテーマもあります。

違いがわかりづらいのでスタンダード版でできることやEXとはどんな違いがあるのか説明しています。

↓ クリックで拡大します

出典:AFFINGER5 EX デザイン済データ

 

↓ スタンダード版とEX版の違いを詳しく説明しています。

AFFINGER5のEXとスタンダード版の違いを詳しく説明!

AFFINGER5 カスタマイズ 番外編 「AFFINGER5のメリットデメリット」

AFFINGER5(アフィンガー5)の機能はある程度わかっても、正直なデメリットも知りたいのではないでしょうか。

そこで、実際使ってみた感想も含め、どんなメリットがありデメリットがあるのか包み隠さず記事にしています。

AFFINGER5(アフィンガー5)のメリットとデメリット!【WordPressテーマ】

 

AFFINGER5 カスタマイズ 番外編  「AFFINGER5の購入特典」

AFFINGER5(アフィンガー5)の購入特典を以下の記事でまとめてあります。AFFINGER5は、稼ぐブログを作る上でかなり攻めた機能が多いです。

ただし、デザイン済データも少ないのでどうしても他の人とかぶる可能性が高いです。センスがすごく良い分目立ちますので他のブログと同じだと「あれ?このブログさっき見たぞ」となると逆効果。

なので、芸大卒のなつがトップページをアレンジしたマニュアルをお付けします。もちろん、ブログを始めばかりの初心者が稼ぐ方法もあります。(たった30記事で稼いだマニュアルなど)

↓ 厳選!なつの購入特典をご覧ください。

AFFINGER5の購入の特典とガチレビュー!見る人に刺さるテンプレート!【WordPressテーマWING】

AFFINGER5のカスタマイズ まとめ

AFFINGER5には魅力的な機能がたくさんあります。ただし最初にお伝えしたように「管理画面」「ウィジェット」「カスタマイザー」と設定画面が分かれていますので若干わかりづらいです。

さらに、カスタマイズしすぎると「無限カスタマイズ」となってしまうのでかなり時間がかかります。

そこで、まずはデザイン済データで導入し実際に使いながら慣れていくことがAFFINGER5を攻略する一番の近道となります。

 

↓ このブログから人気のAFFINGER5(WING)を購入くださった方に特典をプレゼントしています。

AFFINGER5の購入の特典とガチレビュー!見る人に刺さるテンプレート!【WordPressテーマWING】

 

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか?

  • 思い通りのデザインにできない
  • なかなか稼げない
  • アクセス数が増えない

 

こんな悩みを抱えていませんか?

 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる5つのこと

  1. 検索上位を目指せる
  2. 見た目が綺麗でおしゃれになる
  3. 機能が豊富で出来ることが多い
  4. マニュアルなどのサポート
  5. 有名ブロガーも有料テーマを使っている

これまでにあげた5つの有料テーマの特徴を説明していきます。

1. 検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO(SearchEngine Optimizationの略)です。

 

  • 情報の信頼性
  • ユーザーへの役立つ情報であるか?
  • スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2. 見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

 

出典:AFFINGER5(アフィンガー5)

 

3. 機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4. マニュアルなどのサポート

なにかわからないことがあった場合、詳しく記載しているものがあるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5. 有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

 

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

おすすめ!WordPressテーマ

WordPressテーマ「AFFINGER5(アフィンガー5)

  • 高機能の最新テーマで大人気
  • デザイン変更でいろんな用途に使える
  • マニュアル完備
  • 各パーツがプロに作ってもらったみたいにアレンジ可能
  • バナーや囲い枠スライダーなど特殊なものが簡単に作れる。

 

シェアしてね!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です