Как сделать карту сайта WordPress c плагином и без


Карта сайта это неотъемлемая часть любого блога, она помогает посетителю ориентироваться на сайте и сильно повышает юзабилити ресурса. В этой статье я расскажу и покажу как сделать карту сайта WordPress для посетителей с использованием плагина Dagon Design Sitemap Generator, и для тех, кто не хочет подключать лишний плагин отдам файлы, нужные для создания карты сайта WordPress без плагина.

Карта сайта

— это страница со всеми публикациями, рубриками, архивами сайта. Это — содержание блога.

1 Карта сайта WordPress с плагином Dagon Design Sitemap Generator.

2 Как сделать карту сайта WordPress без плагина.

Для начала проверьте, шаблон страницы «Карта сайта» уже может присутствовать в вашей теме.

Проверить это можно просто. Нужно Зайти во вкладку «создать страницу» и находясь в редакторе увидите справа «Атрибуты страницы» «Шаблон». Если есть что-то похожее, то вам останется только просто присвоить ей название и опубликовать.

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

Dagon Design Sitemap Generator — неактуально !

На данный момент плагин неактуален. Ссылка на его аналог ниже.

Позволю себе небольшое отступление. Установил на днях новый шаблон и нужно поправлять статьи, и на сей момент актуальным плагином «Карта сайта на WordPress» является плагин WP Sitemap Page Скачать его можно перейдя по ссылке. Настройки аналогичные.

Теперь активируйте плагин и переходите к настройкам.

Настроек на самом деле минимум и самые нужные настройки приведены на скриншоте.
Для начала создайте страницу и назовите ее, к примеру «Все статьи блога» . Это и будет ваша карта сайта WordPress. На эту страницу, в начало, добавьте небольшой код:

[wp_sitemap_page]

и опубликуйте. Теперь скопируйте ссылку на созданную страницу. Это можно сделать находясь прямо в редакторе или из браузера.

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

Укажите полный путь к карте сайта XML, как правило это адрес главной страницы, плюс sitemap.xml
Сохраните настройки и все, карта сайта WordPress готова.

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

Создайте файл, к примеру sitemap.php, скопируйте нижеприведенный код и вставьте его в созданную страницу:

<?php
/*
* Template Name: Карта Сайта
*
*/
get_header(); ?>
<div id="primary" class="site-content">
<div id="content" role="main">
<div class="admired-sitemap-heading">
<h3>Рубрики :</h3>
</div>
<div class="admired-sitemap-body">
<ul><?php wp_list_categories('hide_empty=1&title_li=&orderby=count&order=desc&use_desc_for_title=0'); ?><ul>
</div>
<div class="admired-sitemap-heading">
<h2>Публикации по рубрикам :</h2>
</div>
<div class="admired-sitemap-body"> <?php
$cats = get_categories();
foreach ( $cats as $cat ) {
query_posts( 'posts_per_page=-1&cat=' . $cat->cat_ID );
?>
<h3><?php echo $cat->cat_name; ?></h3>
<ul>
<?php while ( have_posts() ) { the_post(); ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php } wp_reset_query(); ?>
</ul>
<?php } ?>
</div>
<div class="admired-sitemap-heading">
<h3>Страницы :</h3>
</div>
<div class="admired-sitemap-body">
<ul><?php wp_list_pages("title_li=" ); ?></ul>
</div>
<div class="admired-sitemap-heading">
<h3>Архив :</h3>
</div>
<div class="admired-sitemap-body">
<ul>
<?php wp_get_archives('type=monthly&show_post_count=true'); ?>
</ul>
</div>
</div><!-- #content -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Далее положите эту страницу в папку с активной темой, туда, где находятся файлы темы.
Обратите внимание. В директории темы может быть уже создана папка с шаблонами страниц pagetemplates или что-то в этом роде. Тогда файл созданной странички положите туда.

Далее зайдите в редактор, также как в случае с картой сайта WordPress с плагином, выберите нужный шаблон, в данном случае это будет «Карта сайта», присвойте ей название и опубликуйте.

Примените к странице свои стили. Как пример, можете вставить в style.css мои стили, которые с легкостью можно подправить под себя.

/*----SITEMAP PAGE----------------------*/
.admired-sitemap-heading {
color: #3d8f6f;
background: #fffac3;
padding:10px 30px;
font-size: 1.3rem;
font-size: 18px;
margin-bottom: 10px;
}
.admired-sitemap-body {
margin-bottom: 30px;
padding: 0 40px;
}
.admired-sitemap-body a {
color: #11598f;
line-height: 25px;
padding: 0 30px;
}
.admired-sitemap-body h3 {
padding-top: 10px;
}
.admired-sitemap-body a:hover {
color: #d00236;
}

Зацените статью «Как сделать карту сайта WordPress c плагином и без»


Похожие по Тегам статьи


11 thoughts on “Как сделать карту сайта WordPress c плагином и без

  1. Денис

    Раньше у меня был установлен плагин Dagon Design Sitemap Generator, но потом решил отказаться от него, т.к. давно не обновлялся… Версия без плагина больше нравится, можно настроить страницу на свой вкус, применить разные стили в CSS.

    1. Егор Автор записи

      Согласен. И запросов к базе меньше. В новых шаблонах, в половине из них, уже есть такая страница.

  2. Юлия Незабудочка

    Давно собираюсь карту сайта сделать без плагина. Мне не нравится внешний вид стандартной карты, но пока все руки не доходят. Да и найти подходящий вариант не могла.
    Так, что большое спасибо за код! =)

  3. Егор Автор записи

    Не за что, но у меня ведь то-же стилей минимум в этой странице. Я специально не стал их писать, потому-что нужно к разным сайтам разные стили применять.

  4. Юлия Незабудочка

    У меня есть сайт, где очень много рубрик. Я нашла интересный скрипт в виде книжной полки на чистом HTML, скрипт отлично работает, если вставить в виджет. Но как поставить его в отдельную страницу у меня ума не хватает. Не подскажешь? Наверное сами стили нудео отдельным файлом прописывать?

  5. Егор Автор записи

    Здравствуй, интересно даже стало. А можешь ссылку на него дать. Так сразу и не скажу. Нужно посмотреть. А вообще для чего он тебе? Я понял так, что-то типа стилизованной карты сайта что-то сделать? Скинь мне в личку ссылку, где его взять. Попробую переделать на страницу. Смотря что-за цель у тебя.

  6. Юлия Незабудочка

    Скрипт скинула в форму контактов.
    Да-да, стилизованную карту. У меня сайт Деревенский портал. Там очень много рубрик с подрубриками и карта получается длинная, а так получается типа стильных табов

  7. Зоя

    Я до сих пор по привычке ручками прописываю в карте сайта каждую статью. Не утомляет.

    1. Егор Автор записи

      А зачем, если есть функции для этого. Ну а руками, конечно можно красивее все вывести.

  8. Master-It

    Карта сайта на WordPress без плагина — очень хорошая идея. Нужно и себе такую сделать в блоге, а плагин Dagon Design Sitemap Generator можно исключить из рабочего строя. Все WordPress по шустрее работать будет.

    1. Егор Автор записи

      В WordPress ведь уже все есть для создания карты сайта для посетителей. Не нужно никаких дополнительных расширений.