Как добавить дополнительные CSS в WordPress тему? - PullRequest
Новая
       0

Как добавить дополнительные CSS в WordPress тему?

1 голос
/ 29 июля 2011

Я проверил свой блог на планшетах и ​​нетбуках, и он выглядел немного плохо, поэтому я сделал дополнительный css и добавил к header.php между: 

<head>
<link media="all and (min-width: 481px) and (max-width: 768px)" type="text/css" rel="stylesheet" href="tablet.css">
</head>

Но ничего не происходит. Как добавить дополнительный .css, чтобы сделать эту работу?

Также пытался добавить эту функцию в темы functions.php, но блог вылетает. 

wp_enqueue_style('my-custom-style', 'get_bloginfo('template_url') . '/css/tablet.css',false,'1.1','all and (min-width: 481px) and (max-width: 768px)');

Что мне добавить в template_url и как проще всего достичь моей цели?

Спасибо!

Ответы [ 2 ]

6 голосов
/ 30 июля 2011

Попробуйте это: 

<link rel="stylesheet" type="text/css" href="path/to/your/css/file.css">

Добавьте его в свой шаблон * файл 1004 *, после <?php wp_head(); ?> и после ваша последняя таблица стилей .

Если это не удалось, добавьте его непосредственно перед тегом </head>.

Также убедитесь, что путь к таблице стилей указан правильно, если вы не уверены, что используете полный путь: 

<link rel="stylesheet" type="text/css" href="http://www.site.com/path/file.css">

Надеюсь, это поможет

2 голосов
/ 30 июля 2011

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

@media all and (max-width: 768px) and (min-width: 481px) {
  Your styles go in here
}

Код ниже этого будет нацелен на max-width 768px или min-width на 481px. 

@media all and (max-width: 768px), (min-width: 481px) {
  Your styles go in here
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...