Главная » Создание сайта » Первые шаги » Создание нового многоуровнего меню на сайте uCoz

Создание нового многоуровнего меню на сайте uCoz

21.01.2012 в 21:53
Автор: Antonij   




Вот такое меню на моём сайте (впрочем, вы можете пользоваться им и вживую ;-)) – простенькое, но понятное, удобное и трёхуровневое.

Чем uCoz хорош, так это невероятной простотой и удобством создания меню. Делается это в Конструкторе меню.

Войти в Конструктор меню можно тремя способами:

1. В Панели управления через вкладку Дизайн



2. На главной странице Панели управления по прямой ссылке



3. И на самом сайте, при включённом Конструкторе блоков



При создании сайта у него уже установлено основное, вертикальное меню, обозначенное кодом $SMENU_1$.



Обычно в меню сами появляются ссылки на активные модули, типа Фотоальбома или Каталога статей. Я лично предпочитаю строить меню сам, проставляя в нём свои ссылки.

Конструктор меню в uCoz очень прост и удобен. Чтобы создать новый пункт меню, жмём на «Добавить пункт меню»



И в открывшемся окошке проставляем свои название и адрес ссылки в меню.



Если поставить галочку в строке «Открывать в новом окне», то при клике на эту ссылку страница или сайт, на которые ведёт ссылка, откроется в новом окне браузера. Это удобно при выставлении ссылок на сторонние сайты, если вы не хотите, чтобы пользователь уходил с вашего сайта.

А если нажать на незаметную стрелочку рядом со словом «Опции», откроется строка для ввода имени CSS класса.



Чтобы добавить новый пункт в меню, жмём на «Применить».



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

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



Нажимаем левую кнопку мышки и, не отпуская её, водим пунктом вверх-вниз по меню. При этом белый крестик превратится в надпись «Move».



Другие пункты при этом раздвигаются, уступая место новому.

Выбрав место, отпускаем левую кнопку мышки, и наш пункт гордо красуется на своём новом месте.



Чтобы сделать пункт меню вложенным, наводим курсор на зелёный крестик перед названием пункта. Появится тонкий крестик.



Также нажимаем левую кнопку мыши и, не отпуская кнопку, водим по пунктам меню. Пункты при этом выделяются жирным шрифтом.



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



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

После всех изменений не забываем нажать на кнопку «Сохранить», иначе меню останется прежним.

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



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

Чтобы создать новое меню, в том же Конструкторе меню жмём на стрелочку в левом углу Панели, в строке «Основное меню сайта».



Откроется окошко с выбором действий.



Изначально в этом окошке две строки: «Основное меню сайта» и «Создать меню». По мере создания новых меню в окошке появятся их названия. Чтобы создать новое меню, нажимаем на «Создать меню». Появится окошко нового меню, и затем, после ввода названия меню и выбора вида отображения этого меню (вертикальный или горизонтальный), страница редактирования нового меню.



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

Включаем Конструктор в верхнем uCoz-баре, добавляем блок:



Вписываем своё название блока (в моём примере – «Второе меню»), и вставляем этот блок в нужное место в колонке, перемещая между уже существующими блоками.



Теперь нужно обозначить, что будет отображаться в этом блоке. Нажимаем на голубую шестерёнку (она перед крестиком в правом верхнем углу блока), в открывшемся окошке выбираем «Site menus»,



И затем выбираем нужное нам меню.



Блок с новым меню окончательно создан, не забываем сохранить изменения.



Выключаем конструктор, и любуемся на новое меню в боковой колонке ;-)



Выводить меню вставкой кода в дизайн сайта будет посложнее. Обычно так приходится делать при выводе горизонтального меню под шапкой сайта. Для этого копируем код нужного нам меню (он выглядит так: $SMENU_2$),



И идём в Дизайн сайта.



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



В открывшейся таблице вставляем код меню в самом низу.



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

Проверяем, перезагрузив страницу своего сайта, и, пожалуйста, горизонтальное меню под шапкой сайта!




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

создание меню, Меню


Рейтинг: 72  (помогла ли Вам эта инструкция: да / нет)          Просмотров: 41027          Комментариев: 33

Похожие инструкции

03.05.2015 в 13:02      0  

Здравствуйте. Я видимо прям сильно туплю. Однакож, создала новый пункт меню "услуги", в конструкторе, все как тут и показано, но при переходе в этот пункт на сайте, выходит "ошибка 404  страница не найдена". Адрес http://contur.ucoz.com/
Подскажите в чем ошибка, пожалуйста.
03.05.2015 в 13:11      0  

Пункт меню должен вести на какую-то страницу. У вас пункт меню "Услуги" куда ссылается? На несуществующую страницу. По мимо создания пункта в меню - ещё нужно создать страницу, на которую будет вести этот пункт меню.
Зайдите в редактор страниц, создайте новую страницу - и укажите её адрес для этого пункта в меню.
21.03.2015 в 12:52      0  

А почему бы вам не сделать раздвижное меню для сайтов? Это же в тысячи раз эффектнее смотрится.............
21.03.2015 в 13:23      0  

Вы о чём?
21.03.2015 в 16:50      0  

О раздвижных и выплывающих меню. Почему пользователь должен искать это на сторонних сайтах, когда администрация попросту может внести коррективы в скрипты?
21.03.2015 в 16:54      0  

По вашей логике администрация за пользователя должна найти контент и наполнить им его сайт. И монитизировать его. Что бы пользователю не пришлось. А он только будет сидеть и получать удовольствие и деньги.
Представляется огромный выбор возможностей по улучшению сайта, огромный выбор готовых решений (в том числе различных меню).
Нельзя предоставить готовый вариант "раздвижного меню", его в любом случае нужно будет доделывать "под себя".
Потому ваше замечание не имеет как такового смысла.
31.08.2014 в 18:33      0  

Все гладко на бумажке, а фактически изменить меню, добавлением нового блока, ни к чему не приводит. Мой сайт http://moisey-58.narod2.ru/ переехал с Народа-2. Пробую в конструкторе нажимать кнопку Добавить блок+ и совершенно ничего не происходит, никакой реакции. А меню необходимо изменить, уже готово новое меню.
Что я делаю не так?
31.08.2014 в 19:28      0  

Использования данного функционала возможно только на динамических страницах созданных при помощи редактора страниц.
31.08.2014 в 19:53      0  

Мой сайт был создан на Народе. Неужели теперь никакое редактирование на Укозе невозможно?
31.08.2014 в 21:43      0  

Рекомендуюознакомиться с
информацией:
http://manual.ucoz.net/board/52-1-0-498
06.01.2014 в 02:09      0  

Здравствуйте! С наступившим Новым Годом и с наступающим Рождеством Христовым!
Как хорошо и складно всё получается в руководстве, а на самом деле...
Опишу проблему - нигде не могу найти помощника, чтобы решить её уже целый год.
Меню-то второе создаётся - это есть, но где взять URL, чтобы вписать в нужное поле?
Просто, когда создаю страницу через "Редактор страниц > Добавить страницу", то она автоматически закрепляется в первом меню и всё тут!
Как же всё-таки создать второе меню и чтобы в нём были свои пункты, а не дублировались через первое меню? Где брать URL для каждого пункта второго и последующего меню?
Может излишне эмоционально написал, но просто на свой вопрос никак и нигде не могу получить ответ, хотя на сайтах, такие независимые друг от друга меню существуют и работают.
Заранее благодарен за ответ!
Адрес на скришот:
http://savepic.su/4029718.jpg
06.01.2014 в 02:59      +1  

Все в ручную, автоматом при создании страницы в редакторе пункт меню прикрепляется к только к первому меню. Каждый модуль, а редактор страниц тоже можно назвать модулем, имеет свой ID т.е. например блог имеет ID blog и соответственный адрес
ваш сайт/blog/, также и каждая созданная через редактор страница имеет начальный ID модуля /index/дальше название страницы в латинице/дальше id(номер) страницы.
Пример http://Ваш сайт/index/contacts/0-4, проще всего перейти на созданную страницу и взять с адресной строки /index/contacts/0-4 (можно и целый адрес) и вставить в меню 2
Можно даже добавлять ссылки на другие ресурсы
Чтобы при создании страницы ссылка не прикреплялась к меню1, снимите чек (галочку)с пункта Добавить ссылку на страницу в главное меню сайта
06.01.2014 в 06:02      0  

Вердикт, спасибо за ответ! Понимаю, что топчусь где-то рядом, но нигде никогда не встречал пункта с чекбоксом: "Добавить ссылку на страницу в главное меню сайта" - тыкнете меня в него носом, пожалуйста! Если есть такой пункт, то да - это скорее всего то, что мне и надо, что я и ищу!

Ура! Нашёл этот чекбокс! Сейчас буду пробовать создавать то, что уже давным-давно хочу!
Спасибо Вам большое, Вердикт!
Вроде всё так просто, когда знаешь, что именно и куда воткнуть, а когда нет, то мучаешьсяс этим аж до дрожи в коленках... biggrin
06.01.2014 в 06:25      +1  

При создании страницы
http://mendog.ru/_ld/0/87171378.png

В конструкторе меню, можно и удалить пункты из главного (там и адреса есть)
06.01.2014 в 06:40      0  

Кстати, вот это Ваше последнее дополнение очень существенное!!! А то я снимаю галочку с чекбокса, копирую URL адрес страницы, сохраняю и при выходе на с траницу меня выбрасывало не на обычную, а с редактированием.

Ещё раз СПАСИБО!
13.03.2014 в 22:54      0  

Здравствуйте! И все же я не понял, как создать новый полноценный пункт меню, чтобы можно было добавлять в него новые материалы. Через редактор создаю страницу, вставляю ее URL адрес. Но потом в созданном пункте меню опять новая пустая страница. Если ее заполнить текстом и фото, то все равно, кликнув по вновь созданному пункту, созданной страницы не обнаруживаю. Может, подскажете, пошагово? Никак не разберусь.
14.03.2014 в 11:35      0  

Здравствуйте!
Страницы добавляются не в пункт меню, а в модуль. Сначала вы создаете страницу с помощью модуля "Редактор страниц". Если при добавлении страницы активирована опция "Добавить ссылку на страницу в главное меню сайта", данная страница автоматически будет добавлена в меню сайта и повторно добавлять вручную её не нужно. Вручную вы добавляете пункт в том случае, если указанная опция не была активирована.
24.04.2014 в 18:00      0  

Здравствуйте!
Это, я так понимаю для основного меню(горизонтального), а как же быть с вертикальным? как сделать, например:
ПЛАТЬЯ
-Повседневные платья
-Вечерние платья
????????????
24.04.2014 в 22:24      0  

Здравствуйте!
Всё зависит от того, как у Вас реализовано это меню. Укажите адрес вашего сайта.
05.10.2013 в 17:49      0  

Урок очень нужен, но вот только проблема... Почему-то на моем сайте ТОЛЬКО ФОРУМ!!!! Нет ни меню, ни каталога статнй, файлов... Что делать?
05.10.2013 в 18:10      0  

Здравствуйте, укажите адрес Вашего сайта.
05.10.2013 в 18:14      0  

http://onlysims.my1.ru/
Это фан-сайт. Не пугайтесь
05.10.2013 в 18:46      0  

У вас в качестве главной страницы установлен модуль форума. На странице данного модуля левый контейнер с блоками меню и т.д отсутствует.
05.10.2013 в 18:56      0  

Как можно это исправить?
05.10.2013 в 19:50      0  

То, что на форуме нет блока с меню сайта - не ошибка. Его наличие там - неуместно.
22.05.2013 в 12:30      0  

Вопрос. Можно ли совместить меню и каталог статей? Что-то я не совсем понимаю разность этих структурных деревьев.  Уже готовые страницы в каталог статей можно добавлять или он предназначен только для вновь создаваемых?
24.05.2013 в 09:14      0  

Здравствуйте, по умолчанию в модулях отображаются категории. Меню сайта может быть установлено на любых страницах Вашего сайта.
08.04.2013 в 18:11      0  

Использую Дизайн #823, хотел установить горизонтальное меню,
но в этом шаблоне в категории глобальные блоки, не существует верхней части сайта,
только вот эти:

Глобальные блоки:
Нижняя часть сайта
Первый контейнер


Куда мне установить код $SMENU_2$ и будет ли вид горизонтального меню схожим с видом вертикального (я имею ввиду не сам текст, мне нужно что бы были такие же кнопки
Сайт http://yagotin-city.com.ua/, буду очень признателен если поможете
08.04.2013 в 20:05      0  

Здравствуйте, Вы можете устанавливать соответствующий код во всех шаблонах дизайна Вашего сайта: Панель управления → Управление дизайном, например, после/до упоминания кода:
Код
<h1 class="logo"><!-- <logo> --><!-- </logo> --></h1>
09.10.2012 в 23:36      0  

Как правльно URL адрес вводить? меня сильно этот вопрос интересует.
30.06.2012 в 20:51      0  

Вот в упор не вижу в "левом углу Панели, в строке «Основное меню сайта»" ничего!
Во-первых, на скриншоте показан никак не левый угол, а правый. Во-вторых, какой же это "тот же Конструктор меню", когда на скриншоте отображена страница Сайта.
В-третьих, ни там, ни здесь - у меня нет такого меню. Где его искать?
05.02.2012 в 18:34      0  

Весьма наглядно! Инструкция насыщенна графическими файлами... и это хорошо. cool
1 2 »