質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

解決済

1回答

201閲覧

投稿がない場合にもカテゴリーであるメニューにcurrentを付与するには?

nonoysng

総合スコア12

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2019/04/18 10:26

#前提・実現したいこと
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

どうぞ、よろしくお願いいたします!

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

試したこと、にあるコードで、

is_page('event') &&

となっている部分を、

is_category('event') ||

でしょうか、この場合。
こちらも参照のこと→https://wpdocs.osdn.jp/関数リファレンス/is_category

投稿2019/04/19 05:03

marlboro_tata

総合スコア525

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

nonoysng

2019/04/19 06:06

ご回答いただきありがとうございます! <li class="menu_li <?php if( is_category('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> で、思い通りの動作になりました! ありがとうございます!!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問