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

196 COMMENTS

ひろん。 2020/02/21

カスタムHTMLで追加したProf画像が大きくならない

お世話になります。先日sangoを購入しカスタマイズを始めました。 デザインが綺麗でとても気に入っています。 お手数ですが、質問です。 サイドバーにカスタムHTMLのウェジットを挿入してprofを作ったのですが画像が大きくなりません。 こちらのコメントにあった下記CSSの追加も「https://yucorin.com/sango/」こちらのサイトも参考にしてみたのですが、変化がありません。 何か対…

回答を見る
川上 2020/02/21

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

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

回答を見る
こじ 2020/01/31

サイドバーが表示されない(画面の右側半面はフッター1、フッター2だけしかないです・・・)

とても分かりやすい記事を書いていただき、ありがとうございます。 いくつか記事を読ませていただき、参考にさせていただいております。 サイドバーにプロフィールを追加したいのですが、 外観>ウイジェットを選択すると右側半面にはフッター1とフッター2しか表示されていないため、止まっています・・・ サイドバーを追加する方法をご教示いただきたく。 よろしくお願いします。

回答を見る
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/06

記事下のこの記事を気に入ったらフォローしようボタンについて

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

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

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

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

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

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

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

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

サイドバー、プロフィール画像など。。

いつもSANGOのカスタマイズでお世話になっています。 サイドバーにプロフィールを表示させたいのですが、何度やっても画像と SNSがうまく表示されません。どうしたらよいでしょうか? 初めてのコメントですが、教えていただけるとありがたいです。

回答を見る
はる 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〉のプロフ…

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

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

回答を見る
YUKA 2018/12/08

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

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

回答を見る
YUKA 2018/12/08

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

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

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

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

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

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

お世話になります。 「サイドバーにアイコン型フォローボタンを表示」について教えてほしいです。 こちらにラインのボタンを追加したいと思っています。 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

Lazy Loadを使うと吹き出しの画像が表示されない

こんにちは。いつも参考にさせていただいております。 WPに慣れてなく初歩的な質問で申し訳ないのですが、自分なりに調べても解決しないので解決策を提示してもらえると助かります。 プロフィール画像、記事を書いた人、吹き出しの画像を設定しているのですが、ある時期から【記事を書いた人】【吹き出しの画像】が正しく表示されなくなってしまいました。 プロフィール設定をマニュアル通りに設定しても表示されなくて、画像…

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

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

回答を見る
まこさん 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/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ピクセルの正方形画像を使用しておりますが、画像の大きさにより表示がズレることはありますでしょうか。複数ブラウザで確認しましたが、同じような表示(左寄り…

回答を見る
2017/11/08

titleタグが「の書いた記事」となり著者名が表示されない

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

回答を見る

コメントを残す

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