テーマLuxeritas(ルクセリタス)で以前に作ったプロフィール欄をプチカスタマイズしてみた

サイドバーのプロフィール欄をプチカスタマイズ

サイドバーのプロフィール欄をプチカスタマイズ

サイドバーにプロフィール欄を設置した時の記事はこちら

ウィジェットを使用してプロフィール欄を設置する

その時の完成形がこんな感じ

それをこんな風にプチカスタマイズ

プチすぎて申し訳ないw

プロフィール欄にフォントアイコンを使用する

使用したいアイコンを選ぶ

リンクFont Awesome Icon ver4.7.0

選んだフォントアイコンを開いて下の箇所をコピーします

プロフィールウィジェットに貼り付ける

[highlight_markup]<li>：<a title=”コンタクト” href=”/contact/”>お問い合わせはこちら</a></li>[/highlight_markup]

ブログ村へのリンクバナーを貼る

プロフィールのリストとはちょっと隙間を空けたかったので、クラスを別に作りました。
[highlight_markup]<ul class=”blogmura”>
<li>応援する <a href=”//www.blogmura.com/ranking.html” target=”_blank”><img src=”//www.blogmura.com/img/www103_20.gif” width=”103″ height=”20″ border=”0″ alt=”ブログランキング・にほんブログ村へ” /></a></li>
</ul>[/highlight_markup]
[highlight_css]#sidebar .widget-profile ul.blogmura li {
line-height:1.5em;
list-style-type:disc;
margin-top:10px;
}
.fa-forward{
color:green;
margin:0 5px;
}[/highlight_css]

以上です。