【徹底解説】AFFINGER6の使い方を初心者向けにも分かりやすく解説｜これさえ見ればOK

僕もAFFINGER6を導入した当初は機能の多さから使い方が分からず、混乱していました…！

ただ、AFFINGER6の使い方を理解してからはAFFINGER6の機能面の充実さに日々感心しています。

AFFINGER6の使い方が分からず混乱していた僕だからこそ、どこよりも分かりやすくAFFINGER6の使い方を解説していきます。

AFFINGER6の使い方を学ぶ前に

AFFINGER6の使い方を学ぶ前に、まずは以下を念頭に置いておきましょう！

• AFFINGER6の特性を知ろう
• AFFINGER6の使い方をすべて一気に学ぼうとしない

上記を念頭に置いておくと、本記事の読み進め方や、理解が深まりますよ！

AFFINGER6の特性を知ろう

AFFINGER6を使い方を学ぶ前に、AFFINGER6の特性を知っておきましょう。

大まかな全体像（つまり何ができるか）を把握してから、具体的な使い方を知った方が、より理解が深まるからですね。

AFFINGER6には以下のような特性があります。

• HTMLやCSSの知識は不要
• 上級者向けでもあるので、設定自体は細かい
• 機能がとても多いので、初心者が全ての機能を把握するのは難しい
• 「元々表示　→　設定で非表示」が多い（例：新着記事、パーマリンクなど）

上記を念頭に置いておきましょう。

AFFINGER6の使い方をすべて一気に学ぼうとしない

AFFINGER6は初心者から上級者まで幅広く使えるテーマなので、とにかく機能が多いです（逆に言えば充実してます）。

そのため、初心者にとって最初はパンクしてしまいがちです。

すべての機能を一気に学ぼうとすると時間も労力も使ってしまうので、「1日2個の使い方を覚える」という感じに分けて学ぶことを推奨します。

AFFINGER6の使い方｜固定ページ

まずはトップページの、固定ページの作り方を解説します。

ある程度記事が書けてから作ることをおすすめします。

▼ここから手順

まずは「固定ページ」→「新規作成」から固定ページを作成しましょう。

続いて、以下の手順で固定ページを表示させましょう。

これで固定ページの設定は完了です！

AFFINGER6の使い方｜ヘッダー・フッター・メニュー

続いては、ヘッダー・フッター・メニューの使い方を解説します。

今回は以下の９個の機能について紹介します。

• ヘッダーメニュー表示｜PC（960px以上）
• インフォメーションバー
• ヘッダーカード
• サムネイルスライドショー
• おすすめ記事一覧
• タブ式カテゴリ一覧
• ガイドマップメニュー
• オリジナルボタン
• スマホフッターメニュー

ヘッダーメニュー表示｜PC（960px以上）

ヘッダーメニューの使い方を解説します。

ヘッダーメニューとは、画面上部に表示されるメニューのことです。

他ページへ誘導したり、ブログの内容を紹介したりする役割を持っています。

▼ここから手順

まずはWordPress管理画面で、

「外観」→「メニュー」

をクリックします。

続いて、以下の操作でメニューを作成しましょう。

ここからは、メニューに項目を追加していきます。

以下の手順でメニューを保存しましょう。

これでPC（960px以上）にヘッダーメニューが表示されるようになります。

インフォメーションバー

インフォメーションバーの使い方について解説します。

インフォメーションバーを設置すると、おすすめ記事へ誘導できる可能性が高くなり、収益化しやすくなります。

インフォメーションバーについては以下の記事を参照ください。

設定自体はとても簡単なので5分もあれば完了できます。

【AFFINEGER6】インフォメーションバーの設置方法を解説｜初心者でも簡単

AFFFINGER6を設置すると、おすすめ記事へ誘導できる確率が高まります。本記事ではAFFFINGER6でインフォメーションバーを設置する方法を初心者向けに解説しています。設置自体は10分でできますよ。

ヘッダーカード

ヘッダーカードの使い方を解説します。

ヘッダーカードは、成約記事に誘導したい場合に有効です。

▼ここから手順

まずはWordPress管理画面で、

「AFFINGER管理」→「ヘッダー下／おすすめ」

をクリックします。

続いて、以下の手順でヘッダーカードを設定しましょう。

同じサイズの画像、同じテキスト数などに揃えるとキレイに高さが揃います

サムネイルスライドショー

サムネイルスライドショーの使い方を解説します。

サムネイルスライドショーを使いこなすことで自然と記事が目に入り、それぞれの記事に誘導しやすくなります。

▼ここから手順

まずはWordPress管理画面で、

「AFFINGER管理」→「ヘッダー下／おすすめ」

をクリックします。

以下の手順でサムネイルスライドショーを設定しましょう。

これでサムネイルスライドショーが表示されるようになります。

おすすめ記事一覧

おすすめ記事一覧の使い方を解説します。

おすすめ記事一覧は、その名の通りおすすめの記事をサイドメニューなどに表示することで興味を引き付けることができます。

▼ここから手順

まずはWordPress管理画面で、

「AFFINGER管理」→「ヘッダー下／おすすめ」

をクリックします。

以下の手順でおすすめ記事一覧を設定しましょう。

ちなみに、おすすめ記事一覧のカスタマイズ（色変更など）は以下の手順で実行できます。

これでおすすめ記事一覧の設定は完了です。

タブ式カテゴリ一覧

タブ式カテゴリ一覧の使い方を解説します。

タブ式カテゴリ一覧を使うとタブの下に記事が表示されるので、ユーザーにコンテンツの内容が伝わり、記事に誘導しやすくなります。

▼ここから手順

まずはWordPress管理画面で、

「AFFINGER管理」→「トップページ」

をクリックします。

以下の手順でタブ式カテゴリ一覧を設定しましょう。

これでタブ式カテゴリ一覧の設定は完了です。

ガイドマップメニュー

ガイドマップメニューの使い方を解説します。

ガイドマップメニューを設置することで、複数記事を流れで読んでもらいたい場合に閲覧順を促すことができます。

▼ここから手順

まずは以下の手順で新しいメニュー作成画面を表示させましょう。

新しいメニュー作成画面が表示されたら、画面左側の「メニュー項目を追加」で、表示させたいメニューを追加しましょう。

今回はカスタムリンクでのメニュー追加方法を紹介します（その他の項目追加もメニュー追加の流れは同じです）。

メニューが保存できたら、

「外観」→「ヴィジェット」

をクリックします。

まずは左側の「利用できるヴィジェット」の中から「STINGERガイドマップメニュー」を見つけましょう。

見つけることができたら、以下の手順でヴィジェットを追加します。

右側の「サイドバートップ」にヴィジェットが追加されるので、以下の手順で設定しましょう。

これでガイドマップメニューの設定は完了です。

オリジナルボタン

オリジナルボタンの使い方を解説します。

オリジナルボタンはお問い合わせページのボタンに使用される場合が多いです。

もしお問い合わせページのボタンにしたいという方で、お問い合わせページができていない方がいたら以下を参考にしてみてください。

≫お問い合わせページを作成する

▼ここから手順

まずはWordPress管理画面で、

「外観」→「ヴィジェット」

をクリックします。

まずは左側の「利用できるヴィジェット」の中から「STINGERオリジナルボタン」を見つけましょう。

見つけることができたら、以下の手順でヴィジェットを追加します。

右側の「サイドバートップ」にヴィジェットが追加されるので、以下の手順で設定しましょう。

▼webフォントに関して

これでオリジナルボタンの設定は完了です。

スマホフッターメニュー

スマホフッターメニューの使い方を解説します。

スマホフッターメニューを使えばスマホの画面下にメニューが表示されるため、他ページへ誘導しやすくなるメリットがあります。

こちらに関しては少し長くなりそうなので別記事でまとめています。

【AFFINGER6】スマホフッターメニューの設置とカスタマイズ方法を初心者向けに解説｜アイコン付き

スマホフッターメニューを設置すれば、おすすめ記事へ誘導したり、回遊率を上げることができます。本記事ではAFFINEGER6でのスマホフッターメニューの設置方法を解説しています。

AFFINGER6の使い方｜投稿

お次は「投稿」に関係する機能の使い方を解説していきます。

今回使い方をご紹介する機能は以下４つです。

• マイブロック
• 埋め込みURLとラベル

順番に解説していきます。

ブロックエディタでの使い方を解説します。

マイブロック

マイブロックは、よく使うブロックをあらかじめ登録しておくことで、必要な時に簡単に呼び出せる機能のことです。

マイブロック機能を使えばよく使うブロックをすぐに呼び出せるので、記事執筆を効率化することができます。

マイブロック機能については以下の記事を参照ください。

AFFFINGER6のマイブロック機能の使い方を解説｜記事執筆スピードアップ

マイブロック機能はよく使うブロックを投稿やウィジェットですぐに呼び出せるため、ブログを効率よく運用することができます。WordPress標準搭載の「再利用ブロック」と比較しながら、マイブロック機能の使い方を丁寧に解説します。

埋め込みURLとラベル

【特典付き】AFFINGER6（アフィンガー6）の購入から導入後にやることをわかりやすく解説

AFFINGER6の購入やインストール方法、インストール後にやるべきことをわかりやすく解説します。

埋め込みURLとラベルの使い方を解説します。

ラベルとは、上記URLのリボンのことを指します。

ラベルを付けることによって、どのようなURLなのかユーザーに伝え、ブログの回遊率を上げる可能性が高くなります。

▼ここから手順

埋め込みURLは、ブロックエディタの一つで、投稿画面の「＋」ボタンから「埋め込み」を検索します。

埋め込みを選択できたら、リンク先URLを張り付け、「埋め込み」をクリックします。

「キャプションを追加」に任意の文字を入力し、公開すれば以下のように表示されます。

AFFINGER6の使い方｜その他

上記で分類分けができなかったAFFINGER6の機能の使い方をご紹介します。

• プロフィールカード
• ファビコン

順番に見ていきましょう。

プロフィールカード

上記のようなプロフィールカードの使い方を解説します。

▼ここから手順

まずは、WordPress管理画面で

「ユーザー」→「プロフィール」

をクリックします。

プロフィール画面に必要事項を入力し、「プロフィールを更新」をクリックしましょう。

ニックネーム (必須)・メール(必須)・プロフィール情報・SNSアカウントURL（任意）だけの入力でOKです

これだけではプロフィールカードは表示されないので、以下の操作で表示させましょう。

「タイトル」を入力し、「保存」をクリックすればプロフィールカードのウィジェット追加は完了です。

タイトルはサイト上には表示されません

最後に、プロフィールカードをカスタマイズしましょう。

をクリックしていき、プロフィールカードのカスタマイズ画面を表示させましょう。

カスタマイズ画面でカスタマイズができたら、「公開」クリックでカスタマイズを完了させましょう。

これでプロフィールカードの設定は完了です！

ファビコン

ファビコンの使い方を解説します。

ファビコンとは、Webブラウザのタブの部分に表示されるアイコンのことを指します。

ファビコンを設定しなくても特に問題はないですが、ファビコンを設定することでユーザーにサイトを認識してもらえる効果があるので、設定した方がよいと言えるでしょう。

▼ここから手順

WordPress管理画面にて、以下の手順でサイト基本情報画面を表示させます。

「外観」→「カスタマイズ」→「サイト基本情報」

「サイトアイコン」の項目で画像をアップロードし、ファビコンを設定しましょう。

まとめ：AFFINGER6を使いこなして素敵なブログを作ろう

今回は、以下のAFFINGER6の使い方を解説していきました。

• ヘッダーメニュー表示｜PC（960px以上）
• インフォメーションバー
• ヘッダーカード
• サムネイルスライドショー
• おすすめ記事一覧
• タブ式カテゴリ一覧
• ガイドマップメニュー
• オリジナルボタン
• スマホフッターメニュー
• マイブロック
• 埋め込みURLとラベル
• プロフィールカード
• ファビコン

本記事を読んで、少しずつブログをカスタマイズしていきましょう！

AFFINGER6には今回紹介できなかった機能がまだまだたくさんあります。

AFFINGER6を導入してみたくなった方はこちらからどうぞ！

AFFINGER6を導入する