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






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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 77

  1. Денис Скрипник:

    Когда я использовал WP, об этом не знал, значит вы написали хорошую уникальную статью. :-) Я уверен, что она будет полезна многим.
    У себя на сайте я использую стандартный плагин, который весит всего несколько сотен килобайт. :-) Ну и хостинг не нагружает.

    Ответить

    • Саня Сабегатулин:

      Да, и я даже не вкурсе был о том как сделать карту сайта кодом. И нигде не встречал. По крайней мере, не попадалась. Так что хорошая инфа :smile:

      Ответить

      • Екатерина:

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

        Ответить

      • Alexandr:

        Карта сайта без кода круче. Потом можно хвастаться этим. Но и на самом деле это классно.

        Ответить

        • Екатерина:

          Я думаю, с Вами в этом вопросе многие могли бы поспорить, Александр. Но если Вам нравиться, то делайте без кода.

          Ответить

          • Игорь:

            Ну может Александр что нибудь оригинальное придумает.

            Ответить

          • Екатерина:

            Не спорю, если придумает, с удовольствием посмотрю на его творение. :oops:

            Ответить

        • Игорь:

          А у вас что получилось это сделать?
          У меня только на тестовом блоге вышло,а на самом сопротевляется.

          Ответить

          • Екатерина:

            Если я не ошибаюсь, то проблем не возникло. Но это было давненько, может уже и подзабыла.

            Ответить

  2. Денис Скрипник:

    Да, ещё: вам нужна карта сайта, в которой посетитель сможет сам выбрать, по каким критериям он хочет посмотреть записи: с группировкой по датам или по рубрикам. Это, по-моему, наиболее удобный вариант.

    Ответить

    • Сергей:

      Отличная мысль, Денис http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

      Ответить

    • Denis:

      Такое только на максайте реализовано

      Ответить

    • Екатерина:

      Мне такого фильтра, чтобы можно было сортировать статьи по дате очень не хватает. И я такого пока ни на одном блоге не видела.

      Ответить

  3. Игорь Черноморец:

    Привет Сергей!Неужели стоит заморачиваться с этими кодами и созданием новых файлов и загрузками и тд… из-за какого то плагина, который почти не нагружает сервер? Что же все так боятся этих плагинов? Всё не так страшно как кажется!!! Такие коды тоже нагружают сервер и иногда не в меньшей степени как плагины!!!Ты со мной не согласен?http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif

    Ответить

    • Сергей:

      Привет, Игорь http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif
      В принципе, я часто пишу в статьях о том, что если не хочется возиться с кодами, можно установить плагин.
      Как по мне, то лучше код. Как ни крути, но нагрузку он меншеь создаёт на сервак.
      Кроме этого, я люблю повозиться с кодами. Мне это интересно http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif
      Ну и появляется некая независимость от разработчиков и их чудо-обновлений. Как пример плагин Google XML Sitemap

      Ответить

      • Denis:

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

        Ответить

      • Alexandr:

        Сергей, разве на каждый плагин можно написать код? На плагин Акисмет можно написать код?

        Ответить

        • Сергей Саранчин:

          Ну вообще плагин это и есть код :cry: И Akismet не исключение.
          Здесь вопрос в рациональности. Нужно ли тратить своё время на это, когда можно просто установить готовый плагин?

          Ответить

        • Саня Сабегатулин:

          Хах, та да, хороший вопрос. Все ли плагины можно заменить кодом. Конечно все! Это же и есть код, просто уже готовый. А кто то плагин этот то писал, причем кодом))

          Ответить

      • Екатерина:

        На счет постоянных обновлений плагинов Вы абсолютно правы, Сергей. Я всегда опасаюсь обновлять плагины, вдруг собьются все настройки блога.

        Ответить

    • Евгения Куварина:

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

      Ответить

  4. Геннадий Ольховский:

    Отличный мануал по установке карты сайта с помощью кода, сделал для себя закладку и поделился с друзьями в фейсе. Думаю, когда-то попробую это проделать, но пока пользуюсь WP DS Blog Map и мне нравится, можешь посмотреть его работу у меня на блоге.http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

    Ответить

    • Сергей:

      Отличная карта, Геннадий http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif
      Даже даты постов выводятся

      Ответить

  5. Юрий Ваценко:

    Ого, столько кодов, например, лучше вывести карту при помощи плагина. Ну, это мне так кажется.http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

    Ответить

    • Геннадий Ольховский:

      Действительно плагин отличный и карта из-за этого получается приятной.http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif

      Ответить

  6. Denis:

    Спасибо за подробную и полезную информацию нужно будет попробовать.

    Ответить

  7. Елена Контиевская:

    Сергей, вы меня порадовали своим постом. Ваш блог у меня в Закладках и я уже наметила план замены некоторых своих плагинов кодами. Вот и до карты сайта очередь дошла. Теперь только нужно найти время и все это реализовать на практике. Спасибо вам!http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

    Ответить

    • Сергей:

      Елена, очень рад, что помог Вам! Спасибо за слова блогодарности http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif

      Ответить

      • Юрий Ваценко:

        Да что тут добавить, ведь статья написана для людей, а не для поисковых систем.

        Ответить

        • Екатерина:

          Что правда, то правда. Все статьи Сергея написаны очень доступно. Даже я понимаю, что и как лучше сделать для развития своего блога.

          Ответить

  8. Аня:

    Примного благодарна данной статье!!! Я как раз задумываюсь уже в скором сделать карту для людей. А без плагина, так это вообще здоровски! Меньше нагрузки на сайт будет.

    Ответить

  9. Евгения Куварина:

    И опять статья, как на заказ. Как раз собираюсь избавиться от плагина, буду пробовать! Благодарю!

    Ответить

  10. Denis:

    Забыл добавить, чтоб шаблон с картой появился в админке нужно прописать Template Name: sitemap в самом начале.

    Ответить

    • Сергей:

      Действительно, про это не написал! Спасибо за дополнение, Денис! http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

      Ответить

  11. Руслан:

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

    Ответить

  12. Константин Белан:

    Сам не так давно создал карту сайта без помощи плагина (до этого стоял DDS Generator), а с помощью данного кода. Все работает на ура! Рекомендую!http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

    Ответить

    • Сергей:

      Константин, спасибо за поддержку http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

      Ответить

    • Юрий Ваценко:

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

      Ответить

    • Denis:

      Надо попробовать создать карту сайта с помощью кода. Спасибо за статью.

      Ответить

      • Сергей:

        Рад был помочь, Денис http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif

        Ответить

  13. Евгения Куварина:

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

    Ответить

    • Сергей:

      Согласен, Евгения, планирование-это очень важный и нужный момент в нашей деятельности http://saranchinsergey.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif

      Ответить

  14. Людмила:

    Я новичок в деле блогостроения) И Ваши статьи мне очень помогают.
    Пока дело не касается кодов… То ли у меня какая то нестандартная тема, то ли… есть еще парочку версий)
    У меня в page.php нет слов … Вот две нижние строчки есть, а этих нет.
    Помощь окажите?)

    Ответить

    • Сергей Саранчин:

      Здравствуйте, Людмила!
      Очень рад, что мой блог Вам помогает!
      Помогу чем могу, как говорится. Каких именно выражений у вас нет в page.php? :grin:

      Ответить

  15. Людмила:

    Странно, я же их вставляла в коммент, а теперь …

    Вставлю еще раз, вот этих слов у меня нет: div id=»content»

    Ответить

    • Сергей Саранчин:

      Это блок вывода содержимого. Он может по другому быть назван в других шаблонах… :oops:

      Ответить

  16. Виталий Охрименко:

    Плохо что нет в статье какого-нибудь шаблона стилей, который бы скопировал и готово. Я вот никак не доберусь сделать красивую карту, карта то есть, но такая стремная…может кинешь какой-нибудь шаблончик, а я бы там уже подредактировал по своему усмотрению…

    Ответить

    • Сергей Саранчин:

      Виталий, Вы имеете ввиду отправить стили, которые я использую на своём блоге к своей карте?

      Ответить

      • Виталий Охрименко:

        Можно Ваши, можно просто какие-нибудь стили, чтобы их потом отредактировать. У меня, если честно, со стилями туговато чуток. Не всегда получается привязать стили к нужному месту. Пробелы в знаниях, которые никак не восполню. Вот вроде знаю что стиль прописывается либо с точки либо с #, а потом привязывается, но не всегда удачно привязывается…Никак не найду время изучить имеющиеся мануалы по теме, вот и попрошайничаю.

        Ответить

        • Сергей Саранчин:

          Виталий, нужно найти время и изучить информацию по CSS.
          Ну, а пока ловите мои стили для моей карты (взял из файла style.css):
          {
          list-style-type: circle;
          color: #000000;
          font: normal 16px/25px Arial;
          font-style: normal;
          }

          Ответить

          • Виталий Охрименко:

            спасибо большое, теперь осталось разобраться как привязать стили к карте блога…с этими стилями поседею когда-нибудь

            Ответить

        • Denis:

          class и id разные вещи. ID -Задает стилевой идентификатор — уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты. Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз.

          Ответить

          • Виталий Охрименко:

            Не так быстро. Блин, для меня эти привязывания стилей вообще непонятны. Хотя более сложные лично для меня функции, там вообще чёрт ногу сломит

            Ответить

          • Екатерина:

            Не переживайте, Виталий, со временем во всем разберетесь. Потом еще и других учить будете. :oops:

            Ответить

  17. Игорь:

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

    Ответить

    • Сергей Саранчин:

      Удачи, Игорь! 100 пудов ты справишься с этим делом :cry:

      Ответить

      • Игорь:

        Привет Сергей.
        Заняло это занятие минут 10.
        Протестировал на тестовом блоге,отлично получилось,даже в стилях поиграл.
        Но вот на моем шаблоне,проблемка.
        Во время создания страницы,с права нет поменять шаблон,с базового на созданный,а на тестовом есть.

        Ответить

        • Сергей Саранчин:

          Хм, нет выпадающего меню в поле «Шаблон»? А шаблон на тестовом сайте такой же, как на основном?

          Ответить

          • Игорь:

            Нет другой. Я его собираюсь устанавливать.

            Ответить

        • Denis:

          Может стоит прописать название файла в самом верху
          /**
          * The main template file karta
          */
          иногда помогает

          Ответить

          • Игорь:

            Спасибо Денис за подсказку.
            Надо попробывать

            Ответить

          • Екатерина:

            Напишите потом обязательно получилось или нет.

            Ответить

        • Екатерина:

          Так быстро? А я думала, что этот процесс займет на много больше времени. :shock:

          Ответить

          • Игорь:

            Да это так Екатерина.
            Иногда кажется что сложно и долго.
            А на самом деле все делать проще.

            Ответить

          • Екатерина:

            Не так страшен черт, как его рисуют. Убеждаюсь в этом уже не первый раз. :oops:

            Ответить

          • Игорь:

            Это вы верно говорите.Я то же с этим пересекался и не раз.

            Ответить

          • Alexandr:

            Главное начать, а там к чему нибудь и придёшь.

            Ответить

    • Екатерина:

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

      Ответить

      • Игорь:

        Ну наверное был дан хороший старт,а так же регулярно комментировал весь месяц.
        А вообще,просто все еще от летних отпусков не отошли,вот и вялые были. :cry: А вот еще вариант,я со всеми договорился:oops:

        Ответить

        • Екатерина:

          Ха-ха! Победителей не судят. А уметь договариваться — это очень полезная способность. :smile:

          Ответить

          • Игорь:

            Согласен,договориться тоже нужно уметь :cry:

            Ответить

          • Екатерина:

            А в этом месяце, Игорь, Вы тоже со всеми договорились ? ))))

            Ответить

          • Игорь:

            По чему вы так думаете? :lol:
            Я просто в этом месяце,участвую только на шести блогах.А остальных не напрягаюсь.

            Ответить

          • Alexandr:

            Шесть блогов много -я бы не смог, да и смысла наверно нет.

            Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: