Как связать несколько файлов CSS с WordPress

Question

Я знаю, что связать WordPress основной style.css файл, который вы используете:

<link href="<?php bloginfo('stylesheet_url');?>"rel="stylesheet" type="text/css"/> 

Однако у меня есть довольно много CSS файлов, которые должны быть связаны с основной PHP файл для такие как ползунки, коробки с картинками и т. д.

Я не совсем уверен, как бы это сделать, потому что <?php bloginfo('stylesheet_url');?> работает только для таблицы стилей, которая называется styles.css, а другие мои таблицы стилей имеют разные имена.

Кто-нибудь знает, как я могу их чернилами?

Answer 1

вы можете использовать wp_enqueue_style() функция в wordpress here. пример.

wp_enqueue_style('my_style', plugin_dir_url(__FILE__) .'/path/to/your/stylesheet'); 

и вы можете использовать действие wp_enqueue_styles

Answer 2

Ваш исходный код не включает в себя имя файла ... bloginfo («stylesheet_url») возвращает только ссылку на таблицу стилей ... URL папки, как правило, папке темы. Вам также необходимо добавить папку (если она есть) и filename.css

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

От свободной 300 страниц книги я прочитал в прошлые выходные - WordPress AJAX, стр 53:

// load styles + conditionally load an IE 7 stylesheet 
add_action('init', 'my_theme_register_styles'); 
function my_theme_register_styles() { 
//Register styles for later use 
    wp_register_style('my_theme_style1', get_stylesheet_directory_uri() . '/style1.css', array(), '1.0', 'all'); 
    wp_register_style('my_theme_style2', get_stylesheet_directory_uri() . '/style2.css', array('my_theme_style1'), '1.0', 'all'); 
    wp_register_style('my_theme_style3', get_stylesheet_directory_uri() . '/style3.css', array('my_theme_style1', 'my_theme_style2'), '1.0', 'all'); 
    global $wp_styles; 
    $wp_styles->add_data('my_theme_style3', 'conditional', 'lte IE 7'); 
} 

Поместите это в functions.php или ваш header.php. Он правильно условно загружает таблицу стилей для IE ...

Answer 3

Есть ли файл CSS в папке текущей темы? Если да, попробуйте этот код:

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/what-ever.css" /> 

Это работает для меня.

Answer 4

Наверное, самый простой способ добавить стиль на свою страницу темы, если вы собираетесь с жестким кодом: 1) Добавьте свою таблицу стилей в свой каталог стилей. 2) Вставьте этот код в свою голову (заменив style2.css тем, что вы указали на имя таблицы стилей).

<link href="<?php echo get_stylesheet_directory_uri().'/style2.css'; ?>" rel="stylesheet" /> 

или

<link href="<?php blog_info('template_url').'/style2.css'; ?>" rel="stylesheet" /> 

Если ваши стили находятся в отдельной папке, просто убедитесь, чтобы добавить эту папку в путь (т.е. /styles/style2.css.)

Edit: Сделал ответ более конкретным, чтобы добавить ссылки стиля в голову и зафиксировал мою тупую ошибку src = когда это должно быть href =

Answer 5

Просто поместите все свои таблицы стилей в каталог wp-content\themes\twentyeleven\css. Затем вы n ссылку все это просто поставить ниже код

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style1.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style2.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style3.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style4.css" /> 

нравится кодирование.