В Оружейной веб-мастера" читают о том, как создать сайт или блог на Wordpress, как раскрутить сайт или блог самостоятельно, а также о том, как заработать на своём сайте и получать пассивный доход в Интернет.

Геодезия и картография: карта сайта на WordPress

1282512_magnifying_glass_map

И снова привет, друзья! :)

Судя по вашим комментариям к последним постам, вам интересна тема создания карты сайта, поэтому сейчас я расскажу вам, как сделать в WordPress карту сайта с плагином WP DS Blog Map, благо никаких особых премудростей в этом деле нет. Речь пойдет не о той карте сайта, которая делается для поисковых роботов (см. статью “Robots.txt и sitemap в блоге на WordPress”), а о другой, сделанной для посетителей вашего блога, чтобы им было легче ориентироваться в его содержимом. 

Кроме удобства посетителей, плагин способствует внутренней перелинковке страниц, что безусловный плюс с точки зрения поисковых систем.

Всё, что нам понадобится, это плагин WP DS Blog Map и две-три минуты. Устанавливаем его обычным образом из репозитория WordPress и движемся в настройки плагина:

Окно параметров плагина WP DS Blog Map

Всё простенько и со вкусом

Плагин WP DS Blog Map может автоматически вывести на любой странице вашего блога:

  • список всех записей блога по категориям,
  • облако тэгов,
  • дерево страниц.

Настройки чрезвычайно просты и даны на русском, так что, думаю, не стоит их подробно рассматривать. В принципе, их вообще можно не трогать.

Чтобы сделать карту сайта на отдельной странице, необходимо эту страницу создать. Для этого в консоли блога используем меню: “Страницы” – “Добавить новую”.

Перед тем, как создавать страницу, убедитесь, что в настройках “Внешний вид” – “Меню” установлена галочка “Автоматически добавлять новые страницы верхнего уровня в меню”. Но если у вас в меню тесно от пунктов, и доступ к карте сайта вы захотите делать каким-то другим способом (например, ссылка в виджете), то снимите эту галочку.

Создали страницу? Отлично.

Чтобы на вновь созданной странице появилась карта сайта, просто добавьте туда кодовое слово [ postlist] (только без пробела после первой скобки). При выводе страницы читателю это слово будет заменено на список записей по категориям. В настройках плагина можно исключить из карты сайта категории, которые вы не хотите показывать.

Если хотите получить дерево страниц и облако тэгов, используйте слова: [ pagesoftree] и [ tagcloud]. Если вам почему-то не нравятся именно эти кодовые слова, вы можете назначить свои собственные в настройках плагина.

Слово “Show all” тоже должно что-то показывать по замыслу создателей плагина, но у меня оно почему-то не показывает ничего.

Элементы оформления и любой другой текст добавьте по вкусу. Вот как моя карта сайта выглядит в режиме редактирования страницы:

Вот так делается карта сайта

Карта сайта "Оружейной": вид из-за кулис

Публикуем страницу и наслаждаемся своей новой картой сайта. :)

Вот, кажется, и всё. Успехов! Вопросы – в комменты. :)

P.S.

Во втором выпуске “Хороших новостей” я довольно-таки объемисто поболтал об улучшениях в “Оружейной”, в том числе об улучшении внешнего вида RSS-канала с помощью плагина Better Feed.

Однако, получив сегодня извещение об обновлениях в своем блоге, я обнаружил кучу огрехов во внешнем виде новостей и сразу кое-что подправил.

Интересно, как будет выглядеть эта статья в новостной рассылке по email. :) Скорее всего, это будет ясно только завтра.

P.P.S.

Кстати, все согласны, что у легендарного Стивена Джобса есть чему поучиться? Тогда читайте 10 лучших цитат от Стива Джобса на блоге “Душа СЕО”. :)

С уважением, Оружейник

Ваша оценка статьи:

Ух ты! А тут еще есть:

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

  1. Алексей, спасибо! Карту сайта только что сделал.
    Ура!!! Пришлось путь через виждеты указывать, конечно, иначе не получилось.

    • Посмотрел, хорошо получилось. :)
      Если можно, Анатолий, небольшой совет: может быть текст “здесь карта моего сайта” сделать покрупнее, чтобы посетителю сразу бросалось в глаза?

      • Спасибо, Алексей, сделал крупнее. И перенес выше. Посмотрите еще раз – нормально? Наверное перебор… я заключил в . Может как-то по-другому?

        • Так уже лучше видно, можно так оставить.

          Но я бы сделал примерно так:

          < div style="font-size: 24px; color: blue; font-weight: 700; border: 3px blue solid; padding: 10px; background: white; margin: auto auto;">
          Все статьи блога< br> смотрите < b>< u>здесь< /u>< /b>!
          < /div>

          Вставьте это в виджет, только уберите все пробелы после открывающих скобок <

          А что в этом фрагменте за что отвечает можно посмотреть тут: http://htmlbook.ru/css
          Там сбоку список всех свойств CSS, выбираете свойства из этого фрагмента и читаете, какие значения ему можно задать.

          Если есть время, попробуйте. Настроите цвета и всё прочее, как вам нравится.

  2. Спасибо, отличная статья!

  3. Очень понравились обе карты, сделала у себя. То есть делала, но не все получилось: 1)тот абзац из названий рубрик, что в самом начале,- не работает переход с названия на сами рубрики (нажимаешь – и ничего не происходит). И там шрифт почему-то мельче, чем везде дальше, 2)сам список “приклеен” к самому левому краю, нет никакого отступа, 3)некоторые из названий рубрик (их сразу видно: они без даты и левее всего остального) – переходят на ошибку “Not Found. The requested URL /” id=/”cat_20/”>кубок (5) <a href=/" was not found on this server."
    Ну и еще это всё ярко-красного цвета, а хотелось бы чего-то спокойнее.
    Алексей, помогите, пожалуйста, разобраться! – что ж это у меня "всё не как у людей"? :-( . Я эту страницу опубликовала: "Карта Сайта (новая версия)" (там еще есть моя прежняя "Карта сайта" – ручной работы). Посмотрите?
    Просто у меня кроме этого еще до сих пор не получается с комментариями разобраться, аудио не работает, ну и пр… Просто уже завязла в этом. Хоть что-то "довести до ума" хочется.

    • Да, Тань, где-то у вас на блоге зарыта собака… К сожалению, глядя снаружи, трудно сказать, где именно. Но попробовать можно:

      1) ссылки на категории у вас имеют очень странный вид. В них чего только нет, и тэг span, и свойста CSS… Видимо, потому и не открываются. Попробуйте включить на блоге ЧПУ: http://seo-armory.ru/kak-sdelat-ssyilki-chpu-ili-daesh-url-dlya-lyudey

      2) насчет красного текста и отступов. Откройте консоль, “Внешний вид”, “Редактор”, справа выберите “список стилей CSS”. Текст скопируйте в файл word и пришлите мне на willkommen2012@gmail.com. Я посмотрю, попробую подсказать, как его изменить.

  4. Еще не всё: в списке нет названий рубрик, идут просто все статьи подряд. Где-то я накосячила, только где?..
    Радует только то, что внизу облако тегов и страницы нормально получились. :-)

  5. Алексей. У меня карта сайта получилась, спасибо за науку. Если есть время глянь, что- нибудь умное подскажи, пожалуйста. Еще хотел спросить, как сделать в записи значок количества комментов ссылкой. Чтобы нажав на значок сразу попасть в комменты. Я лазил, пробовал в HTML- коде мудрить, не выходит, может тема такая?