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

Всем привет, рад новой встрече на страницах моего блога!

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

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

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

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

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

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

Ищешь заработок в Интернете? Записывайся на бесплатный онлайн курс «СПЕЦИАЛИСТ ПО ИНТЕРНЕТ-РЕКЛАМЕ» и получи удаленную профессию рекламщика в Яндекс Директ за 10 дней!

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

Создание карты сайта 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
<div id="content"></div>

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="sitemap">
<h2>Все статьи блога:</h2>
<ul>
<?php
$cats = get_categories('exclude='); //***Сюда вставьте через запятую ID категорий, которые желаете исключить.
foreach ($cats as $cat) {
echo '<div class="category">'."\n".'<h3>Рубрика: '.$cat->cat_name.'</h3>'."\n";
echo '<ul class="cat-posts">'."\n";
query_posts('posts_per_page=-1&cat='.$cat->cat_ID); //-1 показывать все статьи категории. 1 показывать последние статьи.
while(have_posts()): the_post();
$category = get_the_category();
if ($category[0]->cat_ID == $cat->cat_ID) {?>
<li><?php the_time('M d, Y')?> &raquo; <a href="<?php the_permalink() ?>" title = "<?php the_title(); ?>">
<?php the_title(); ?></a> (<?php comments_number('0', '1', '%'); ?>)</li>
<?php }
endwhile;
?>
</ul>
</div>
<?php } ?>
<?php
wp_reset_query();
?>
</div>

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

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

1
2
3
4
5
<?php
/*
Template Name: Sitemap
*/
?>

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

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
27
28
29
30
31
32
33
34
<?php
/*
Template Name: Sitemap
*/
?>
<div id="content">
<div class="sitemap">
<h2>Все статьи блога:</h2>
<ul>
<?php
$cats = get_categories('exclude='); //***Сюда вставьте через запятую ID категорий, которые желаете исключить.
foreach ($cats as $cat) {
echo '<div class="category">'."\n".'<h3>Рубрика: '.$cat->cat_name.'</h3>'."\n";
echo '<ul class="cat-posts">'."\n";
query_posts('posts_per_page=-1&cat='.$cat->cat_ID); //-1 показывать все статьи категории. 1 показывать последние статьи.
while(have_posts()): the_post();
$category = get_the_category();
if ($category[0]->cat_ID == $cat->cat_ID) {?>
<li><?php the_time('M d, Y')?> &raquo; <a href="<?php the_permalink() ?>" title = "<?php the_title(); ?>">
<?php the_title(); ?></a> (<?php comments_number('0', '1', '%'); ?>)</li>
<?php }
endwhile;
?>
</ul>
</div>
<?php } ?>
<?php
wp_reset_query();
?>
</div>
<div class="cleared">
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

После этого в окне Атрибуты страницы находим пункт Шаблон и выбираем 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 без плагина на этом завершено!

Таким образом, сегодня мы разобрались в том, как двумя способами сделать для своего сайта/блога карту сайта. На этом я заканчиваю данную статью, не забывайте подписываться на обновления моего блога, чтобы не пропустить появление в нем новых статей!

До скорых встреч. С уважением, Владимир Денисов!

Также стоит прочитать:

Красивая форма подписки feedburner для WordPress... Всем привет! Сегодня поменял внешний вид формы подписки на обновления моего...блога, реализованной через такой сервис Google, как feedburner. Именно по этой...причине в данной статье я расскажу о создании красивой формы подписки feedburner...для WordPress.
Картинки в комментариях. Плагин Comment Images... Здравствуйте, читатели моего блога! Речь в данной статье пойдет о плагине для...WordPress, который позволяет вставлять изображения в комментарии. Разумеется,...это не единственный способ выполнения данной операции, ведь уже размещенное в...интернете изображение можно вставить в комментарий с использованием ссылки не...него. Однако, для этого изображение должно быть размещено в интернете, а...какое-либо стороннее изображение, к примеру, с жесткого диска вашего компьютера,...добавить не удастся. В этом случае на помощь приходит плагин.
Галерея изображений стандартными средствами WordPr... Всем привет! В сегодняшней статье я хочу затронуть вопрос создания простой...галереи изображений для WordPress стандартными средствами данной CMS.
Простой способ изменить фон для WordPress сайта!... Всем привет! Сегодняшняя статья будет наиболее интересна новичкам, которые...хотят изменить или установить фон для своего сайта/блога на WordPress, ведь в...ней я расскажу об одном быстром и простом способе сделать фон для своего...интернет-ресурса.
Всплывающие картинки в WordPress без плагина... Всем привет! Про то, как сделать всплывающие картинки в WordPress я уже писал в...одной из своих статей, но там речь шла о...применении специального плагина. Логично будет рассмотреть способ получения...аналогичного результата без установки дополнительных плагинов. Именно об этом мы...и поговорим в рамках сегодняшней статьи.

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

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

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

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

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

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

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

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