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

Как создать красивую карту сайта WordPress без плагинаЗдравствуйте! Сегодня я расскажу, как создать красивую карту сайта без плагина. О карте сайта я уже писал в одном из уроков, но там надо было подключать плагин Dagon Design Sitemap Generator. Прежде чем продолжить, я хотел бы сделать отступление.

Недавно я сменил шаблон своего блога, после чего показатели поисковиков стали меняться в лучшую строну. Например, «соплей» Google стало на 40% меньше, что не можете не радовать. Буквально за пару дней показатели счетчика liveinternet тоже увеличились, хотя и немного. Что такое «сопли» Google, я напишу в следующих статья. Смотрите, как изменился резко показатель Google:

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

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

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

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

Возьмем, к примеру, карту сокровищ, где указано все, кроме главного. Может не совсем хороший пример, но здесь похожий случай. Зашел человек на страницу «Карта сайта», но там нет статьи, которая ему нужна, потому что статья скрыта от глаз человеческих. Посетитель уходит на другой сайт, в поисках ему нужного материала.

Пришлось мне, конечно, повозится с кодом. Обращался я на форум, заглядывал даже в кодекс WP, но долго разбираться в нем не захотелось. Находил на других сайтах коды и сравнивал со своим. Что-то добавил, что-то удалил. В общим, я из нескольких кодов, собрал один. Такой вот винегрет получился. Как выглядит карта сайта, мне сейчас нравится, поэтому предлагаю и Вам создать такую же. Теперь плагин можно отключить, если он у Вас установлен.

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

Создать карту сайта можно легко и без плагина, когда есть готовый кода. Создайте в шаблоне дополнительный файл, и назовите его sitemap.php. Вставьте в этот файл следующий код:

ВНИМАНИЕ! Файл sitemap.php должен иметь кодировку utf-8! Если этот файл создаете на компьютере, то лучше всего пользуйтесь редактором «Notepad++». В редакторе выберите кодировку для этого файла UTF-8 (без BOM). Если этого не сделать, будут отображаться в карте сайта иероглифы.

 

Сохраните файл, и карта готова. Осталось создать новую страницу и выбрать шаблон «Sitemap».

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

Теперь Вы знаете, как создать красивую карту сайта без плагина. Если Вы не хотите, чтобы некоторые страницы отображались на карте - отключите их. В самом коде написано, как это сделать.

________________________________
К уроку 168. Хлебные крошки WordPress с плагином Breadcrumb NavXT и без

40 Comments

  1. Привет! Прикольная карта, только у меня выдает ошибку на line 7 и 56, где вот такие коды и . Когда их удалил – заработало, немного не так, как у тебя. Но сойдет.

    Анатоль
    • Спасибо, код подправил. Теперь карта сайта не имеет сайдбаров, т. е. карта на всю ширину страницы.

      • Юрий добрый день. По вашей статье у меня вроде получилась карта сайта, за что большое спасибо, но есть некоторые нюансы, в частности заголовки не отображаться правильно, показываются вопросики, и ещё как сделать. чтобы карта была посередине страницы сайта, а не приплюснута к краю сайта Буду очень признателен за помощь.

        Марк
        • Марк, заголовки не отображаются корректно, потому что кодировка не подходит. Страница должна иметь кодировку UTF-8 обязательно. А как отцентрировать текст, я попробую разобраться в ближайшие дни

  2. У меня рубрики стоят не в “красивом” порядке, плагин …order использовать пыталась, но он “расставляет” их только внутри самого себя, а карта сайта видит не его иллюзию а реальность сайта, увы… И получается ерунда…
    Кроме того, у меня такая карта сайта почему-то получается на весь сайт (закрывая оба сайдбара и все вообще, кроме шапки сайта…) Не знаю, в чем секрет. Делала в точности как написано. Увы…

    елена
    • Елена, чтобы были видны сайдбары, нужно подставить небольшой код, о котором я забыл написать. Если Вам это еще интересно – напишите, и я помогу Вам создать карту

  3. здравствуйте, Юрий. карту сайта сделать получилось. но все располагается в один столбец. подскажите, пожалуйста, каким кодом дополнить, чтобы карта выглядела как у Вас то есть в несколько столбцов.

    артем
  4. карта выглядит хорошо, но жаль, не проходит валидацию.

    артем
  5. Хороший пример создания плагина. Надо будет как то попробовать самому написать что то подобное. Автору респект!

    samsim
  6. Юрий, добрый день!
    Помогите, пожалуйста…
    У меня почему то не очень красиво карта сайта выглядит. Может надо еще какой-нибудь код прописать?

    Светлана
    • Здравствуйте, Светлана! Вы карту сайта создавали с помощью плагина?

  7. Юрий, здравствуйте! Карта без плагина. Создала файл sitemap.php и поместила в тему.

    Светлана
  8. Спасибо, Юрий!

    Светлана
  9. Юрий, я новичок и пока еще не во всем разбираюсь. Хотела попробовать создать карту вашим способом, но возник вопрос как добавить новый файл в шаблон? Уж простите великодушно, подскажите пожалуйста. Или покажите, где прочитать об этом, я сама не нашла.

    Алена
    • Алена, создайте файл и загрузите его потом в свой шаблон. Шаблон находится по следующему пути: /vash-sait.ru/wp-content/themes/папка с шаблоном

  10. Здравствуйте! У меня столбики “Страницы”, “Категории” и “Архивы” выводятся вертикально. Скажите, что нужно сделать, чтоб они располагались как у вас, горизонтально?

    Вадим
    • Приветствую! Но у меня ведь тоже выводятся вертикально.

  11. Ура, у меня все получилось!!! А то сайт мой немного располнел, и я решила заняться его оптимизацией. И вот у меня Благодаря Вам замечательная карта и без плагина ❗

    • Поздравляю, Светлана! Карта действительно хорошо получилась

  12. Здравствуйте, Юрий!
    Все делала по вашему уроку. Но в итоге, при предварительном просмотре выбивает: Parse error: syntax error, unexpected ‘<' in ****www/wp-content/themes/travelify/sitemap.php on line 17

    Удалила 17ю строчку. выдало 18ю. 🙁
    Спасибо большое за разъяснения

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

  13. Ув. Юрий!
    Прошу прощения, за ваши труды.. это я немного намудрила с первым вариантом. Где Вы отметили про исключение страниц – я просто убрала полностью строчку, а нужно было всего лишь убрать числа, отмеченные). Простите чайника ))
    Сейчас все получилось!! Очень и очень красиво.. только вот немного если поможете поправить – рубрики получились иероглифами. А как исправить никогда не разберусь сама.
    Спасибо Вам за ваши уроки! Уже поняла, что буду вашим постоянным читателем 😳
    с ув.

    • Хорошо, что разобрались, Оксана. Для того, чтобы отображались нормальные буквы, а не иероглифы, нужно задать кодировку страницы UTF-8. Если Вы создавали и редактировали страницу через PHP-редактор Notepad++, то Вам надо выбрать: Кодировать в UTF-8 (без бом), а если редактировали прямо на своем хостинге, тогда надо выбрать кодировку просто UTF-8

  14. Спасибо Вам огромное, Юрий! Исправляется действительно элементарно одним кликом. Спасибо! 🙂

    Оксана
  15. А не на вордпрессе, а просто на html сайте будет работать?

  16. Спасибо Вам, мил человек, полезное и доброе дело делаешь! Но как же все-таки сделать так, чтобы страницы, архивы и категории как у Вас отображались, а не в столбик? Вас я не первый уже спрашиваю, но Вы все время умело уходите от ответа. Ну же откройте нам сей секрет?!

    • Честно Вам скажу, не знаю, как сделать как у меня. Я пробовал этот код в другие шаблоны вставлять, и у меня было тоже, как у Вас, в один столбик. Я же в статье писал, что сам долго возился с этим кодом, и собрал его из нескольких других кодов: что-то добавлял, а что-то удалял.

  17. У меня еще блог очень сильно молодой, но естественно хочется с ним экспериментировать и добавлять в него что-то новое. Но с картой как-то не получается.
    Некрасиво. Посмотрите пожалуйста, может что-нибудь подскажете. 😥

    • Светлана, Вам нужно изменить кодировку файла sitemap.php на utf-8, тогда иероглифы пропадут, и будет отображаться нормальный текст. А так вообще карта выглядит неплохо.

      • Это я над ней пол ночи карпела. Не могла в божеский вид привести. А как убрать дату написания постов незнаю. 😐
        Но вам огромное спасибо за карту. Будем заходить к вам еще. 😀

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

    то есть: возвратившиеся пользователи пропускают обновления на моем сайте. Которые как обычно располагаются всего 10 ну максимум 15ть.. больше ведь будет некрасиво. а если их 100-200 в день((

    что я хочу: мне нужно сделать следующее:
    Создать страницу в ВП, создать для нее файл темы, вставить туда код “последние 100 комментов”. Под текущим кодом в сайдбаре вставить ссылку на созданную страницу.

    Не могли бы Вы помочь с кодом.. я просто в html к сожалению ноль(( Спасибо Вам большое.

    Я это так понимаю.. может можно как-то еще? Не могли бы Вы помочь с кодом. Спасибо большое!

    Оксана
    • Оксана, я не совсем понял, что Вы хотите сделать. Зачем для созданной страницы создавать еще файл какой-то? Что этот Вам даст? Если Вы хотите создать отдельную страницу, что-то на подобии вопрос-ответ, как на маил.ру, то можно воспользоваться специальным плагином.

  19. Юрий, у меня есть на блоге статьи: 150 штук. с увеличением посещений польз-лей идет увеличение комментов. так?

    то есть: народ может отписываться в 7й статье, 45й, 105й, и т.д…
    теперь ситуация в сайтбаре: высвечиваются только последние 10ть комментов.

    но Вася Петров, который вчера гулял и пропустил общение, теперь не может найти эти обновления в статьях. То есть пользователи жалуются, как сделать видными хотя бы 100 последних комментариев?

    То есть мне нужна кнопка в виде баннера =100 последних комментариев= к примеру в сайтбаре, но при нажатии на которую осуществлялся бы переход по типу _http://bankiforum.ru/activity.php

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

    Как это сделать? а выводится эта лента будет на отдельной странице я так понимаю.

    подскажите как с этим разобраться.

    спасибо большое. только на вас надедежда. уже сломала мозг. 😳

    Оксана
    • Оксана, теперь-то я понял, что Вы хотите сделать. Сам я конечно такое осуществить не смогу (слабые знания в программировании). Думал найти альтернативу, но ничего в голову не приходит. Лучше искать решение проблемы на форумах вебмастеров, или у фрилансеров.

  20. Для карты сайта использую простенький плагин от русской команды wp-puzzle, называется Hierarchical HTML SiteMap. Не попадался Вам на глаза?
    Нравиться, что он не подключает лишних скриптов и стилей. То бишь нет разницы, писать код самому или воспользоваться готовым плагином. И карту прикольно строит, учитывает вложенность рубрик и статей.

    Максим Громов
    • Никогда раньше не слышал о таком плагине. Но у меня нормально карта отображается с помощью кода из этой статьи

  21. Благодарю! От Души! Ещё код для вывода тегов можно добавить

    Роман
    • О тегах не думал еще, но можно будет попробовать их вывести

Leave a Reply

Яндекс.Метрика