Логотип

Как создать сайт

Всё что нужно для создания сайта!

Продолжаем настраивать дизайн, как сделать хлебные крошки?


Привет друзья, сегодня продолжим настраивать свой дизайн. В прошлом уроке нам удалось расширить центральную колонку сайта, но если кто заметил в этой центральной части должна присутствовать игра а её почему-то нету.

Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую. Как это сделать, вот в этой инструкции.

Реклама:

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

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

Все что не хватает на странице мы поправим шаг за шагом, сегодня настроим тег title и я вам покажу как как сделать хлебные крошки для ucoz.

Настроим хлебные крошки

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

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

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

Откроется страница которую промотайте до модуля онлайн игры. У данного модуля есть раздел по настройке материала и комментария к нему, перейдите в этот раздел.

Откроется документ, для начало в самом верху документа найдите тег <title></title> и между ними вставьте следующий код $ENTRY_TITLE$. Не забудьте сохранить.

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

Кто мне скажет зачем оно там нужно? Всё правильно, для поисковых систем к примеру яндекс. Все те ссылки которые Вы видите в выдачи яндекса как раз берутся из этого тега <title>. Запомните, это очень важный момент который нужно знать как дважды два, это поможет для продвижения своего сайта в поисковиках.

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

Продолжим, ниже на 20 строчке я вижу как раз мой код который мне и нужен что-бы настроить хлебные крошки. Первым делом я заменю слово Main на слово Главная, и удалю системный код под стрелочкой 2 и 3.

Перед кодом под стрелочкой 3, есть вот такое слово &raquo; его тоже можно удалить.

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

<a href="$CAT_URL$">$CAT_NAME$</a>

На странице с документом это будет смотреться вот так, не забываем сохранить документ.

$CAT_URL$ - этот код за место себя подгружает ссылку на категорию.
$CAT_NAME$ - этот код подгружает за место себя название категории.

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

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

Из прошлого

Ну и напоследок, промотайте документ с кодом в низ, и найдите вот такой вот системный код $GLOBAL_CLEFTER$, его нужно удалить, а после этого сохранить документ.

Что это за код кто мне скажет? Сам спросил сам ответил)) Помните у нас была боковая колонка которая съехала в низ сайта, так вот теперь её там не будет, этот переменный код как раз её и заставлял стоять или можно сказать быть на нашей странице.

Всё урок окончен, встретимся на следующем.

Важно! Если вдруг у вас получилось настроить сайт с помощью моих уроков, и вам уже не в первый раз он помогает разобраться с разными задачами, тогда не забудьте поблагодарить Автора в комментариях! После благодарности Автор знает что труд был ценен и полезен, а то время которое было затрачено на урок, не потрачено в пустую и пригодилось хорошим людям.
Спасибо за внимание и понимание.
Реклама:

  1. Благодарность бывает разная, поддержка проекта в денежном выражении.
  2. Поделится ссылкой, на пример на своём сайте или в соц сетях.
  3. Оставить комментарий на сайте.

Есть много разных вариантов как отблагодарить Автора.

Подсказка:

Молодой сайт лучше начинать раскручивать с низкочастотных ключевых запросов.

Курс ещё не готов, но подписчики получат его первыми - как только работа будет закончена. На данный момент 16.12.2018 записано 19 теоретических уроков и 0 практических. Теоретический курс Готов! "Как создать, настроить, наполнить и раскрутить сайт на uCoz"