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

Блоговедение1 Просмотров: 708

Доброго времени суток, уважаемый читатель!

Как сделать карту сайта для WordPress без сторонних плагинов? Организовать вывод списка всех страниц для поисковиков. Читайте до конца чтобы понять как сделать карту сайта.

И именно без плагинов! Я уже писал почему стараюсь использовать как можно меньше плагинов в статье о том, как ускорить загрузку сайта , поэтому повторяться не буду.

Содержание:

Делаем шаблон для вывода карты сайта
Скрипт для эффекта раскрывающегося списка
Функция вывода карты сайта wordpress
Делаем красивое оформление

В прошлый раз я рассказывал о том, что такое карта сайта и зачем она нужна. Если вы еще не знаете ответ на этот вопрос, то обязательно прочитайте прошлую статью.

Я реализовал карту сайта на этом блоге именно таким образом. Можете посмотреть здесь

Делаем шаблон страницы для вывода карты сайта

Для того чтобы сделать карту найдите в папке со своей темой

или в панели управления в разделе Внешний вид->Редактор файл page.php

Полностью скопируйте ее содержимое и вставьте код в новый файл с именем sitemap.php

После этого в самом начале этого нового файла sitemap.php Вставьте

<?php
/*
Template Name: sitemap
*/
?>

Скрипт для эффекта раскрывающегося списка

Следующим шагом, будет добавление javascript для того, чтобы раскрывать список нужного раздела в один клик. Можно и без него, но так будет красивее

Добавьте этот код в самом конце файла

<script type="text/javascript">
$(document).ready(function () {
    $('#toggle-view li').click(function () {
        var text = $(this).children('div.panel');
        if (text.is(':hidden')) {
            text.slideDown('200');
            $(this).children('span').html('-');
        } else {
            text.slideUp('200');
            $(this).children('span').html('+');
        }
    });
});
</script>

Функция вывода карты сайты WordPress

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

это место где написано:

<?php the_content(); ?>

Вот ниже этого вставьте следующий код:

[sociallocker id=456]
<ul id="toggle-view">
<li>
<h2>Posts</h2>
<span>+</span>
<div class="panel">
<ul>
<?php
$myposts = get_posts('numberposts=-1&offset='.$debut);
foreach($myposts as $post) :
?>
<li class="sitemap"><?php the_time('d/m/y') ?>: <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</div>
<?php //endwhile; ?>
</li>
<li>
<h2>Pages</h2>
<span>+</span>
<div class="panel">
<ul>
<?php
$myposts = get_posts('numberposts=-1&post_type=page&offset='.$debut);
foreach($myposts as $post) :
?>
<li class="sitemap"><?php the_time('d/m/y') ?>: <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</div>
</li>
</ul>

[/sociallocker]

Делаем красивое оформление карты сайта

Последние штрихи. Давайте обозначим красивые стили в файле style.css вставьте код, находящийся ниже

#toggle-view {
    list-style:none;
    font-family:arial;
    margin:0;
    padding:0;
}
#toggle-view h2{
    border-bottom:0px;
    margin-top:15px;
    margin-top:30px;
}
#toggle-view h2:hover {
    color:#ff0000
}
#toggle-view li {
    margin:0px;
    border-bottom:1pxsolid#ccc;
    position:relative;
    cursor:pointer;
    list-style-type:none;
    padding-left:15px;
}
#toggle-view span {
    position:absolute;
    left:0px;
    top:0;
    color:#bdbdbd;
    font-size:28px;
    font-weight:bold;
}
#toggle-view span:hover {
    color:#ff0000;
}
#toggle-view .panel {
    margin:5px0;
    display:none;
}

Все, наш шаблон вывода записей сайта для WordPress без плагинов готов! Теперь идете в панель управления WordPress, создайте новую страницу(о том как это делать я писал здесь) и в правой колонке в Атрибутах страницы выберите шаблон sitemap.

На этом моменте, можно сказать, что ваш вывод списка постов готов. Разобрались как сделать карту сайта?

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

Как вам такой вариант ? Надеюсь понравился, если есть вопросы или предложения, пишите в комментариях.

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

С уважением,
Артем Губтор

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

Делаем шаблон страницы для вывода карты сайта

Скрипт для эффекта раскрывающегося списка

Функция вывода карты сайты WordPress

Делаем красивое оформление карты сайта

Читайте также:

1 комментарий. Оставить новый

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