IE にCSSを適用させるハック

admin コメントをする

■IEのみに適応させたい時のハック方法

・条件付コメントを利用する
※IE9まで

など
参考：ウェブサイト制作時のIE対応まとめ（条件付コメント・CSSハック）

・IEハック

・IE7以下
プロパティの前に *

セレクタ{
*color: #fff; /* IE7以下 */
}
・IE8以下

セレクタ{
background:greenyellow\9;
}
:root セレクタ{
background:transparent\0; }

参考：IEのバージョン毎のハックを試してみる

参考：css hacks for IE

ベンダープレフィックスまとめ

admin コメントをする

■ポイント
・CSSの草稿段階のものを先行実装する際に使用する各ブラウザ向けの対応
・IE7,8などでは効かないものも多いので、ブラウザの対応範囲を考えて実装する

■主要ブラウザのベンダープレフィックス

-moz-　　…… Firefox
-webkit-　…… Google Chrome、Safari
-o-　　　　…… Opera
-ms-　　　…… Internet Explorer

WP:直近の子タームのみの一覧

admin コメントをする

前回の記事では、子タームを持つかどうかで処理を分岐し、子タームがある場合にはすべてのターム情報を一覧で表示し、
子を持たない場合には投稿の一覧を表示していました。
そして、今回は「すべての子ターム情報」というところがネックになりました。
すべて、ではなく直近の子のターム情報だけの一覧を表示したかったのです。

前回、ターム情報の取得に使っていた関数は「get_term_children」でしたが、
これは全てのターム情報を取得します。
これでは具合が悪いので、今回は「get_terms」に書き換えました。

<?php
            $term_id = $taxonomy->term_id;
            $children = get_term_children( $term_id, $taxonomy_name );
            if ( $children ): //子カテゴリーを持つ場合
            ?>
            
            <?php
            $taxonomy_name = 'safety-cat';
            $terms = get_terms( $taxonomy_name, array(
              'parent' => $term_id,
              'hide_empty' => false,
              'orderby' => 'term_order',
            ));
            foreach ( $terms as $term ) :
            ?>
              <tr><td><a href="<?php echo get_term_link( $term ); ?>"><?php echo $term->name; ?></a><td></th>

            <?php endforeach; ?>

parentにタームIDをセットしてやることで、直近の子ターム情報を引っ張ってくれます。
これで目的が果たせました。