Импорт CSS-файлов в WordPress - PullRequest
0 голосов
/ 09 мая 2018

Я пытаюсь перенести мой HTML в шаблон WordPress. Пока я это делаю, я хочу хранить свои CSS-файлы там, где они находятся, и импортировать их в код. Я обнаружил, что могу использовать файл functions.php, чтобы сделать его проще.

Ниже приведен код, который я добавил к functions.php:

<?php
function add_theme_codes() {     
 wp_enqueue_style(‘bootstrap’,get_stylesheet_directory_uri().’/css/bootstrap_grid.css’, ‘all’); 
 wp_enqueue_style( ‘style’, get_stylesheet_directory_uri().’/css/main.css’, ‘all’);
}
add_action( ‘wp_enqueue_scripts’, ‘add_theme_codes’ );
?>

Но мой сайт на WordPress все еще не импортирует CSS-файлы. Пожалуйста, кто-нибудь, дайте мне решение.

Ответы [ 3 ]

0 голосов
/ 09 мая 2018

Тем не менее, вы выбрали ответ, который я хотел бы ответить на ваше последнее желание, чтобы вы работали должным образом, как это делает WordPress. Убедитесь, что wp_footer вызван до того, как тег body будет закрыт или нет. Хук действия wp_enqueue_scripts будет вызываться в функции wp_footer . Пожалуйста, попробуйте один раз и дайте мне знать результат.

0 голосов
/ 09 мая 2018

Обертка с add_action, и это может сработать

<?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_register_style('css-ui',get_template_directory_uri().'/assets/css/style.css' ); wp_enqueue_style('css-ui' ); }

0 голосов
/ 09 мая 2018

Вы можете получить файл css из кода ниже:

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',  get_stylesheet_directory_uri() . '/style.css',   array('parent-style') );
}
?>

Или в разделе Заголовок перед wp_head () добавить код ниже

<link href="<?php echo get_bloginfo('stylesheet_directory');?>/css/bootstrap_grid.css" rel="stylesheet" />      
<link href="<?php echo get_bloginfo('stylesheet_directory');?>/css/main.css" rel="stylesheet" />      
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...