Улучшаем внешний вид карты сайта
Вот пришло время мне на блоге сделать карту, поскольку статей накопилось уже достаточно и я сам начал понимать, что карта становится необходимой для навигации по сайту. Плагин я взял Dagon Design Sitemap Generator.
Некоторые вопросы об установке плагинов вы можете найти в посте WordPress для чайников: Установка плагинов. О том как устанавливать плагин от Dagon вы можете найти на блоге новичка
Я же коснусь вопроса улучшения внешнего вывода карты. Чтобы вы поняли о чем речь здесь первый рисунок. Это внешний вид карты без улучшений, т.е. сразу после установки плагина:

Что здесь мы видим. Категории выделены, ссылки на статьи подчеркнуты, заголовки крупным шрифтом выделены. Чего же не хватает? По мне, так не хватает отступов и пулек у ссылок на посты. Вот сейчас мы и сделаем необходимые нам улучшения.
И вносить изменения нужно будет в таблицу стилей шаблона style.css.
О том как найти место, где расположена таблица стилей читайте в статье Работа с цветовой палитрой в WordPress.
Сейчас я предполагаю, что вы уже знаете, как найти файл style.css.
Но сначала в браузере открываем страницу карты блога и жмем CTRL+U для получения исходного кода. И находим место, откуда начинается, собственно сама карта:

Выделенный класс ddsg-wrapper это то, что нам нужно, с его помощью мы переопределим внешний вид карты блога. Далее по тексту мы видим, что список выводится с помощью вложенных тегов <ul> и <li>
Значить в таблицу стилей мы должны добавить 2 новых правила.
Первое:
.ddsg-wrapper li {
margin-left: 40px; /* поле слева 40 пикселей для тега <li> первого уровня */
}
И второе:
.ddsg-wrapper li li {
margin-left: 40px; /*поле слева 40 пикселей для тега <li> второго уровня */
list-style: disc; /* в качестве пули используем кружок */
}
Вот собственно и все. Сохраняем таблицу стилей и смотрим, что получилось:

Так выглядит значительно симпатичнее.
———————
А вам известно, что существуют музыкальные интернет-проекты для настоящих меломанов? Если вы ценитель полных музыкальных MP3 коллекций, то можете с полной уверенностью скачать музыку бесплатно любого стиля и направления, горячие новинки и эксклюзивное ретро
Комментариев: 28
Вы можете следовать любому комментарию через RSS 2.0 feed.
Вы можете оставить комментарий или trackback с вашего сайта.


[...] Если Вас не устраивает внешний вид карты сайта (не появились отступы и т. п.), то Вы для изменения дизайна можете почитать wp-starter.ru. [...]
Всё очень понятно, даже новичкам. Спс.
Чур некропостером не обзывать
А такой вот вопросик: как можно ограничить количество отображаемых посов в карте, к примеру до 5?
Установите значение параметра отличным от 0
Количество единиц контента на странице:
в окне настроек плагина Dagon Design Sitemap Generator
стоит 200, так он мне все 200 и выдает. Ставлю 10, так он выдает первые 10 линков, а остальное прячет на другие страницы. А мне хотелось бы поставить по 5 линков в каждой рубрике.
этого Dagon Design Sitemap Generator не делает,
хотя если покопаться в коде, думаю можно подкрутить
или пробовать другие плагины, которые подобным образом работают
Это же карта а не меню, она и должна все показывать, все плагины так работают. Спасибо!
А как можно убрать подпись, оповещаюшую о том, кем разработан этот плагин? Заранее спасибо!
какой плагин?
Ну вот этот самый. Вот надпись, которая красуется внизу страницы с картой блога: «Плагин написан dagondesign.com».
найдите в папке wp-content/plugins/sitemap-generator
(сделайте архивную копию)
файл sitemap-generator.php
в нём строку
и удалите её
Все глаза проглядела, так и не нашла этой строчки. Хотя в FireBug тоже увидела, что именно она нужна. Даже и не знаю, что делать(((. Одну строчку в конце с указанием этого сайта попробовала удалить, так у меня вообще все вкривь поехало. Может быть еще что подскажете? Буду очень Вам признательна. ))
http://wp-starter.ru/kontakty
пишите в мыло, выйду в чат gmail.com
Здравствуйте!
Сделала карту сайта, но внешний вид изменить никак не получается. Может я вставляю эти два новых правила не в то место куда нужно или не в тот файл.
дайте адрес сайта
Мой сайт — http://beauty-workshop.ru
Очень надеюсь на Вашу помощь.
напишите мне на мыло
http://wp-starter.ru/kontakty
Адрес моего сайта — http://beauty-workshop.ru
Заранее спасибо.
Делаю всё, как вы показываете в уроке, но вставить в открывшийся код ничего не могу. Может быть не то делаю? Пожалуйста помогите.
Редактировать файлы нужно через ftp
редактор notepad++ такую возможность даёт
А урок по этой теме есть?
http://wp-starter.ru/tekstovyj-redaktor-notepad-neskolko-sovetov.html
Почему многие пишут об установке плагинов на вордпресс? Есть платное размещение?
сначала прочтите здесь и,пожалуйста, повнимательнее
http://wp-starter.ru/kak-bystro-sozdat-blog-wordpress.html
Вот и мне ничего не помогает. Изменения кода на эти значения ни к чему не привели. Значит дело в чём-то другом. Хм.
И кстати, что за плагин супер капчи такой? Тоже хочу)
плагин самодельный
Лучший плагин для карты сайта — Smart Archives Reloaded. Смотрим — http://www.master-sv.com/site-map
Лучший плагин для карты, а почему сайт не работает?