#前提・実現したいこと
WordPressの実装をしています。
カテゴリーのアーカイブページに投稿がない場合でも該当するカテゴリーメニューにcurrentを付与させたいです。
#発生している問題
該当のカテゴリーに投稿がない(今回であれば「イベント」に投稿がない)ため、currentが付与されずcssで指定しているハイライトがなされない状態です。
イベント以外のメニューについては、うまく動作しています。
#該当のソースコード
該当のカテゴリーに属する個別投稿とカテゴリーのアーカイブページを表示している場合、currentが付与されるようにPHPを作成しています。
初心者なため、このPHPにも間違いがある可能性がありますが、イベント以外は思い通りの動きをしています。
PHP
1<div class="menu"> 2 <ul class="menu_list"> 3 <li class="menu_li <?php if( is_front_page() && is_home() ) echo 'current'; ?>"><a href="<?php echo home_url(); ?>">ホーム</a></li> 4 <li class="menu_li <?php if( is_page('profile') ) echo 'current'; ?>"><a href="<?php echo home_url(); ?>/profile/">プロフィール</a></li> 5 <li class="menu_li <?php if( in_category(2)&& !is_home()&&!is_front_page() || in_array(2,get_post_ancestors($post->ID))) echo 'current'; ?>"><a href="<?php echo home_url(); ?>/event/">イベント</a></li> 6 <li class="menu_li <?php if( in_category(1)&& !is_home()&&!is_front_page() || in_array(1,get_post_ancestors($post->ID))) echo 'current'; ?>"><a href="<?php echo home_url(); ?>/works/">実績</a></li> 7 <li class="menu_li <?php if( is_page('contact') ) echo 'current'; ?>"><a href="<?php echo home_url(); ?>/contact/">お問い合わせ</a></li> 8 </ul> 9</div>
CSS
1.menu .menu_list { 2 list-style: none; 3 text-align: center; 4 margin: 0; 5 display:table; 6 table-layout: fixed; 7 width:100%; 8} 9 10.menu .menu_list .menu_li { 11 padding: 0; 12 display: table-cell; 13 vertical-align: middle; 14 text-align: center; 15} 16 17.menu .menu_list .menu_li a { 18 text-decoration: none; 19 color: #ffffff; 20 display: block; 21 padding: 19px 0; 22} 23 24.menu .menu_list .menu_li a:hover { 25 background-color: #0000ff; 26} 27 28.menu .menu_list .current a{ 29 background-color: #f8ef44; 30 color: #000000; 31} 32 33.menu .menu_list .current a:hover{ 34 background-color: #f8ef44; 35 color: #000000; 36}
#試したこと
is_page('event')を追加した以下のようなコードも試しましたが、思い通りの動作にはなりませんでした。
PHP
1<div class="menu"> 2 <ul class="menu_list"> 3 <li class="menu_li <?php if( is_front_page() && is_home() ) echo 'current'; ?>"><a href="<?php echo home_url(); ?>">ホーム</a></li> 4 <li class="menu_li <?php if( is_page('profile') ) echo 'current'; ?>"><a href="<?php echo home_url(); ?>/profile/">プロフィール</a></li> 5 <li class="menu_li <?php if( is_page('event') && in_category(2)&& !is_home()&&!is_front_page() || in_array(2,get_post_ancestors($post->ID))) echo 'current'; ?>"><a href="<?php echo home_url(); ?>/event/">イベント</a></li> 6 <li class="menu_li <?php if( in_category(1)&& !is_home()&&!is_front_page() || in_array(1,get_post_ancestors($post->ID))) echo 'current'; ?>"><a href="<?php echo home_url(); ?>/works/">実績</a></li> 7 <li class="menu_li <?php if( is_page('contact') ) echo 'current'; ?>"><a href="<?php echo home_url(); ?>/contact/">お問い合わせ</a></li> 8 </ul> 9</div>
#補足情報
WordPressを使用しています。
PHP7.2.6
どうぞ、よろしくお願いいたします!
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/19 06:06
2019/04/19 08:34