Стилизация одностраничной Wordpress детской темы - PullRequest
Новая
       4

Стилизация одностраничной Wordpress детской темы

0 голосов
/ 28 марта 2019

Привет, у меня есть дочерняя тема, и я бы хотел, чтобы моя домашняя страница была специально оформлена для моего файла style.css.Нужно ли включать body.home перед каждым элементом?

Пример: 

body.home .plus_own {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: red;
  font-weight: bold;
}

body.home .header_pad_n ul li:hover .round_inner{ 
  background: #7a56af;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

1 Ответ

0 голосов
/ 29 марта 2019

Есть несколько способов применить стиль только к домашней странице, один из упомянутых также возможен.Вы можете включить CSS, используя условие 'is_front_page', и подключить его к wp_head, например: 

 function front_page_css() {
    ?>
          <?php if(is_front_page() ) : ?>
        <style>
           .plus_own {
             position: absolute;
             top: 50%;
             left: 50%;
             transform: translate(-50%, -50%);
             color: red;
             font-weight: bold;
           }

           .header_pad_n ul li:hover .round_inner{ 
                 background: #7a56af;
               -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
             }
        </style>
        <?php endif; ?>
    <?php
}
add_action('wp_head', 'front_page_css');

Список условий, которые вы можете использовать, смотрите по ссылке https://codex.wordpress.org/Conditional_Tags

...