プロフィールカードって何…？と思っていたわたしがサイドバーに設置できた話

📌 要するに

• プロフィールカードは「最初のプロフィール」とは別物・役割が違う
• Claudeにデザインを相談して、OKだしてコピペするだけで完成
• 「誰が書いているか」が伝わって、ブログがぐっと本格的に見える

📋 この記事でわかること

• プロフィールカードと最初のプロフィール設定の違い
• サイドバーにプロフィールカードを設置する手順
• 内容を重複させずシンプルにまとめるコツ
• 設置することで得られる信頼性・権威性UPの効果

✨ 最初のプロフィール設定との違い

最初に設定したプロフィールは「プロフィールページ」として独立したページになるもの。プロフィールカードは読者が記事を読みながら「誰が書いてるの？」とチラ見できるコンパクトな紹介です。役割が違います。

📋 全体の流れ

STEP 1

Claudeに「プロフィールカードの内容とデザイン」を相談する

「最初のプロフィールと重複しないようにしたい」
「シンプルにまとめたい」

と伝えるだけで、内容の方向性からデザイン案まで提案してくれます。

STEP 2

内容とデザインにOKを出す
Claudeが提案してくれた内容・デザインを確認して、気に入ったらOKを出します。修正したい部分があれば「ここをこう変えて」と伝えるだけです。

💡 もふろんのワンポイント

プロフィールカードの内容は「名前・キャラクター画像・ひとこと紹介」のシンプル3点セットが読みやすいです。最初のプロフィールページに詳しく書いてあるなら、カードは短く・軽くまとめた方が読者に親切です。

STEP 3

コードをWordPressに設定する
管理画面の「外観」→「ウィジェット」を開いて、サイドバーエリアに「カスタムHTML」ウィジェットを追加。Claudeが出してくれたコードをコピペして設定します。

STEP 4

ブログを開いて確認する
サイドバーにプロフィールカードが表示されているか確認します。スマホでも見え方を確認しておくと安心です。

⚡ Claude Codeを使える人へ

Claude Codeを使うと、デザイン決定から実装まで全部一貫してやってくれます。流れはこんな感じです。

あとは確認するだけ。もふろんもこの方法で進めました。

✨ これができるようになってから

プロフィールページには詳しい自己紹介、カードにはひとこと紹介、と役割を分けたら読者がスッキリ読めるようになりました。同じ内容を2回見せない方がしつこくなくていいかなと思いました。

✨ これができるようになってから

「誰が書いているか」が見えるだけで、読者の安心感が変わります。資格や経験があればそれを一言入れると権威性にもなります。今の状態を書くだけでちゃんと伝わります。

こんな人には合うと思います

• プロフィールカードが何かわからなかった人
• 最初のプロフィールと何が違うのか気になっていた人
• ブログをもう少し本格的に見せたい人

わたしも全部当てはまってました。

✨ これができるようになってから

サイドバーにプロフィールカードが入ると、次は記事デザイン全体を整えたくなります。ヘッダーの色・プロフィールカード・記事の見た目が揃ってくると、「ちゃんとしたブログになってきた」という実感が一気に出てきました。

💡 もふろんのワンポイント

プロフィールカードはあとから内容を変えられます。最初はシンプルに作っておいて、あとから少しずつ足していく感じで十分だと思います。

📖 合わせて読みたい

わたしはこれで作りました。同じように進めるなら、ここから使えます →

📖 合わせて読みたい

📖 合わせて読みたい