![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/01/question.png?resize=100%2C100&ssl=1)
サイドバーにプロフィールカードを設定する方法が知りたい!
こんな疑問を解決していきます。
まず、プロフィールカードを設定する目的を考えましょう
- どんな人が書いたサイトかで信頼を得られる
- あなたのファンになってもらえる
- 読者が増える
![アフィ先生](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/j453_8_4.png?resize=100%2C100&ssl=1)
プロフィールはサイトの信頼性やファンになってもらえる重要な役割ですね。
プロフィールカードを設置して、サイトの信頼性やあなたのファンになってもらいましょう!
AFFINGER6(アフィンガー6)プロフィールカードの作り方
プロフィールカードの完成はこちら▼
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/side-bar-profile.png?resize=780%2C395&ssl=1)
![アフィ先生](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/j453_8_4.png?resize=100%2C100&ssl=1)
わかりやすく解説していきますので頑張って設定しましょう!
AFFIGER6プロフィールカード設定前の準備
プロフィールカードを設定する前に準備しておくとスムーズに設定でしますよ!
- プロフィールカードのアバター画像準備
- SNS(Facebook・Twitter・YouTube)のアドレス
- 自己紹介文
![アフィ先生](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/j453_8_5.png?resize=100%2C100&ssl=1)
準備できましたか?
これから5stepで設定していきますね。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-7.png?resize=330%2C261&ssl=1)
プロフィール編集画面から編集を行います。
Word Press管理画面 → ユーザー → プロフィール
AFFIGER6プロフィールカードSNS情報を設定します
step
1SNSの情報を入力します。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-10.png?resize=616%2C545&ssl=1)
SNSなど表示する箇所にURLの情報をを入力しましょう。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-4.png?resize=291%2C526&ssl=1)
このように表示されます。
AFFIGER6プロフィールカード自己紹介文を入力します
step
2自己紹介文を入力します
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-8.png?resize=680%2C148&ssl=1)
![アフィ先生](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/j453_8_5.png?resize=100%2C100&ssl=1)
文章の改行を入れても反映されないので改行には<br>をいれて下さいね。
このような感じになります▼
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-3.png?resize=291%2C526&ssl=1)
最後にプロフィールを更新してくださいね。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-9.png?resize=400%2C337&ssl=1)
AFFIGER6プロフィールカードプロフィールカードをサイドバーに設定します
step
3プロフィールカードをサイドバーに設定します。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-setting.png?resize=287%2C341&ssl=1)
ウィジェットに移動します。
Word Press管理画面 → 外観 → ウィジェット
ウィジェットを開くとたくさん書かれていますが、ここでは中央上のサイドバートップの箇所だけ使います。
![アフィ先生](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/j453_8_5.png?resize=100%2C100&ssl=1)
必要なところは中央上のサイドバートップだけ!
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-setting-1.png?resize=858%2C401&ssl=1)
11番目のプロフィールカードをクリックしたまま、中央のサイドバートップの枠の中に移動します。
サイドバートップの中は実際のサイドバーの順番になります。設置したい場所に移動しましょう!
AFFIGER6プロフィールカードプロフィール画像を設定します
step
4プロフィール画像をアップロードします
Word Press管理画面 → 外観 → カスタマイズ → オプション(その他) → プロフィールカード
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-1.png?resize=309%2C586&ssl=1)
アバター画像(プロフィールカード)の画像を選択から画像をアップロードしましょう。
▼このように写真が入りました
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-2.png?resize=291%2C526&ssl=1)
AFFIGER6プロフィールカード詳しいプロフィールの設定
step
5詳しいプロフィールを設定します。
プロフィール画像の続きから設定していきます。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-5.png?resize=291%2C526&ssl=1)
入力するところ
ボタンURL → プロフィールが書いてあるページのURL
ボタンテキスト → ボタンの文字(ここでは詳しいプロフィールと記入しています)
ボタンテキスト、ボタン上部背景色、ボタン下部背景色の色の変更もしましょう。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-11.png?resize=267%2C546&ssl=1)
最後に公開をします。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-12.png?resize=259%2C538&ssl=1)
![アフィ先生](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/j453_8_5.png?resize=100%2C100&ssl=1)
せっかく設定したのが反映されないので公開は忘れずにね!
AFFINGER6(アフィンガー6)プロフィールカードおしゃれな背景の設定
プロフィールカードは背景の設定ができます。
おしゃれな背景でオリジナルなプロフィールカードを作ってみましょう!
Word Press管理画面 → 外観 → カスタマイズ → オプション(その他) → プロフィールカード
プロフィールカード設定からヘッダー画像を選択し、画像をアップロードします。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/side-bar-profile-1.png?resize=292%2C581&ssl=1)
「レンガ」「スイーツ」に変更してみました。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-setting-2.png?resize=301%2C464&ssl=1)
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-setting-3.png?resize=306%2C474&ssl=1)
「風景」「草花」にも変更してみました。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-setting-4.png?resize=300%2C476&ssl=1)
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-setting-5.png?resize=305%2C382&ssl=1)
「花」「イラスト」なども又違うイメージになりますね。
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-setting-6.png?resize=280%2C453&ssl=1)
![](https://i0.wp.com/mezomezo.com/wp-content/uploads/2022/03/profile-setting-7.png?resize=277%2C545&ssl=1)
背景を設定した後は公開を必ず忘れずにしてくださいね。
AFFINGER6(アフィンガー6)プロフィールカード設定方法のまとめ
サイドバーにプロフィールカードを設定する方法を解説しました。
プロフィールカードを設定する目的
- どんな人が書いたサイトかで信頼を得られる
- あなたのファンになってもらえる
- 読者が増える
プロフィールカードを設定し、サイトの信頼性やファンになってもらえるようにしましょうね。