1. Сервис для заработка в Интернете
  2. Форум c оплатой за сообщения
  3. Технический раздел
  4. Web программирование

Файл css и настройка оного

10 Августа 2013 05:53

Коллеги!
Столкнулся с такой проблемой. Продвигаю блог на вордпресс в Руках и при анализе сайта мне выдает, что css не вынесен в отдельный файл, что мешает продвижению. Файл style.css присутствует, но как подключить его, не знаю. Пробовал так:
<link rel="stylesheet" type="text/css" media="all" href='http://домен.ru/wp-content/themes/style.css' /> в header.php пристроить, но результатов нет.

10 Августа 2013 14:07

<head>
<link rel="stylesheet" type="text/css" href="../style.css"/>
</head>

Достаточно так. Код должен быть в пределах тэга <head>

по нормальному:

1. Создайте собственно файл (по вашему пути)
2. Перенесите в него из кода ваших страниц нужные вам куски (соответственно убрав их из кода самих страниц).
2.1 Что конкретно переносить надо смотреть по "живому"
2.2 Если надо только наличие самого файла, то просто оставьте его пустым.

10 Августа 2013 14:34

Спасибо, буду пробовать!

10 Августа 2013 23:11

Ivan Sherd: результатом поделишься?

11 Августа 2013 12:22

Дима Фунт, результат пока нулевой. Так как в начинке вордпресс совсем не разбираюсь. В пункте 2 завяз, так как не знаю, где эти кода, собственно, взять (впрочем, вместе со страницами).

11 Августа 2013 13:36

А вообще для подключения CSS к HTML используют несколько методов:
1. Внутренние стили.
2. Глобальные стили.
3. Связанные стили.
4. Импорт CSS.

Чтобы вынести CSS-код в отдельный файл нужно использовать связанные стили.
Что надо сделать:
1. В HTML-файле прописать одинарный тег LINK между тегами <head></head>.
Вот конструкция: <link type="text/css" rel="stylesheet" href="style.css" media="all" />
2. Весь CSS-код следует написать в файле style.css.

Объясняю конструкцию: <link type="text/css" rel="stylesheet" href="style.css" media="all" />
1. type="text/css" - MIME-тип подключаемого файла.Так как у нас это стили CSS, значит тип "text/сss".
2. rel="stylesheet" - отвечает за установку взаимосвязи.
3. href="style.css" - это относительный или абсолютный адрес к CSS-файлу.
4. media="all" - указывает для каких устройств предназначен данный CSS-файл. В нашем случае для всех - all.

Вот так, ничего сложного :)

11 Августа 2013 13:38

Ты писал, что в файле header.php прописал "<link rel="stylesheet" type="text/css" media="all" href='домен.ru/wp-content/themes/style.css' />".
Но этого недостаточно.
Нужно еще вынести весь CSS-код в отдельный файл - style.css

11 Августа 2013 15:03

Lost DoK, да, в этом то у меня проблема и вышла. Не знаю, где их брать.

11 Августа 2013 15:06

Ivan Sherd писал(а):
Lost DoK, да, в этом то у меня проблема и вышла. Не знаю, где их брать.


Кого именно? CSS-код?
Нужно со всех файлов шаблона убрать.

11 Августа 2013 17:40

Ivan Sherd

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

> Пробовал так:
<link rel="stylesheet" type="text/css" media="all" href='домен.ru/wp-content/themes/style.css' /> в header.php

Этим вы не выносите CSS в отдельный файл,а пытаетесь затолкнуть его в файл header.php .
Он там уже подключен,откройте и найдите строчку
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

Если убрать со всех файлов подключение CSS,то на сайте просто не будет CSS

12 Августа 2013 07:47

Хоспядя, тут проблема явно глубже.
Итак как работает вордпресс (и почти все кмс)?
Есть набор php файлов. PHP это такой язык, который выполняется на сервере и выдает некий результат, который потом и показывает браузер. Заметьте - только на сервере. В коде страници браузера вы его не увидите - только итоговый результат работы.
Этот самый набор файлов и формирует в итоге то, что вы видите на экране. Вполне логично для сайтов, что на их страницах (страницы и сайт это разные вещи) есть одинаковые области которые повторяются на каждой странице. Например в вашем случае header.php это верх сайта, а footer.php это низ сайта. Кроме них может быть еще много кусков php. Более того, в самих кусках могут быть еще куски. Например в куске формирующем верх страницы, могут быть куски отдельно формирующие ключевые слова или заголовок страницы или вывод рекламы.
Как верно указали выше, там есть и подключение CSS. <?php bloginfo('stylesheet_url'); ?> вот это и есть php код внутри php кода вашего header который в итоге формирует верх вашей страницы. В данном случае, этот код подставляет путь на файл стилей ххххх href="хххххх" которую берет из файла настроек стилей.
Вопрос в том что у вас это дело (в итоговом результате страницы) почему то не видит анализатор. Может подставляется кривой путь к файлу стилей (это врят ли, но может), может просто анализатор кривой. Вам же надо сделать так, чтоб файл виделся четко.
CSS файлов можно на страницу подключать сколько угодно хоть 2 хоть десять хоть 100. При этом совпадающие настройки переписываются последним загружаемым файлом. Через это вам надо просто подключить еще один файл не трогая все остальное, при этом сделав так, чтоб он не перекрыл настройки файлов для него (при условии что вы в нем что нить таки писать будете).

Для этого в header.php надо найти место между <head> (начало тега) и </head> (конец тега) и вставить код между ними.
Как вариант можно найти строку начинающуюся на <link rel=" и поместить нужный вам код до или после этой строки.
Сам код что надо добавить выглядит так <link rel="stylesheet" type="text/css" href="../style.css"/> где ../style.css это путь к вашему файлу CSS.

Сам файл может быть пустым (но он должен таки быть по данному пут и). Этого хватит для анализатора.
Если же вам этого мало, и вы хотите в этот файл таки засунуть что нить, то открываете в вордпресе редактирование css, копируете от туда весь код и вставляете в свой файлик. В этом случае код вызова css самого вордпреса
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
можно и убрать, ибо они тупо будут повторяются.

Еще вариант на что может ругаться анализатор, что вы в коде на своих страницах сделали кучу всяческих оформлений текста (буковки там подкрасили, или еще что нить по мелочи) причем делали это ручками конкретно правя html код страницы. Он же встретив это в анализе кода предлагает вам убрать это дело в css и использовать стили. В таком случае вам надо эти оформления добавить в свой новый файл (а лучше в файл самого вордпресса чтоб не плодить сущности) и уже в дальнейшем применять стили для этого дела.

19 Сентября 2013 06:15

ната ивашина, вы, как обычно, поделились бесценной информацией. Уже представляю, как служба поддержки рук копается в коде блога, пытаясь разобраться в причинах.
skib ivanov, спасибо за совет, сейчас попробую!

19 Сентября 2013 06:35

Нет, к сожалению, ничего не изменилось. У меня подозрение, что в этом виновата бесплатная тема блога.
И такой еще нюанс - страница header.php прописана в кодировке UTF8, но открывается почему то лишь в кириллице. Может, причина кроется в этом?
Последние сообщения:
Новости:
Популярные разделы:
Мы в социальных сетях!