猫になりたい人間と人間のつもりの猫たち。前回に引き続き、今度はパンくずリストをアイコンフォントで実装してみた。言うほど大層な事ではないけどね。アイコンフォントの導入は済んでるので、あとはクラスを付与するだけという手軽さ。アイコンフォントの導入はこちら↓アイコンフォントでページの重さを解消!ソーシャルバー作成なんだか巷で話題のアイコンフォントを使ってみました。きっかけは、いつも参考にさせていただいているウェブシュフさんの以下の記事。【WordPrmore...ちょっと前に、パンくずリストをプラグインなしで実装したばかり。WordPressのパンくずリストをプラグインなしで設置してみたので覚書き。SEO対策に強い無料WordPressテーマ「Stinger」をジロジロ眺め続けてるのですが、今さらなんだけど、パンくずリストを付けようと思い立った。プラグインmore...その時の出来上がりがこんな感じ↓CSS(スタイルシートに追加)スタイルシートに、ちょっとだけ追加します。!important;}これは、クラス「lsf-icon」の前に「title」で指定したアイコンフォントを表示する設定です。title=”home”のように、title=””には「Ligature」を入れます。前回追加したパンくずリスト用のスタイルシートを修正。none;}感想アイコンフォントを導入しさえすれば、あとは実に簡単であっという間にできてしまう。画像の数もこれで大幅に削減できたし、少しは表示速度を上げられたかも。Insightsが、なぜかエラー頻発で計れません。キャッシュも設定しているので、2、3日して確認してみましょう♪アイコンフォントでページトップへ戻るリンクを作成した記事はこちら↓アイコンフォントでページ上部へ戻るリンクを作成。「ページ上へ戻るリンク」と「トップページに戻る」に使っていた画像をアイコンフォントにすることに。前へ、次へのナビゲーションリンクをアイコンフォントへ変更する。アイコンフォント化が止まらなくなっています((┌(。やり出すと、あれもこれもと。今回は、シングルページ下の「前へ」「次へ」のリンク。今まで、アローアイコンmore...シェアいいね!はてブPocketLINEスポンサーニュースレターを購読するこのフィールドは空白のままにしてください更新情報をメールで受け取ることができます。*受信ボックスか迷惑メールフォルダを確認して購読手続きを完了してください。Wordpressこちらも読まれています前の記事アイコンフォントでページ上部へ戻るリンクを作成。前へ、次へのナビゲーションリンクをアイコンフォントへ変更する。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。更新情報をメールで受け取るニュースレターを購読するこのフィールドは空白のままにしてください更新情報をメールで受け取ることができます。*受信ボックスか迷惑メールフォルダを確認して購読手続きを完了してください。