HAM MEDIA MEMO

札幌でほぼ毎月開催している デザイナー・マークアップエンジニア向けの勉強会 SaCSS の 2014 年上期の開催予定日が決まりましたのでご連絡します。

SaCSS – 札幌のウェブデザイナー・コーダーのためのセミナー・勉強会

このブログでも何度か細々登場してきたアイコンWebフォントの Font Awesome。使い方の基本を知っていることで、利用できる幅がかなり広がるので、今日はその使い方のと活用のための Tips を幾つか書いておきます。

Font Awesome, the iconic font designed for Bootstrap

※ なお、本エントリーはバージョン4.0.3をもとに書いているため、バージョンアップによって、掲載しているコードも変わっている可能性があります。利用前に、使うバージョンとそのスタイルを確認してから使うことをオススメします。

カスタムフィールドを若干活用しているのですが、ある時入力していたバックスラッシュ \ が保存のタイミングで消えてしまっていることに気づきました。

なぜ！？

以前のエントリー『WordPress 抜粋のHTMLタグを削除方法』で、抜粋を meta の discription に表示する設定を入れていたのですが、HTMLのタグは削除されるようになったのですが、文中にダブルクォーテーションなどがはいっていると、そのまま表示されてしまい、metaがそこで途切れてしまうという問題がでてきました。

解決するため、もう一つエスケープ処理を入れることにしました。

モバイルの時は一覧での画像を小さいのを表示させよう！と考えた時に、デバイスの分岐が必要になった。そんなことを考えていた今日、なにやら人気記事にショートコードを利用する方法がでていました。

[WordPress]まだなら今すぐ入れたい！PC、スマホで表示を分けるショートコード

ショートコード使えるのは便利だなーと思いつつも、エントリーごとで必要だったわけではないので、自分はもっと簡易な分岐を利用することにした。