2013-06-03 9 views
0

Я учусь создать тему Wordpress и застрял в самом начале, где вы связываете свои таблицы стилей тем способом, которым Wordpress предназначен для запуска.Wordpress Создание темы - Связывание стилей стилей Bootstrap

Я использую этот шаблон тег <?php bloginfo('stylesheet_url'); ?> как в <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>">, чтобы Wordpress прочитать style.css по умолчанию, но проблема я имею сделать с другими, чем это погрузочных таблицы стилей.

Чтобы связать дополнительные CSS, я использую этот шаблон тег <?php bloginfo('template_directory'); ?> как в <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/css/bootstrap.min.css"> , но это не похоже, чтобы загрузить стиль правильно.

Что я делаю неправильно?

+1

Возможно, вы захотите получить копию этого: http://www.rootstheme.com/ и изменить, чтобы создать свою собственную тему. –

+0

Спасибо. Эта тема выглядит довольно многообещающей. –

ответ

2

Вы попробовали bloginfo('template_directory')? дает ли он правильный путь?

Вы можете вставить дополнительные теги ссылку, чтобы включить ваши stylsheets, как: <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/bootstrap.min.css" type="text/css" media="screen" />

Другим решением может быть использование: @import URL ('начальной загрузки/CSS/bootstrap.css'); в вашем основном файле css.

Поэтому использовать в шаблоне <link href="<?php bloginfo('stylesheet_url');?>" rel="stylesheet"> это Виль включают style.css:

style.css:

@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-responsive.css'); 
body { 
padding-top: 60px; 
padding-bottom: 40px; 
} 

Какая часть не работает? Включили ли вы также bootstrap-responsive.css? Включили ли вы загрузочные файлы javascript?

См. Эту ссылку: http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial для более примера кода.

+0

Используя этот тег '