前へ、次へのナビゲーションリンクをアイコンフォントへ変更する。

アイコンフォント化が止まらなくなっています((┌(。△。)┐))

やり出すと、あれもこれもと。

気付くと、やらずにおれない性分なんで

結果、寝不足。

今回は、シングルページ下の「前へ」「次へ」のリンク。

今まで、アローアイコンに画像使ってたので、これをアイコンフォントにしようってことです。

アイコンフォント導入方法

まずは、アイコンフォントを導入しなくちゃ始まらないので。
導入方法は、以下をご参照くださいませ。

HTML

大抵single.phpですね。

これは、お使いのテーマで違いますけど、必ず必要なのは「class=”lsf”」

ねこもりやは、HTML構造から書き換えました。
手っ取り早いので。

CSS

「次へ」は、右寄せにしています。

画像ではないので、色もサイズも簡単に変えられるので、アイコンフォント最高ですね♪

完成

前へ、次へのナビゲーション

一昨日から、ずーとアイコンフォント化にかかりきりでございますヽ(*^^*)ノ
のめり込みやすい性格は、幼稚園の頃からちっとも変りませんね。

もっと、視野を広くもたなくちゃいけないんだけど。

でも、このアイコンフォント、ほんとに使えますね。

あとはもう、ボチボチやっていこうかな。

他にもアイコンフォント化に関する投稿ありますので、良かったらどうぞ♪
検索結果 アイコンフォント

参考

HTML構造は、Oh-Blogさんのソースを参考にさせて頂きました。

アイコンフォントでページトップへ戻るリンクを作成した記事はこちら↓

アイコンフォントでのパンくずリストの作成はこちら↓

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA