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


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , , , | 閲覧数:220 | Leave a comment

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

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

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

結果、寝不足。

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

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

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

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

HTML

大抵single.phpですね。

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

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

CSS

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

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

完成

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

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

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

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

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

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

参考

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

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

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

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , , , | 閲覧数:220 | Leave a comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

Leave a Reply

Required fields are marked *


CAPTCHA