アフィンガー6でプロフィールカードを作成する方法3ステップ|画像設定も徹底解説!

サムネイル画像

当サイトではアフィリエイト広告を利用しています。

  • アフィンガー6の使い方を知りたい
  • アフィンガー6でプロフィールカードを作りたい
  • アフィンガー6で稼ぎたい

このような声にお応えして参考となる記事をご用意しました。

こちらの記事ではワードプレステーマであるアフィンガー6でプロフィールを作成する方法について解説しています。

記事の内容を見ていただくだけで、アフィンガー6でプロフィールカードを設定&設置する方法やカスタマイズ方法がわかり、ブログ運営がスムーズに進みますよ。

プロフィールカードは、読者の信頼性の向上させたり、親近感を与えることができる効果的な機能です。

ただ、適当に設置すればいいというわけではないので、ぜひ参考にしてくださいね。

ブログマニュアルプレゼント
おかくん

超初心者向けに、ブログで稼ぐためのノウハウを無料で配布しています。
以下の画像をクリックするとプレゼント受け取りフォームに移動します。

ブログマニュアルプレゼント
おかくん

今だけ三大特典付いています。

目次

アフィンガー6でプロフィールカードを作成する方法を3ステップで解説!

ステップ

アフィンガー6でプロフィールカードを作成する方法をまとめました。

以下の3つに分けて解説します。

おかくん

以下で順番に解説します。

①プロフィール情報を入力する

アフィンガー6のプロフィールカードの設定に入る前に、まずはWordPressのプロフィールの設定をしておく必要があります。

おかくん

以下で順番に解説します。

STEP
プロフィールを選択する

WordPress管理画面の左側メニューから「ユーザー」 →「 プロフィール」 を選択します。

ワードプレスの画面
STEP
ニックネームの入力

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

プロフィールの設定画面
  • ニックネーム必須): ブログ上で表示される名前を入力します。
  • ブログ上の表示名: 通常はニックネームと同じものを選択します。
STEP
プロフィール欄の入力

プロフィール情報欄に自己紹介文を入力します。

プロフィールの設定画面

自己紹介文を作成する際のポイントは以下の通りです。

  • 簡潔かつ魅力的な文章を心がける
  • 専門分野や経験を具体的に記述する
  • 読者に親近感を与える情報を盛り込む
STEP
SNSアカウントの入力

各種SNSのアカウントを持っている場合は、ここで自身のSNSアカウントのURLを入力します。

プロフィールの設定画面
おかくん

SNSアカウントがない場合や後々作成する予定の場合は

現段階では空欄で問題ありません。

STEP
プロフィールを更新する

最後に画面下部のプロフィールを更新ボタンをクリックして完了です。

プロフィールの設定画面

②プロフィールカードのアバター画像を設定する

プロフィールカードで重要なアバター画像の設定と、色やデザイン効果などのカスタマイズ方法について解説します。

STEP
アバター画像の設定

1.WordPress管理画面の左側メニューから 外観 → カスタマイズ を選択します。

WordPressの管理画面
STEP
プロフィールカードの選択

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

プロフィールカードの設定画面
STEP
画像を設定する

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

プロフィールカードの設定画面
  • ヘッダー画像:カードの上部に表示される背景画像を設定(必要なければ設定しなくてもOK)
  • アバター画像:プロフィール写真やアイコンを設定します(必須
STEP
プロフィールを公開する

画像を設定したら、画面左上部の「公開」をクリックして完了です。

プロフィールカードの設定画面
おかくん

ここまでの設定でプロフィールカードは

以下のような表示になります。

プロフィールカードの実際の表示
STEP
カラー設定について

カラー設定では以下の3つが変更できます。

  • ボーダー:カードの枠線の色を指定します。
  • テキスト色:文字の色を設定します。
  • 背景色:カード全体の背景色を選択します。
プロフィールカードの設定画面
おかくん

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

プロフィールカードの実際の表示
STEP
プロフィールデザインの設定

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

プロフィールカードの設定画面
おかくん

以下は例です。

プロフィールカードの実際の表示
おかくん

設定を変えたら「公開」ボタンをクリックするのを忘れずに。

③作成したプロフィールカードを設置する

プロフィールカードは、WordPressのウィジェット機能を使って設置します。

STEP
「ウィジェット 」を選択

WordPress管理画面の左側メニューから 「外観」 → 「ウィジェット 」を選択します。

ワードプレスの画面
STEP
プロフィールカードの確認

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

ウィジェットの設定画面
STEP
プロフィールを設置

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

ウィジェットの設定画面
おかくん

多くのサイトではサイドバー(上部)にプロフィールカードが設置されていることが多いためおすすめです。

STEP
タイトルは空白でOK

プロフィールカードのタイトルの入力を求められますが、こちら空白で問題ありません。

ウィジェットの設定画面
おかくん

これでサイドバーの最上部にプロフィールカードが表示されるようになりました。

アフィンガー6|プロフィールカードの重要性と記載するべき内容

ポイント

ブログ運営において、プロフィールカードは単なる自己紹介にとどまらず、読者との信頼関係を構築する重要なツールとなります。

プロフィールカードを適切に設置することで、以下のようなメリットが得られます。

  • 読者に親近感を与えられる
  • ブログの信頼性が向上する
  • リピーターの獲得に繋がる
  • SEO効果が向上する

例えば、読者はプロフィールカードを通じて、ブロガーの人となりや専門性を知ることができます。これにより、ブログの内容に対する信頼感が高まり、継続的な閲覧につながる可能性が高くなります。

Googleのアルゴリズムにおいても、E-A-T(専門性、権威性、信頼性)が重視されています。適切なプロフィールカードの設置は、これらの要素を強化し、検索順位の向上にも寄与する可能性があります。

プロフィールカードに記載すべき情報は以下の通りです。

  • 名前やニックネーム
  • 簡潔な自己紹介
  • 専門分野や経験
  • SNSアカウントへのリンク
おかくん

アフィンガー6ならプロフィールカードで機能で

これらの情報を効果的に表示できます。

アフィンガー6のプロフィールカードののカスタマイズ方法3ステップ

ステップ

アフィンガー6のプロフィールのカスタマイズ方法についてまとめました。

以下の3つに分けて解説します。

おかくん

以下で順番に解説します。

①アバター画像の入手方法と選び方

アバター画像は、プロフィールカードの中でも特に目を引く要素で、ブログの印象が大きく変わります。

適当に選んだりせず、ブログに合ったアバター画像を使うようにしましょう。

自撮り写真

一番簡単かつ効果的な方法です。スマートフォンのカメラで撮影する際は、自然光を活用し、背景をシンプルにすると良い仕上がりになります。

おかくん

顔出しを避けたい場合は次の3つの方法にしましょう。

イラスト作成サービス

「ココナラ」などのクラウドソーシングサービスで、プロのイラストレーターに依頼することができます。

オリジナリティの高いアバターが欲しい場合におすすめです。

アバター作成ツール

「Picrew」や「Avataaars」などのオンラインツールを使えば、簡単に自分好みのアバターを作成できます。無料で利用できるものも多いです。

無料画像素材

「Picrew」や「Avataaars」などのオンラインツールを使えば、簡単に自分好みのアバターを作成できます。無料で利用できるものも多いです。

②カラー設定のカスタマイズのコツ

プロフィールカードは、カラーデザインの調整によって大きく印象が変わります。適切な色使いをすることで、読者の目を引きつけ、ブログ全体の雰囲気とマッチさせることができます。

STEP
3つの調整項目

カラー設定は、アバター画像の設定の項目でもお伝えした以下の3つです。

  • ボーダー色: 強調したい場合は濃い色、さりげなく表示したい場合は薄い色を選びましょう。
  • テキスト色:背景色との組み合わせで読みやすさが決まります。
  • 背景色: 読みやすさを考慮し、テキスト色とのコントラストに注意が必要です。
STEP
カラー設定のコツ
ブログのテーマカラーとの統一

ブログ全体で使用しているメインカラーやアクセントカラーを取り入れることで、統一感のあるデザインになります。

色の心理効果

例えば、青は信頼性を、緑は自然や健康を連想させます。ブログのテーマに合わせて色を選びましょう。

アバター作成ツール

「Picrew」や「Avataaars」などのオンラインツールを使えば、簡単に自分好みのアバターを作成できます。無料で利用できるものも多いです。

グラデーション

おしゃれな印象を与えたい場合、背景色に単色ではなくグラデーションを使用するのも効果的です。

STEP
具体的な設定例

例えば、ビジネス系ブログの場合は以下の通りにすると、プロフェッショナルで落ち着いた印象を与えます。

  • ボーダー色: #4a4a4a(濃いグレー)
  • テキスト色:#333333(濃い灰色)
  • 背景色: #f8f8f8(明るいグレー)

ライフスタイルブログの場合は、以下の通りにすると明るく親しみやすい印象を作り出します。

  • ボーダー色: #ff9900(オレンジ)
  • テキスト色:#333333(濃い灰色)
  • 背景色: #ffffff(白)
おかくん

あくまでも一例です。自身のブログに近いテーマのサイトの雰囲気も参考にしましょう。

③ボタンの追加とデザイン設定

アフィンガー6のプロフィールカードにボタンを追加することで、読者の行動を促し、ブログの他のページへの誘導を効果的に行うことができます。

例えば詳細なプロフィールページを別途用意し、「詳しいプロフィールはこちら」というボタンを設置すれば、よりあなたの魅力を伝えることができます。

STEP
ボタン追加の手順

カスタマイズ画面で 「オプション(その他)」→「 プロフィールカード」 を選択

プロフィールカードの設定画面
STEP

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

プロフィールカードの設定画面
  • ボタンURL:リンク先のURLを入力
  • ボタンテキスト:ボタンに表示するテキストを入力
STEP
ボタンデザインの設定項目

ボタンデザインの設定を変更できます。

プロフィールカードの設定画面
  • テキスト色:ボタン上の文字の色を設定
  • 背景色(上部):ボタンの上部の色を指定
  • 下部背景色(下部):ボタンの下部の色を指定(グラデーション効果に利用)
  • 影色:ボタンに立体感を与える影の色を設定
STEP
ボタン設定の具体例

例えば、お問い合わせページへの誘導ボタンを作る場合は以下の通りです。

  • ボタンURL:誘導したいページのURL
  • ボタンテキスト:「お問い合わせはこちら」
  • ボタンテキスト色:#ffffff(白)
  • ボタン上部背景色:#4CAF50(緑)
  • ボタン下部背景色:#45a049(濃い緑)
  • ボタン影色:#2e7d32(さらに濃い緑)
おかくん

ここまで様々な設定をしましたが
モバイル表示の確認も忘れずにしましょう。

アフィンガー6のプロフィールカードについてのQ&A

Q&A

アフィンガー6のプロフィールカードに関してよくある質問をまとめました。

解決法と合わせてご覧ください。

以下の3つに分けて解説します。

おかくん

皆様から特に質問が多い事項を取り上げました。順番に解説します。

プロフィールカードのヘッダー画像のサイズは?

アフィンガー6のプロフィールカードにおけるヘッダー画像のサイズ選択の推奨は、横幅500ピクセル、高さ150ピクセル程度です。

このサイズであれば、デスクトップとモバイルの両方できれいに表示され、かつ読み込み速度にも大きな影響を与えません。

画像の解像度は72dpi程度で十分です。ファイル形式はJPEGやPNGが適していて、ファイルサイズは100KB以下に抑えることをおすすめします。

プロフィールカードのヘッダー画像の設定は、アバター画像の設定の項目で解説しています。

>> アバター画像の設定に移動

アフィンガー6で「この記事を書いた人」を表示させるには?

「この記事を書いた人」を表示させることで、プロフィールカードと同じく記事の信頼性を高めることができます。

STEP
投稿・固定記事を選択

WordPress管理画面の左側メニューから「AFFINGER管理」を選択し、次のページで「投稿・固定記事タブ」をクリックします。

ワードプレスの管理画面
STEP
有効化にチェック

次に、「この記事を書いた人」セクションまでスクロールし、「この記事を書いた人を有効化する」にチェックを入れます。

アフィンガー6の設定画面
おかくん

さらに、表示のカスタマイズも可能です。

例えば、「この記事を書いた人」の最新記事を表示する」にチェックを入れると、著者の他の記事へのリンクも表示されます。

おかくん

これにより、読者の回遊率を高める効果が期待できます。

アフィンガー6でプロフィールカードを設置して信頼性を高めよう

まとめ

以上、アフィンガー6のプロフィールカードの設定方法について解説しました。

最後にあらためて確認です。

ポイントまとめ
  • アフィンガー6のプロフィールカードで読者との信頼関係を構築できる
  • プロフィール情報の入力はWordPress管理画面から簡単に設定可能
  • カラー設定のカスタマイズでブログ全体との統一感を創出
  • ボタン追加で他ページへの誘導を効果的に行える

アフィンガー6でプロフィールカードを設置して信頼性を高めよう。

ブログマニュアルプレゼント
おかくん

超初心者向けに、ブログで稼ぐためのノウハウを無料で配布しています。
以下の画像をクリックするとプレゼント受け取りフォームに移動します。

ブログマニュアルプレゼント
おかくん

今だけ三大特典付いています。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次