Подключение style.css в function.php

  • Решено AndrewFoster

    (@bosyak5)


    7 лет, 8 месяцев назад

    Здравствуйте, не могу подключить css через function.php. Делаю как в руководствах, хронически ничего не выходит, а вот так <link rel="stylesheet" href="<?php bloginfo('stylesheet_url');?> получается, но говорят, нужно через function.

    function.php у меня такое:

    
<?php
function load_style_script(){
 wp_enqueue_style('style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'load_style_script');
?>

    style.css такой:

    
/*Theme Name: gymbalance
Theme URI: http://gymbalance.ru
Author: Andrei Filimonov
Author URI: http://gymbalance.ru
Description: Описание темы
Version: 1.0*/

* {
margin:0; /*Обнуляем все отступы, в нужных местах добавим их*/
padding:0;
}
body {
font-family: Arial, Helvetica, sans-serif; /*задаем основной шрифт текста*/
display:block; /*Заставляем все элементы вести себя как блочные*/
background: #ffffe0;
}
.header {
	width: 100%;
	min-width:1000px;
	height: 120px;
	padding-top:10px;
	margin-bottom: 5px;
	text-align: center;
	background: #ffffe0;
}
.header-present {
	height: 90px;
}
.logo {
	margin-left: 20px;
	width: 430px;
	float: right;
}
.site-title {
font-family: Arial, Helvetica, sans-serif;
float:right;
text-align: justify;
margin-right: 20px;
}
.site-title h1 {
	font-size: 40px;
}
.site-title p {
	font-size: 20px;
}
.menu {
margin:5px 20px 0 20px;
}
.menu li {
	list-style-type: none;
	font-size: 20px;
        display: inline;
	margin-left: 25px;
}
.menu li a {
color:#165F12; text-decoration:none;	
}
.menu li a:hover{
color:#fff; text-decoration:none;
}
Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Flector

    (@flector)

    7 лет, 8 месяцев назад

    не имеет значения, как его подключать в своей теме. но если хотите через functions.php, то вы забыли зарегистрировать стиль:

    
function add_my_stylesheet() {
    $myStyleUrl = get_template_directory_uri() . '/style.css';
    wp_register_style('myStyleSheets', $myStyleUrl);
    wp_enqueue_style( 'myStyleSheets');
}
add_action('wp_print_styles', 'add_my_stylesheet');
    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    7 лет, 8 месяцев назад

    • Если при вызове wp_enqueue_style() указан полный путь к файлу, то регистрировать его отдельно не обязательно.
    • Действие wp_print_styles срабатывает уже в момент вывода на экран, для подключения скриптов и стилей рекомендуется использовать wp_enqueue_scripts.
    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    7 лет, 8 месяцев назад

    хронически ничего не выходит

    В теме есть вызов wp_head() перед </head> в header.php и wp_footer() перед </body> в footer.php?

    Автор AndrewFoster

    (@bosyak5)

    7 лет, 8 месяцев назад

    Да, вот хэдер 

    <!DOCTYPE html>
<html>
 <head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
  <title><?php echo wp_get_document_title(); ?></title>
<?php wp_head(); ?>
</head>
  

<body>
        <div class="header">
		  <div class="header-present">
		    <div class="logo">
			  <a>"
      			     alt="<?php bloginfo('name') ?>"
                             title=<?php bloginfo('name') ?> >
		            <img />/images/logo.png">
			  </a>
		    </div>			
                    <div class="site-title">
		      <h1><?php bloginfo('name') ?></h1>
		      <p><?php bloginfo('description') ?></p>
		    </div>
		  </div>
			<?php wp_nav_menu(); ?>
        </div>

    вот футер 

     <div id="footer"></div>
<?php wp_footer(); ?>
 </body>
</html>

    сайт http://vh166963.eurodir.ru

    • Ответ изменён 7 лет, 8 месяцев назад пользователем Denis Yanchevskiy. Причина: правила п14
    Автор AndrewFoster

    (@bosyak5)

    7 лет, 8 месяцев назад

    Проблема оказалась в некорректно созданном файле function.php. Решил копированием function.php из стандартной темы и заменой на собственное содержание

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Подключение style.css в function.php» закрыта для новых ответов.

Метки