Моя пользовательская тема WordPress не получает стилей CSS

Я изучаю, как сделать тему WordPress с нуля & У меня сейчас проблема с плохими. Проблема в том, что стили CSS, которые я добавил, не относятся к навигации по меню моей темы.Моя пользовательская тема WordPress не получает стилей CSS

Вот index.php файл:

<?php 
get_header(); 

if (have_posts()): 
    while (have_posts()) : the_post(); ?> 

    <article class="post"> 
     <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> 
     <h2><?php the_content(); ?></h2> 
    </article> 

    <?php endwhile; 

    else: 
     echo '<p>No content found!</p>'; 

    endif; 

get_footer(); 
?>

Вот header.php файл:

<!DOCTYPE html> 
<html <?php language_attributes(); ?>> 
    <head> 
     <meta charset="<?php bloginfo('charset'); ?>"> 
     <meta name="viewport" content="width=device-width"> 
     <title><?php bloginfo('name'); ?></title> 
     <?php wp_head(); ?> 
    </head> 

<body <?php body_class(); ?>> 

    <div class="container"> 
     <header class="site-header"> 
      <h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1> 
      <h5><?php bloginfo('description'); ?></h5> 

      <nav class="site-nav"> 
       <?php 
       $args = array(
        'theme_location' => 'primary' 
       ); 
       ?> 
       <?php wp_nav_menu($args); ?> 
      </nav> 
     </header>

Как вы можете видеть, что я добавил класс CSS сайт-Nav к тега, а затем я закодировал это как стили css к нему:

.site-nav ul{ 
    margin:0; 
    padding:0; 
} 
.site-nav ul:before, .site-nav ul:after{content: "";display:table;} 
.site-nav ul:after{clear:both;} 
.site-nav ul{*zoom:1;} 
.site-nav ul li{ 
    list-style:none; 
    float:left; 
}

Но всякий раз, когда я запускаю тему, я получаю этот экран:

Но обратите внимание, что у меня уже есть functions.php, который добавляет стили CSS и я добавил другие стили CSS, такие как тела или т.д. до он работает, но я не понимаю, почему меню не меняется!

Вот functions.php:

<?php 
function learningWordpress_resources(){ 
    wp_enqueue_style('style', get_stylesheet_uri()); 
} 
add_action('wp_enqueue_scripts','learningWordpress_resources'); 
register_nav_menus(array(
    'primary' => __('Primary Menu'), 
    'footer' => __('Footer Menu'), 
)); 
?>

Вот полный CSS code

источник

2016-12-24 pouhiocuprai

включают путь CSS в заголовке и добавить все CSS в файл таблицы стилей .it будет работать автоматически – Gulshan

в style.css файл, размещаемый в вашем папка темы? – Gulshan

, пожалуйста, предоставьте функции functions.php –

Вы должны предоставить класс

<nav class="site-nav"> 
<?php 
     $args = array(
     'theme_location' => 'primary', 
     'menu_class'  => 'site_nav', 
    ); 
    ?> 
    <?php wp_nav_menu($args); ?>

Goto проверить Css как этот

#header .site-nav{} // container class 
#header .site-nav ul {} // container class first unordered list 
#header .site-nav ul ul {} //unordered list within an unordered list 
#header .site-nav li {} // each navigation item 
#header .site-nav li a {} // each navigation item anchor 
#header .site-nav li ul {} // unordered list if there is drop down items 
#header .site-nav li li {} // each drop down navigation item 
#header .site-nav li li a {} // each drap down navigation item anchor

functions.php изменения

add_action('after_setup_theme', 'register_my_menu'); 
function register_my_menu() { 
    register_nav_menus(array(
    'primary' => __('Primary Menu'), 
    'footer' => __('Footer Menu'), 
    )); 
} 
    add_theme_support('menus');

См: http://www.wpbeginner.com/wp-themes/how-to-style-wordpress-navigation-menus/

источник

2016-12-24 06:34:46

вы получили решение? –

Поддержка темы отсутствует ??? –

Моя пользовательская тема WordPress не получает стилей CSS

ответ

Смежные вопросы