在wordpress导航中转换自定义CSS

时间:2018-07-19 10:53:25

标签: wordpress navigation wp-nav-walker

我已经在Wordpress中使用了导航功能,但是它没有呈现CSS样式,这是导航的结构:

<nav class="navigation__nav">
<ul class="navigation__list">
  <li class="navigation__item"><a href="page.html" 
    class="navigation__link">Home</a></li>
  <li class="navigation__item"><a href="page.html#services" 
    class="navigation__link">Services</a></li>
  <li class="navigation__item"><a href="page.html" 
    class="navigation__link">Testimonials</a></li>
  <li class="navigation__item"><a href="page.html" 
    class="navigation__link">Projects</a></li>
  <li class="navigation__item"><a href="#url"
    class="navigation__link">Vacancies</a></li>
</ul>
</nav>

我认为我需要使用Walker类来分配样式,但是我会为此提供指导。如果是Walker类或扩展Walker类。我看过一些教程,但是当您有子菜单时,它们似乎在讨论使用Walker类的问题。

我正在努力地将其计算在脑海中,因此任何人都可以针对此问题提供最佳建议或为我提供相关教程的指导。

也许问一个更好的方法是,如何添加/构造wp_nav_menu来查找关联的类。我目前有这个:

<?php
    wp_nav_menu( array( 
        'theme_location'    =>  'header-menu', 
        'container'         =>  'nav',
        'container_class'   =>  'navigation__nav',
        'menu_class'        =>  'navigation__list',
        ) );
?>

通过wordpress的“菜单”部分中的自定义CSS分配的Navigation__link。

预先感谢您,如果偷窥者也可以提供有关问题的建议,我将更新该问题以使其更适合网站结构。

0 个答案:

没有答案