Как загрузить style.css после fonts.php в wordpress?

Question

Я разрабатываю сайт на местном уровне в WordPress, а затем загружаю его на временный сервер-разработчик, чтобы периодически показывать свой прогресс руководству.

Проблема: Когда я загрузить все на сервер, я заметил, что стили в моем style.css перекрываются теми, в fonts.php. Это мой первый раз, используя платформу Wordpress. Я не знаю почему, но это не тот случай, когда я размещаю его локально. Как вы видите на картинке, fonts.php объявляется после style.css. Изображение:

То, что я пытался: я копал в Wordpress файлы, чтобы найти способ, чтобы объявить fonts.php первым, а затем style.css позже, так что style.css перекроет fonts.php. Я нашел этот файл в wp-includes/theme.php, где я нашел объявленный style.css, но не смог найти для fonts.php. Это был тупик.

Кто-нибудь знает, как это сделать?

Answer 1

Thanks Susheel для вашего сообщения. Это полезно, если я должен добавить файл css извне, но не решил мою проблему, которая делала перед загрузкой fonts.php.

Я НАХОДИЛСЯ ПРОСТОЕ РЕШЕНИЕ. Я переместил все css, которые я хотел переопределить на fonts.php в адаптивном режиме.css-файл, который всегда загружается после файла fonts.php.

Answer 2

// Load the theme stylesheets 
function theme_styles() 
{ 

    // Example of loading a jQuery slideshow plugin just on the homepage 
    wp_register_style('flexslider', get_template_directory_uri() . '/css/flexslider.css'); 

    // Load all of the styles that need to appear on all pages 
    wp_enqueue_style('main', get_template_directory_uri() . '/style.css'); 
    wp_enqueue_style('custom', get_template_directory_uri() . '/css/custom.css'); 

    // Conditionally load the FlexSlider CSS on the homepage 
    if(is_page('home')) { 
     wp_enqueue_style('flexslider'); 
    } 

} 
add_action('wp_enqueue_scripts', 'theme_styles'); 

Answer 3

Давайте рассмотрим пример импорта Bootstrap CSS Stylesheets в WordPress с помощью wp_enqueue_style()

Первое, что сначала нужно вставить

`<?php wp_head(); ?>` 

так что ваша тема может использовать фильтры и крюки, которые используйте крюк wp_head(). Так что любые добавления темы могут быть легко вызваны.

Убедитесь, что у вас есть wp_head(); между головной частью вашей темы, в файле header.php.

Затем создайте новый файл functions.php в каталоге тем, где также существует index.php. В функции functions.php мы собираемся создать новую функцию, а затем зарегистрируем стили с помощью функции wp_register_script, а затем будем называть наши стили, используя функцию wp_enqueue_style.

Это код, который мы будем использовать для вызова таблиц стилей Bootstrap.

`<?php 
function add_stylesheet() { 
wp_register_style('bootstrap.min',get_template_directory_uri() . 
'/css/bootstrap.min.css'); 
wp_enqueue_style('bootstrap.min'); 
} 
add_action('wp_enqueue_scripts', 'add_stylesheet'); 
?>` 

Так что же делает вышеуказанный код?

Add_stylesheet() - это имя нашей созданной функции, вы можете называть ее чем угодно.

Затем мы зарегистрировали нашу таблицу стилей через функцию WordPress wp_register_style. Он принимает 5 различных параметров

`$handle, $src, $deps, $ver, and $in_footer` 

После регистрации наш стиль будет сделано, мы можем назвать это с помощью функции wp_enqueue_style WordPress. То есть, этот метод может показаться сложным сначала, но это предпочтительный метод вызова таблиц стилей в WordPress.