[css] contentプロパティで挿入できるコンテンツ – WebTecNote
clearFixでお馴染みなCSSの擬似セレクタ::beforeと::afterではcontentプロパティというものが使えるわけですが、 ::beforeと::afterがIE7以下未対応ということもあって使ってない人は未だ多かろうと思います。 しかしながらレガシーなIEで表示されないから使わないというのは非常に勿体無いので、 今一度contentプロパティで挿入出来る内容についてまとめておこうと思います。 ※2019年現在は全ブラウザ対応しています。 挿入出来るモノ 大きく分けると３つです。 テキスト プロパティの値 画像 content:”テキスト” 半角英数や半角の記号ならそのままでOK。ただしクォーテーションなどのメタ文字は\でエスケープしないと表示されない。 日本語などの2バイト文字も書いたまま表示されるけど、数値文字参照の値で書いた方が無難です。 例：タイトルの前に★マークを
![[css] contentプロパティで挿入できるコンテンツ – WebTecNote](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
[WP]WordPressテンプレートカスタマイズ用小技メモ
テンプレートファイルのカスタマイズで使えそうなソースのサンプルをつらつらと書き散らしてみる。その２はこちら。 タイトルの文字数制限 一定数以上のタイトルを省略（抜粋）する。 下記サンプルだと10文字まで拾って以下を三点リーダにしています <?php $title= mb_substr($post->post_title,0,10); echo '<h1>'.$title.'…</h1>'; ?> 検索キーワードとヒット数の表示 search.phpとかに入れると結構見栄えがいい。 <?php $allsearch =& new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1); $count = $allsearch->post_count; if($count!=0){ echo '<em>'.$key.'</em>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
