Как добавить точнейшую карту на сайт

Для тех, которые читают этот блог, настало время заплыва к священным берегам блестящей оптимизации атласа сетей SEO.

А в помощь нам будет правильнейшая навигационная карта сайта для посетителей.

 

Что ж, приступим к полезному занятию…

 

Правильная карта сайта для посетителей

 

 

 

В предыдущей статье необходимые настройки новенького сайта, я говорил об установке плагина, выполняющего работу генерации несгораемой картографии 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 без плагина готова! Вам только остаётся всё это «безобразие» кода привести в порядок, регулируя показанные варианты.

 

 

Весь данный код замечательно рабочий!

 

 

И, завершая резать волну, — заходим в админпанель и создаём для примера любую новую страницу. Справа в подменю «Шаблоны страницы» выбираете вновь появившееся определение «Карта сайта».

 

 

Всё это дело сохраняйте и смотрите что получилось.

 

 

Картинки и прочую дребедень добавите на созданной странице, на своё усмотрение. Страница карты сайта, полностью подчиняется вашим желаниям и фантазии рисовальщика. Как всё это делается, думаю, знаете. А коли нет, читайте блог, в нём много полезного.

 

 

 

Я лишь этот код немного модернизировал, обернул в div и кое-что добавил по темам php, для более адаптированного начала его работы, — для новичков…

 

 

Если что не ясно, спрашивайте в комментариях.

 

 

Ну и как всегда моя молитва…

 

 

Online консультация по настройкам и созданию сайтов на WordPress

!..подписываясь на обновления mihalica.ru —
...расстаёмся с невежеством..!