///セレクトの矢印を変える
.select_wrapper {
position: relative;
display: inline-block!important;
width: auto!important;
&:after {
content: "";
position: absolute;
top: 18px;
right: 16px;
width: 12px;
height: 12px;
border-right: 2px solid #333;
border-bottom: 2px solid #333;
transform: rotate(45deg);
pointer-events: none;//これ入れないと、矢印で機能しなくなる
}
select {
-webkit-appearance: none;
appearance: none;
font-size: 13px;
}
}
<ul class="single_foot_menu select_wrapper">
<?php wp_dropdown_categories(
array(
'title_li' => '',
'hide_empty' => $hide_empty,
'taxonomy' => $menu_trem,
'depth' => 1,
'orderby' => 'menu_order',//順番は指定します
//'exclude'=> array(2,5)
)
);
//孫の親の出力準備 2025.01追記 3階層まで対応したい 親 子 孫
$granpma_id = NULL;//変数の初期化
$granpmas = get_terms( array( 'taxonomy'=> $menu_trem, 'parent' => 0, ) );
// echo "<pre>";
// print_r($granpmas);
// echo "</pre>";
foreach($granpmas as $granpma):////フォーチ----------------------------
$granpma_id[] = $granpma->term_id; //小タームidをセット
endforeach;
// echo "<pre>";
// print_r($granpma_id);
// echo "</pre>";
//孫の親準備END
?>
</ul>
上記リンク出ない
なので、リンク作成時は別のコード
セレクトでリンク作成
<?php $cats = get_categories(array(
'post_type' => 'car',
'taxonomy' => 'car_cat3' ,
'hide_empty' => 0 ,//記事がなくとも表示
'depth' => 1,//子は表示しません。
'orderby' => 'order',//順番は指定します
)); ?>
<?php if(!empty($cats)): ?>
<select name="car_cat1" id="car_cat1">
<option value=" "> 詳細項目で選ぶ</option>
<?php foreach($cats as $cat): ?>
<option value="<?php $cat_term = $cat->slug; echo get_term_link($cat_term ,'car_cat3'); ?>"><?php echo $cat->cat_name; ?>(<?php echo $cat->count; ?>)</option>
<?php endforeach; ?>
</select>
<script type="text/javascript">
var dropdown = document.getElementById("car_cat1");
function onCatChange(){
if(dropdown.options[dropdown.selectedIndex].value != ""){
location.href = dropdown.options[dropdown.selectedIndex].value;
}
}
dropdown.onchange = onCatChange;
</script>
<?php endif; ?>
</ul>
getElementById(“car_cat1”);
の部分のIDの要素を指定して変更しているので
同じ名前のフォームがあると動作しない
実際、商品のフォームが見えていなく隠れていて、悪さしていため
出来なかったから名前を変更した