ConoHa WINGとのコラボ開始

サイドバーや記事下にプロフィール(この記事を書いた人)を設置する

プロフィールを表示する

SANGOでは記事下に「この記事を書いた人」というプロフィールを簡単に表示させることができます。

この記事を書いた人

「この記事を書いた人」を表示させる方法

設定は、管理画面の[ユーザー]⇒[あなたのプロフィール]から行います。

ユーザーのあなたのプロフィールを選択

手順1:名前を設定

まず、表示させる名前を決めましょう。下の方にスクロールして①「ニックネーム」欄を表示させたい名前に変更します。②次にブログ上の表示名で①で入力した名前を選択します。

名前を設定する

手順2:肩書きを入力

任意下にスクロールすると「肩書き」という欄があるかと思います。こちらに入力した文字列は以下のように名前の下に表示されます。

肩書が表示される位置

「肩書き」というと何となく響きがよろしくありませんが、つまりは「一言であなたを表すと…」みたいなものですね。

手順3:ソーシャルメディア情報を入力

任意フォローボタンを表示させたい場合には、表示させたいソーシャルメディアボタンのURLを入力していきます。

ソーシャルメディアボタンを設定

入力したURLがそのままフォローボタンのURLとなります。例えばTwitterのフォローボタンを表示させたい場合には、https://twitter.com/saruwakakunというようにプロフィールページのURLを入力します(参考:FeedlyのURLの調べ方)。

手順4:プロフィール情報を入力

プロフィールを入力

次にプロフィール情報を入力します。このプロフィール情報を入力すると、記事下に「この記事を書いた人」が表示されるようになります。逆に、ニックネームやソーシャルメディア情報を入力しても、プロフィール情報が空欄だと何も表示されません。

手順5:プロフィール画像を登録

プロフィール写真(アバター画像)の登録は少しだけ面倒です。というのもWordPressの初期設定では、アバター画像のアップロード機能がついていないからです。そこでGravatarから画像を登録するAvatar Managerなどのアバター画像登録用のプラグインを使います。

プラグインを使えば、プロフィール設定ページに画像のアップロードボタンが表示され、そこから画像を選ぶだけで良いので楽だったりします。

手順6:完成!

これで完成です。記事下に「この記事を書いた人」が表示されているはずです(表示されるのは投稿ページのみです。固定ページでは表示されません)。


サイドバーにプロフィールを表示

次にサイドバーに下のようなプロフィールボックスを表示させる方法を解説します。HTMLをいじることになりますが、基本的にはコピペでOKです。

サイドバーにプロフィール

手順1:ウィジェット設定でサイドバーに「カスタムHTML」を追加

まずウィジェット設定でサイドバーに「カスタムHTML」を追加します。ウィジェット設定の方法がよく分からないという方はこちらの記事をどうぞ。

ウィジェットの設定をするウィジェットの設定をしよう:広告の貼り方も解説

手順2:カスタムHTMLの内容欄に専用のHTMLコードをコピペ

カスタムHTMLにコードをコピペ

以下のHTMLコードを内容欄にコピペします。タイトルは空欄のままにしましょう。

HTML
<div class="yourprofile">
 <div class="profile-background"><img src="★背景画像のURL★"></div>
 <div class="profile-img"><img src="★プロフィール画像のURL★" width="80" height="80"></div>
 <p class="yourname dfont">★名前★</p>
</div>
<div class="profile-content">
 <p>★プロフィール文★</p>
</div>
<ul class="profile-sns dfont">
 <li><a href="★twitterのURL★" target="_blank" rel="nofollow noopener" ><i class="fab fa-twitter"></i></a></li>
 <li><a href="★facebookのURL★" target="_blank" rel="nofollow noopener"><i class="fab fa-facebook-f"></i></a></li>
 <li><a href="★instagramのURL★" target="_blank" rel="nofollow noopener"><i class="fab fa-instagram" ></i></a></li>
 <li><a href="★feedlyのURL★" target="_blank" rel="nofollow noopener"><i class="fa fa-rss"></i></a></li>
 <li><a href="★LINEのURL★" target="_blank"><i class="fab fa-line"></i></a></li>
 <li><a href="★YouTubeのURL★" target="_blank"><i class="fab fa-youtube"></i></a></li>
</ul>

SANGOではv1.7〜FontAwesome5を導入しています。それ以前のバージョンを利用している、もしくは外観⇒カスタマイズ⇒詳細設定にて「FontAwesome4.7を使用する」にチェックが入っている場合は、代わりに以下のコードを使用してください。

HTML
<div class="yourprofile">
   <p class="profile-background"><img src="★背景画像のURL★"></p>
   <p class="profile-img"><img src="★プロフィール画像のURL★" width="80" height="80"></p>
   <p class="yourname dfont">★名前★</p>
</div>
<div class="profile-content">
  <p>★プロフィール文★</p>
</div>
<ul class="profile-sns dfont">
    <li><a href="★twitterのURL★"  target="_blank" rel="nofollow noopener" ><i class="fa fa-twitter"></i></a></li>
    <li><a href="★facebookのURL★" target="_blank" rel="nofollow noopener"><i class="fa fa-facebook"></i></a></li>
    <li><a href="★instagramのURL★" target="_blank" rel="nofollow noopener"><i class="fa fa-instagram" ></i></a></li>
    <li><a href="★feedlyのURL★"  target="_blank" rel="nofollow noopener"><i class="fa fa-rss"></i></a></li>
</ul>

なお、FontAwesome4.7を利用している場合にはLINEのアイコンは使用できないのでご注意ください。

手順3:コードを自分用に書き換え

このコード内の★の部分を書き換えていきます。

画像は管理画面の「メディア」からアップロードすれば良いかと思います。アップロードした画像をクリックすれば、詳細が表示され、ここでURLも取得できます。

画像のURLの取得

プロフィール画像には正方形のアイコンチックな画像を選ぶことをおすすめします。自動で円形に変形されます。

TwitterやInstagramなどのソーシャルメディアボタンはURLを貼るだけでOKです。

使わないボタンがある場合

使わないボタンについては、その前後の<li>〜</li>までをまるっと消してくださいませ。例えば、Feedlyのアイコンが不要なら

<li><a href="★feedlyのURL★"  target="_blank" rel="nofollow noopener"><i class="fa fa-rss"></i></a></li>

を削除してください。

参考:アイコン上の背景画像を設定しない場合

以下の1行を削除したうえで…

<p class="profile-background"><img src="★背景画像のURL★"></p>

以下のCSSを子テーマのstyle.cssもしくは外観⇒カスタマイズ⇒「追加CSS」に貼り付けてください。

.yourprofile {
    padding: 10px 0;
}
.yourprofile .profile-img {
    margin: 10px auto 0;
}

これで名前の上にはアイコン画像だけが表示されるようになります。


サイドバーにアイコン型フォローボタンを表示

この画像のようにサイドバーにフォローボタンだけを表示させることもできます(iOSのホーム画面を意識したデザインにしてみました)。

フォローボタンだけを表示

こちらも同様にウィジェットでサイドバーにカスタムHTMLを追加し、内容欄に以下のコードを貼ることで実現できます。

HTML
<div class="follow_btn dfont">
   <a class="Twitter" href="★TwitterのURL★" target="_blank" rel="nofollow noopener">Twitter</a>
   <a class="Facebook" href="★facebookのURL★" target="_blank" rel="nofollow noopener">Facebook</a>
   <a class="Instagram" href="★InstagramのURL★" target="_blank" rel="nofollow noopener">Instagram</a>
   <a class="Feedly" href="★FeedlyのURL★" target="_blank" rel="nofollow noopener">Feedly</a>
   <a class="YouTube" href="★YouTubeのURL★" target="_blank" rel="nofollow noopener">YouTube</a>
</div>

それぞれのURLを書き換え、不要なボタンについては前後の<a>〜</a>をまるっと消してしまってくださいませ。タイトル欄には「Follow Me」や「フォローする」などと入力すると良いでしょう。

170 COMMENTS

アバター
りこ 2020/06/28

プロフィール文章で改行をしたい。

お世話になっております。 プロフィール文章で、改行をしたいと思っています。 何か方法はありますでしょうか…? 教えて頂けますと嬉しいです。何卒宜しくお願い致します。

回答を見る
アバター
イブ 2020/06/07

アイコン型フォローボタンが白抜きになる

お忙しいところすみません。SANGOを使わせていただいております。 アイコン型フォローボタンの内、FacebookとLINEのアイコンのみデザインが崩れてしまいます。(一部白抜き、色が反転?)ほかのアイコンは問題ありません。 調べてみたのですが原因がつかめず、お時間ある時でかまいませんのでご確認いただけますと幸いです。よろしくお願いします。

回答を見る
アバター
ヨスミ 2020/05/14

サイドバーのプロフィール画像の白枠を消したい

お世話になっております。 ウィジェットの背景を白でない色にしたことにより、サイドバーのプロフィール画像に白枠が見えてしまうようになりました。どのようにしたら消せるでしょうか? お忙しいところ恐れ入りますが、よろしくお願いいたします。

回答を見る
アバター
むしょく 2020/05/12

サイドバーに設置したプロフィール画像と名前を横に並べたい

お世話になっております。 ここを参考にサイドバーウィジェットにプロフィール欄を作成しました。 背景画像なし(コードの削除+CSS追加)したのですが、プロフィール画像と名前を横並びにして、なおかつその2つの要素の縦は中央に寄せたいです。 いろいろCSSをいじったのですが、知識と能力不足により達成することができませんでした。コードサンプルをいただけると幸いです。 /*サイドバープロフィール*/ .yo…

回答を見る
アバター
こん 2020/05/09

プロフィール画像を正方形にしたい

はじめまして。昨夜SANGOを購入して、本日から作業しております。 最初プロフィールの画像についてですが、正方形には出来ないのでしょうか? 使っていたアイコンが、円形にすると大事な部分が切れてしまうので、正方形で表示したいと思っています。 解決方法を探したのですが、どうしても見つけられませんでした。 始めたばかりの初心者ですので、よろしくお願いします。

回答を見る
アバター
堂島 2020/04/22

サイドバーのプロフィールのリンクアイコンにsoundcloudとpixivを追加したい

お世話になります サイドバーのプロフィール欄の下にsoundcloudとpixivを追加したいのですが、当方初心者なものでどうにも追加できず困っています https://saruwakakun.com/sango/comments?id=1426 の記事を参考にして、プロフィール下のボタンは作れたのですがアイコンを設定できません おそらくFontAwesome5にはsoundcloudとpixiv…

回答を見る
アバター
中川あや 2020/04/13

サイドバーの各SNSアイコンが表示されない

素敵なテーマを作ってくださって、本当にありがとうございます。 知識がなく、初歩的なミスかもしれないですが、どうにも解決しないので質問させていただきます。 手順通りに、ウィジェット設定でサイドバーに「カスタムHTML」を追加したのですが、SNSのアイコンが表示されません。 記事の下のプロフィールにはアイコンが表示されるのですが、サイドバーの方は小さな四角い色の表記になっています。 入力したHTMLコ…

回答を見る
アバター
川上 2020/02/21

名前(ニックネーム)をクリックできないようにしたい

プロフィール画像の下に「ニックネーム」が表示されると思いますが、この「ニックネーム」をクリックできないようすることはできますか?(リンクを削除したい)

回答を見る
アバター
nonnou 2020/01/08

サイドバーのプロフィールで画像が表示されない

初心者にも分かりやすい内容でいつも助かっています。 サイドバー にボックスプロフィールを表示させる。という部分で質問お願いします。 カスタムHTML設定、使用しないSNSのアイコン消去まではできたのですが、プロフィール画像URLの場所にメディアから引っ張ってきたURLを載せても画像が適用されません。 GoogleのトップのURLバーにメディアから引っ張ってきたURLを載せると画像のページへは飛びま…

回答を見る
アバター
上原 2019/11/21

プロフィールの文字と枠について

プロフィールを設定したところ、もう片方のブログでは正常に反映されたのですが、提示したブログでは文字が小さく行間も狭い状態です。また、プロフィールの枠が上にズレてしまい、スマホで見ると被ってしまっています。これを直す方法をご教示いただけると幸いに存じます。

回答を見る
アバター
haru 2019/10/31

記事下の「この記事を書いた人」にオリジナルのボタンを追加する方法

継続的なアップデートありがとうございます。 記事下の「この記事を書いた人」の部分にTwitterやフェイスブックなど5種類のSNSのボタンが追加できると思います。 ここに新たにボタンを追加する方法はあるでしょうか。 私は映画レビューやweb小説紹介をブログでしているので、映画のSNS・記録アプリであるFilmarksや、小説家になろうのマイページにリンクされたボタンを追加できないかと思っています。…

回答を見る
アバター
さき 2019/10/01

サイドバーのプロフ埋め込みがうまくいかない

本日テンプレートを購入し、ツイッタープロフィールをサイドバーに埋め込もうとしています。 カスタムページでのプレビューはきちんと入力した通りで表示されていますが、「公開」を押して保存したあとサイトをリロードしても画像やプロフ文が反映されていません。。 解決法ございますでしょうか。

回答を見る
アバター
かじり 2019/09/08

プロフィールのアイコンの画像を大きくして、背景画像を無くしたい。

初めまして。SANGOを利用させていただきありがとうございます。 「プロフィールのアイコンの画像を大きくして、背景画像を無くしたい」のですが、ワードプレスのどこを触ればいいのか分かりません。良かったら教えていただきたいです!

回答を見る
アバター
さんの 2019/08/30

「この記事を書いた人」の横幅を記事ボックスと合わせたい

大変お世話になっております。 おかげさまで、sangoで快適なサイト運営を行なっています。sangoを作ってくださり、感謝申し上げます。 タイトルの通り、通常の記事の下にある「この記事を書いた人」のボックスの幅を、その上にある記事のボックスと同じ横幅にしたいと思い試行錯誤しているのですが、私個人では難しく、質問させていただきたいです。 お忙しい中恐縮ですが、お答えくださると嬉しいです。

回答を見る
アバター
イトー 2019/08/26

「サイドバーにアイコン型フォローボタンを表示」で5つのボタンを表示したい(枠に収まらず、5個目が改行されてしまう)

「サイドバーにアイコン型フォローボタンを表示」で5つのボタンを表示したいのですが、枠に収まらず、5個目が改行されてしまいます。 解決方法のアドバイスをいただきたく、どうぞ宜しくお願い致します。

回答を見る
アバター
MINOCAME 2019/08/17

サイドバーの背景画像の上側に30pxくらいの隙間ができます。

初めまして。一昨日からSANGOの使用開始して調整中です。 サイドバーの背景画像とウィジェットのタイトルの間に30pxくらいの隙間が出来ます。サイトでご確認頂けます。この隙間を消す方法を教えて下さい。子テーマのstyle.cssの記述は、以下のご指定の通りで手を加えていないです。Jetpack はまだ入れていないです。 .yourprofile { padding: 10px 0; } .your…

回答を見る
アバター
じゅり 2019/08/05

SNSボタンの追加と色のカスタマイズ。

こんにちわ。プログラム知識ゼロの私ですが、SANGOのテーマのおかげで自分のウェブサイトがだんだん形になって気ました。ありがとうございます。 上の方法で、「この記事を書いた人」と「サイドバーにカスタムHTMLでプロフィールを追加」の両方をやってみました。 さらに、 1. pinterestとyoutubeのアイコンを追加し、 2. アイコンの色を変える(アクセントカラーなどで統一したい) にはどう…

回答を見る
アバター
ヤザワ 2019/08/02

サイドバーに見本通りにプロフィールを綺麗に表示したい。

お世話になります。 この度SANGOを買わせていただきました。ありがとうございます。 お忙しい所恐縮ですが質問があります。 サイドバーに見本の様にプロフィールを作っているのですが 背景画像の上にアバター画像が丸く乗せられないです。 HTMLコードは手順の通りです。 背景画像の下に左寄りでアバター画像が表示されます。 サイトに記載されているHTMLコードとは別に何か書き足なければいけないのでしょうか…

回答を見る
アバター
はる 2019/06/21

サイドバー下プロフィールのyoutubeアイコンの色を変えたい

お世話になります。 サイドバー下のプロフィールにyoutubeのアイコンを追加したのですが、色が青色になって違和感があります。赤色への変更方法を教えてください。

回答を見る
アバター
けい 2019/06/18

プロフィールが表示されない

はじめまして、お世話になっております。 記事下にプロフィールを入れたいと思い上記の手順で進みましたが、サイトの方に反映されてませんでした。 調べてみても分からなく、お手数おかけしますが何が原因なのか教えて頂けたら幸いです。 よろしくお願い致します。

回答を見る
アバター
うい 2019/05/26

フォローボタンのInstagramの背景色を変えたい

サルワカさま いつもお世話になっております。 このたび、「この記事を書いた人」などに表示されるInstagramのフォローボタンについて、 既存のグラデーションから任意の一色に変更したいと思っております。 Twitter等は以下のCSSで適用ができたのですが、Instagramは同様の記述では変更ができないようです。 .follow_btn .Twitter:before { background…

回答を見る
アバター
のさん 2019/05/09

「この記事を書いた人」を記事上部に移動させたい

はじめまして。SANGOを愛用させていただいています。 タイトルの通りなのですが、「この記事を書いた人」を記事上部に移動させる方法はありますでしょうか。 下記記事を読み、SANGOでも同様のことをおこないたいなと考えています。 ▶︎【Stork(ストーク)】「この記事を書いた人」を記事上部に移動するカスタマイズ【Albatross(アルバトロス)】 https://www.gamitaka.com…

回答を見る
アバター
米森 2019/03/15

プロフィール欄内でショートコードを利用する方法

SANGO活用させていただいております。 ありがとうございます。 プロフィール欄内で、ショートコードをを使うことができないようなのですが、できるようにする方法はあるのでしょうか?

回答を見る
アバター
オオサキマリア 2019/03/08

Youtubeのアイコンをはりたいです

いつも素敵なテーマとサポートありがとうございます。 「サイドバーにアイコン型フォローボタンを表示」について教えてほしいです。 こちらにYoutubeのボタンを追加したいと思っています。 になるかと思いますが、子テーマに追加するCSSが分かりません。 よろしくお願いします!

回答を見る
アバター
T.Kojima 2019/02/25

「この記事を書いた人」を複数表示させたい。

はじめまして。最近ワードプレスを始めたばかりの初心者です。 複数人でサイトを運営していこうと考えているので「この記事を書いた人」欄を複数表示させることは可能でしょうか? また、2つ目を例えば「この記事の写真を撮った人」などとすることはできますか?

回答を見る
アバター
タナカ 2019/02/21

サイドプロフィールの背景画像

サイドプロフィールの背景画像のサイズがズレてしまいます。 画像サイズを変更せずに、背景画像のサイズを変更するにはどうしたらよろしいでしょうか? ご教授いただけましたら幸いです。 宜しくお願い致します。

回答を見る
アバター
Luta 2019/02/21

この記事を書いた人に”LINE”を表示させる方法

こんにちわ。 いつもお世話になっております。 質問ですが、この記事を書いた人に”LINE”のアイコンを表示させるには、管理画面の[ユーザー]⇒[あなたのプロフィール]からLINEのURLを入力するだけではダメなのでしょうか? 以上、よろしくお願いいたします。

回答を見る
アバター
パドー 2019/02/11

「この記事を書いた人」の文字色を変更したい

最高のテーマありがとうございます。 記事下の「この記事を書いた人」のネームの文字色を青色以外を使用したのですが、変更方法をお教え下さい。

回答を見る
アバター
カズマ 2019/02/07

『この記事を書いた人』の内容を各カテゴリで変えたい

『この記事を書いた人』の内容を各カテゴリで変えたい。 初めまして。 SANGOを愛用させていただいているカズマです。 僕のブログは2人(ここではA・Bで表現してます。)で更新しています。 なので[記事一覧タブ切り替え]で〈Aの記事〉〈Bの記事〉とわけています。 カテゴリも同様に〈Aの記事〉〈Bの記事〉と分けています。 そこで、 〈Aの記事〉には〈A〉のプロフィール。 〈Bの記事〉には〈B〉のプロフ…

回答を見る
アバター
YUKA 2018/12/08

サイドバーのプロフィール画像が崩れる

サルワカ様初めまして。SANGO初心者です。 既出なのですが解決できないものが2点あります。 ・ウィジェットに設置したプロフィールの画像が大きすぎて「プロフィール」の文字を覆ってしまっています。変わったCSSは入っていないと思います。アバターの大きさは150*150にしております。どのようにすればよろしいでしょうか。 ・プロフィール内を改行したく、既出のCSS .author-info__inne…

回答を見る
アバター
ひろ子 2018/12/08

サイドバーに画像を入れリンクを貼ると画像が中央からずれる

サイドバーに画像を入れ、その画像にリンク先を貼ると画像が微妙に中央からずれるのはどうすれば修正できますでしょうか?

回答を見る
アバター
ダントツ 2018/12/06

サイドバーにアイコン型フォローボタンにLINEを表示したい

お世話になります。 「サイドバーにアイコン型フォローボタンを表示」について教えてほしいです。 こちらにラインのボタンを追加したいと思っています。 Follow meの部分でツイッターの左側にボタンを付けたいと思います。 カスタムHTMLやCSSに追加すればいいと思うのですが、何を追加したらいいのかわかりません。 教えていただければ嬉しいです。

回答を見る
アバター
ミナミ 2018/11/25

この記事を書いた人のアイコンが表示されない

sango愛用者のミナミです。 サトゥーさんの質問と被るのですがこの記事を書いた人のアイコンが表示されません。 WP User Avatarで500*500サイズを登録しているのですが原因がわからず、、 ご確認いただけますと幸いです。

回答を見る
アバター
mimi 2018/11/01

この記事を書いた人のスマホ表示の余白を調整したい

初めまして、SANNGOを愛用させていただいています。初心者にもわかりやすいこちらのサイトはとてもありがたいです。 今回質問させていただきたいのですが、「この記事を書いた人」というのは設定できたのですが、スマホで見たときにトップページでは上部との余白の幅がとても詰まったように見えます。 どのようにすればいいのでしょうか? あとモバイルのトップページでサイドバーを非表示にしたいのですが、「サイドバー…

回答を見る
アバター
ひとり 2018/10/07

サイドバーのプロフィールをサルワカのようにしたい

サルワカさんはじめまして。 SANGOもこちらのサイトも愛用させていただいています。 サイドバーのプロフィールなのですが、サルワカさんのサイトhttps://saruwakakun.com/のように、 背景画像なしのもの(「サルワカについて」となっている箇所)にすることは可能でしょうか? 宜しくお願いします。

回答を見る
アバター
のこと 2018/09/01

「この記事を書いた人」のプロフィール文に改行を入れたい

はじめまして。記事下の「この記事を書いた人」のプロフィールの文章に、改行を入れるにはどうすればいいですか?

回答を見る
アバター
匿名希望 2018/08/17

「この記事を書いた人」を非表示にしたい

「この記事を書いた人」が見えないようにするにはどうすれば良いでしょうか

回答を見る
アバター
トム 2018/08/16

サイドバーのソーシャルボタンをサルワカと同じ四角いものにしたい

サルワカ様、 サイドバーのSNSボタンをサルワカさんの本家ページと同じ、四角いものにしたいのですが、差し支えなければ方法を教えていただけないでしょうか? よろしくお願いします。

回答を見る
アバター
石橋 2018/07/20

サイドバーの幅を変更したい

サイドバーのサイズの変更の仕方を教えて下さい。 サイドバーのサイズ調整が出来たらサイドバーを付けたいと思います。 現状では大きすぎるので。宜しくお願い致します。

回答を見る
アバター
zakizaki 2018/07/11

プロフィール情報は入力したいが、この記事を書いた人は非表示にしたい

愛用させて頂いてます。 デフォルトのデザインでプロフィールを作成したいのですが、「この記事を書いた人」は表示したくないのですが、可能でしょうか?

回答を見る
アバター
まこさん 2018/05/19

こんにちは。いつもSANGOを愛用させていただいております。 使い始めてから6ヶ月がたちますが、今もSANGOに惚れ込んでいます。 ご回答が可能であれば、一点質問させてください。 デスクトップでは1カラム表示(サイドバー非表示)をメインにしています。 デスクトップの1カラム表示をキープしたまま、スマホ・タブレットでは、サイドバーを記事下に表示させることは可能でしょうか? ・デスクトップ→1カラム表…

回答を見る
アバター
Kurumi 2018/05/08

サイドバーのアイコン型フォローボタンにPinterestを追加したい

いつもお世話になっております。 ”サイドバーにアイコン型フォローボタンを表示”について、 Pinterestのボタンも追加したいのですが、CSSのコードがわかりません。 コードを教えて頂けますか? Pinterestのfontawesomeは、色は#BD081Cです。 よろしくお願いいたします。

回答を見る
アバター
サトゥー 2018/05/03

プロフィール画像(アバター画像)が表示されない

初めまして、いつもお世話になっております。 プロフィール画像の設定について相談させていただきます。 Gravatar、プラグイン導入(Avatar Manager)による方法をどちらも試しましたが、なぜかプロフィール画像が表示されません。お忙しいとは思いますが、こちらについてアドバイス頂けますと大変助かります。 よろしくお願い致します。 https://www.planeta.tokyo/entr…

回答を見る
アバター
ようこ 2018/04/24

SNSボタン下に表示される「Twitter」などの文字列を消したい

この記事を書いた人のSNSボタン下に表示される「Twitter」などの表示を非表示にする方法を教えていただきたいです。よろしくおねがいいたします。

回答を見る
アバター
Dai 2018/04/08

この記事を書いた人のリンク先を好きなページに設定したい

こんにちは。 お世話になっております。 現在”この記事を書いた人”のニックネームをクリックするとホームページに飛ぶのですが、このリンクを好きなURLに変えるのはどこを変更すれば良いのでしょうか?

回答を見る
アバター
Noimi 2018/03/31

サイドバーのプロフィールのアイコン画像を大きくしたい

こんにちは! サイドバーのプロフィール設定をしたのですが、アイコンが小さすぎるのですが解決策はありますか?

回答を見る
アバター
サワコ 2018/03/27

「この記事を書いた人」の背景色を変えたい

こんにちは。いつもお世話になっております。 「この記事を書いた人」の背景色(#eef9ff)を変えたいのですが、どうすればよいでしょうか? 教えていただけると嬉しいです。 よろしくお願いします。

回答を見る
アバター
マサキ 2018/03/06

「この記事を書いた人」の中のウェブサイト項目を複数個にしたい

お世話になります。 プロフィールの中のウェブサイト項目を複数にしたい場合のカスタマイズ方法をご教授していただければ幸いです。またWebsiteという表示もカスタマイズしたいです。 よろしくお願いいたします。

回答を見る
アバター
ヒロイキ 2017/11/18

サイドバーのプロフィール表示で、余白が大きくなってしまう

お忙しいところすみません。 僕のブログでこのページにある『サイドバーにプロフィールを表示』の手順でサイドバーにプロフィールを設置しました。 自分のパソコンで確認してみたところ、プロフィールは設置されたのですが、円形のアイコンと名前の間の余白と名前とプロフィール文の間の余白が広くなっていました。 このページのサンプルで言えば、円形アイコンとCatNoseの間の余白とCatNoseとプロフィール文の余…

回答を見る
アバター
こはる 2017/11/11

サイドバーのプロフィール画像が小さくなる/ずれる

はじめまして、SANGOを愛用させていただいております。 当ブログでも「サイドバーにプロフィールを表示する」の手順で作成いたしましたが、スマホから確認するとプロフィールアイコンが若干左寄りになっており、サイズも少し小さく表示されます。 256×256ピクセルの正方形画像を使用しておりますが、画像の大きさにより表示がズレることはありますでしょうか。複数ブラウザで確認しましたが、同じような表示(左寄り…

回答を見る

コメントを残す

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

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