AFFINGER6でプロフィールカード作成＆カスタマイズ方法【画像付きで解説】

AFFINGER6でプロフィールカードを作成する方法とカスタマイズ方法を知りたいです！

そんなお悩みを解決します。

プロフィールカードとは、このようにブログ右上に表示されていることが多いです。

AFFINGER6初心者の方も分かりやすいよう、画像付きでご紹介していきますね！

AFFINGER6でプロフィールカードの作り方

プロフィールカードがあると、ブログを読む人に「信頼性」「親近感」「安心」を感じてもらいやすくなります。

ブログの信頼性はGoogleの「検索品質評価ガイドライン」でも最重要項目となっていますので、まだの方は一緒に設定していきましょう！

誰が書いているか分かる記事の方が安心できますね！

• STEP 1 ：プロフィール画像の設定
• STEP 2 ：自己紹介文の設定
• STEP 3 ：SNSボタンの設定
• STEP 4 ：プロフィールカードを表示させる

順番に解説します。

STEP 1 ：プロフィール画像の設定

１：まずWordPress管理画面から「外観」→「カスタマイズ」に進みます。

２：「オプション（その他）」→「プロフィールカード」を選びます。

３：「ヘッダー画像」と「アバター画像」をアップロードします。

最後に「公開」ボタンを忘れずに押しましょう。

STEP 2 ：自己紹介文の設定

１：WordPress管理画面から「ユーザー」→「プロフィール」へ進みます。

２：プロフィール情報欄にプロフィールを記入します。

最後に「プロフィール更新」ボタンをお忘れなく。

STEP 3 ：SNSボタンの設定

１：WordPress管理画面から「ユーザー」→「プロフィール」へ進みます。

２：以下に、自分のSNSのURLを入力し「プロフィールを更新」ボタンをクリックすると完了です。

プロフィールカードにはこのように表示されます。

ユーザー名の箇所には、自分のSNSアカウントを入力してください。

STEP 4 ：プロフィールカードを表示させる

最後に、ここまで作ったプロフィールカードを表示させます。

１：「外観」→「ウィジェット」をクリックします。

２：利用できるウィジェット欄から「STINGERプロフィールカード」を「サイドバートップ」にドラッグします。

トップページにきちんと表示されていれば完成です。

ここまでの設定、お疲れ様でした！

AFFINGER6でプロフィールカードのカスタマイズ方法 4選

ここからは、プロフィールカードのカスタマイズ方法を 4つご紹介します。

• プロフィールカードにボタンを表示する
• 「この記事を書いた人」の表示
• SNSボタンの色変更
• 自己紹介文を改行する

1つずつ解説します。

AFFINGER6でプロフィールカードのカスタマイズ方法 １プロフィールカードにボタンを表示する

このようにプロフィールカード内にボタンを設置する方法を解説します。

１：「外観」→「カスタマイズ」へ進みます。

２：「オプション（その他）」→「プロフィールカード」をクリック。

３：「ボタンURL」と「ボタンテキスト」を任意のものに設定します。

テキストカラー部分はお好みで変更されてください。

４：最後に「公開」ボタンをクリックすれば完了です。

AFFINGER6でプロフィールカードのカスタマイズ方法 ２「この記事を書いた人」の表示

最後に、投稿ページや固定ページの最後に表示される「この記事を書いた人」の表示方法をご紹介します。

１：「AFFINGER管理画面」→「投稿・固定記事」に進みます。

２：この記事を書いた人欄の「「この記事を書いた人」を有効化する」にチェックを入れます。

３：最後に「save」をクリックすると完了です。

AFFINGER6でプロフィールカードのカスタマイズ方法 ３SNSボタンの色変更

SNSボタンの色を変更すると、このように変化します。

１：「外観」→「カスタマイズ」へ進みます。

２：「オプション（その他）」→「SNSボタン」をクリックします。

３：「ボタン背景色」と「アイコンと文字色」でお好きな色に変更できます。

４：最後に「公開」を押せば完了です。

AFFINGER6でプロフィールカードのカスタマイズ方法 ４自己紹介文を改行する

通常自己紹介文は改行されません。

文をより見やすくするためにも、このように改行設定ができる方法をお伝えします。

１：「AFFINGER管理」→「投稿・固定記事」に進みます。

２：「この記事を書いた人」から「プロフィール情報にhtmlタグを許可する」にチェックを入れます。

３：「ユーザー」→「プロフィール」を選びます。

４：改行したい箇所で <br> を入力してプロフィールを作成します。

５：このようにプロフィールの文章が改行され、表示されます。

最後は必ず「プロフィールを更新」をクリックすれば完了です。

うまく設定できない時に試したいこと

プロフィールカードを設定したのにうまく表示されない時は、以下の設定を見直してみましょう。

• 保存ボタンの押し忘れがないか
• WordPress管理画面へ再ログイン
• キャッシュ削除

うまくいかない時はこれらをお試しください。

プロフィールカードは早めに作成しておこう！

今回はAFFINGER6でプロフィールカードを作成する方法について解説しました。

プロフィール画像の準備がまだの方は、早めに作っておくと後が楽です。

他にもAFFINGER6設定関連は、こちらの記事も参考にどうぞ。

今回は以上です。

最後までご覧いただきありがとうございました。