この問題についてのチュートリアルをいくつか見ましたが、どれも私を満足させませんでした。私は閲覧しているページと一致するリストの単一要素を強調したいと思います。私はPHPでコードを作成し、ワードプレスベースのウェブサイトであり、コードは実際に動作します。なぜなら、私がいるuriをエコーすると正しいuriが表示されますが、if文はクラスを追加するために作成したからです...何も出力しませんし、私は理由を理解していないウェブサイト上..とにかく..ここのコードです:各ページで非常にページを閲覧しているときにリスト要素を強調表示します
header.phpの
<ul class="nav nav-pills sliding" id="Jcollapse">
<li class="<?php if ($current == "/why-chickapea/"){ echo "current";}?>"><a href="/why-chickapea/"><span>Why Chickapea?</span></a></li>
<li class="<?php if ($current == "/our-pasta/"){ echo "current";}?>"><a href="/our-story/"><span>Our story</span></a></li>
<li class="<?php if ($current == "/shop-chickapea/"){ echo "current";}?>"><a href="/shop-chickapea/"><span>Shop</span></a></li>
<li class="<?php if ($current == "/recipes/"){ echo "current";}?>"><a href="/recipes/"><span>Recipes</span></a></li>
<li class="<?php if ($current == "/blog/"){ echo "current";}?>"><a href="/blog/"><span>Blog</span></a></li>
</ul>
は、私はPHPのスニペットを追加しました:
<?php $current = $_SERVER["REQUEST_URI"]; ?>
私がvar $ currentをエコーすると、この形式の正しいURLが得られます:/ pagename/
終わりに私は黄色
.current {
color:yellow;
}
.current a {
color:yellow;
}
でクラスの現在のスタイルを私のミスがどこにあるか誰でも知っていますか?
これはページのウェブサイトである:あなたは私のコードを生成するクラスは空ですが、私はそれぞれの値をエコー場合、私は取得するURIが正しいもの
WordPressを使用している場合、間違いは[ナビゲーションメニュー機能](https://codex.wordpress.org/Navigation_Menus)を使用していないことです。 – rnevius
'$ _SERVER ['REQUEST_URI']'に実際に何が入っているかを確認するのと同じように、基本的なデバッグを行いましたか?生成されたhtmlを見て、何かが生成されたのかどうかを確認します。 –
私は自分自身の静的メニューを使用しています。私はそれをwordpressメニューに束縛することなく構築しました。私は私の声明で書いたように、デバッグを行った。私は変数をエコーして、私は正しい値を得ました。これは、私がページに依存するuriです。ホームページの場合は、/ index/ –