Главная Новости

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


Опубликовано: 05.09.2018

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

карта сайта без плагина

Приветствую вас, уважаемые читатели и посетители моего блога!



Сегодня решил написать еще одну интересную статейку. В основном она будет полезна тем, кто уже давно создал свой интернет-ресурс и активно его продвигает.

В этой статье  я расскажу как создать карту сайта для посетителей без помощи плагина.

Как создать карту сайта для вашего блога

Хочу отметить, что на моём блоге долгое время была установлена html- карта сайта при помощи плагина Dagon Design Sitemap Generator.


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

Нажмите на эту ссылку, если хотите прочитать о том, как я установил карту для блога с его помощью.

Некоторое время назад я узнал, что можно создать карту сайта без помощи плагинов и решил реализовать подобную на своем ресурсе.

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


Создать xml карту сайта на wordpress - плагин google xml sitemaps

Кроме того, появляется независимость от разработчиков плагина карты. Не нужно обновлять плагин, а если он долгое время не обновлялся, подыскивать ему замену.

Как видите, достаточно весомые факты для того, чтобы реализовать подобные улучшения на своем Интернет-ресурсе. Поэтому, если вас не пугает мысль о том, что нужно будет немного покопаться в кодах блога, тогда читайте дальше.

Причем, уверяю вас, что процесс создания карты сайта этим способом достаточно прост.

Html карта сайта при помощи кода

Итак, начнем! Как же устанавливается html карта сайта на блог?

Первым делом необходимо зайти на свой хостинг , где хранятся файлы и папки вашего ресурса при помощи фтп-клиента . Откройте папку с названием своего шаблона . В моем случае она называется Incredy.

Эта папка находится по адресу:

ваш сайт.ru/wp-content/themes/

Найдите там файл шаблона страницы page.php и скопируйте его на рабочий стол своего компьютера.

Затем откройте его для редактирования программой notepad ++ Хочу отметить, что файл page.php в разных шаблонах не одинаков.

Он отличается, в зависимости от установленной темы. Но это не будет вам помехой для создания карты сайта без плагина.

Теперь нам необходимо внести изменения в скопированный файл page.php. Вот специальный код, который будет отображать вашу карту сайта:

<div class="sitemap"> <span class="post-cat"><h2>Все статьи по рубрикам:</h2> <?php $cats = get_categories('exclude='); //*** Сюда вставьте через запятую ID рубрик, которые желаете исключить. Если таких рубрик нет, то оставьте поле пустым. foreach ( $cats as $cat ) { query_posts('posts_per_page=-1&cat=' . $cat->cat_ID); ?> <h3><?php echo $cat->cat_name; ?></h3> <ul> <?php while ( have_posts() ) { the_post(); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title();?></a> </li > <?php } wp_reset_query(); ?> </ul> <?php } ?></span> <span> <h2>Страницы:</h2> <ul> <?php wp_list_pages('exclude='); //*** Сюда вставьте через запятую ID страниц, которые же лаете исключить. Если таких страниц нет, то оставьте поле пустым. ?> </ul> </span> </div>

Найдите сверху в файле строчку, отвечающую за вывод стилей контента:

<div id="content">

Затем внизу найдите строчки, которые отвечают за вывод боковой панели и футера:

<?php get_sidebar(); ?> <?php get_footer(); ?>

Вот между этими верхними и нижними строками и нужно будет вставить код карты

сайта, вместо кода вывода контента на странице.

Вот что в итоге должно у Вас получиться:

<?php get_header(); ?> <div id="content"> <div class="sitemap"> <span class="post-cat"><h2>Все статьи по рубрикам:</h2> <?php $cats = get_categories('exclude='); //*** Сюда вставьте через запятую ID рубрик, которые желаете исключить. Если таких рубрик нет, то оставьте поле пустым. foreach ( $cats as $cat ) { query_posts('posts_per_page=-1&cat=' . $cat->cat_ID); ?> <h3><?php echo $cat->cat_name; ?></h3> <ul> <?php while ( have_posts() ) { the_post(); ?> <li><a href="<?php the_permalink(); ?>"><?php the_title();?></a> </li > <?php } wp_reset_query(); ?> </ul> <?php } ?></span> <span> <h2>Страницы:</h2> <ul> <?php wp_list_pages('exclude='); //*** Сюда вставьте через запятую ID страниц, которые же лаете исключить. Если таких страниц нет, то оставьте поле пустым. ?> </ul> </span> </div> </div> <?php get_sidebar(); ?> <?php get_footer(); ?>

Затем сохраняем все изменения редактируемого файла и переименовываем его. Я лично назвал его sitemap.php.

После этого загружаем этот файл с помощью ftp-клиента на хостинг в то же место — в папку с шаблоном своего блога.

Затем зайдите в свою административную панель и проследуйте по вкладкам: Внешний вид—>Редактор. Видите, с правой стороны вместе с другими файлами темы появился только что загруженный вами файл sitemap.php:

Ну, а теперь нужно всего лишь отобразить код карты блога на странице своего Интернет-ресурса. Создавайте новую страницу, на которой будет размещаться карта. Для этого зайдите в админпанель блога во вкладки Страницы—> Добавить новую:

Можете назвать ее «Карта блога» или как у меня «Все статьи». Снизу справа выбираем в качестве шаблона страницы только что загруженный вами на хостинг шаблон. Как вы помните, у меня он называется sitemap.php:

После этого нажмите кнопку «Опубликовать»:

Ну а теперь можно проследовать на свой блог и открыть новую страницу с картой сайта.

Вот и всё. Видите как просто можно создать карту сайта html без плагина на своём блоге.

Заметили, что нет ничего сложного в этих действиях. Кстати, карта сайта моего блога отображается несколько иначе, чем ваша. Это связано с тем, что я дополнительно прописал для нее стили в файле style.php.

Вы тоже можете это осуществить. Меняйте цвет ссылок, метки, шрифт  и так далее. Нет предела фантазии, когда у вас есть свой личный блог под управлением системы WordPress .

Надеюсь, был вам полезен. Подписывайтесь на обновления моего блога, чтобы не пропустить новые материалы. Пока-пока.

Успехов Вам и Удачи С Уважением,

Другие интересные статьи:

МИНИ-КНИГА ПО ЗАРАБОТКУ В ИНТЕРНЕТЕ:
КАК БЫСТРО ВЫУЧИТЬ АНГЛИЙСКИЙ:
rss