
こんにちは。YOSHITAKA(@YOSHITA19704216)です。


前置き
- アメブロのコメント欄の名前に「さん」を付けるCSSコピペカスタマイズ方法が分かります。
Contents
アメブロのコメント欄の名前に「さん」を付けるCSSコピペカスタマイズ方法
アメブロのコメント欄の名前に「さん」を付けたくなる気持ち
アメブロには様々なコミュニケーション機能が用意されています。
中でもコメントは対応しやすくていいですよね。
もちろんブログを書く人としては
書いた記事に対してコメントをもらうと
嬉しいものですよね。
コメント欄にはコメントを入れてくれた人の
ニックネームがそのまま表示されます。
ただ・・・・
コメントをもらった人を「さん」を付けずに
呼ぶというのは機能とはいえ、敬称をつけたいですよね。
そこで、コメントをもらった人にだけ
「さん」を付けるカスタマイズをご紹介します。
CSSのコピペで終わる「さん」づけカスタマイズ
CSSの編集画面の最後に
以下の記述を追記するだけでOKです。
a.commentAuthor:after{
display:inline;
white-space: pre;
content:”さん”;
}
.ownerComment a.commentAuthor:after{
display:inline;
white-space: pre;
content:””;
}
まとめ
アメブロのカスタマイズは複数あるので
好きなものから取り入れていってみてくださいね〜
ウェブ集客のことについてもメルマガで発信していますので
登録よろしくお願いします。