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

Для тех, которые читают этот блог, настало время заплыва к священным берегам блестящей оптимизации атласа сетей 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 консультация по работе c сайтом на WordPress

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

А вот пример добавления плагина Google XML Sitemaps.

Этим мы обеспечим удобство поисковым системам индексирующим сайт. Очень важно!



Источник

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

13 + 12 =