こんにちは。
『やさしいブログの作り方』の松田です。
フェイスブックには、自分の投稿や人の投稿にコメントを入れる際、プロフィール写真の縮小版がそのコメントの左側に表示されます。
これがあると誰がコメントを入れたかが瞬時にわかりますし、コメントの区切りとしてもわかりやすいですよね。
アメブロでもスマートフォン版はコメント欄の左側にプロフィール写真が表示されるのですが、残念ながらパソコン版にはありません。
これがアメブロでもできたらなぁと思い、ちょっと調べてみたらやっぱり大御所がちゃんと用意していました。＾＾
このプラグインを使えば。自分はもちろん、コメントを入れてくれた人のプロフィール写真まで表示されますのでとても便利です。
でも、中にはコメントを入れた人のブログに自分のプロフィール写真が出るのが嫌・・・という人もいるんじゃないかなと思ったんです。＾＾；
なので、ちょっと切り口を変えて「自分のコメント（お返事）にだけ、自分のプロフィール写真を入れるという方法を考えてみました。
自分のプロフィール写真だけであれば、外部のプラグインなどは使う必要がなく、CSSの編集のみで可能です。
画像を用意する手間などが多少必要ですが、実際にやってみるとコメント欄がすごく見やすくなりまし、CSSの設定だけなので動作も軽いです。
こんな感じになります。
我ながら「いいね！」ボタンがあったら押したくなりました。（笑）
詳しい設定方法はこちらです。＾＾