Для тех, которые читают этот блог, настало время заплыва к священным берегам блестящей оптимизации атласа сетей SEO.
А в помощь нам будет правильнейшая навигационная карта сайта для посетителей.
Что ж, приступим к полезному занятию…
Правильная карта сайта для посетителей
В предыдущей статье необходимые настройки новенького сайта, я говорил об установке плагина, выполняющего работу генерации несгораемой картографии web-ресурса. Но, если откровенно, работа с плагинами мне не очень по душе, и поэтому мы сегодня сделаем лёгкую и симпатичную карту для вашего блога, а именно рассмотрим наиоптимальнейший код карты для сайта. Помните: чем меньше плагинов – тем лучше для продвижения, ибо лёгкость – это наше всё!
Говорю сразу: конечно же, результат стоит того бесспорно, но придётся поработать с кодом шаблона.
…тем админам, которые приобрели шаблоны у нас, вообще заморачиваться с подобными проблемами не приходится, ибо сами шаблоны web студии занимательная МИХАЛИКА включают в себя множество полезных примочек… совершенно без тяжёлых плагинов и правок кода.
Если сегодняшнюю работу выполнить должным образом, то и карта сайта будет замечательной.
Ради примера можете взглянуть на мою карту. И если подходит вариант, тогда сейчас расскажу подробнейшим образом, как сделать карту сайта без плагина и себе в блог. А в финале статьи будет ссылка на полезное видео, и вообще…
Нам потребуется доступ к файловому менеджеру, либо можете работать прямо из админки Вордпресс. Совет: делайте копии документов. Но а работу со скриптом) лучше для начала выполнять в НОТЕПАД++
Итак: заходите в файловый менеджер, далее в корневую папку активного шаблона, а там… копируете файл page.php.
Затем, скопированный файл нужно переименовать (поместите его куда-то в соседнюю папку и…) — переименуем, например, в sitemap.php и поместим обратно в корень своей темы.
Всё!
Наш page.php
– на месте, за него можно не беспокоиться, а новый sitemap.php
готов к работе. Именно в его недрах мы и создадим код карты для сайта.
А вот и добавочный скрипт (или лучше код, впрочем, кому как хочется), который нужно прописать в ваш заготовленный файл sitemap.php
: естественно, все мои домены и названия разделов заменяйте на свои.
<?php $theme->hook('content_after'); ?>
<div class="ddsg-wrapper"><div class="ddsg-wrapper2">Публикации:</div>
<span><?php
$args = array();
$categories = get_categories( $args );
foreach ($categories as $category) {
echo "<ul>";
echo "<li>КАТЕГОРИЯ: <a href=\"".get_category_link($category->term_id)."\" >".$category->name."></a>";
$posts = get_posts(array('category' => $category->term_id, 'posts_per_page' => '150'));// количество постов
echo "<ul>";
foreach ($posts as $post) {
echo "<li><a href=\"".get_permalink($post->ID)."\">".$post->post_title."</a></li>";
}
echo "</ul>";
echo "</li>";
echo "</ul>";
}
?></span>
<?php $args = array('title_li' => ''); ?>
<!--<div class="ddsg-wrapper2">Страницы:</div>
<ul>
<?php wp_list_pages( $args ); ?>
</ul>-->
<p><a href="http://домен.ru/sitemap.xml">Просмотр карты сайта в XML</a></p>
</div>
<div class="ddsg-wrapper2"><p>Полезного чтения!</p></div>
Вот фото: (кликайте)
…и меж указанных строк прописывайте код, показанный выше.
Ищите подобные строки (дело в том, что у вас файл page.php
возможно, будет чуть отличаться).
Ведь как-с? …Всё делается путём проб. И если что-то напортачите, в файловом менеджере всегда можете выполнить откат. И продолжить…
…тапните курсором отступления и прописывайте… (всё это потом скомпонуем).
И ещё важное дело: скопируйте кодик ниже и поместите в самый верх созданного вами файла…
<?php
/** Template Name: Карта сайта
*
* **/
global $theme; get_header(); ?>
...и т.д. кодовое...
То есть, после открывающего тега <?php
(на фотке это в самом верху! строка -1) — установите курсор и щёлкните пару пробелов… Enter… и на освободившееся место пропишите такой закомментированный текст: чтобы получилось так, как показано выше…
/** Template Name: Карта сайта
*
* **/
Всё это нам требуется для того, чтобы в текстовом редакторе появилось ещё одно поле выбора формата в разделе «Шаблоны» страницы…
Обращаю ваше внимание: видите, код завёрнут в теги div
, это необходимо для стилистики CSS
— пригодится для регулировки…
Код CSS
ниже (точнее, его варианты): всё это закидываете в файл стилей style.css
, а потом всё для вас лишнее отсечёте, как этот… скУЛптор ))
.ddsg-wrapper li{font-weight:700;color:#800000;font-style:italic;margin:20px 30px}
.ddsg-wrapper2{font-weight:700;color:#1675B8;font-style:italic;font-size:18pt;margin: 30px 0px 30px}
.ddsg-wrapper li a{}
.ddsg-wrapper li a:hover{padding:0px 0px 2px 2px;margin:1px;opacity:0.7}
Ну а теперь всё! Карта сайта wordpress без плагина готова! Вам только остаётся всё это «безобразие» кода привести в порядок, регулируя показанные варианты.
Весь данный код замечательно рабочий!
И, завершая резать волну, — заходим в админпанель и создаём для примера любую новую страницу. Справа в подменю «Шаблоны страницы» выбираете вновь появившееся определение «Карта сайта».
Всё это дело сохраняйте и смотрите что получилось.
Картинки и прочую дребедень добавите на созданной странице, на своё усмотрение. Страница карты сайта, полностью подчиняется вашим желаниям и фантазии рисовальщика. Как всё это делается, думаю, знаете. А коли нет, читайте блог, в нём много полезного.
Да, этот код увидел на одном из сайтов, но уже не помню на каком. Молодец парнишка! Узнаю обязательно, дам ссылку. Чужово мне ненадь) да и нужно помогать друг другу. У рекламщиков хлебушек свой, а у нас WEB-мастеров — свой неразевай! ))
Я лишь этот код немного модернизировал, обернул в div
и кое-что добавил по темам php
, для более адаптированного начала его работы, — для новичков…
Если что не ясно, спрашивайте в комментариях.
Ну и как всегда моя молитва…
Online консультация по настройкам и созданию сайтов на WordPress
!..подписываясь на обновления mihalica.ru —
...расстаёмся с невежеством..!
А вот пример добавления плагина Google XML Sitemaps.
Этим мы обеспечим удобство поисковым системам индексирующим сайт. Очень важно!
mihalica.ru !