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

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

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

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

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

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

Просто поместите все свои таблицы стилей в каталог wp-content\themes\twentyeleven\css Затем вы можете связать все это, просто поместите ниже code-

 <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" /> 

наслаждайтесь кодированием.

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

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

Меня устраивает.

Исходный код не включает имя файла … 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 …

Вероятно, самый простой способ добавить стиль на вашу страницу темы, если вы собираетесь делать хард-код, это будет: 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)

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

вы можете использовать wp_enqueue_style() в wordpress здесь . пример.

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

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