広告 AFFINGER(アフィンガー)

AFFINGER6テンプレート始めにやること5つ【初期設定も解説!】

2020年10月31日

 

悩む人
悩む人
WordPressテーマのAFFINGER6(アフィンガー6)のテーマを導入完了したけど、初期でやっておくことを詳しく知りたいな...

 

こんな悩みに答えます。

 

本記事の内容

  • AFFINGER6の初期設定:テーマの購入・インストール
  • AFFINGER6(アフィンガー6)導入後の初期設定

 

注意ポイント

当ブログでは、2021年7月よりAFFINGER5からAFFINGER6に変更しています。

 

本記事の執筆者

WordPressとAFFINGERの使用歴5年以上になります。現在は、Web業界で10年以上働いておりブログで毎月5桁稼いでいます。

 

WordPressテーマのAFFINGERを導入したのはいいけど、記事を書く前に最低限やっておく初期設定について分からず悩んでしまうのではないでしょうか?

 

僕もAFFINGERを導入した当初は、使える機能が多くてまず何から手をつけていいかわかりませんでした...。

 

結論、以下の初期設定をやっていればOKです。

 

  • パーマリンクの設定
  • AFFINGER管理メニューの初期値設定
  • Googleアナリティクス・Google Search Consoleの設定
  • プラグインのインストール
  • TOPページのカスタマイズ

 

本記事では、AFFINGER(アフィンガー)のインストール完了後にでやっておく初期設定について解説していきます。

 

『テーマの導入方法』や『各パーツの設定方法』、『外観のカスタマイズ』まで始めにやっておくことを幅広く紹介していきます。

 

本記事を読んで、AFFINGER6のテーマ導入後にやっておくことが理解できましたら幸いです

 

なお、AFFINGER6の導入を検討されている方は、以下記事にAFFINGER6のテーマを使用してみての感想をまとめていますので、参考にしてみてください。

 

AFFINGER6(アフィンガー)を使ってみての感想【メリット・デメリットを紹介】

続きを見る

 

それでは、早速始めていきます。

 

AFFINGER6の初期設定:テーマの購入・インストール

AFFINGER6の初期設定:テーマの購入・インストール

 

まずは、AFFINGER6のテーマを購入されていない方は「インフォトップ」より購入をお願いします。

 

アフィンガー6を購入後、WordPressの「外観 → テーマ」管理画面にいき、「新規追加」をクリックします。

 

WordPress管理画面「アフィンガー6」テーマの追加

 

後は、「affinger6.zip → affinger6-child.zip」の順番でインストールをして、有効化します。

 

これでアフィンガー6の導入は完了です。

 

詳しい導入手順についてはAFFINGER6の購入から導入の手順で紹介していますので、参考にしてみてください。

 

テーマの有効化が完了できましたら、AFFINGER6の初期設定をしていきます!

 

AFFINGER6導入後の初期設定

AFFINGER6を導入後の初期設定

 

それではAFFINGER6の初期設定について紹介していきます。

 

冒頭でも紹介したように今回紹介する初期設定は以下です。

 

  • パーマリンクの設定
  • AFFINGER管理メニューの初期値設定
  • Googleアナリティクス・Google Search Consoleの設定
  • プラグインのインストール
  • TOPページのカスタマイズ

 

上記をやっていれば取りあえず安心なので、ブックマークをして時間があるときに1つずつ設定していきましょう!

 

1つずつ解説していきます。

 

1. パーマリンクの設定

パーマリンクの設定
重要度
難易度

 

まずは、パーマリンクの設定をしましょう。

 

パーマリンクとは、記事ページのURLのことです。

 

途中からパーマリンクの変更をするとメンドウなので、始めに設定しておくことをオススメします。

 

以前使っていたテーマからの移行などでパーマリンクの設定がすでにできていれば、読み飛ばしていただいてOKです。

 

「パーマリンク」の設定

 

パーマリンクの設定は「①設定 → ②パーマリンク設定」からでき、上記のようにパーマリンク設定画面になりましたら共通設定の「③投稿名」をクリックします。

 

最後に「④カスタム構造」に「/%postname%/」を入力して、「変更を保存」をクリックして完了です。

 

パーマリンクについては以下記事でも詳しく紹介しています。パーマリンクの名前に悩みましたらチェックしてみてください。

 

WordPressのパーマリンクとは?設定方法を3ステップでご紹介

続きを見る

 

2. AFFINGER管理メニューの初期値設定

AFFINGER6管理メニューの初期設定
重要度
難易度

 

AFFINGER管理 → AFFINGER管理 → はじめに」から初期値設定をします。

 

 

上記の初期値設定の「保存」をクリックして完了です。

 

3. Googleアナリティクス・Google Search Consoleの設定

Googleアナリティクス・Google Search Consoleの設定
重要度
難易度

 

Googleアナリティクス/Google Search Console」は、ブログの分析に役立つ無料ツールなので、始めに設定しておきましょう!

 

Googleアナリティクスの設定がまだの方は、以下を参考にしてみてください。

 

GA設定方法
【ブログ初心者】WordPressでGoogleアナリティクスを設定する方法

続きを見る

 

また、Googleアナリティクスの登録ができましたら、トラッキングIDをAFFINGER管理画面の所定位置に入力する必要があります。

 

詳しくは、AFFINGER5(アフィンガー5)でGoogleアナリティックスを設定する方法を参考にしてみてください。

 

最後にサーチコンソールの設定もしておきましょう!

 

関連記事
WordPressブログでGoogle Search Consoleを設定する方法【5分で完了!】

続きを見る

 

4. プラグインのインストール

プラグインのインストール
重要度
難易度

 

続いて、プラグインのインストールです。

 

プラグインを導入することで特別な知識がない初心者の方でも、簡単にサイトをカスタマイズできる便利なツールです。

 

導入しすぎには注意が必要ですが、以下記事を参考にプラグインをインストールしてみてください。

 

おすすめプラグイン
【WordPressテーマ】AFFINGER(アフィンガー)おすすめの無料プラグイン11選

続きを見る

 

5. TOPページのカスタマイズ

外観のカスタマイズ
重要度
難易度

 

AFFINGERはデザインが苦手な方でも、オシャレなTOPページを簡単に作れるのが特徴です。

 

TOPページのカスタマイズ方法については以下記事で紹介していますのでご覧ください。

 

AFFINGERでトップページをカスタマイズする方法を紹介!

続きを見る

 

AFFINGER6でデザインをカスタマイズする際に抑えておくべきポイント

AFFINGER6でデザインをカスタマイズする際に抑えておくべきポイント

 

AFFINGERの基本的な初期設定を紹介しました。AFFINGERは自由にカスタマイズができる一方で、その機能を使いこなすまでに時間がかかります。

 

僕もAFFINGERを導入して、デザインをカスタマイズするやり方を覚えるまでに時間がかかりました。

 

結論、AFFINGERのデザインをカスタマイズするには「外観 → カスタマイズ」から基本的な設定ができちゃいます。

 

「外観 → カスタマイズ」

 

主にできる設定は以下です。

 

  • 「ナビゲーション」の背景色の変更
  • サイトアイコンの設定
  • h2, h3, h4見出しの色の変更、デザインのカスタマイズ

 

他にも設定できることはありますが「デザイン」「メニューの背景色」「メニューの中の文字色」など設定したいトキは、「カスタマイズ」を利用してみてください。

 

また、「AFFINGER管理 → AFFINGER管理」でも色々設定することが出来ます。

 

「AFFINGER 管理 → AFFINGER 管理」

 

  • SEO
  • SNS設定
  • 会話風アイコンの設定
  • フォントのサイズ(H2, H3, H4タグ)

 

僕は「AFFINGER管理」では、「会話風アイコン(吹き出し)」や「フォントサイズ」を変更したいトキによく使います。

 

AFFINGERはカスタマイズできることが多いので、『どこのメニューから編集するんだっけ...』みたいに、操作に苦戦しますが、使っているうちにすぐに慣れていきます!

 

もし始めのデザインに悩みそうでしたら、AFFINGER公式サイトが提供している『デザインテンプレート』を使ってみるのも良いのかなと。

 

綺麗で上質なデザインがすぐに使用することができるので、デザインに悩まず簡単にすぐに始めたい方なんかにはおすすめです。

 

デザインサンプル①デザインテンプレートサンプル

 

»デザイン配布ページ

 

AFFINGER6でやる始めの外観カスタマイズ設定

AFFINGER6でやる始めの外観カスタマイズ設定

 

AFFINGER6導入後によくやる外観のカスタマイズについて紹介します。

 

AFFINGERを導入した後に、自分好みの外観にカスタマイズすることでブログ運営のモチベーションアップにもなります。

 

よく使う外観の設定は以下の通りです。

 

  • プロフィールカード
  • お問い合わせフォーム
  • 目次
  • ブログカード
  • スライドショー
  • 吹き出し

 

1つずつ順番に紹介します。

 

1. プロフィールカード

 

プロフィールカードの作成方法です。

 

AFFINGERでは、サイドバーやページ下部にプロフィールカードを置くことができますので、お好みで作成してみてください!

 

 

AFFINGERでプロフィールカードの作成とおしゃれにするやり方

続きを見る

 

2. お問い合わせフォーム

 

お問い合わせフォームの設定方法です。

 

特にアドセンスの審査通過を狙っている方は、始めに設定しておくことをオススメします。

 

AFFINGERでお問い合わせフォームを作成する方法2つ【徹底解説!】

続きを見る

 

3. 目次

 

ページ上部やサイドバーに目次を表示させる方法です。

 

関連
WordPressテーマAFFINGERで目次を設定する方法【簡単!】

続きを見る

関連
AFFINGERでサイドバーに目次を設定する方法【2023年版】

続きを見る

 

 

4. ブログカード

 

ブログカードは、サイト内にカード型の関連リンクを表示させます。カード型リンク(ブログカード)にすることで、通常テキストリンクより目立たせることができます。

 

AFFINGERのブログカードは一目でオシャレになりますので、ブログのデザインをもっと良くしたい方にもオススメです。

 

ブログカードについては、以下記事で紹介していますので興味がありましたらご覧ください。

 

AFFINGER(アフィンガー)でブログカードを作成する方法【おしゃれ!】

続きを見る

 

5. スライドショー

 

AFFINGERでは、スライドショーを表示させることもできます。スライドショーは、名前の通り以下のように1つのエリアに記事をローテーションで表示させる機能です。

 

収益化・アフィリエイト

2025/10/13

Webライティング副業の始め方!未経験でも月5万稼ぐ方法を紹介

※本サイトではアフィリエイト広告を利用しています     こんな悩みに答えます。   「今の収入だけでは将来が不安...」漠然と感じながらも、何から手をつけて良いか分からず情報収集のみで立ち止まっていませんか?   Webライティングは、そんな漠然とした不安を「書く力」と「稼ぐ力」に変える最も現実的な一歩です。   本記事では、そんな単なるノウハウの羅列に終わらず、未経験からでも着実に成果を出すための「思考法」と「実践ロードマップ」を紹介します。 &nbs ...

ReadMore

ブログ 収益化・アフィリエイト

2025/10/2

note副業とは?収益化の仕組みをご紹介

    こんな悩みに答えます。   本記事の執筆者 当ブログでは、WordPressの基本的な設定方法からアフィリエイトに関する役立つ情報を発信しています。ブログ歴5年目になり、ブログ以外にもnoteでの情報発信をしています。   note副業というキーワードが目につき『noteで副業始められるの?』と疑問を持たれたと思います。     今回はそんなnote副業で収益化できる仕組みについてご紹介します。   noteで収益を得る仕組み ...

ReadMore

ブログ 収益化・アフィリエイト

2025/9/27

noteで収益化するのが難しいと言われる理由【実体験】

    こんな悩みに答えます。   本記事の執筆者 当ブログでは、WordPressの基本的な設定方法からアフィリエイトに関する役立つ情報を発信しています。ブログ歴5年目になり、ブログ以外にもnoteでの情報発信をしています。   ブログと比べると開設のハードルが少ないnote。   誰でも簡単に始められるので、収益化を考えている人も多くいます。   しかしながら、ブログと比べるとnoteは収益化が難しいと感じると思います。   &nb ...

ReadMore

ブログ

2025/9/19

ブログ名どうしたらいい?決め方・おすすめの付け方をご紹介

    こんな悩みに答えます。   本記事の執筆者 当ブログでは、WordPressの基本的な設定方法からアフィリエイトに関する役立つ情報を発信しています。ブログ歴5年目になり、ブログで毎月5桁ほど稼いでいます。   ブログを始めたのはいいけどブログ名をどうしたらいいか悩むと思います。     今回はそんなブログ名にお困りの方に僕の経験から最適なブログ名の付け方についてご紹介します。   本記事を読み最適なブログ名が決まりましたら幸いで ...

ReadMore

ブログ ブログ×AI 収益化・アフィリエイト

2025/9/11

自動生成AIを活用した副業アフィリエイトブログを始めよう!

※本サイトではアフィリエイト広告を利用しています     こんな悩みに答えます。   本記事の執筆者 当ブログでは、WordPressの基本的な設定方法からアフィリエイトに関する役立つ情報を発信しています。ブログ歴5年目になり、ブログで毎月5桁ほど稼いでいます。   今注目されている自動生成AIを使って、ブログ記事のライティングを考えていますか?   自動生成AIをうまく活用することで効率的にブログ運営ができるだけではなく、良質な記事を作ることが可能です。 ...

ReadMore

 

搭載されている機能で、ワンクリックで表示できるのが魅力の1つです。表示方法については以下の記事をご覧ください。

 

【簡単!】AFFINGER(アフィンガー)でスライドショーを設定する方法

続きを見る

 

6. 吹き出し

 

AFFINGERは以下のようにアイコン付きで吹き出しを入れることができます。

 

ダミーテキストダミーテキスト

 

ダミーテキストダミーテキスト
悩む人
悩む人

 

吹き出しを左右どちらかに表示させることができますので、吹き出しを使ってみたい方は以下記事をご覧ください。

 

【2024年】AFFINGERで吹き出しを設置するやり方とカスタマイズ方法

続きを見る

 

AFFINGER6の初期設定後にやること

AFFINGERの初期設定後にやること

 

最後に、AFFINGERの初期設定が終わった後にやることを紹介します。

 

 

AFFINGERの初期設定が終わりましたら、サイトやブログ運営でのSEO対策は欠かせません。

 

というのも、Googleの検索結果上位を狙うには、SEO対策は大切でして初心者から対策をしていると今後のサイト運用がスムーズになります。

 

ブックマークをして時間があるときに参考にしてみてください!

 

AFFINGER6の初期設定が終わったら記事を書こう!:まとめ

AFFINGER6の初期設定が終わったら記事を書こう!:まとめ

 

今回は、WordPressテーマAFFINGERをインストールした後にやっておくべき初期設定について解説しました。

 

繰り返しになりますが、AFFINGERはカスタマイズできる機能が多いので、デザインのカスタマイズなどに最初は悩むことが沢山あると思います。

 

最低限やっておくべき初期設定だけしておいて、後は記事の執筆に集中するのがオススメです。

 

ブログ記事の書き方に迷いましたら、以下記事で詳しく紹介していますのでチェックしてみてください。

 

関連記事
ブログの書き方テンプレートを紹介!劇的に読みやすくなる13のポイント

続きを見る

 

今回は以上です。

 

ここまで読んでいただき、ありがとうございました!

 

 

  • この記事を書いた人

WEBLOG

当ブログは、『シンプルで見やすい記事を発信!』をモットーに「ブログ・WordPress」などWebに関する役立つ情報を発信していきます。【経歴】▶︎Webディレクター就職(歴9年)(コーディング・SEOが好きです!)▶︎ブログ開設

-AFFINGER(アフィンガー)