window._wp_rp_static_base_url ='http://dtmvdvtzf8rz0.cloudfront.net/static/'; window._wp_rp_wp_ajax_url ="http://mixyblog.ru/wp-admin/admin-ajax.php"; window._wp_rp_plugin_version = '2.5'; window._wp_rp_post_id = '2048'; window._wp_rp_num_rel_posts = '7'; /* */ VK.init({apiId: 2857685, onlyWidgets: true});
CqQRcNeHAv

Плагин Dagon design Sitemap generator и Wp DS blog map, делаем Html карту сайта для посетителей

Tweet

Здравствуйте, уважаемые посетители блога Mixyblog.ru! В прошлом посте я рассказывал о создании Xml карты сайта для поисковиков Яндекс и Google для улучшения индексации блога. Теперь надо бы позаботиться и о посетителях.)

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

Говоря о посетителях, я подразумеваю сделать страницу, где будут располагаться все ссылки на статьи и рубрики блога, что облегчит навигацию. Для этого нам помогут опять же, чудесные плагины для WP, один из которых Dagon design Sitemap generator. Но статья не будет заключаться только в установке и настройке этого расширения. Я рассмотрю и другие и попытаюсь сделать карту самостоятельно, не прибегая к плагинам!

Плагин Dagon design Sitemap generator настройка

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

карта сайта для посетителей

Чтобы претворить сие чудо в жизнь, нужно скачать и установить это расширение. К сожалению, наиболее простым способом из админки блога, добавить не получится, так как его там попросту нету. Но мы же с вами не лыком сшиты.)) Поэтому скачайте его отсюда последний релиз, распакуйте архив и папку с плагином закиньте на сервер в отведённую для плагинов папку «wp-content/plugins/» с помощью ФТП клиента FileZilla.

Теперь идём в админ панель блога WordPress, «Плагины» — «Установленные» — «Активировать». После того, как активировали плагин, нужно добавить новую страницу из левого меню админ панели «Страницы» — «Добавить новую». Называйте её, как вам угодно: «Карта сайта», «Все записи», » Содержание» и т.д. Далее переключите редактор страницы из «Визуальный редактор» в режим «HTML» или, начиная с обновления версии движка 3.5.1, «Визуально» — «Текст».

Plagin Sitemap Generator nastroika

Добавляем туда следующий код:

<!-- ddsitemapgen -->

Обновляем страницу и идём любоваться, вновь созданной картой! Не пугайтесь при виде английского языка на странице. Эту маленькую проблемку можно исправить, обратившись к настройкам плагина Dagon design Sitemap generator, чем мы и займёмся. Переходите в настройки, нажав в левом меню админки: «Параметры» — «DDSitemapGen». Первым делом нужно сменить язык на Русский, выбрав в выпадающем окошке Russian, нажимайте на «Update options».

Плагин Sitemap Generator

По дальнейшим пунктам настроек, в принципе, объяснять ничего не нужно, вы вольны делать так, как нравится за исключением пункта «Исключить категории и страницы». Здесь можно вписать в поле, ID тех страниц и категорий, которые не хотите видеть в карте. Чтобы узнать ID рубрик, в левой колонке админки перейдите: «Записи» — «Рубрики». Откроется список рубрик. Далее нужно кликнуть на ненавистную вам рубрику и в строке браузера посмотреть на адрес.

http://gimad.ru/wp-admin/edit-tags.php?action=edit&taxonomy=category&tag_ID=4&post_type=post

Как видно ID равен четырём, теперь можно вписать в строку в настройках плагина и сохранить. Из карты исчезнет рубрика и записи, опубликованые в ней. Так же можно поступить и со страницами, для этого нужно выбрать «страницы», откроется список страниц, найти нужную страницу, кликнув, окиньте взором строку браузера.)

http://gimad.ru/wp-admin/post.php?post=44&action=edit

Как видно ID равен сорока четырём, только вместо него написано «post» у вас может быть ай ди или пост-это не так важно. Ведь главное сейчас! Найти заветную цифру!) Ну и наконец, в настройках, можно прописать ссылку на Xml карту блога. Выглядит она вот так:http://mixyblog.ru/sitemap.xml. На этом всё. Ах да! На странице с картой вы заметите ссылку, ведущую на издателя: «Плагин написан dagondesign.com».

Если не хотите отблагодарить таким образом автора, то придётся подключиться к серверу с помощью фтп клиента, найти папку с плагинами «wp-content/plugins/». В этом каталоге найти папку с плагином «sitemap-generator», в ней открыть на редактирование файл «sitemap-generator.php» редактором Notepad++. В этом файле надо отыскать строку, которая выводит ссылку, чтобы долго не искать нажмите «Ctrl-F» и введите «DDSG_CREDITS». Теперь следует удалить вот этот код:

$t_out .= '</pre>
 <div style="text-align: right;">
 ' . DDSG_CREDITS . ' <a title="Dagon Design" href="http://www.dagondesign.com">dagondesign.com</a></div>
 <pre>
 ';

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

Плагины Wp DS blog map и PS Auto Sitemap для WordPress настройка

Первый плагин Wp DS blog map можно добавить прямо из админки: «Плагины» — «Добавить новый». Вводите название затем: «Установить»- «Активировать». Так же создаём новую страницу и вписываем туда следующий код:

<h2><strong><span style="color: #000000;">Страницы</span></strong></h2>[pagesoftree]
 <h2><strong><span style="color: #000000;">Рубрики</span></strong></h2>[postlist]
 <h2><strong><span style="color: #000000;">Метки</span></strong></h2>[tagcloud]

Стили можно убрать и просто оставить слова: «Страницы», «Рубрики» в тегах h2 или оставить и заменить цвет на более подходящий, по умолчанию стоит чёрный(#000000). Метки тоже можно убрать, не зря же я расписывал о дублях страниц и о плагине All in One SEO Pack, который помогает избежать коварного дублирования контента!) Если говорить о настройках, то настраивать там, особо, нечего поэтому хочу перейти ко второму, который немного по интересней.

Добавить PS Auto Sitemap также можно из админки, активируем и переходим к настройке. К сожалению русский язык отсутствует, но это не страшно.

Плагин PS Auto Sitemap

В первых трёх пунктах нужно выбрать то, что будет отображаться в карте: «Главная», «Статьи», «Страницы». Я убрал галочку с главной. Далее необходимо ввести ID той страницы, где будет располагаться, собственно, сама карта. Эту старничку мы создавали уже не раз на протяжении статьи.) Следующие пункты можно смело пропускать и остановиться на «Excluded categories» и «Exclude posts». Здесь вводите ID страниц и категорий, которые необходимо исключить.

Вот мы и подошли к самому интересному пункту «Select style». Плагин даёт возможность менять стили карты и выбрать наиболее подходящий для установленной на блоге темы. Хотя, следующий стиль похож на предыдущий, но всё же есть немного разнообразия!) Итак, чтобы всё это заработало, необходимо на страницу добавить этот код:

<!-- SITEMAP CONTENT REPLACE POINT -->

На странице появится ссылка на автора, но она убирается простой установкой галочки в пункте: «Hide developper link». Теперь вроде бы всё. Конечно с помощью плагинов можно сделать всё быстро и без малейших трудностей, но всем известно, что при установке большого количества расширений, блог может тормозить, так как создает большую нагрузку на сервер. Поэтому я припас ещё один способ создания карт, о котором читайте ниже.)

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

Данный способ подходит для пытливых умов, которые не побоятся влезть в неизведанные уголки Wp темы!) Он основывается на создании шаблона карты сайта Html. Кто не в курсе, что такое шаблон WordPress, переходите по приведённой ссылке и ознакомьтесь, дабы представлять себе о чём идёт речь.

Итак, сначала в редакторе Notepad нужно создать новый файл, например: «Karta.php». Почему Notepad а не обычный блокнот? Когда вы будете добавлять код в файл, возникнут проблемы с кодировкой и на сайте, вместо слов, будет отображаться набор непонятных символов. Так вот Нотпад прекрасно справится с этой проблемой, посредством кодирования кода в UTF-8(без BOM).

Теперь, включив в редакторе соответствующую кодировку, добавляем в шаблон «Karta.php» следующий код:

<?php
 /*
 Template Name: HTML Sitemap Page
 */
 ?>
 <?php get_header(); ?>
 <?php get_sidebar(); ?>
 <div id="content">
 <div class="single">
 <div class="cover">
 <div class="entry">
<div class="html-sitemap">
 <h2>Статьи:</h2>
 <ul>
 <?php
 $cats = get_categories('exclude=ID'); //***Вставте ID категории или категорий, через запятую, которую хотите исключить. Если нет оставьте пустым.
 foreach ($cats as $cat) {
 echo '<li class="category">'."\n".'<h3><span class="grey">Рубрика: </span>'.$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?> &raquo; <a href="<?php the_permalink() ?>" title="Перейти по ссылке: <?php the_title(); ?>">
 <?php the_title(); ?></a> </li>
 <?php }
 endwhile;
 ?>
 </ul>
 </li>
 <?php } ?>
 </ul>
 <?php
 wp_reset_query();
 ?>
 <h2>Страницы:</h2>
 <ul class="sitemap-pages">
 <?php
 wp_list_pages('exclude=ID&title_li='); //***Вставьте ID страницы, которая не должна отображаться. Если нет оставьте пустым.
 ?>
 </ul>
 </div>
 <div class="clear"></div>
 </div>
 </div>
 </div>
 </div>
 <?php get_footer(); ?>

 

Хочу немного объяснить, что к чему. Вот этот код, находящийся в начале шаблона:

/*
 Template Name: HTML Sitemap Page
 */
 ?>

Позволяет движку использовать файл «Karta.php», как пользовательский шаблон страницы. Эти строчки:

<?php get_header(); ?>
 <?php get_sidebar(); ?>
 <div id="content">
 <div class="single">
 <div class="cover">
 <div class="entry">

Выводят сайтбар, футер и шапку сайта, чтобы страница не состояла только из ссылок на статьи, а имела вид полноценного блога. Остальные же строки формируют Html карту. Чтобы убрать ненужные рубрики из карты, нужно в 17 строке, вместо ID указать ай ди рубрики, которую хотите исключить, так же можно поступать и со страницами.

Шаблон готов. Теперь остаётся закинуть его на сервер в папку с вашей темой «wp-content/themes/название темы», где находятся остальные файлы «Index.php», «Page.php» и т.д После этого, следует добавить новую страницу и в атрибутах указать наш, вновь созданный, шаблон:

C:\Users\User\Desktop\Ссоздание карты без плагинов.jpg

В итоге карта у меня получилась. Но! Вид у ней был, мягко говоря, не презентабельный. Если у вас приключилась та же беда, можно добавить в файл стилей (style.css), который находится в той же папке, код и, путём изменения значений свойства «padding», подогнать карту по своему вкусу.

.html-sitemap h2{
 padding-top: 15px;
 padding-left: 30px;
 padding-bottom: 20px;
 }
 .category {
 list-style:none;
 padding-bottom: 1px;
 padding-left: 70px;
 }
 .grey {
 color: #777;
 background-color: inherit;
 }
 .cat-posts {
 padding-bottom: 10px;
 padding-top: 30px;
 padding-left: 70px;
 }
 .cat-posts li{
 padding-bottom: 7px;
 list-style:square;
 }
 .sitemap-authors li, .sitemap-pages li, .sitemap-archives li{
 padding-bottom: 10px;
 padding-left: 120px;
 }

Данный код добавляйте в место, где прописываются стили для страницы (page). На этом моё вещание заканчивается, подписывайтесь на обновления и сделайте форму связи для блога, чтобы читатели могли с вами связаться.) Желаю удачи!!!

Буду признателен, если вы воспользуетесь данными кнопками и подпишетесь на обновления!
8
Твитнуть
VK.Widgets.Like("vk_like", {type: "button"});
VK.init({apiId: 2857685, onlyWidgets: true});

2 комментариев

  1. Vadar:

    Всё так изящно показано! Спасибо! Твит и гугл от меня!

'2048' id='comment_post_ID' />

  • Рубрики

  • Реклама:





    Популярные

  • //
    document.write("<\/a>")