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

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

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

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

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

1 Карта сайта WordPress для посетителей с плагином 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 плагином и без»

Купить playstation 5 в самаре игровая приставка sony playstation 5 купить в самаре. https://only-paper.ru как сделать из бумаги открытки как сделать открытку из бумаги.

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

Создание Video Background HTML 5

В данной статье идет речь о создании video background — фоновой видео заставки HTML 5 веб страницы

Оформление текста в HTML — Выноски Callout

Публикую несколько примеров оформления текста в HTML. Выноски Callout нужны для заострения внимания читателя…

Слайдер Bootstrap Ken Burns Effect Carousel

Собрал слайдер Bootstrap Ken Burns Effect Carousel и теперь делюсь с читателями своего сайта….