PR AFFINGERカスタマイズ

AFFINGER6でプロフィールカードを作成・カスタマイズする方法

6月 28, 2023

AFFINGER6でプロフィールカードを作成・カスタマイズする方法

アフィンガーのプロフィールカードの作り方がわからない。他のサイトみたいなオシャレな感じのデザインにならないよ・・・

ゆう
ゆう

アフィンガーで良い感じのプロフィールカードのデザインにするのは、初期設定からのカスタマイズが必要だよ。今回はプロフィールカードの作り方を解説するね!

アフィンガーのプロフィールカードには、「デフォルトのシンプルなデザインのプロフィール」と「カードデザインのプロフィール」の2種類があります。

デフォルトのデザイン

カードタイプのデザイン

こんな感じでアフィンガーのデフォルト設定のままだと、ぶっちゃけ、デザイン性がイマイチです。

ということで、今回の記事では「カードタイプのデザインを作る方法」を紹介します。

本記事の内容

  • アフィンガーでプロフィールカードを作る方法
  • プロフィールカードのカスタマイズ方法

AFFINGER6について

AFFINGER6の購入前に評判やメリット・デメリットについて確認しておきたいという方は、【特典つき】AFFINGER6(アフィンガー6)を4年愛用した使用感をレビューを参考にしてみて下さい。

\今なら当サイト限定の豪華特典付き/

AFFINGER6の詳細を見る

AFFINGER6でプロフィールカードの設定方法

まずはプロフィールカードに表示する基本的な情報をインプットしていきます。

プロフィールを作る手順は次の5ステップです。

  • プロフィール画像・ヘッダー画像の設定
  • プロフィールボタンの設定
  • SNSボタンの設定
  • 自己紹介文の設定
  • プロフィールカードの設置

それでは順番に解説していきますね〜!

プロフィールカード作成手順①プロフィール画像・ヘッダー画像の設定

まずはプロフィールに表示するアイコン画像とヘッダー画像を設定していきます。

プロフィールカードの画像はカスタマイザーから設定できます。

カスタマイザー > オプション(その他) > プロフィールカード

プロフィールヘッダー画像とアイコン画像の設定ができるのでここでやりましょう。

ゆう
ゆう

この画面を開いたら「旧プロフィールカードに変更」のチェックは外しておきましょう!

プロフィールカード作成手順②プロフィールボタンの設定

プロフィール画像を設定したらそのままプロフィールに表示するボタンを設定します。

ゆう
ゆう

ボタンの「リンク先URL・テキスト」を入力すればOK。ボタンのカラーも変更できるよ!

プロフィールカード作成手順③SNSボタンの設定

次にSNSボタンを設置します。

SNSボタンは以下の場所にリンク先のURLを記載しておくだけで勝手に表示されます。

ユーザー > プロフィール

プロフィールカード作成手順④自己紹介文の設定

SNSアイコンを設定したら、続けて「プロフィール情報」に自己紹介文も書いていきます。

ユーザー > プロフィール > プロフィール情報

ゆう
ゆう

これでプロフィールカードを表示する準備は完了だよ。あとは表示したい場所に設置していくだけ!

プロフィールカード作成手順⑤プロフィールカードの設置

最後に作ったプロフィールカードを設置していきます。プロフィールを設置する場所は次の2箇所。

  • サイドバー
  • 記事の上下

サイドバーに表示する

プロフィールバーをサイドバーに表示するには下の画像のように、「11_STINGERプロフィールカード」をサイドバーウィジェットにドラッグ&ドロップするだけでできます。

記事の「この記事を書いた人」を表示する

プロフィールカードで設定した内容は記事の最初or最後に「この記事を書いた人」という感じでも表示できます。

「この記事を書いた人」を表示するにはAFINGER管理画面の「投稿・固定記事」から表示設定できます。

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

ここまでの解説でプロフィールカードの設置はできたはずです。あとは、細かいカスタマイズ方法を紹介していきますね。

カスタマイズ方法①SNSボタンの色を変える

SNSボタンの色はデフォルトで各SNSのアイコン色になっています。

デフォルトのままだと少しカラフルですね。サイトの雰囲気に合わせたいときは以下から一括でカラー変更しましょう。

カスタマイザー > オプション(その他) > SNSボタン

カスタマイズ方法②プロフィール文を改行する

デフォルトではプロフィール文は改行されないため、改行できるように設定しておきましょう。

まず、AFINGER管理画面>投稿・固定記事>この記事を書いた人から、プロフィール情報のHTMLタグ有効化にチェックを入れておきます。

プロフィール情報で改行したいところに<br>タグを記載

これでプロフィール文を好きな箇所で改行できるようになりました。

まとめ:AFFINGER6でプロフィールを設置してブログの信頼性をアップしよう!

今回はアフィンガーのプロフィール作成の方法を解説しました。

まとめると、

  • AFFINGERには旧タイプとカードタイプがある
  • ただ、デフォルトは旧タイプでオシャレじゃない
  • カードタイプを作るにはデフォルトから設定変更が必要

ブログでは信頼性や権威性が重要と言われていてますが、素性がわからない執筆者が書いた記事は信用しづらいものです。

信頼性アップのためにもプロフィールはオシャレにカスタマイズしておきましょう!

顔出しは不要、でもアイコンは顔アイコンがおすすめ

ブログをやっていると「顔出しは必要なの?」と疑問に思う方も多いと思います。

結論はブログに顔出しは不要です。

とはいえ、プロフィールのアイコンは記事を書いた人の印象につながるので「顔アイコン」にしておくのがおすすめ。

ゆう
ゆう

アイコン作成はココナラとかで1000〜2000円あれば作れるよ

ココナラ初回登録で300円オフのクーポンがもらえます。割引クーポンも高頻度で発行されるので、とりあえず登録だけ済ませておくといいですよ〜。

AFFINGER6を検討中の方

AFFINGER6の導入を検討中の方は「AFFINGER6を4年使用した感想・レビュー」も読んでみてください。

実際にAFFINGERを4年利用した経験をもとに、本音でレビューしました。メリット・デメリットを包み隠さず感想を書きましたので、きっと役に立つと思います。

  • この記事を書いた人
  • 最新記事

シャイニーゆう

ブログ歴4年|月収収益6桁達成
30代前半サラリーマン&子育てパパ
副収入で生活を楽にしたいという方向けにブログの魅力を発信中!

-AFFINGERカスタマイズ