- アフィンガー6の使い方を知りたい
- アフィンガー6でプロフィールカードを作りたい
- アフィンガー6で稼ぎたい
このような声にお応えして参考となる記事をご用意しました。
こちらの記事ではワードプレステーマであるアフィンガー6でプロフィールを作成する方法について解説しています。
記事の内容を見ていただくだけで、アフィンガー6でプロフィールカードを設定&設置する方法やカスタマイズ方法がわかり、ブログ運営がスムーズに進みますよ。
プロフィールカードは、読者の信頼性の向上させたり、親近感を与えることができる効果的な機能です。
ただ、適当に設置すればいいというわけではないので、ぜひ参考にしてくださいね。
アフィンガー6でプロフィールカードを作成する方法を3ステップで解説!


アフィンガー6でプロフィールカードを作成する方法をまとめました。
以下の3つに分けて解説します。
以下で順番に解説します。
①プロフィール情報を入力する
アフィンガー6のプロフィールカードの設定に入る前に、まずはWordPressのプロフィールの設定をしておく必要があります。
以下で順番に解説します。
WordPress管理画面の左側メニューから「ユーザー」 →「 プロフィール」 を選択します。


「ニックネーム」と「ブログ上の表示名」を入力します。


- ニックネーム(必須): ブログ上で表示される名前を入力します。
- ブログ上の表示名: 通常はニックネームと同じものを選択します。
プロフィール情報欄に自己紹介文を入力します。


自己紹介文を作成する際のポイントは以下の通りです。
- 簡潔かつ魅力的な文章を心がける
- 専門分野や経験を具体的に記述する
- 読者に親近感を与える情報を盛り込む
各種SNSのアカウントを持っている場合は、ここで自身のSNSアカウントのURLを入力します。


SNSアカウントがない場合や後々作成する予定の場合は
現段階では空欄で問題ありません。
最後に画面下部のプロフィールを更新ボタンをクリックして完了です。


②プロフィールカードのアバター画像を設定する
プロフィールカードで重要なアバター画像の設定と、色やデザイン効果などのカスタマイズ方法について解説します。
1.WordPress管理画面の左側メニューから 外観 → カスタマイズ を選択します。


次に、「オプション(その他)」→「 プロフィールカード」 と進みます。


以下の2つの画像を設定します。


- ヘッダー画像:カードの上部に表示される背景画像を設定(必要なければ設定しなくてもOK)
- アバター画像:プロフィール写真やアイコンを設定します(必須)
画像を設定したら、画面左上部の「公開」をクリックして完了です。


ここまでの設定でプロフィールカードは
以下のような表示になります。


カラー設定では以下の3つが変更できます。
- ボーダー:カードの枠線の色を指定します。
- テキスト色:文字の色を設定します。
- 背景色:カード全体の背景色を選択します。


それぞれ変更すると以下のような見た目になります。今回は例としてそれぞれ赤色で設定しています。


プロフィールカードを丸角にしたり、影をつけたりすることができます。


以下は例です。


設定を変えたら「公開」ボタンをクリックするのを忘れずに。
③作成したプロフィールカードを設置する
プロフィールカードは、WordPressのウィジェット機能を使って設置します。
WordPress管理画面の左側メニューから 「外観」 → 「ウィジェット 」を選択します。


左側の利用できるウィジェット一覧から「11_AFFINGERプロフィールカード」(旧名:STINGERプロフィールカード)を探します。


右側の一覧から設置したい場所を探し、「11_AFFINGERプロフィールカード」をドラッグ&ドロップします。


多くのサイトではサイドバー(上部)にプロフィールカードが設置されていることが多いためおすすめです。
プロフィールカードのタイトルの入力を求められますが、こちらは空白で問題ありません。


これでサイドバーの最上部にプロフィールカードが表示されるようになりました。
アフィンガー6|プロフィールカードの重要性と記載するべき内容


ブログ運営において、プロフィールカードは単なる自己紹介にとどまらず、読者との信頼関係を構築する重要なツールとなります。
プロフィールカードを適切に設置することで、以下のようなメリットが得られます。
- 読者に親近感を与えられる
- ブログの信頼性が向上する
- リピーターの獲得に繋がる
- SEO効果が向上する
Googleのアルゴリズムにおいても、E-A-T(専門性、権威性、信頼性)が重視されています。適切なプロフィールカードの設置は、これらの要素を強化し、検索順位の向上にも寄与する可能性があります。
プロフィールカードに記載すべき情報は以下の通りです。
- 名前やニックネーム
- 簡潔な自己紹介
- 専門分野や経験
- SNSアカウントへのリンク
アフィンガー6ならプロフィールカードで機能で
これらの情報を効果的に表示できます。
アフィンガー6のプロフィールカードののカスタマイズ方法3ステップ


アフィンガー6のプロフィールのカスタマイズ方法についてまとめました。
以下の3つに分けて解説します。
以下で順番に解説します。
①アバター画像の入手方法と選び方
アバター画像は、プロフィールカードの中でも特に目を引く要素で、ブログの印象が大きく変わります。
適当に選んだりせず、ブログに合ったアバター画像を使うようにしましょう。
- 自撮り写真
-
一番簡単かつ効果的な方法です。スマートフォンのカメラで撮影する際は、自然光を活用し、背景をシンプルにすると良い仕上がりになります。

おかくん

顔出しを避けたい場合は次の3つの方法にしましょう。
- イラスト作成サービス
-
「ココナラ」などのクラウドソーシングサービスで、プロのイラストレーターに依頼することができます。
オリジナリティの高いアバターが欲しい場合におすすめです。
- アバター作成ツール
-
「Picrew」や「Avataaars」などのオンラインツールを使えば、簡単に自分好みのアバターを作成できます。無料で利用できるものも多いです。
- 無料画像素材
-
「Picrew」や「Avataaars」などのオンラインツールを使えば、簡単に自分好みのアバターを作成できます。無料で利用できるものも多いです。
②カラー設定のカスタマイズのコツ
プロフィールカードは、カラーデザインの調整によって大きく印象が変わります。適切な色使いをすることで、読者の目を引きつけ、ブログ全体の雰囲気とマッチさせることができます。
カラー設定は、アバター画像の設定の項目でもお伝えした以下の3つです。
- ボーダー色: 強調したい場合は濃い色、さりげなく表示したい場合は薄い色を選びましょう。
- テキスト色:背景色との組み合わせで読みやすさが決まります。
- 背景色: 読みやすさを考慮し、テキスト色とのコントラストに注意が必要です。
- ブログのテーマカラーとの統一
-
ブログ全体で使用しているメインカラーやアクセントカラーを取り入れることで、統一感のあるデザインになります。
- 色の心理効果
-
例えば、青は信頼性を、緑は自然や健康を連想させます。ブログのテーマに合わせて色を選びましょう。
- アバター作成ツール
-
「Picrew」や「Avataaars」などのオンラインツールを使えば、簡単に自分好みのアバターを作成できます。無料で利用できるものも多いです。
- グラデーション
-
おしゃれな印象を与えたい場合、背景色に単色ではなくグラデーションを使用するのも効果的です。
例えば、ビジネス系ブログの場合は以下の通りにすると、プロフェッショナルで落ち着いた印象を与えます。
- ボーダー色: #4a4a4a(濃いグレー)
- テキスト色:#333333(濃い灰色)
- 背景色: #f8f8f8(明るいグレー)
ライフスタイルブログの場合は、以下の通りにすると明るく親しみやすい印象を作り出します。
- ボーダー色: #ff9900(オレンジ)
- テキスト色:#333333(濃い灰色)
- 背景色: #ffffff(白)
あくまでも一例です。自身のブログに近いテーマのサイトの雰囲気も参考にしましょう。
③ボタンの追加とデザイン設定
アフィンガー6のプロフィールカードにボタンを追加することで、読者の行動を促し、ブログの他のページへの誘導を効果的に行うことができます。
例えば詳細なプロフィールページを別途用意し、「詳しいプロフィールはこちら」というボタンを設置すれば、よりあなたの魅力を伝えることができます。
カスタマイズ画面で 「オプション(その他)」→「 プロフィールカード」 を選択


以下の情報を入力します。


- ボタンURL:リンク先のURLを入力
- ボタンテキスト:ボタンに表示するテキストを入力
ボタンデザインの設定を変更できます。


- テキスト色:ボタン上の文字の色を設定
- 背景色(上部):ボタンの上部の色を指定
- 下部背景色(下部):ボタンの下部の色を指定(グラデーション効果に利用)
- 影色:ボタンに立体感を与える影の色を設定
例えば、お問い合わせページへの誘導ボタンを作る場合は以下の通りです。
- ボタンURL:誘導したいページのURL
- ボタンテキスト:「お問い合わせはこちら」
- ボタンテキスト色:#ffffff(白)
- ボタン上部背景色:#4CAF50(緑)
- ボタン下部背景色:#45a049(濃い緑)
- ボタン影色:#2e7d32(さらに濃い緑)
ここまで様々な設定をしましたが
モバイル表示の確認も忘れずにしましょう。
アフィンガー6のプロフィールカードについてのQ&A


アフィンガー6のプロフィールカードに関してよくある質問をまとめました。
解決法と合わせてご覧ください。
以下の3つに分けて解説します。
皆様から特に質問が多い事項を取り上げました。順番に解説します。
アフィンガー6でプロフィールカードを設置して信頼性を高めよう


以上、アフィンガー6のプロフィールカードの設定方法について解説しました。
最後にあらためて確認です。
- アフィンガー6のプロフィールカードで読者との信頼関係を構築できる
- プロフィール情報の入力はWordPress管理画面から簡単に設定可能
- カラー設定のカスタマイズでブログ全体との統一感を創出
- ボタン追加で他ページへの誘導を効果的に行える
アフィンガー6でプロフィールカードを設置して信頼性を高めよう。












