Как создать для сайта на Вордпресс карту сайта

В данной статье речь пойдет о создании карты сайта WordPress, которая поможет облегчить навигацию по вашему сайту.

Согласитесь, намного удобней и приятней находить полезный для себя контент на сайте, если в этом вам помогает своеобразный проводник — карта сайта.

Именно благодаря ей вы видите перечень всех страниц, рубрик и статей информационного ресурса на одной странице и оцениваете его содержание.

В данной статье мы рассмотрим два способа создания карты сайта WordPress, а именно с использованием плагина и без использования плагина (с использованием кода html).

Начнем со способа создания карты сайта WordPress с использование плагина.

Плагин карты сайта для WordPress

Для реализации поставленной задачи будем использовать плагин WordPress под названием Dagon Design Sitemap Generator, скачать который можно с сайта разработчика.

Скачиваем его, устанавливаем:

Создание карты сайта WordPress

Создание карты сайта WordPress

Создание карты сайта WordPress

Активируем:

Создание карты сайта WordPress

Переходим к настройкам плагина, для чего в админ-панели находим в разделе Параметры пункт DDSitemapGen:

Создание карты сайта WordPress

Разберем настройки плагина по пунктам. Я рассмотрю наиболее приемлемый, по моему мнению, вариант, когда карта сайта будет содержать перечень статей, разбитый по рубрикам, без указания количества комментариев и даты публикации, в конце будет указан перечень страниц ресурса и ссылка на файл sitemap.xml.

Основные настройки:

Создание карты сайта WordPress

По пунктам:

  • Язык: Русский (тут все понятно);
  • Количество единиц контента на странице: 0 (указывается для снятия ограничения);
  • Постоянная ссылка на карту сайта: https://expromtom.ru/karta-sajta (так как у меня ЧПУ).

Переходим в раздел настроек Генерация Карты Сайта:

Создание карты сайта WordPress

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

  • Что показывать: Страницы и публикации;
  • Что показывать вперед, если выбрано «Страницы и публикации»: сначала будем показывать публикации, затем страницы;
  • Сортировка публикаций: По дате публикации (новые показывать раньше);
  • Сортировка страниц: Согласно меню (по возрастающей);
  • Показывать количество комментариев рядом с публикацией: нет;
  • Показывать количество комментариев рядом со страницей: нет;
  • Показывать, если комментариев 0: нет;
  • Показывать даты создания публикаций: нет;
  • Показывать даты создания страниц: нет;
  • Формат даты (если она включена): d m o (предлагаю такой формат);

Идем далее в раздел настроек Исключения:

Создание карты сайта WordPress

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

Я хочу отображать в карте сайта все категории и страницы моего сайта, поэтому оставляю соответствующие поля пустыми. Также здесь предусмотрены еще две функции:

  • Прятать публикации с датой в будущем: да (так как в WordPress есть функция отложенной публикации, то лучше убрать из карты сайта публикации «из будущего»);
  • Прятать публикации защищенные паролем: нет.

На очереди раздел Навигация:

Создание карты сайта WordPress

Предлагаю здесь оставить все как есть.

Раздел настроек Разное:

Создание карты сайта WordPress

В данном разделе в первую очередь нужно прописать путь к файлу sitemap.xml, остальное можно оставить по умолчанию.

Настройки плагина произведены, нажимаем Записать настройки:

Создание карты сайта WordPress

Теперь необходимо просто создать новую страницу (выбрать в админ-панели СтраницыДобавить новую), назвать ее, к примеру, Карта сайта или Все статьи сайта, после чего с помощью текстового редактора (именно текстового, а не визуального!) разместить в ней следующий код:

1
<!-- ddsitemapgen -->

Создание карты сайта WordPress

На этом создание карты сайта WordPress с помощью плагина Dagon Design Sitemap Generator завершено! В итоге получили такой результат (представлен фрагмент карты сайта):

Создание карты сайта WordPress

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

Карта сайта WordPress без плагина

Для реализации карты сайта данным способом необходимо сделать копию файла обыкновенной статической страницы page.php, расположенного в каталоге с вашей темой WordPress, и, присвоив копии имя map.php, разместить его в том же каталоге. Сделать это можно с помощью FTP-клиента (о том, как настроить FTP-клиент для доступа к файлам на хостинге, читайте здесь).

После этого необходимо произвести в полученном файле кое-какие изменения, а именно добавить с помощью текстового редактора (рекомендую использовать notepad++) внутрь конструкции, отвечающей за вывод контента:

1
 

следующий код:

 

Все статьи сайта:

 

    • » ()

 

 

 

Здесь в строке 5 после символов // можно ввести ID категорий, которые не хотите отображать в карте сайта. В строке 9 можно выбрать функцию отображения всех статей или только последних, для чего достаточно поставить значение -1 или 1 соответственно.

После этого нужно добавить в самое начало файла map.php следующий код:

1
<!--?php /* Template Name: Sitemap */ ?-->

Поскольку для разных шаблонов WordPress содержимое файла page.php может заметно варьироваться, то я приведу пример получившегося файла map.php для своей темы:

 

 

Все статьи сайта:

 

    • » ()

 

 

 

 

 

После этого в окне Атрибуты страницы находим пункт Шаблон и выбираем Sitemap.

Создание карты сайта WordPress

Осталось лишь произвести определенные настройки с помощью CSS, для каждой темы они могут отличаться, я приведу в пример свои:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
.sitemap h2{
font-size: 22px;
color: #2A889B;
padding-top: 10px;
margin-left: 30px;
}
.category h3 {
color: #2A889B;
font-size: 22px;
}
.category {
padding-bottom: 5px;
margin-left: 30px;
color: #2A889B;
font-size: 14px;
}
 
.cat-posts {
padding-bottom: 10px;
padding-top: 10px;
}
 
.sitemap-pages li, {
padding-bottom: 5px;
font-size: 20px;
}

Копируем данный код в конец файла style.css из каталога с вашей темой WordPress. Подгонкой настроек доводим до ума внешний вид. В итоге должно получится примерно следующее (на картинке лишь фрагмент карты сайта):

Создание карты сайта WordPress

Создание карты сайта WordPress без плагина на этом завершено!

Таким образом, сегодня мы разобрались в том, как двумя способами сделать для своего сайта карту сайта — с использованием плагина и без его использования.

Комментарии 4

  • Спасибо Вам! Сутки прожила на Вашем блоге, правда, и еще консультацию получила тет-а-тет, но настраивала по Вашей инструкции. Порядок наведен! Можно дальше страницы добавлять. 🙂

    • Пожалуйста, Надежда! Буду рад Вас видеть у себя в блоге и в дальнейшем 🙂 !

      • С удовольствием воспользуюсь приглашением, Владимир! Когда в одном лице и вебмастер, и оптимизатор, и копирайтер, и SMM-щик (в общем, некто в ступе), без помощи продвинутых специалистов невозможно. Эту карту нужно было еще год назад установить, когда и страниц было мало, и категорий товаров. Когда меню стало слетать от добавления новой страницы, совсем отчаялась. А вчера что-то в голову просто стукнуло: карту же надо! 🙂

        • Вот видете Надежда, как Вам повезло что Вы попали на блог Владимира, ведь не все хотят оказать помощь. Владимир в этом плане молодец, всегда придет на помощь

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Adblock
detector