возможно заказать разработку или сопровождение, услуги вашего сайта/блога


обновлено: 2024-02-13 в теме: WordPress без плагинов
Запросто с WordPress создание и продвижение сайтов ATs media

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

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

 

 

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

 

 

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

 

 


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


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


 

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

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

 


...вопросы в комментариях - помогу, в чём дюжу...
mihalica.ru !


Михаил ATs - владелец блога запросто с Вордпресс - в сети нтернет давным-давно...

...веб разработчик студии ATs media: помогу в создании, раскрутке, развитии и целенаправленном сопровождении твоего ресурса в сети... - заказы, вопросы... разработка...





Нажатия на кнопочки определяют Ваше высокое гражданское сознание

Поделитесь соображениями: Ваши мысли очень важны!

Внимание! Обязательные поля помечены *

  отныне доступен плагин: ats privacy policy ©