初心者でもできる!【AFFINGER6】プロフィールカードの作り方

はい、その疑問にお答えします。

 

こんにちは、あけみんです。

AFFINGER６（アフィンガー６）をインストールしてまずはプロフィール設定ですね。

初心者目線でプロフィールカードの設置方法をわかりやすく解説していきたいと思います。

手順は大きく３つ。

①プロフィールの画像とボタンの設定
②SNSの設定＆紹介文入力
③プロフィールの設置

プロフィールアイコンがあれば５分で設定完了です。
プロフィールアイコンはご自分の持っている写真でもOKですが、フリー素材からもダウンロードできます。→こちらはリンクを貼っておきますね。

さっそくいってみましょう！

AFFINGER６でつくるプロフィールカードのイメージ

AFFINGER６でつくるプロフィールカードがどんなイメージになるか、先にお見せします。

AFFINGER６に設置するプロフィールアイコンの準備

AFFINGER6でプロフィールカードを設置する前に、プロフィールアイコンを準備しておきましょう。
プロフィールアイコンは、ブログの顔となるところです。
写真でもイラストでもOK。

推奨サイズ：150×150pxの正方形画像
ファイル形式：PNG /JPG

プロフィールアイコンに使う画像が手元にない場合は、フリー素材からダウンロードしてご利用いただけます。

AFFINGER６でつくるプロフィールカードを作る手順

いよいよAFFINGER６でプロフィールカードの設定です。
順番にやっていけば、簡単に設置できるのでご安心ください。

1. プロフィールカードの設定
2. SNSボタンと紹介文の設定
3. プロフィールカードを設置

実際にAFFINGER６でプロフィールカードを作成していきましょう。

プロフィールカードの設定

WordPressの管理画面を開きます。

外観→カスタマイズ

オプション（その他）を選択

プロフィールカードを選択

プロフィールカードの設定画面がでてきます。

◆プロフィールカードの設定画面でできること

❶プロフィールカードのアイコン
❷ボタンの文字とリンク設定

プロフィールアイコンの画像アップロード

プロフィールアイコンは準備できましたでしょうか？

アイコン画像のサイズ：縦横150×150px以上の正方形の画像推奨

［画像を選択］をクリックして、準備したプロフィールアイコンをアップロードします。

 

ボタンの設定

次にボタンの設定にいきます。この部分↓

◆ボタンURLとボタンテキストを入力します。

プロフィール専用のページ（固定ページ）のURLを入れます。まだ作ってない方はサイトのURLを入れておいて、あとで修正してください。

◆ボタンの色の設定をします。
ボタン上部と下部の背景色［色を選択］をクリックして好きな色を設定してください。

できたら上部の［公開］ボタンをクリックします。
これでアイコンとボタンの設定は完了しました。

SNSボタンと紹介文の設定

次に設定するのは３つ。

❶名前
❷紹介文
❸SNS設定

ユーザー→プロフィールを開きます。

名前の入力をしてください。

SNSを開いてURLをコピーして、こちらにペーストします。

これでプロフィールカードの内容は出来上がりました。

後は設置するだけです。もう少し！

プロフィールカードを設置

プロフィールの内容は設定できたので、今度はそれを設置する作業です。

外観→ウィジェットを選択

［11_STINGERプロフィールカード］を選択して▼をクリック

右側の一番上に配置したいので、［サイドバートップ］を追加します。

実際に配置されてるか確認してみましょう。

右上のタイトルをクリック→サイトを表示

右端の一番上に設定したプロフィールカードが設定できました！
これで完了です。おつかれさまでした。

AFFINGER６のプロフィールカードは、見栄えもスッキリしてシンプル。まだプロフィールカードを設置していない方はぜひ設置してみてはいかがでしょうか？

まとめ

AFFINGER６でプロフィールカードを設置する手順はまとめると次の通りです。

プロフィールのアイコンや紹介文はいつでも変更できます。

ここまでお読みいただきありがとうございました。この情報が、少しでもお役に立てたら幸いです。