1.8.6 Released !

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

プロフィールを表示する

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"></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」や「フォローする」などと入力すると良いでしょう。

177 COMMENTS

さき 2019/10/01

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

回答を見る
かじり 2019/09/08

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

回答を見る
さんの 2019/08/30

大変お世話になっております。

おかげさまで、sangoで快適なサイト運営を行なっています。sangoを作ってくださり、感謝申し上げます。

タイトルの通り、通常の記事の下にある「この記事を書いた人」のボックスの幅を、その上にある記事のボックスと同じ横幅にしたいと思い試行錯誤しているのですが、私個人では難しく、質問させていただきたいです。

お忙しい中恐縮ですが、お答えくださると嬉しいです。

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

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

回答を見る
MINOCAME 2019/08/17

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

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

——
昨日、サイドバーの背景画像の上側に30pxくらいの隙間が出来るとご連絡したMINOCAMEです。昨日と今朝、いろいろCSSの書き方を変えながらトライ&エラーを繰り返した結果、以下のようにしたら、一応背景画像上部の隙間がようやく消えてくれました。
暫くこの状態で使い続けてみます。プラグインやSANGOのアップデータの後に問題が再発しないことを祈ります。

回答を見る
ヤザワ 2019/08/06

お世話になります
度々、申し訳ありません

記事下のこの記事を気に入ったらフォローしようボタン
フェイスブックだけが表示されません。
もちろんアドレスは入れております。
すいませんがご教授下さいます様お願いします。

回答を見る
じゅり 2019/08/05

こんにちわ。プログラム知識ゼロの私ですが、SANGOのテーマのおかげで自分のウェブサイトがだんだん形になって気ました。ありがとうございます。

上の方法で、「この記事を書いた人」と「サイドバーにカスタムHTMLでプロフィールを追加」の両方をやってみました。

さらに、
1. pinterestとyoutubeのアイコンを追加し、
2. アイコンの色を変える(アクセントカラーなどで統一したい)
にはどうしたらよいでしょうか。

お忙しいところ恐れ入りますが、教えていただけると嬉しいです。

回答を見る
ヤザワ 2019/08/02

お世話になります。
この度SANGOを買わせていただきました。ありがとうございます。
お忙しい所恐縮ですが質問があります。

サイドバーに見本の様にプロフィールを作っているのですが
背景画像の上にアバター画像が丸く乗せられないです。

HTMLコードは手順の通りです。

★名前★

★プロフィール文★





この上記のコードの通り入れますと
背景画像の下に左寄りでアバター画像が表示されます。
サイトに記載されているHTMLコードとは別に何か書き足なければいけないのでしょうか?
ご教授下さいます様お願い致します。

回答を見る
ゆうママ 2019/07/15

いつもSANGOのカスタマイズでお世話になっています。

サイドバーにプロフィールを表示させたいのですが、何度やっても画像と
SNSがうまく表示されません。どうしたらよいでしょうか?

初めてのコメントですが、教えていただけるとありがたいです。

回答を見る
はる 2019/06/21

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

回答を見る
けい 2019/06/18

はじめまして、お世話になっております。

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

回答を見る
うい 2019/05/26

サルワカさま

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

.follow_btn .Twitter:before {
background-color: #fff;/*ボタン色*/
color: #aaa;/*文字色*/
}

背景色を設定している箇所の削除等が必要でしたら、ご教示いただければ幸いです。
お忙しいなか恐れ入りますが、どうぞ宜しくお願いいたします。

回答を見る
のさん 2019/05/09

はじめまして。SANGOを愛用させていただいています。

タイトルの通りなのですが、「この記事を書いた人」を記事上部に移動させる方法はありますでしょうか。

下記記事を読み、SANGOでも同様のことをおこないたいなと考えています。

▶︎【Stork(ストーク)】「この記事を書いた人」を記事上部に移動するカスタマイズ【Albatross(アルバトロス)】
https://www.gamitaka.com/authorbox-custmize-stork.html

よろしくお願いいたします。

回答を見る
米森 2019/03/15

SANGO活用させていただいております。
ありがとうございます。

プロフィール欄内で、ショートコードをを使うことができないようなのですが、できるようにする方法はあるのでしょうか?

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

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

になるかと思いますが、子テーマに追加するCSSが分かりません。

よろしくお願いします!

回答を見る
T.Kojima 2019/02/25

はじめまして。最近ワードプレスを始めたばかりの初心者です。

複数人でサイトを運営していこうと考えているので「この記事を書いた人」欄を複数表示させることは可能でしょうか?
また、2つ目を例えば「この記事の写真を撮った人」などとすることはできますか?

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

サイドプロフィールの背景画像のサイズがズレてしまいます。

画像サイズを変更せずに、背景画像のサイズを変更するにはどうしたらよろしいでしょうか?

ご教授いただけましたら幸いです。
宜しくお願い致します。

回答を見る
Luta 2019/02/21

こんにちわ。
いつもお世話になっております。

質問ですが、この記事を書いた人に”LINE”のアイコンを表示させるには、管理画面の[ユーザー]⇒[あなたのプロフィール]からLINEのURLを入力するだけではダメなのでしょうか?

以上、よろしくお願いいたします。

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

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

回答を見る
カズマ 2019/02/07

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

初めまして。
SANGOを愛用させていただいているカズマです。

僕のブログは2人(ここではA・Bで表現してます。)で更新しています。
なので[記事一覧タブ切り替え]で〈Aの記事〉〈Bの記事〉とわけています。
カテゴリも同様に〈Aの記事〉〈Bの記事〉と分けています。

そこで、
〈Aの記事〉には〈A〉のプロフィール。
〈Bの記事〉には〈B〉のプロフィールを表示させたいです。

『この記事を書いた人』の機能以外でも同じことができるようでしたら、
ぜひ教えていただきたいです。

お忙しいとは思いますが、時間があればよろしくお願いいたします。

回答を見る
福井大介 2018/12/09

初めましていつも快適にご利用しております。大変お手数ですが、一点お聞きしたいことがありました。「この記事を書いた人」の文字を変えた場合はどのようにすればよろしいでしょうか?「この記事の監修者」に変更したいと思っております。よろしくお願いいたします。

回答を見る
YUKA 2018/12/08

サルワカ様初めまして。SANGO初心者です。
既出なのですが解決できないものが2点あります。

・ウィジェットに設置したプロフィールの画像が大きすぎて「プロフィール」の文字を覆ってしまっています。変わったCSSは入っていないと思います。アバターの大きさは150*150にしております。どのようにすればよろしいでしょうか。
・プロフィール内を改行したく、既出のCSS
.author-info__inner p {
white-space: pre-wrap;
}
を貼り付けたはずなのですが反映いたしません。

初歩的な質問で申し訳ありませんが何卒よろしくお願いいたします。

回答を見る
YUKA 2018/12/08

初めまして!ブログを始めるなら絶対にSANGOで、と思って先日からブログを運営しているYUKAと申します。

カサイチカ様と同じ質問になってしまうのですが、ウィジェットに設置しているプロフィールの画像が大きすぎて「プロフィール」の文字にひっかかってしまいます。
おっしゃっているCSSも入っていないと思います。アバターは150*150に変更してみましたがダメでした。
どのようにすればよろしいでしょうか。

また、のこと様と同じくプロフィール内の改行がしたくてご指示のCSSを貼り付けてみたのですが反映されません。

初歩的な質問で申し訳ありませんが、どうぞよろしくお願いいたします。

回答を見る
ひろ子 2018/12/08

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

回答を見る
ダントツ 2018/12/06

お世話になります。

「サイドバーにアイコン型フォローボタンを表示」について教えてほしいです。
こちらにラインのボタンを追加したいと思っています。
Follow meの部分でツイッターの左側にボタンを付けたいと思います。

カスタムHTMLやCSSに追加すればいいと思うのですが、何を追加したらいいのかわかりません。
教えていただければ嬉しいです。

回答を見る
後藤真吾 2018/12/02

初めまして、SANGOを愛用していますシンゴです。
いつも素敵なカスタマイズありがとうございます。

現在、TOPページのサイドバーのタイトル部分が上下繋がっていて余白0になっております。
なぜこうなったのか原因がわかりませんが、解決方法があればご教授いただけますでしょうか?
ご確認いただけると幸いです。
どうぞよろしくお願いいたします。

回答を見る
ミナミ 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/09/01

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

回答を見る
匿名希望 2018/08/17

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

回答を見る
トム 2018/08/16

サルワカ様、

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

よろしくお願いします。

回答を見る
石橋 2018/07/20

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

回答を見る
zakizaki 2018/07/11

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

回答を見る
roman 2018/06/21

初めましてromanと申します。
先日からSANGOを使用させていただいております。

本題ですが、プロフィールの画像を大きく表示させることができません。
もちろんコメント欄にある事は試しております。
一度ご確認いただき、何かアドバイスをいただけませんでしょうか?

お忙し処恐縮ですが宜しくお願いいたします。

回答を見る
tamami 2018/06/17

こんにちは。いつも参考にさせていただいております。
WPに慣れてなく初歩的な質問で申し訳ないのですが、自分なりに調べても解決しないので解決策を提示してもらえると助かります。

プロフィール画像、記事を書いた人、吹き出しの画像を設定しているのですが、ある時期から【記事を書いた人】【吹き出しの画像】が正しく表示されなくなってしまいました。

プロフィール設定をマニュアル通りに設定しても表示されなくて、画像のURLをコピーすると表示されない2つの画像は共通して以下のアドレスになります。

http://image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

プロフィール画像は正しいURLで表示されており、吹き出しの画像は何度設定をやり直しても表示されなく困っております。

ご教示いただけると嬉しいです。
よろしくお願いいたします。

回答を見る
みのの 2018/06/06

お世話になっています。
メディアとして運営したいので、
”この記事を書いた人”を複数にしたく、記事を書いた人ごとに出し分けすることは可能でしょうか?

回答を見る
まこさん 2018/05/19

こんにちは。いつもSANGOを愛用させていただいております。

使い始めてから6ヶ月がたちますが、今もSANGOに惚れ込んでいます。

ご回答が可能であれば、一点質問させてください。

デスクトップでは1カラム表示(サイドバー非表示)をメインにしています。

デスクトップの1カラム表示をキープしたまま、スマホ・タブレットでは、サイドバーを記事下に表示させることは可能でしょうか?

・デスクトップ→1カラム表示でサイドバーなし

・スマホ、タブレット→サイドバーを記事下に表示

お忙しい中、大変申し訳ないございませんが、何卒お力添えのほどお願いいたします。

回答を見る
Kurumi 2018/05/08

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

Pinterestのfontawesomeは、色は#BD081Cです。

よろしくお願いいたします。

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

初めまして、いつもお世話になっております。
プロフィール画像の設定について相談させていただきます。

Gravatar、プラグイン導入(Avatar Manager)による方法をどちらも試しましたが、なぜかプロフィール画像が表示されません。お忙しいとは思いますが、こちらについてアドバイス頂けますと大変助かります。
よろしくお願い致します。

https://www.planeta.tokyo/entry/1183/

回答を見る
ようこ 2018/04/24

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

回答を見る
Dai 2018/04/08

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

回答を見る
Noimi 2018/03/31

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

回答を見る
サワコ 2018/03/28

早速の返信ありがとうございます!!
style.cssで良いのでしょうか??
追加いたしましたが、変化しなかったので・・・

回答を見る
サワコ 2018/03/27

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

回答を見る
りこ 2018/03/13

こんばんは。いつもお世話になっております。

サイトを参考にさせて頂き、プロフィール画像を設定することが出来ました。
しかしiphfoneやipadでプロフィール画像をズームアップすると、プロフィール画像がどんどん小さくなってしまうのです。

一見問題なく画像も設置出来ているようなのですが、ズームした時にだけこのような現象が起きてしまいます。
どうにか解決する方法はありますでしょうか・・・?

何卒アドバイス頂けましたらと思います。
どうか宜しくお願い致します。

回答を見る
マサキ 2018/03/06

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

回答を見る
平田 2018/02/09

いつも愛用させてもらっています。
プロフィール画像の大きさを変えたい場合は(もう少し大きくしたい)
どうすればいいでしょうか?
ご教授ください。

回答を見る
三郎 2018/01/05

お世話になっております。

SANGOをブログではなく情報サイトで利用させていただいているので、プロフィールの文言を「この記事を書いた人」ではなく「このサイトについて」といった他の文章に変更したいのですが、どうすればいいでしょうか?

それではよろしくお願いいたします。

回答を見る
ヒロイキ 2017/11/18

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

回答を見る
こはる 2017/11/11

はじめまして、SANGOを愛用させていただいております。
当ブログでも「サイドバーにプロフィールを表示する」の手順で作成いたしましたが、スマホから確認するとプロフィールアイコンが若干左寄りになっており、サイズも少し小さく表示されます。
256×256ピクセルの正方形画像を使用しておりますが、画像の大きさにより表示がズレることはありますでしょうか。複数ブラウザで確認しましたが、同じような表示(左寄り)となります。
htmlはコピペ、★~★の間のみ差し替えました。
何か考えられる原因等ございましたらご教示願えませんでしょうか?
お忙しいところ恐れ入りますが、よろしくお願いいたします。

回答を見る
2017/11/08

titleタグ内が「の書いた記事|サイトタイトル」となってしまうのですが、どうしたら「投稿者名の書いた記事|サイトタイトル」となりますでしょうか?
お時間ある時にご返信いただけましたら幸いです。
よろしくお願い致します!

回答を見る

コメントを残す

メールアドレスは公開されません。* は必須項目です。コメント投稿のガイドライン