Настройка плагина «хлебные крошки»

хлебные крошки
Визуальное оформление отображения плагина «хлебные крошки» не так-то просто и было настроить. Я, например, не очень разбираюсь в кодах html и стилях css, поэтому зачастую приходится перелапатить кучу инфы прежде чем добиться нужного эффекта отображения каких-либо деталей на сайте.

При простом размещении кода плагина «хлебные крошки» на страницах блога, как уже говорилось ранее, карта путей по сайту с помощью этого плагина может испортить дизайн сайта, чтобы поправить его отображение, необходимо открыть таблицу каскадных стилей, которая находится в папке дизайна того шаблона, который вы используете.

Для этого по ftp необходимо закачать файл style.css сначала к себе на компьютер, а затем открыть его с помощью блокнота Notepad2, настоятельно не рекомендую пользоваться стандартным блокнотом операционной системы windows, поскольку все файлы в wordpress размещаются в формате utf-8, и данный формат поддерживает как раз именно Notepad2. Итак открываете файл style.css блокнотом , и далее необходимо дописать некоторый код. Код этот я дописал в самом конце файла style.css ,- вот так он выглядит:

.breadcrumb { font:bolder 90%/170% Arial, Helvetica, sans-serif; background-color: white; padding-left: 30px;
}
.breadcrumb a:hover { text-decoration: none; color: #red;
}

Теперь о том, что примерно, означают те или иные команды: font:bolder 90% – означает немного уменьшенное отображение размера исходного шрифта – в данном случае 90%; background-color: white; – означает что текст плагина отображается на белом фоне; padding-left: 30px; – означает отступ от левого края для отображения плагина:

.breadcrumb a:hover { text-decoration: none; color: #red;
}

Означает что, ссылка в плагине, при наведении на нее курсора мышки, меняет цвет на красный
Удачной установки и настройки визуального отображения плагина «Хлебные крошки».

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

восемь + два =