28 марта 2010

Улучшаем внешний вид карты сайта

Инструменты Google

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

wordpress для чайников

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

Выделенный класс 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;    /* в качестве пули используем кружок */
}

Вот собственно и все. Сохраняем таблицу стилей и смотрим, что получилось:

wordpress для чайников
Так выглядит значительно симпатичнее.
———————
А вам известно, что существуют музыкальные интернет-проекты для настоящих меломанов? Если вы ценитель полных музыкальных MP3 коллекций, то можете с полной уверенностью скачать музыку бесплатно любого стиля и направления, горячие новинки и эксклюзивное ретро

Статьи по теме
Статья оказалась полезной? Подпишись на RSS рассылку или следуй за мной на твиттере @wpstarter или по этой ссылке wpstarter

Комментариев: 30

Вы можете следовать любому комментарию через RSS 2.0 feed.

Вы можете оставить комментарий или trackback с вашего сайта.

  1. […] Если Вас не устраивает внешний вид карты сайта (не появились отступы и т. п.), то Вы для изменения дизайна можете почитать myris.ru. […]

  2. Всё очень понятно, даже новичкам. Спс.

  3. Чур некропостером не обзывать ;)

    А такой вот вопросик: как можно ограничить количество отображаемых посов в карте, к примеру до 5?

    • Alex:

      Установите значение параметра отличным от 0
      Количество единиц контента на странице:
      в окне настроек плагина Dagon Design Sitemap Generator

      • стоит 200, так он мне все 200 и выдает. Ставлю 10, так он выдает первые 10 линков, а остальное прячет на другие страницы. А мне хотелось бы поставить по 5 линков в каждой рубрике.

        • Alex:

          этого Dagon Design Sitemap Generator не делает,
          хотя если покопаться в коде, думаю можно подкрутить
          или пробовать другие плагины, которые подобным образом работают

  4. Max:

    Это же карта а не меню, она и должна все показывать, все плагины так работают. Спасибо!

  5. А как можно убрать подпись, оповещаюшую о том, кем разработан этот плагин? Заранее спасибо!

  6. Ну вот этот самый. Вот надпись, которая красуется внизу страницы с картой блога: «Плагин написан dagondesign.com».

    • Alex:

      найдите в папке wp-content/plugins/sitemap-generator
      (сделайте архивную копию)
      файл sitemap-generator.php
      в нём строку

      Плагин написан
      <a title="Dagon Design" href="http://www.dagondesign.com" rel="nofollow">dagondesign.com</a>

      и удалите её

  7. Все глаза проглядела, так и не нашла этой строчки. Хотя в FireBug тоже увидела, что именно она нужна. Даже и не знаю, что делать(((. Одну строчку в конце с указанием этого сайта попробовала удалить, так у меня вообще все вкривь поехало. Может быть еще что подскажете? Буду очень Вам признательна. ))

  8. Татьяна:

    Здравствуйте!
    Сделала карту сайта, но внешний вид изменить никак не получается. Может я вставляю эти два новых правила не в то место куда нужно или не в тот файл.

  9. Адрес моего сайта — http://beauty-workshop.ru
    Заранее спасибо.

  10. Делаю всё, как вы показываете в уроке, но вставить в открывшийся код ничего не могу. Может быть не то делаю? Пожалуйста помогите.

  11. А урок по этой теме есть?

  12. Почему многие пишут об установке плагинов на вордпресс? Есть платное размещение?

  13. Вот и мне ничего не помогает. Изменения кода на эти значения ни к чему не привели. Значит дело в чём-то другом. Хм.

    И кстати, что за плагин супер капчи такой? Тоже хочу)

  14. […] Если Вас не устраивает  вид карты блога  то вам, я  рекомендую почитать myris.ru. […]

  15. Статья очень пригодилась, спасибо большое! Особенно комментарии о том, как удалить «плагин написан».

Оставьте комментарий

Обведите фигуру по линии:

Ставим WordPress на локальном копьютере