こんにちは、高校生ブロガーのNaokiです。
こんな悩みにお答えします。
この記事を読むことで、アフィンガーのプロフィール「文章・アバター画像・外部のリンク・SNSボタンの色変更」が分かるようになります。
記事の要約
ポイント
- 下準備、Wordpress管理画面での設定「文章・外部リンク」
- 下準備２、プロフィールカードの表示方法
- 本番、プロフィールカードのカスタマイズ「色・ボタンの色・アバター画像」
スピーディーに進めていきます。忙しい方は、太字のエリアだけ読んでください。
メモ
忙しい方向けの手順まとめ
- WordPressの管理画面→ユーザー→プロフィール
- ニックネームの変更→ブログ上の名前を設定したニックネームにする
- 連絡先情報→お好きなSNSの項目を選択→URLを貼り付ける
- あなたについて→プロフィール情報→自己紹介文章を書く→プロフィールを更新を押す
- 外観→ウィジェット→11_STINGERプロ…を探す→サイドバートップを選択し→ウィジェットを追加を押す
- 外観→カスタマイズ→オプション(その他)→SNSボタン→ボタン背景色を変更
プロフィールカードは、11と番号が振られているのですぐに発見できます。
※AFFINGER6は、SEO対策とカスタマイズ性の高さに優れています。
下準備、Wordpress管理画面での設定「文章・外部リンク」
手順まとめ
メモ
- WordPress管理画面→ユーザー→プロフィール
- ニックネームの変更→「ブロク上の名前」を変更
- 連絡先情報→お好きなSNSの項目を選択→URLを貼り付ける
- あなたについて→プロフィール情報→自己紹介文を書く
すべて終わったら、「プロフィールを更新」を押す
ここからは、丁寧にプロフィールカードに必須の外部リンクと文章を設定していきます。
プロフィール画面の編集方法
やり方は、WordPress管理画面を開く→ユーザー→プロフィールを選択します。
プロフィールの編集画面まできたら、プロフィ文章と外部リンク・ニックネームを設定していきます。
ニックネームの変更方法は、ニックネーム(必須)とブログ上の表示名を変更からできます。
次に、「あなたについて」からプロフィール情報を記入していきます。
オススメは「今の肩書きを2つほど」「発信ジャンルに関する経歴」「実績(毎日投稿中でも大丈夫)」ですね。
実績があると読者が信頼して記事を読んでくれます。ジャンルの経歴や肩書きがあれば、どんな方が記事を書いているのか？わかります。
SNSボタン設定の方法
外部SNSをやっていたり、読者にアピールしたい場合は設定していきます。サイト項目は変更する必要はありません。
やり方は、お好きなSNSの項目を選択→URLを貼り付けるだけです。
プロフィールへの記入が終わったら、下準備２にうつります。
下準備２、プロフィールカードの表示方法
手順まとめ
メモ
- 外観→ウィジェット→11_STINGERプロ…を探す→サイドバートップを選択→ウィジェットを追加を押す
プロフィールカードをサイドバー(横)に表示させるための設定を行っていきます。WordPress管理画面から外観→ウィジェットを押します。
「11_STINGERプロ…」の項目を探し、見つけたらサイドバートップを選択します。ウィジェットを追加と下に表示されるので、押しましょう。
サイドバートップに追加したら、名前を変更しましょう。ここには、ブログ上で表示させたい名前を記入しましょう。
やり方は、追加したウィジェットからタイトル名を変更するだけ。
これでプロフィールカードを表示させる設定は終わりました。次にプロフィールカードの色やアバターの設定をしていきます。プロフィールカードは、11と番号が振られているのですぐに発見できます。
本番、プロフィールカードのカスタマイズ「色・ボタンの色・アバター画像」
手順まとめ
メモ
- 外観→カスタマイズ→オプション(その他)→プロフィールカード
- アバター画像を変更→アバター画像に影をつける(プロフィールカード)→背景色もしくはボーダーは設定しない
手を加える設定項目
- ヘッダー画像(お好みで)
- アバター画像→自分の好きなもの(サイトの運営者が分かるようなモノ)
- アバターに影をつける→チェックを入れる
プロフィールのカスタマイズによって「ボタンの色・ボーター色、背景色・アバター画像・ヘッダー画像」が設定できます。
やり方は、外観→カスタマイズ→オプション(その他)→プロフィールカードで設定します。
完成画面はこんな感じ。
注意ポイント
旧プロフィールカードの設定をいじる必要はありません。現在のAFFINGERとは関係のない設定です。
アフィンガーのプロフィールカードの設定項目
アバター画像とヘッダー画像、ボーダー色、背景色、テキスト色が設定できます。今回は、アバター色、ボーダー色・背景色を変更していきます。
ポイント
アバター画像は、好きな画像を選択しましょう。理想的なサイズは、500px✖500pxです。アバターは目立つので、サイトに設定したい画像を表示しましょう。
「アバター画像に影をつける」を有効にすると、アイコンが目立ちやすくします。次は、SNSボタン色の変更方法も解説していきます。
SNSボタンの配色の変更方法は、オプション(その他)→SNSボタンからボタン背景色を選びます。
SNSボタンを変更すると、印象に残りやすいプロフィールカードが完成します。
まとめ(AFFINGER5)アフィンガーの設定手順まとめ
今回は、アフィンガー5のプロフィール設定方法を解説してきました。
以下設定手順まとめです。
プロフィール文章・名前の変更・SNSリンクの設定
- WordPress管理画面→ユーザー→プロフィール
- ニックネームの変更→「ブロク上の名前」を変更
- 連絡先情報→お好きなSNSの項目を選択→URLを貼り付ける
- あなたについて→プロフィール情報→自己紹介文を書く
- 外観→ウィジェット→11_STINGERプロ…を探す→サイドバートップを選択→ウィジェットを追加を押す。
アバター画像の設定・色の変更方法
- 外観→カスタマイズ→オプション(その他)→プロフィールカード
- アバター画像を変更→アバター画像に影をつける(プロフィールカード)→背景色もしくはボーダーは設定しない
SNSボタンの色変更
- カスタマイズ→オプション(その他)→SNSボタン→ボタン背景色を変更
プロフィールを設定することで、よりオシャレで独特なサイトが作成できます。
AFFINGER6の解説記事
