ブログ

【AFFINGER6】プロフィールカードの作り方3ステップ!改行方法も

2023-02-15

当サイトではプロモーションを含みます

プロフィール

ブログにプロフィールを載せたいけど、どうやって作ったらいいの?

プロフィールを紹介する方法はいくつかありますが、今回はカードを使った方法を紹介します!

当サイトの右側(サイドバー)に表示してありますが、下記のようなものですね。

プロフィールカード

プロフィールカードはすぐに目につきますし、おしゃれで見やすく読者にも自分のことを知ってもらうきっかけになるのでぜひ作りましょう!

プロフィールカードの作り方は簡単で、3ステップで作れます。

  • ハンドルネームを登録する
  • 画像を挿入する
  • サイドバーにプロフィールカードを表示させる

この記事では、AFFINGER6のデザイン済みデータを使っています。

ハンドルネームを登録する

ハンドルネームの登録方法は、管理画面から行います。

プロフィール選択

1.「ユーザー」の「プロフィール」を選択します。

ニックネームとブログ上の表示名を記入

2.「ニックネーム」と「ブログ上の表示名」を記入します。

ここに、ご自分のハンドルネームを入れてください。

プロフィール情報の記入

3.下にスクロールして、「プロフィール情報」のところに伝えたい情報や、自己紹介文を書きましょう。

ここでX(旧Twitter)やFacebookなど連携させたいものがあれば、リンクさせることができますよ。

画像を挿入する

カスタマイズからプロフィールカードを選択

4.外観の「カスタマイズ」から「オプション(その他)を開きます。

5.下にスクロールしていくと、「プロフィールカード」の欄があるので、クリックします。

ヘッダー画像やアバター画像

6.ヘッダー画像やアバター画像には、お好みのものを入れてください。(著作権に引っかからないものです)

コメントだけで画像はいらないという人は特に何もしなくても大丈夫です。

また、ここで色を変えたり角を丸くする、ということも選択できます。

補足

画像はアバターと背景画像の2つを設定できます。

・アバター画像は150px以上の正方形推奨とあります。当サイトはロゴにも使われる500×500pxです。

・背景画像は写真の形に左右されますので、正方形であれ長方形であれそのままの形で表示されます。

アイキャッチ画像にもよく使われる1200×630pxでもいいですね。

サイドバーにプロフィールカードを表示させる

ここまでくればあと少しです!

サイドバーウィジェット に追加

7.「カスタマイズ」の「ウィジェット 」を選択し、その中にある「サイドバーウィジェット 」をクリックします。

8.「ウィジェット を追加」というボタンをクリックします。

9.少し下の方にある「11_STINGER1プロフィールカード」を選択します。

10.ウィジェット の上の方に表示させたい場合は、カードを上にスライドさせると表示されますよ。

プロフィールカードの完成

私の使っているカードですが、このような見た目になりました!

最後に「公開」を押すと実際のブログ上にアップされます。

プロフィール情報で改行する方法

紹介文を書いてはみたものの、なんだか見た目が悪い。

プロフィール情報では改行できているのに、カードで確認すると改行できていない。

そういったときに、きちんと文を改行する方法があります。

まず、AFFINGER管理投稿・固定記事→にある「この記事を書いた人」をクリックしてください。

下にスクロールしても大丈夫です。

その中にある「プロフィール情報にhtmlタグを許可する」にチェックを入れます。

この記事を書いた人のチェック箇所

必ず「SAVE」を押して保存してください!

次に、ユーザープロフィールにある「プロフィール情報」の文章にいきます。

ここでどうやって改行するかというと、改行したい箇所に<br>と入力することだけです。

文字の間に空白を入れたい場合は、<br><br>と入力します。

するとこのような表示になります。

プロフィールに改行

最後に「プロフィールを更新」を忘れずに押してください。

まとめ

いかがでしたでしょうか。

プロフィールカードを一つ作るにも奥が深いですよね。

ぜひ納得のいくものを作ってみてください!

まとめ

  • ハンドルネームや自己紹介文を登録する
  • 画像を挿入する
  • トップページの表示させたい箇所にカードを持ってくる

以上、最後まで読んでいただきありがとうございました。

当サイトで使用!

affinger

AFFINGER6

WordPressテーマACTION(AFFINGER6)の公式サイトAFFINGER6

AFFINGER6 EX対応

上級者や本気で稼ぎたい人むけのテーマAFFINGER6 EX対応 ACTION PACK3

2024年にブログを始めたい、集客化したい人は必見です!

よく読まれている記事

スマホで検索をする 1

メルカリの新機能に希望価格を登録するというものがあります。 私は買うより出品する方ですが、ある日出品したものを見ていたら ¥0,000で買いたい人が1名います   値下げする > という表示が出ていま ...

コーヒーを車で飲む女性 2

自動車保険は、ここ数年イーデザイン損保を契約しています。 毎年12月くらいになると更新の案内が来るのですが、2022年11月頃から新商品「&e(アンディー)」(以下「&e」)のご紹介、 ...

Googleアドセンスに雑記ブログで合格できました 3

2023年9月27日、Googleアドセンス審査に合格しました。 「ポリシー違反が見つかりました」 「有用性の低いコンテンツ」 不合格のときは毎回同じ文の結果しか表示されず、何をしたらいいのか...と ...

温泉に来た浴衣の女性 4

日帰り温泉へ急に行こうとなったとき、レンタル品が用意されている施設も多いですが、できればあらかじめ持ち物を用意をしていきたいものです。 この記事では、女性・男性にも共通で持っていった方がいい持ち物や、 ...

車をスマホで調べる 5

この記事では、イーデザイン損保の新自動車保険「&e(アンディー)」を使用するためのセンサー取り付け方法をご紹介します。 必要なもの 車 スマートフォン(Bluetoothが使えること) 取り付 ...

-ブログ