0

誰かが私のclass="selected"をWordpressのナビゲーションで動作させる方法を提案できますか？

私はワードプレスのナビゲーション設定を持っています：

ホームページを表示している場合は、ホームページクラスが選択されています。

1ページ目に移動する場合は、このクラスをナビゲーションで変更して、このクラスのみが読み込まれ、ホームページは読み込まれないようにします。

class = "selected"を使用して、ロールオーバー効果をアクティブにします。

私はこれをワードプレスではなく固定サイトで機能させることができます、ここで何か提案はありますか？

<div class="nav">
  <ul>
  <li class="selected"><a href="#" title="Home">Home</a></li>
  <li><a href="#">One</a></li>
  <li><a href="#">Two</a></li>
  <li><a href="#">Three</a></li>
  <li><a href="#">Four</a></li>
  <li><a href="#">Five</a></li>
  <li><a href="#">Six</a></li>
  </ul>
</div>

ここでifステートメントを使用できますか？

   <?php if(is_home() ) {

    //for example load class="selected"

    } else {

    //for example if other page don't load class="selected"

   } ?>
4

1 に答える 1

1

私が理解したところによると、wp_nav_menu()WordPressからではなく、ハードコードされたナビゲーションを使用しています。

したがって、使用している各ページを条件付きで確認できます。

<div class="nav">
  <ul>
  <li<?php echo is_home()? '  class="selected"'; '';?>>
    <a href="#" title="Home">Home</a>
  </li>
  <li<?php echo is_page('Contact')? '  class="selected"'; '';?>>
    <a href="#">Contact page</a>
  </li>
  <li<?php echo is_single('My first Post')? ' class="selected"'; '';?>>
    <a href="#">Myfirst post</a>
  </li>
  </ul>
</div>

WordPressにある条件付きタグを利用する必要があります。

最初に見ると、<li>このコードは3項演算子<?php echo is_home()? ' class="selected"'; '';?>として表されています。これは次と同等です。

if( is_home() ){
  echo ' class="selected"'; #echo class. white space in front so that it does not stick to the "<li"
else{
  echo ''; #do nothing
}

上記の例では、次の3つの関数を使用しました。

is_home()-ホームページを表示している場合はtrueを返します

is_page($arg)-で指定されたページを表示している場合はtrueを返します$arg。

is_single($arg)-で指定された投稿を使用している場合はtrueを返します$arg。

使用することを選択できる他の条件付きタグがあります。

于 2013-03-09T09:50:53.030 に答える