プロフィールウィジェットを使ってサイドバーにプロフィールを表示しよう

SANGO プロフィールウィジェットを使うとサイドに以下のようにプロフィールを表示することができます。

この記事では上の画像のようにプロフィールを表示する方法を紹介します。

ユーザー情報を入力

まずは管理画面→ユーザーより表示したいユーザーの情報を編集します。

以下の内容がプロフィールウィジェットで表示されます。

  • ニックネーム
  • サイト
  • TwitterのURL
  • FacebookのURL
  • InstagramのURL
  • FeedlyのURL
  • YouTubeのURL
  • LINEのURL
  • プロフィール情報
  • プロフィール写真
  • プロフィール背景画像

プロフィールウィジェットを追加

管理画面 → 外観 → ウィジェットに移動します。

レガシーウィジェットをお使いの場合

以下のように「サイドバー」のウィジェットエリアに「SANGO プロフィール」ウィジェットを追加します。そして、セレクトボックスで表示したいユーザーを選択します。

ブロックウィジェットをお使いの場合

以下のように「サイドバー」のウィジェットエリアにてプラスボタンをクリックし、検索バーに「プロフィール」と入力すると「SANGO プロフィール」が表示されます。

あとはレガシーウィジェットの場合と同じように表示したいユーザーを選択します。

24 COMMENTS

アバター
S 2022/07/21

Pタグが挿入されます。

お世話になっております。 ウィジェットでサイドバーに「プロフィール」を追加したのですが、 ・名前とプロフィール紹介文の間 ・プロフィールの最後 上記2点にタグが自動で挟まれてしまい余白ができてしまいます。 これを除ける方法がありましたら、ご教授お願い致します。

回答を見る
アバター
misato 2022/07/20

プロフィールのSNSアイコンが表示されない

初めまして! お世話になっております。 トップページ右にプロフィールを記載しているのですがそこのSNSアイコンが表示されません。 1つ1つの記事下のプロフィールではアイコンが表示されているのですがトップページのみアイコンが表示されません。 ご教示いただきたいのでよろしくお願いいたします。

回答を見る
アバター
KEY 2022/05/26

ワードプレスのプロフィール画像が表示されない

こんにちは。 自分のサイトでメインのプロフィール画像が表示されないです。 この記事をかいた人では画像が反映されてます。 Simple User Avatarを有効にして設定をしたのですが、プロフィール欄にSimple User Avatarがでてこないです。

回答を見る
アバター
ブログライト 2022/05/23

サイドバーのSNSアイコンのサイズについて

お世話になっております。 サイドバーにプロフィールを表示させた所、SNS(Twitter)のアイコンがかなり小さく表示され見にくくなってしまいました。 こちらはアイコンの大きさを自分でカスタマイズするものなのでしょうか? もしくはアイコンを正常に読み込めていない等別要因でしょうか? Font Awesomeのバージョン等自分で分かる範囲で色々あたりを付けて設定変えてみましたが変化ありませんでした。…

回答を見る
アバター
まほ 2022/04/03

プロフィール写真の位置を変えたい&プロフィール背景画像を非表示にしたい

WordPress初心者です。 プロフィールウィジェットを使ってサイドバーにプロフィールを表示しています。 猫森うむ子さんのブログ(https://umuco.jp/)のように、 ①プロフィール写真の位置を白枠内に配置 ②プロフィール背景画像を非表示 にしたいのですが、どうしたらよいでしょうか? ご教示のほど、よろしくお願いいたします。

回答を見る
アバター
inoue 2022/03/30

プロフィールの文章変更

お世話になります。SANGO プロフィールを使ってますが次の方法を知りたいです。 文字が中央揃えから左揃えに。 行ごとに太字、細字に変更したい、ブロックツールバーで太字に変更しても反映されない(そもそも最初から太字?) よろしくお願いします。

回答を見る
アバター
Yuta 2022/03/10

スマホ版でプロフィール画像が表示されない。

こんにちは。 サイドバーウィジェットでプロフィールを設定したのですが、プロフィール画像がスマホ上でうまく反映されません。また、管理画面で「【SANGO】プロフィール」のタグの表示もありません。 設定等ご教授いただけますと幸いです。

回答を見る

サルワカくん へ返信する コメントをキャンセル

* は入力必須項目です。
コメント投稿ガイドラインを読んでから投稿してください。
メールアドレスは公開されませんが、名前は公開されます。

HTMLやPHPのコードを掲載するときはHTMLエスケープツールで特殊文字を変換してから貼り付けてください。