Как сделать в группе меню: Attention Required! | Cloudflare

Содержание

Как сделать меню в группе в социальной сети ВКонтакте

В настоящее время большинство групп в «ВКонтакте» наделяет собственный интерфейс меню, выполняющим не только функцию навигации, но и придающим сообществу привлекательный вид. Все это увеличивает конверсии, и в целом повышает посещаемость паблика. В этой статье речь пойдет о том, как сделать меню в группе во «ВКонтакте».

Цели использования меню


Графическое меню группы ВКонтакте

Навигация

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

Красивый вид

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


Побуждение совершить целевое действие

Хорошо подумайте над оформлением. Если его сделать качественным, кликабельное меню будет обращать внимание посетителей сообщества на себя, рождать в них интерес и мотивировать к выполнению целевого действия.

Каким образом можно сформировать текстовое меню


Навигационное меню в сообществе во «ВКонтакте» создается с помощью wiki-разметки. Данная технология дает широкие возможности редактировать текст на свое усмотрение. Для «ВК» такая разметка является необходимым орудием для создания запоминающихся страниц. Вот каким образом создается меню (все картинки кликабельны):
  1. Открываем «Управление» группой.
  2. Заходим в «Разделы».
  3. Открываем «Материалы» и производим их включение. Важно сделать их ограниченными, иначе изменять меню может любой член группы.
  4. Затем нужно сохранить изменения и перейти на страницу сообщества. Когда необходимый блок подключен, можно создавать меню.
  5. Открываем раздел «Свежие новости».
  6. Кликаем на «Редактировать».
  7. Производим смену наименования на необходимое.
  8. Подключаем «Режим вики-разметки». Когда вы навели курсор на кнопку <>, появится надпись «Визуальный режим редактирования».
  9. Обозначаем наименования каждого раздела. Каждый пункт записываем с новой строчки.
  10. Ставим во всех строчках квадратные скобки.
  11. Затем необходимо добавить перед наименованиями вертикальную черту.
  12. После этого следует добавить ссылки на необходимые страницы перед каждой вертикальной чертой. Там будут оказываться посетители после совершения клика.
  13. Далее ставим звездочку возле квадратных скобок около всех пунктов.
  14. В итоге кликаем на «Сохранить страницу» (нажимая «Предпросмотр» можно предварительно посмотреть, что получилось).


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

Создание графического меню


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

Инструкция по созданию графического меню в сообществе:

  1. Жмем на «Свежие новости» и «Редактировать».
  2. Активируем «Визуальный режим редактирования».
  3. Затем выбираем созданные в графическом редакторе картинки.
  4. Кликаем на каждую из них и задаем размеры.
  5. Переходим в «Режим wiki-разметки».
  6. Чтобы не было пробелов между картинками, после размеров каждой из них добавьте «nopadding».
  7. Затем необходимо после каждой вертикальной черты добавить ссылки, куда можно будет попасть после клика.
  8. В конце следует сохранить изменения.

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

Применение шаблонов


Кроме того, вам в помощь интернет предлагает всевозможные готовые шаблоны.

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

Выводы


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

При посещении обычного сообщества пользователь видит множество кнопок и может нажать куда угодно. Обычно это происходит наугад. Грамотный дизайн же обладает способностью привлечь внимание посетителей на чем-то конкретном и полезном.

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

Читайте также: Способы зайти в ВКонтакте невидимым

Как сделать вики меню вконтакте. Способы создания меню для групп ВКонтакте

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

Как правило, SMM специалист после завершения создания группы ВК начинает её наполнение. Именно контент способен задерживать людей в группе. Но только необходимо сделать это качественно и грамотно! После того, как в группе будут присутствовать: описания, записи на стену, альбомы с фото и видео, аудио записи, следует приступить к внедрению функционального меню. И пусть в начале пути меню будет не суперски красивым, как мы привыкли наблюдать в начале работы, а довольно простеньким. В первую очередь важна полезность имеющегося контента!

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

Быстрая навигация:

Что такое меню группы

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

Создание меню группы Вконтакте онлайн

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

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

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

Шаг 1. Определитесь с шаблоном для оформления.

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

Шаг 2. Определите количество кнопок.

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

Шаг 3. Укажите ссылки и надписи.

Шаг 4. Проверка и экспорт.

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

Шаг 5. Внесений изменений.

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

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

Баннер для группы Вконтакте, создать бесплатно!

Есть специализированные сайты, где без особых усилий и программного обеспечения, Вы сможете сделать себе красивый баннер для группы Вконтакте. Например https://bannermakers.ru/banners-vk/ .

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

Меню ВК вики разметка

Вики-разметка — отличный помощник в создании красивого и эффективного сообщества! Это очень удобный и эффективный способ оформления паблика в популярной сети «ВКонтакте». Эта разметка по схеме своего действия очень схожа с html кодом. Но для тех, кто не связан с программированием,

она будет достаточно понятней за счет простоты реализации. Своё название данная разметка обрела благодаря «Википедии», где многочисленные пользователи в первый раз получили возможность ознакомиться с главными особенностями её функций. Вики-разметка дает возможность людям без навыков в программировании легко и быстро оформлять группу:

· Создавать спойлеры и таблицы графическим способом.

· Форматировать изображения и текст.

Итак, перейдем к разбору как же сделать меню сообществу ВК?

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

Немного остановимся на ее истории, а затем уже поговорим о технологии. Уорд Каннингем впервые познакомил людей с понятием «вики», которое в переводе с гавайского языка означает «быстрый». Таким образом, он выразил простоту и скорость в использовании разметки.

Быстрое оформление

Теперь мы рассмотрим вопросы: «Как сделать меню в группе в ВК», и уточним, как его эффективно реализовать. В процессе можно пойти несколькими путями, каждый из которых имеет свое направление и приводит к конечной цели – наличие качественного меню группы.

Будем разбираться по порядку. Если группа несет в себе смысл социального направления, то можно внедрить текстовое меню. Его преимущества заключаются в серьезном внешнем виде. Сообществам коммерческого и развлекательного типа желательно определить ставку на меню — графику. Не стоит забывать о том, что существуют уже готовые шаблоны для меню группы вк. Использование изображений обратит внимание посетителей на то, что должно присутствовать на виду. Использование такого подхода даст вам возможность сделать нахождение в группе более увлекательным и расслабляющим. Вики – разметка позволяет сделать меню группы с картинками и фотографиями, делать таблицы, внедрять и открывать ссылки, и многое другое. Конечно, это далеко не весь перечень функций, но и оформлять меню своего сообщества легко и с довольно внушительным размахом.

Основы Wiki-разметки в создании меню для группы ВК

Создать меню группы ВК, красивым и интересным вам позволят тематические картинки и фотографии. Важно знать, что «ВКонтакте» вставить необходимую фотографию или картинку с использованием вики-разметки предоставляется возможным только тогда, когда они уже загружены в альбомы сайта. Итак, заходим в альбом, определяемся с нужной фотографией и копируем её адрес. Допустим, пускай он будет таким: photo14523_90678. Теперь нужно его захватить в двойные квадратные скобки. Должен быть такой итоге: []. А что, если к картинке или фотографии нужно прикрепить ссылку или тект? А может, есть необходимость отредактировать внешний образ? Тогда здесь поможет следующее действие: нужно, чтобы файл имел такой вид — [[ photo14523_90678|options|text/link]], и вместо трех последних слов нужно подставить то, что надо. Text — вписываем то, что нужно. Здесь наверняка дополнительные объяснения будут неуместны. Link в переводе с английского — «ссылка». Обозначается для того, чтобы машина посетителя понимала, куда ей необходимо идти. Options — здесь устанавливаются такие значения:

Noborder — удаляется рамка, расположенная около фотографии. Box — изображение расположено в окне.

Nopadding — пробелы между картинками не отображаются.

NNNxYYYpx или NNNpx — указывают на размер картинки (в пикселя).

Как правило, к текстовому и графическому меню группы вк необходимо встраивать элемент, позволяющий представить информацию в удобном для посетителя виде, а именно таблицы. Без нее обходится мало какое сообщество в «ВКонтакте». Чтобы создать таблицу используя вики-разметку, нужно применять определённый перечень символов. Далее вы ознакомитесь, за какой функционал отвечает тот или иной символ:

{| — обозначение начала таблицы. Обойтись без этого символа при создании таблицы невозможно, он обязательный атрибут.

| — применяется, для придания ячейкам эффекта прозрачности.

|+ — с помощью такого набора символов название таблицы располагают по центру. Это вовсе не обязательный атрибут, но он должен размещаться непосредственно после знаков, что характеризуют начало.

|- — так обозначаются новые строки (также и для ячеек).

Оформляет тёмный цвет. При отсутствии этого символа необходимо применять знак из пункта №2.

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

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

Теперь вы поэтапно изучили информацию как сделать меню в группе вк посредством вики – разметки. На примере составления меню для своего паблика вам станет еще все более понятней.

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

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

Итак, пособие как сделать меню в новой версии ВК быстро и что самое важное без ошибок в коде перед вами. Точно следуя указаниям, вы сможете создать меню сами, правильно и быстро! Начнем!

1. Открываем изображение меню в фотошопе или другом графическом редакторе.

2. Исследуем размер картинки и если он превышает 600пикс по ширине — меняем размер на 600, высота картинки изменяется пропорционально, вручную ее не задаем!

3. Используем инструмент «раскройка» и кроим наше изображение на кнопки.

4. Сохраняем картинку в параметре «для WEB». Теперь работа по фотошоп закончена. Переходим в сообщество.

5. Переходим в настройки сообщества в «Материалы», выбираем «Ограниченные» и жмем «Сохранить».

6. Переходим на главную страницу, во подраздел «свежие новости» кликаем «редактировать».

7. Так мы оказались в Вики редакторе, теперь начнется самая основная деятельность. Изменяем графу «свежие новости» на «меню» или любое иное и кликаем значок фотокамеры, внедряем все нарезанные кусочки из сохраненной папки.

Если вместо кода появляются сразу картинки после входа в редактор вики разметка меню необходимо переключить режим вики разметки!

Теперь перед нами код нашего меню, но его необходимо немного доработать, чтобы удалить пробелы между изображениями. Сейчас наш код выглядит таким образом: [][-][-][-][-]

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

8. Правим код: По умолчанию в вк встроено разрешение на максимальный размер изображения по ширине 400пикс, первая кнопка получается 600, меняем параметры первой кнопки 400x89px на 600рх, высоту указывать не нужен. Так же вписываем в каждую строку такой тег: nopadding обязательно через точку с запятой.

Важно! Не кликайте на ENTER после строк кода если желаете, чтобы у вас две кнопки находились рядом, в одной строке меню. Редактор автоматически перенесет на новую строку те параметры, которые не влазят! Такой код должен быть после правки:

[][-][-][-][-]

Теперь, перейдя в «предпросмотр» мы видим что все находится на своих местах. Добавляем в код необходимые ссылки на каждую из кнопок, для наглядного примера ссылка на первую кнопку здесь некликабельна! Не забывайте убрать лишний пробел между | и ].

[][-][-][-][-]

Убедившись что все сделано, как было задумано, кликаем «сохранить» и возвращаемся к странице. Обратите внимание что в новой версии 2018 отсутствует кнопка «вернуться к странице», поэтому нужно просто кликать на имя страницы вверху.

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

10. В поле нового сообщения нужно вставить скопированную ссылку. После того как отобразиться кусочек меню ссылку нужно удалить! И посредством значка фотокамеры нужно добавить заранее подготовленное изображение для баннера. Ставим «от имени сообщества», кликая на кружок слева от кнопки «отправить», и жмем на «отправить»

11. Теперь закрепим меню, обновим страницу и оцениваем наш результат. На всю работу, не спеша, затрачивается примерно 15-20 минут.

Как сделать меню в группе ВК с переходами

Теперь рассмотрим, как можно сделать меню группы ВК с переходами.

Итак, как же сделать одно вики меню внутри другого? В первую очередь, должно быть готово первое меню. Будем отталкиваться от уже нарезанной на кнопки картинку. Добавляем раскроенные кусочки изображения через заначек фотокамеры в редакторе вики. Если вместо кода появляются картинки, значит не включен режим вики разметки, перед добавлением изображения нажмите

Не забываем кликать на «Сохранить» внизу страницы! При необходимости можно изменить размер изображения и дописать в код тег nopadding, по умолчанию он отсутствует, а размер картинки должен быть максимум 400 пикселей по ширине, если изображение больше нужно исправить его на нужный размер!

1. После правки кода, сохраняем и кликаем «вернуться».

2. Проверяем в правильности отображения первого меню.

3. Если все как надо, снова кликаем «редактировать».

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

Пока ваша только что сформированная страница еще пуста, кликаем «редактировать» либо «наполнить содержанием»

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

Если все так как надо — копируем ссылочку на страницу нового меню в адресной строке вашего браузера.

Допустим, новое меню должно открываться при клике на кнопку «Отзывы» первого меню. Нужно пройти во вкладку где мы формировали первое меню и найти третью строку и вставить ссылку из буфера, сохранится и возвратиться.

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

Как сделать меню группы ВК с телефона

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

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

Меню группы Вконтакте шаблоны

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

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

Здравствуйте, друзья. Все движется, все меняется. Социальная сеть Вконтакте тоже не стоит на месте. Вот и моя публикация о создании единого блока Вконтакте Аватар+Меню на сегодняшний день стала не актуальна. Теперь при создании группы блок Новости, который был необходим для такого меню, просто отсутствует.

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

Итак, давайте по порядку.

Как создать вики-страницу?

1. Создайте в адресной строке вашего браузера ссылку вида:

  • ххх – id вашей группы или публичной страницы;
  • Название_страницы – любое слово, которым вы назовете свою страницу.

Как узнать id вашего сообщества? Если id не содержится в ссылке, например, https://vk.com/make_community , его можно узнать следующим образом. Нажимаете на заголовок стены группы, где написано количество публикаций.

Откроется отдельно стена вашего сообщества. В адресной строке будут цифры. Это и есть id вашего сообщества.


2.
Перейдите по созданной вами ссылке и нажмите “Наполнить содержанием”.

3. Наполните вашу страницу содержанием. К примеру, нам необходимо графическое меню в виде отдельных кнопок. Сначала создаем всю картинку целиком.

Затем разрезаем ее на отдельные кнопки. В данном конкретном случае у нас должно получится четыре картинки-кнопки.

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

После загрузки всех картинок должно получится вот так:

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

Создаем меню.

Должна получится вот такая запись на стене вашей группы Вконтакте:

Как закрепить меню?

Нам остается закрепить меню наверху группы. Для этого жмем на текст перед картинкой в записи. В открывшемся окне внизу справа нажимаем “Закрепить”.

Все. Теперь у нас должно получится вот так:

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

Во всех сообществах Вконтакте, в которых можно структурировать информацию, я рекомендую делать меню. Это безусловно повысит удобство пользованием вашим сообществом. А как закрепить меню Вконтакте мы с вами разобрали на конкретном примере. Остается пожелать вам удачи в развитии и продвижении ваших сообществ!

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

Оформляю группы Вконтакте
Качественный дизайн групп и пабликов ВК, закрепленное меню, раскрывающееся меню, внутреннее графическое меню, каталоги, внутренняя навигация — цены и портфолио .

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

Шаг 1.
Создаем в фотошопе новый документ размером где то 850х700 пикселей, заливаем его белым цветом. В данном примере я сразу наложила сверху интерфейс ВКонтакта для наглядности. Теперь нам надо вырезать в слое два окна, через которые будет проглядывать собственно само графическое оформление. Сначала выделяем прямоугольник размером 200х500 пикселя и нажимаем Del. Потом выделяем прямоугольник размером 510х309 и также нажимаем Del.

Прямоугольники выравниваем по нижнему краю, расстояние между фигурами 50 пикселей. Данное оформление рассчитано на одну строку названия группы, одну строку статуса и три строки описания и технической информации. Если у вас будет другое количество строк, то тогда по месту подгоняйте высоту левой картинки.

Шаг 2.
Теперь под этим слоем располагаем все наше графическое оформление. В данном случае я положила картинку с основным фоном, потом написала текст, и потом в левом прямоугольнике .

Шаг 3.
Теперь правый прямоугольник (аватар) сразу же сохраняем отдельной картинкой размером 200х500 пикселя. Это уже готовая картинка для оформления группы. Она загружается в блок в правом верхнем углу группы, где написано «Обновить фотографию». А левую картинку надо нарезать на несколько картинок по количеству пунктов меню. В данном случае это 5 картинок шириной 510 пикселя.

Шаг 4.
На этом шаге нам надо загрузить наши нарезанные картинки ВКонтакт. Для этого сразу под описанием группы выбираем блок «Свежие новости», по-моему так он называется в оригинале. Я его переименовала в «Меню». Нажимаем «Редактировать». Важно! Во-первых, у вас должна быть именно Открытая группа, а не Страница. Поскольку на Странице такого пункта просто нет. И второе, в меню Управление сообществом > Информация > Материалы должен быть выбран пункт «Открытые».

Шаг 5.
Итак, во вкладке «Редактирование» мы нажимаем на иконку фотоаппарата и загружаем наши пять нарезанных картинок меню. ВКонтакт загрузит их по-своему, уменьшив размер до 400 пикселей по ширине и присвоив картинке тег noborder. В следующем шаге нам предстоит немного поправить код.

Шаг 6.
А именно, мы выставляем оригинальные размеры картинок и меняем тег noborder на тег nopadding. Также нам надо проставить урл ссылок с каждого пункта меню. В данном случае первая ссылка ведет на внутреннюю страницу Вконтакта, а остальные четыре ссылки ведут прямо на страницы моего сайта.

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

[][][]

Шаг 7.
Еще раз повторяю, чтобы открыть данное меню надо щелкнуть по надписи «Меню». А так оно всегда находится в свернутом виде. Читайте комментарии к посту, там много вопросов разобрано. Ну и присоединяйтесь к моей группе В Контакте .

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

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

Меню в паблике? Проще простого!

Пересмотрите еще раз статьи: и , сейчас нам пригодятся эти знания!

3 шага к красивому меню паблика!

Вероятно вы уже догадались, что основу такого меню составляет… закрепленный пост с внутренней страницей! Лично мне этот способ очень нравится, даже в группе моего блога я отказалась от встраивания и использую именно «меню в закрепе». И сейчас я дам вам четкую инструкцию «как это сделать»!

Шаг №1: Создаем внутреннюю страницу меню

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

Вариант 1: (обычный)

http://vk.com/pages?oid=- XXX &p=Нaзвание_страницы

где XXX — ID Вашей публичной страницы,

а «Название_страницы» — любое слово, которым будет названа страница

Вариант 2: (облегченный, но )

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

Это вики-код меню

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

А это готовая страничка меню

Шаг №2: Создаем пост на стене

Теперь мы должны добавить наше меню на стену сообщества вконтакте. Для этого копируем ссылку на внутреннюю страницу и добавляем её в пост, вот так:

Вероятно вы уже знаете, ссылка к посту прикрепляется автоматически и после того как ссылка прикрепилась из самого поста адрес страницы можно удалить. Если опубликовать ссылку, то меню на стене не появится, а будет просто ссылка, кликнув на которую человек попадет в наше меню. Это только пол дела! Нам нужно, что бы меню было заметным и висело в закрепе, т.е. на самом видном месте.

Итак, теперь мы должны удалить ссылку из «тела» поста (прикрепившаяся страница останется), и добавить к посту изображение , которое будут видеть подписчики. Фишка в том, что если в одной записи присутствуют ссылка и изображение, то при нажатии на картинку будет совершаться переход по ссылке ! Все гениальное просто!
Картинка может частично или полностью повторять само меню, здесь уже вам решать. Если будете заказывать меню для паблика, то вам нужен еще и банер, т.е. картинку, которая будет висеть в закрепе. Вот что мы получим при публикации поста:

Картинка повторяет меню и привлекает внимание посетителей страницы

Шаг №3: Закрепляем пост

Наконец-то у нас все готово и пост висит с картинкой и ссылкой на стене! Теперь нам нужно перенести его в шапку группы, закрепить пост на главной, сделать закреп… Для этого щелкаем на дату/время поста (под каждым постом есть дата публикации), мы попадаем на внутреннюю страницу поста, листаем его вниз и ищем там кнопку «закрепить». Смотрите на картинке, что вам нужно найти:

Нажимаем на эту кнопку и обновляем страницу. Вуаля, все готово! Наслаждаемся красивым меню!

vk.com/frilkacom

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

Вот так, с помощью трех не сложных шагов нам удалось создать красивое меню, которое можно использовать в любом ВК сообществе!

У меня на это все! Делитесь статьей с друзьями, добавляйте в избранное и следите за обновлениями блога, чтобы не пропустить новые интересные статьи!

Сегодня мы опять возвращаемся к теме оформления групп В Контакте. Ранее мы уже научились . Сегодня мы будем учиться делать графическое меню с закрепленным верхним баннером и ссылкой на внутреннюю страницу с пунктам расширенного меню. В общем то, на внутренней странице может быть любая информация. Особенно удобно там располагать, например каталоги с ассортиментом продукции. И у раскрывающегося меню и у закрепленного меню есть свои плюсы и минусы. Основной минус раскрывающегося меню — то, что он по умолчанию находится в закрытом состоянии. Но зато на нем можно разместить сразу несколько ссылок.

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

Оформляю группы Вконтакте
Качественный дизайн групп и пабликов ВК, закрепленное меню, раскрывающееся меню, внутреннее графическое меню, каталоги, внутренняя навигация — цены и портфолио .

Шаг 1
Создаем в фотошопе новый документ размером примерно 900х700 пикселей, заливаем его белым цветом. Теперь нам надо вырезать в слое два окна, через которые будет проглядывать собственно само графическое оформление. Сначала выделяем прямоугольник размером 200х500 пикселя (аватар) и нажимаем Del. Потом выделяем прямоугольник размером 510х352 (выравниваем по нижней линии аватара и делаем расстояние между фигурами 50 пикселей) и также нажимаем Del.
После очередного апдейта дизайна ВКонтактом (31.10.2016) размеры баннера стали 510х307 (а не 510х352).

Шаг 2
Теперь ниже белого слоя кладем какую-нибудь единую картинку, которая и будет составлять основу оформления.

Шаг 3
После этого дополняем картинку различными элементами — логотипом, текстовыми надписями и кнопкой, призывающей кликнуть по меню. Затем сохраняем на компьютере две отдельных картинки — одна аватар (справа), вторая меню с кнопкой кликнуть (слева).

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

Шаг 5
Нарезаем наше меню на несколько горизонтальных полосок в соответствии с количеством пунктов меню. Сохраняем в виде отдельных файлов.

Шаг 6
Заходим в нашу группу Вконтакте, нажимаем «Управление сообществом» (при нажатии на три точки под автаром открывается выпадающее меню) и проверяем правильность установок. Группа должна быть открытая и материалы тоже открыты.

Шаг 7
Теперь загружаем новый аватар. Подводим мышкой к месту аватара и на всплывающем меню выбираем «Обновить фотографию». Загружаем правую фотографию из Шага 3, растягиваем область выделения вверх и вниз до краев картинки, нажимаем «Сохранить» и потом выбираем область для круглой миниатюры.

Шаг 8
Теперь нужно создать внутреннюю страницу. О том, как это сделать, подробно расписано в уроке . Еще один альтернативный способ создания внутренней страницы расписан в уроке « » в Шаге 5 и 6.

Шаг 9
После того, как мы создали внутреннюю страницу, можно перейти на нее. Для этого нужно нажать на раскрывающееся меню группы (по умолчанию этот пункт называется «Свежие новости» — я переименовала в «Меню») и там нажать на ссылку «Меню». После этого мы перейдем на вновь созданную пустую страницу.

Шаг 10
Теперь нам надо создать графическое меню из пяти пунктов. Для этого мы загружаем в альбом группы наши пять картинок из Шага 5. Мы нажимаем на значок фотоаппарата и загружаем нарезанные картинки с компьютера. Хранится картинки будут где-то на серверах ВКонтакта с привязкой к группе, поэтому создавать отдельный альбом для картинок-нарезок не обязательно. Загружать картинки нужно в режими Вики-разметки.

Шаг 11
Теперь в режиме вики-разметки мы будем создавать графическое меню. Очень важно создавать именно в режиме вики-разметки (иконка в правом верхнем углу из двух треугольных скобочек), а не в визуальном режиме редактирования. Подробнее о создании кода в вики-разметке рассказано в Шаге 4 и Шаге 5 урока « «. Там же приведен шаблон кода для вставки. Если все сделано правильно, то должно получиться готовое графическое меню, как на рисунке ниже.

Шаг 12
Теперь возвращаемся на главную страницу группы, берем урл нашей внутренней страницы (он должен быть такого вида https://vk.com/page-78320145_49821289) и вставляем в окошко, где создаются новости. Автоматически должно прикрепиться окошко со ссылкой на эту самую внутреннюю страницу. После этого мы подводим курсор к надписи «Прикрепить» и прикрепляем к записи фотографию, а именно нашу картинку слева из Шага 3. После этого стираем строку с урл внутренней страницы, оставив пустое место. Важно! На данном шаге надо поставить галочку (если есть такие права, в основном это касается групп с открытой стеной) в чекбоксе «От имени группы». Если эту галочку не поставить, то запись невозможно будет закрепить. В конце нажимаем «Отправить».

Шаг 13
Подводим курсор к трем точкам рядом с заголовком поста и в выпадающем окошке выбираем пункт «Закрепить». Соответственно также новость и открепляется, если необходимо.

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

Шаг 15
Теперь обновляем главную страницу группы. Наше графическое меню будет вверху соседствовать рядом с аватаром. А при нажатии на картинку, мы попадаем на внутреннюю страницу с меню из пяти пунктов.

Как сделать меню в группе Вконтакте

В сегодняшней публикации мы поговорим о том, как сделать красивое и качественное меню в группе Вконтакте. Сегодня ВК – это не просто площадка для общения со своими друзьями, количество которых всегда можно увеличить, воспользовавшись данным сервисом от студии пиара socprka.ru. Вконтакте – это отличный инструмент для продвижения своей продукции, бренда, идеи и т.п. Во Вконтакте создаются и развиваются самые разные группы, поэтому нужно как-то выгодно выделяться на фоне конкурентов. Очевидно, главное – это умение заинтересовать потенциальных подписчиков (клиентов). Нужно сделать так, чтобы они возвращались на вашу страничку. Некачественная и плохо оформленная группа этому точно не поспособствует, поэтому нужен высококачественный, что называется, эффективный, дизайн. Если не хотите тратить время на изучение азов дизайна Вконтакте, обращайтесь к нам. Специалисты SocPRka сделают вашу группу неповторимой. Заказывайте тариф «Вип» или «Премиум», которые предусматривают создание меню для группы. Если нет возможности оплатить услуги профессионалов, тогда читайте внимательно данную инструкцию.

Посмотрите на верхний рисунок. Это пример красивого кликабельного меню в группе Vkontakte. Здесь и красивые цвета, и запоминающаяся картинка, и само меню. Для того, чтобы такое сделать, нужно хорошо знать две вещи: Фотошоп и вики-разметку. Даже и вики-разметку знать не обязательно, так как существуют сервисы, при помощи которых можно эту самую разметку скопировать с понравившегося меню другой группы. Один из подобных ресурсов расположен по адресу: «vkmaster.zf-projects.ru» (нижний скриншот). На сайте есть множество отличных функций: зачеркивание текста ВК, дата регистрации, дата рождения, поиск ВУЗов, код wiki-страницы и др.

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

Сделать меню для группы Вконтакте в 2018 году стало проще

А сейчас поговорим о специальных сервисах, которые помогут в 2018 году сделать меню для своей группы Вконтакте намного проще и быстрее, нежели при помощи редактирования разметки. Один из таких инструментов – это menumake.ru (смотрите рисунок внизу). Заходим на сайт через профиль Вконтакте. При этом обязательно даем сервису разрешения, которые он попросит. После входа вы увидите все вами администрируемые сообщества.

Справа возле каждой группы будет расположена кнопка создания меню. Если раньше вы уже пользовались данным сервисом, то на кнопке будет надпись: «Изменить меню» (картинка ниже). Выбираем группу, кликаем по кнопке, чтобы перейти непосредственно к оформлению. Сам процесс создания меню нет смысла описывать подробно, ведь все предельно просто. Заполняем аккуратно все поля: выбираем фон будущего меню, ссылки на пункты меню, анкоры, количество пунктов, обводки, цвета, размеры и пр. После окончательной настройки загружаем меню в группу, нажав на специальную кнопку. Можно посоветовать еще несколько хороших инструментов для создания меню Vkontakte.

  • menumaker.pw.
  • vkprofi.ru.

Инструкция как сделать вики меню Вконтакте для группы

Теперь вернемся к вики-меню, но прежде советуем вам внимательно ознакомиться с постом, посвященным главным принципам и азам этого типа разметки. Можно сказать, что это Вики разметка ВК для начинающих или просто «чайников». Приступим к самой инструкции. Вспоминаем, в самом начале публикации мы говорили о сервисе VKmacter. Нам потребуется в этом вопросе его помощь. Итак.

  • Находим группу с красиво и качественно оформленным меню.
  • Копируем в буфер ссылку на страницу с меню.
  • Далее заходим по ссылке: «vkmaster.zf-projects.ru/wiki-pcode». Вставляем скопированную ранее ссылку в специальное поле.
  • Нажимаем кнопку: «Узнать».
  • Чуть ниже появится поле с кодом wiki-страницы.
  • Копируем данный кусок кода (смотрите скрин внизу).

  • Переходим на свою страничку редактирования свежих новостей на главной странице группы. Вставляем код, редактируем его под свои адреса ссыллок и анкоры.

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

Что же касается фона и красивого текста в оформлении, то тут поможет Photoshop и его инструмент «Раскройка». Раскраиваем фон на количество областей, которое нужно. Подписываем каждую область по названиям будущих пунктов меню. И сохраняем проект для вэб. После загружаем все фотки в отдельный альбом, копируем ссылки на них, чтобы вставить в код. После этого сохраняем, переходим на страницу сообщества, обновляем и радуемся результату. Параметры фона подбирайте сами. Вполне нормально смотрятся картинки с шириной 600 пикселей.

Настройка ленты в Office

На ленте находятся вкладки Главная, Вставка, Конструктор и т. д. Например, на рисунке ниже показаны вкладки в Word.

Вы можете добавлять настраиваемые вкладки, переименовывать встроенные вкладки и изменять их порядок Office. В списке Настроить ленту настраиваемые вкладки помечаются надписью «(настраиваемая)», которая не отображается на ленте.

Открытие окна «Настройка ленты»

Для работы с лентой необходимо окне Настроить ленту. Вот как это сделать:

  1. Откройте приложение, в которое вы хотите настроить ленту, например PowerPoint или Excel.

  2. Поместите указатель мыши в пустое место на ленте и щелкните его правой кнопкой мыши.

  3. Выберите команду Настройка ленты.

Теперь вы можете настроить ленту, вы можете сделать все, что вам нужно.

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

Порядок вкладок Главная, Вставка, Рисовать, Конструктор и другие вкладки можно изменить. Расположение вкладки Файл изменить нельзя .

  1. В окне Настройка ленты в списке Настроить ленту выберите вкладку, которую вы хотите переместить.

  2. Нажимайте кнопку Вверх или Вниз, пока вкладка не окажется в нужной позиции.

  3. Чтобы увидеть и сохранить изменения, нажмите кнопку ОК.

Создание настраиваемой вкладки

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

  1. В окне Настройка ленты нажмите кнопку Создать вкладку, расположенную под списком Настроить ленту.

  2. Чтобы увидеть и сохранить изменения, нажмите кнопку ОК.

Переименование стандартной или настраиваемой вкладки

  1. В окне Настройка ленты в списке Настроить ленту выберите вкладку, которую вы хотите переименовать.

  2. Нажмите кнопку Переименование и введите новое имя.

  3. Чтобы увидеть и сохранить изменения, нажмите кнопку ОК.

Скрытие стандартной или настраиваемой вкладки

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

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

  2. Чтобы увидеть и сохранить изменения, нажмите кнопку ОК.

Удаление настраиваемой вкладки

Если удалять можно только настраиваемые вкладки, то скрывать — как стандартные, так и настраиваемые. Настраиваемые вкладки и группы помечаются надписью «(настраиваемая)», которая не отображается на ленте.

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

  2. Нажмите кнопку Удалить.

  3. Чтобы увидеть и сохранить изменения, нажмите кнопку ОК.

html — должно ли средство чтения с экрана читать «Главная, Ссылка, Элемент меню» или «Главная, Элемент меню»

Просто для тех, кто наткнется на это, aria-role="menu" и aria-role="menu-item" — это , а не для навигации по сайту (как здесь).

Они предназначены для меню приложений (таких как выпадающие с командами).

Для навигации по сайту правильная (и гораздо более простая) разметка — просто использовать элемент

Не используйте WAI-ARIA, если вы не изучили все остальные варианты или вам не нужна поддержка старых браузеров!

Дополнительный

С aria-role="menu" вам нужно не только реализовать навигацию с помощью клавиш со стрелками.Вы также должны добавить функциональность, которая гарантирует, что: —

  • меню можно закрыть клавишей Esc .
  • вы можете перейти к параметрам, используя буквы (так что d может перейти к «детали», следующее нажатие d может перейти к «удалить», если это были параметры меню).
  • Дом должен перейти в начало списка
  • Конец должен перейти к последнему элементу в списке

Наконец

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

  • должен иметь role="presentation none" (используйте как «presentation» , так и «none» в соответствии с руководством), чтобы удалить семантическое значение, а role="menu-item" должен быть на самом якоре.

      
    
      

    Также не забывайте, что вам нужно связать <кнопку> , открывающую меню, с самим меню, поэтому у вас должен быть идентификатор на role="menu" , и, наконец, не забудьте что когда меню закрыто, вы должны вернуть фокус на кнопку, которая его открыла.

      

    Как закрыть пункт меню ресторана | QSR Automations|Как удалить пункт меню ресторана

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

    Аналитика данных и ваше меню

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

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

    Измерение стоимости

    Что касается вашего анализа данных, действительно ли стоит отказаться от пункта меню? Здесь в игру вступает баланс между стоимостью и вашим обычным списком ингредиентов. Например, если вы представляете сеть, экономит ли отмена пункта меню ваши затраты на ингредиенты? Имейте в виду, что некоторые рецепты совпадают с ингредиентами, поэтому вы все равно можете заказать все то же самое.Эти обстоятельства делают излишним удаление пункта меню, если только вы не можете оправдать его с финансовой точки зрения каким-либо другим способом, например, трудовыми или маркетинговыми.

    Отмена всех уникальных ингредиентов у вашего дистрибьютора

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

    .

    Реклама

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

    Измените свое меню

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

    Поделиться в социальных сетях

    Есть много веских причин использовать социальные сети в вашем ресторане: они дешевы, просты в использовании и могут охватить большое количество людей. Будь то ресторан Facebook, Twitter или Instagram, социальные сети могут напрямую связать вас с вашими гостями. Не знаете, как отказаться от пункта меню и стоит ли вообще это делать? Разместите опрос и оцените реакцию общественности.Разместите обратный отсчет в социальных сетях, чтобы создать шумиху, которая может привлечь людей к вашей двери, чтобы в последний раз попробовать то, что, возможно, было их любимым блюдом, или посмотреть, из-за чего весь этот шум.

    Все должно пройти

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

    Дефицитный маркетинг

    Судя по отзывам общественности, возможно, пункт меню, который вы прекращаете, стоит периодически пересматривать. Эта практика известна как маркетинг дефицита, который вызывает интерес с помощью ограниченных по времени предложений и возможностей.Хотите McRib или пиццу с начинкой из хот-дога? Они только приходят так часто. Предпосылка о том, что чего-то не хватает, способствует эксклюзивности и повышает ценность опыта, которого раньше, возможно, не было.

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

    Заключение

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

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

    Подписаться


    Об авторе

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

    Как построить меню навигации? — База знаний / Руководства по веб-сайтам / Дизайнер веб-сайтов

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

    Навигация:

    Доступ к меню домашней страницы
    Добавление или редактирование пункта меню
    Создание папок и организация меню навигации

    Доступ к меню домашней страницы

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

    2. После входа в систему нажмите Зона пользователя в правом верхнем углу.

    3. В верхней части серой строки меню щелкните вкладку Website , затем щелкните Website Designer в синей строке меню.

    4. Теперь вы находитесь в конструкторе веб-сайтов . Здесь вы можете получить доступ ко всем вашим функциям веб-дизайна.Нажмите оранжевую кнопку Edit Menu  .

    5. Вы увидите список пунктов меню, составляющих текущее меню навигации вашей домашней страницы.

    Добавление или редактирование пункта меню

    1а. Чтобы добавить новый пункт меню, нажмите кнопку Добавить новый пункт меню  .

    1б. Чтобы отредактировать существующий пункт меню, щелкните ссылку Изменить в той же строке, что и пункт меню, который вы хотите отредактировать.

    2.Там будет несколько полей, которые необходимо заполнить.

    • Название меню   — название пункта меню. Это будет отображаться в вашем меню на вашем сайте.
    • Подсказка (необязательно) — появляется, если пользователь наводит курсор мыши на заголовок меню на веб-сайте.
    • Тип ссылки — это тип ссылки, по которой будет открываться меню. Пожалуйста, смотрите немного ниже для различных типов ссылок.

    Типы ссылок

    • Встроенная страница : Встроенные страницы — это созданные системой страницы, которые автоматически обновляются.Варианты, которые вы можете выбрать:
      • Домашний — Домашняя страница клуба.
      • Бюллетень Список — Веб-страница со списком клубных бюллетеней.
      • Club Руководители — веб-страница, на которой в виде списка представлены руководители клуба.
      • Контакт Нас — веб-страница, которую человек может отправить по электронной почте контактному лицу веб-сайта.
      • Загрузка файлов — веб-страница со списком файлов в области загрузки файлов
      • Событие Календарь — веб-страница, на которой отображается календарь с событиями из Планировщика событий, MyEventRunner, докладчиков и элементов календаря.
      • Главная страница Истории — Веб-страница, на которой отображаются истории.
      • Фото Альбомы — Веб-страница, на которой отображаются фотоальбомы.
      • Поиск — веб-страница, на которой можно выполнять поиск контента на веб-сайте.
      • Подпись Up — Веб-страница, на которой человек может ввести свою информацию, чтобы быть добавленным в список адресов электронной почты клуба.
      • Динамики — Веб-страница, на которой отображаются динамики.
      • eDirectory Отчет 2.0 (требуется вход в систему)  — переход участника на страницу отчета eDirectory 2.0 в ClubRunner.
      • Редактировать мой профиль  (требуется вход в систему) — переход участника к его профилю в ClubRunner.
      • Центр сообщений электронной почты  (Требуется вход в систему)   – переводит участника в Центр сообщений электронной почты.
      • Просмотр каталога клубов  (Требуется вход в систему) — переход участника в каталог клубов
      • Просмотр документов клуба  (требуется вход в систему) — переход участника на страницу документов клуба.
      • Просмотр каталога фотографий клуба  (Требуется вход в систему) — переход участника в каталог фотографий клуба.
    • Пользовательская страница : Это позволяет вам ссылаться на пользовательскую страницу, которую вы создали на веб-сайте
    • .
    • Пользовательский URL-адрес : Позволяет ввести любой URL-адрес или адрес веб-сайта, который будет перенаправлять посетителей на этот сайт. Обязательно укажите https:// перед адресом сайта. Target позволяет вам указать, открывать ли эту ссылку в том же окне или в новом.
    • Документ : позволяет выбрать файл для загрузки из области документации клуба.
    • Событие : отображает раскрывающийся список событий из Планировщика событий и MyEventRunner.
    • Папка : В этой папке можно хранить дополнительные подменю.
    • Домашняя страница Страница Загрузить Файл : Позволяет выбрать файл для загрузки в области «Файлы загрузки».
    • Фотоальбом : Это активирует выпадающее меню, в котором вы можете выбрать ссылку на фотоальбом для отображения в меню домашней страницы.
    • Общедоступные списки регистрации : Отображает раскрывающийся список для списка регистрации волонтеров.
    • Страница сайта : Это позволяет вам ссылаться на страницу сайта, которую вы создали на веб-сайте.
    • Динамик : отображает раскрывающийся список динамиков, которые вы можете выбрать.
    • История : Это активирует раскрывающееся меню, в котором вы можете выбрать ссылку на существующую историю для отображения.

    3. После того, как вы выберете ссылку, она предоставит вам несколько других вариантов.

    • Открыть в новом окне : Когда пользователь щелкает ссылку, она открывается в новой вкладке или окне. Обычно это проверяется, если ссылка уходит с сайта. IE. Новостной сайт.
    • Стиль ссылки — Обычная ссылка : Пункт меню выглядит как стандартная ссылка в меню.
    • Стиль ссылки — Основная кнопка : Делает пункт меню кнопкой, которая окрашивается в основной цвет темы.
    • L Стиль чернил — вторичная кнопка : Делает пункт меню кнопкой, которая окрашена в белый цвет с дополнительным цветом темы в качестве линии вывода.

    4. Нажмите Сохранить , чтобы сохранить изменения, или Отмена , чтобы отменить изменения.

    5. После добавления, удаления или редактирования любых элементов меню нажмите кнопку Publish Menu в правом верхнем углу экрана управления меню. Это обновит веб-сайт с изменениями.

    Создание папок и организация меню навигации

    Чтобы организовать элемент меню навигации Клуба в «раскрывающиеся» папки, добавьте элемент меню навигации типа «Папка» в список элементов, затем перетащите другие элементы меню навигации в новую папку.

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

    1. Для начала создайте «Папку» с помощью кнопки «Добавить новый пункт меню» на странице.

    2. На странице «Добавить новый элемент меню» введите название папки, а затем выберите тип ссылки «Папка» и нажмите оранжевую кнопку «Сохранить», чтобы сохранить папку в меню навигации.

    3. После сохранения папки перетащите точки захвата на один из пунктов меню навигации и «перетащите» их в папку.

    4. Пункт меню навигации переместится в папку.

    5. Нажмите оранжевую кнопку «Меню публикации» в правом верхнем углу страницы, чтобы сохранить изменения.

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

    Большинство поваров не могут представить себе работу на какой-либо другой работе.Они любят творческий процесс и находят искусство разработки меню — дегустацию, комбинирование вкусов, приготовление пищи, пробу и начинание заново, пока не получится правильно. Часто это намного интереснее, чем наука или экономика разработки меню ресторана, в том числе то, какие сочетания вкусов работают вместе в зависимости от сезона; как получать ингредиенты из местных и/или органических источников; соответствует ли их видение меню их бюджету; и, самое главное, понравится ли клиентам то, что они создают.Потому что весь творческий потенциал на кухне пропадает даром, если столовая пуста.

    Причины обратиться к консультанту по разработке меню

    Хотя шеф-повару может быть трудно разделить творческий процесс с консультантом по разработке меню, вот четыре причины превратить одиночную работу в командную:

    • «Аутсайдер» без предубеждений : Без лояльности к какой-либо стороне, без «игры в политику» или эмоциональной привязанности к ресторану или персоналу, шеф-повар, разрабатывающий меню, предлагает четкую и честную точку зрения, не ограниченную друзьями или коллегами. в штате, потому что у консультанта нет ни того, ни другого.Их работа состоит в том, чтобы отложить в сторону личности и выполнять работу.
    • Пусть шеф-повар станет шеф-поваром : С опытным разработчиком меню блюд, обученным кулинарии и всем аспектам работы ресторана, от расчета стоимости и дизайна до рецептов и технологии оборудования, шеф-повар возвращается к своим обязанностям на кухне, будучи уверенным в том, что у него есть партнер, которого они может работать и зависеть от мнений и советов без осуждения.
    • Многолетний опыт и успех на столе : Успешные разработчики меню блюд ведут заметки, фотографии и электронные таблицы по каждому проекту.Они учатся на проектах, которые идут гладко и приводят к высокой прибыли и удовлетворенности клиентов для ресторана, а также на тех проектах, которые заканчиваются неудовлетворительными результатами. Они собирают рецепты и статистику потребительского потребления, а также изучают местную демографию вашего ресторана задолго до начала проекта.
    • Он/она знает, что есть золотая середина между тем, что едят клиенты, и тем, что шеф-повар хочет приготовить или жидкий азот.Но большинству клиентов нужна еда, которую они узнают и понимают; лишь небольшая часть посетителей готова платить высокую цену за пищевые технологии, даже если результаты действительно вкусные. Консультант по разработке меню находит компромисс между видением шеф-повара и кошельком публики и находит способы включить и то, и другое в окончательное меню.

    Процесс разработки нашего меню

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

    Среди наших клиентов по разработке меню ресторана:

    Полный список клиентов нашего ресторана можно посмотреть здесь.

    Chef Services Group использует уникальное сочетание отраслевых экспертов, чтобы помочь клиентам достичь своих целей в разработке меню. От диетологов до ученых-пищевиков, шеф-поваров или шеф-поваров-исследователей, мы объединяем уникальный опыт и знания как в сфере общественного питания, так и в сегментах промышленного производства пищевой промышленности.Мы базируемся в Соединенных Штатах с текущими и завершенными проектами по всему миру.

    Начало работы с меню Grubhub

    Знаете ли вы, что ваше меню играет наиболее важную роль в определении успеха вашего ресторана на Grubhub?

    Очень важно, чтобы посетителям было проще заказывать у вас, добавляя описания меню и фотографии меню. По нашему опыту, рестораны, которые следуют передовым методам меню, таким как добавление изображений и описаний, получают на 70 % больше заказов и на 65 % больше продаж по сравнению с ресторанами, которые этого не делают.

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

    Если вы являетесь текущим партнером Grubhub Restaurant и хотите узнать больше об управлении своим меню, войдите в свою учетную запись Grubhub for Restaurant и перейдите в Справочный центр.

    Не являетесь партнером ресторана Grubhub? Зарегистрируйтесь в Grubhub для ресторанов сегодня, чтобы получить доступ к голодным посетителям, готовым заказать еду на вынос и доставку из вашего ресторана.


    Управление меню Grubhub на портале Grubhub для ресторанов

    Когда вы входите в свою учетную запись Grubhub для ресторанов, перейдите к левой боковой панели на рабочем столе или значку с тремя полосами на мобильном устройстве, чтобы получить доступ к экрану «Меню».

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

    Секции

    Помогите дифференцировать и систематизировать различные предложения в вашем меню Grubhub, такие как десерты, напитки и различные виды еды.Когда посетители просматривают ваш ресторан, они используют разделы для навигации по вашему меню.

    Модификаторы

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

    Расписания

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

    Размеры

    В вашем меню вы можете включить:

    • Размеры напитков (например, 8 унций, 16 унций)
    • Размер пиццы (14 дюймов, 18 дюймов, 21 дюйм)
    • Или первые порции (половинки или полные)

    Как добавить или обновить пункты меню в вашей учетной записи Grubhub для ресторанов

    Чтобы добавить пункты меню, выполните следующие действия:

    • Войдите в свою учетную запись Grubhub для ресторанов
    • Выберите вкладку «Меню» на левой боковой панели или значок на мобильном устройстве.
    • В левой части страницы выберите меню «Выбор», а затем нажмите кнопку + добавить элемент в правой части страницы.

    • Заполните сведения о новом элементе меню в окне «Добавить новый элемент», используя вкладки «Информация и модификаторы» и «Доступность и метки».

    Для получения дополнительной информации о добавлении пунктов меню посетите Справочный центр в своей учетной записи Grubhub для ресторанов.

    Вы также можете обновлять пункты меню и корректировать цены в меню на вкладке «Меню» в своей учетной записи Grubhub для ресторанов.

    Как обновить пункт меню в вашей учетной записи Grubhub для ресторанов

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

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

    Скриншот раскрывающегося списка разделов меню на панели меню

    • Выберите элемент меню для редактирования сведений об элементе

    На вкладке Информация и модификаторы можно обновить:

    На вкладке Настройки и ярлыки можно обновить:

    • График доступности товара
    • Этикетки

    Добавление фотографий в меню Grubhub

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

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

    Как добавить фото в меню

    • Войдите в свою учетную запись Grubhub для ресторанов и перейдите на вкладку «Меню» на левой боковой панели на рабочем столе или в раскрывающемся меню на мобильном устройстве.
    • Выберите пункт меню, в который вы хотите добавить фотографию еды, и щелкните значок «Добавить фото»
    • После выбора значка фотографии у вас будет возможность либо загрузить изображение, либо импортировать его из Instagram.


      • Обязательно примите условия
      • Выберите фотографию, которую хотите использовать.
      • Выбранная фотография будет находиться на рассмотрении нашей автоматизированной системы. После обработки система будет обозначать статус фото одним из следующих:
    • Одобрено: изображение соответствует системным критериям
    • На рассмотрении: изображение в настоящее время находится в системной обработке
    • Отклонено: Изображение не соответствует системным критериям

    Наша система проверяет изображения по следующим критериям: 

    • Размер/разрешение
      •  Изображения должны быть не менее 200 × 200 пикселей.
    • Содержимое
      • Все изображения, кроме логотипа, должны быть фотографиями еды. Фотографии купонов, еженедельных акций или интерьера/экстерьера ресторана не принимаются.
    • Текст/номер телефона
      •  На изображениях не должно быть текста или слов, включая название блюда, купоны или информацию о специальных предложениях. Логотипы не могут содержать номер телефона ресторана.
    • Безопасный поиск
      •  Изображения не могут содержать изображения, помеченные как материалы для взрослых, насилие или медицинские материалы (т.е. кровь/кровь).
    • Авторское право
      •  Изображения не должны возвращать совпадающие URL-адреса из обратного поиска изображений Google.

    Чтобы узнать, как добавлять фотографии с рабочего стола, мобильного устройства или из учетной записи Instagram, войдите в свою учетную запись Grubhub для ресторанов, чтобы получить доступ к этой статье справочного центра.

    Меню Windows 7 (основы дизайна) — приложения Win32

    • Статья
    • 22 минуты на чтение
    • 7 участников

    Полезна ли эта страница?

    да Нет

    Любая дополнительная обратная связь?

    Отзыв будет отправлен в Microsoft: при нажатии кнопки отправки ваш отзыв будет использован для улучшения продуктов и услуг Microsoft.Политика конфиденциальности.

    Представлять на рассмотрение

    В этой статье

    Примечание

    Это руководство по проектированию было создано для Windows 7 и не обновлялось для более новых версий Windows. Большая часть рекомендаций в принципе применима, но презентация и примеры не отражают наши текущие рекомендации по проектированию.

    Меню — это иерархические списки команд или опций, доступных пользователям в текущем контексте.

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

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

    Типичная строка меню с раскрывающимся меню и подменю.

    Шаблоны использования

    Меню имеют несколько шаблонов использования:

    Это правильный пользовательский интерфейс?

    Чтобы решить, рассмотрите эти вопросы:

    Строки меню

    Применяются ли следующие условия:

    • Является ли окно основным окном?
    • Много пунктов меню?
    • Много ли категорий меню?
    • Большинство пунктов меню относятся ко всей программе и главному окну?
    • Должно ли меню работать для всех пользователей?

    Если это так, рассмотрите возможность использования строки меню.

    Меню панели инструментов

    Применяются ли следующие условия:

    • Является ли окно основным окном?
    • Есть ли в окне панель инструментов?
    • Есть только несколько категорий меню?
    • Должно ли меню работать для всех пользователей?

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

    Меню вкладок

    Применяются ли следующие условия:

    • Является ли окно основным окном?
    • Есть ли в окне вкладки, где каждая вкладка используется для определенного набора задач (в отличие от использования вкладок для отображения разных представлений)?
    • Существует ли одна категория меню, применимая к каждой вкладке?
    • Есть много команд и опций, но только небольшой набор для каждой вкладки?

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

    Контекстное меню

    Применяются ли следующие условия:

    • Имеется ли небольшой набор контекстных команд и параметров, применимых к выбранному объекту или области окна?
    • Эти пункты меню избыточны?
    • Знакомы ли целевые пользователи с контекстными меню?

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

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

    Меню панели задач

    Применяются ли следующие условия:

    • Является ли окно основным окном?
    • Имеется ли небольшой набор контекстных команд и параметров, применимых к выбранному объекту или режиму программы?
    • Есть несколько категорий меню?
    • Должно ли меню работать для всех пользователей?

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

    Концепции дизайна

    Эффективные меню, способствующие хорошему взаимодействию с пользователем:

    • Используйте представление команд, соответствующее типу вашей программы, типам окон, использованию команд и целевым пользователям.
    • Хорошо организованы, при необходимости используется стандартная организация меню.
    • Эффективно используйте строки меню, панели инструментов и контекстные меню.
    • Эффективно используйте значки.
    • Эффективно используйте клавиши доступа и сочетания клавиш.

    Если делать только одно…

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

    Рекомендации

    Общий

    • Все шаблоны меню, за исключением строк меню, нуждаются в стрелке раскрывающегося списка, указывающей на наличие раскрывающегося меню. Наличие меню само собой разумеется в строке меню, но не в других шаблонах.
    • Не изменять имена пунктов меню динамически. Это сбивает с толку и неожиданно.Например, не меняйте параметр режима «Портрет» на режим «Пейзаж» при выборе. Вместо режимов используйте маркеры и галочки.
      • Исключение: Вы можете динамически изменять имена элементов меню, основанные на именах объектов. Например, списки недавно использовавшихся файлов или имена окон могут быть динамическими.

    Строки меню

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

    В этом примере Windows Internet Explorer предоставляет параметр строки меню.

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

    Скрытие строк меню

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

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

    Категории меню

    • Выберите имена из одного слова для категорий меню. Использование нескольких слов делает разделение между категориями запутанным.
    • Для программ, которые создают или просматривают документы, используйте стандартные категории меню , такие как «Файл», «Правка», «Просмотр», «Инструменты» и «Справка». Это делает общие пункты меню предсказуемыми и их легче найти.
    • Для других типов программ рассмотрите возможность организации команд и параметров в более полезные, естественные категории в зависимости от цели вашей программы и того, как пользователи думают о своих задачах и целях.Не чувствуйте себя обязанным использовать стандартную организацию меню, если она не подходит для вашей программы.
    • Если вы решите использовать нестандартные категории меню, вы должны выбрать хорошие названия категорий. Дополнительные сведения см. в разделе «Ярлыки».
    • Предпочитайте категории меню, ориентированные на задачи, а не общие категории. Категории, ориентированные на задачи, упрощают поиск пунктов меню.

    В этом примере проигрыватель Windows Media использует категории меню, ориентированные на задачи.

    • Избегайте категорий меню только с одним или двумя пунктами меню. Если целесообразно, объединить с другими категориями меню, возможно, используя подменю.
    • Рассмотрите возможность размещения одного и того же пункта меню в нескольких категориях, только если:
      • Пункт меню логически принадлежит нескольким категориям меню.
      • У вас есть данные, показывающие, что пользователям трудно найти элемент в одной категории меню.
      • У вас есть только один или два труднодоступных пункта меню в нескольких категориях.
    • Не размещайте разные пункты меню с одинаковыми именами в нескольких категориях. Например, не иметь разных пунктов меню «Параметры» в нескольких категориях.
      • Исключение: Шаблон меню вкладок может иметь разные пункты меню «Параметры» и «Справка» в каждом меню вкладок.

    В этом примере проигрыватель Windows Media имеет пункты меню «Параметры» и «Справка» в меню каждой вкладки.

    Организация и порядок пунктов меню

    • Организуйте пункты меню в группы из семи или менее тесно связанных элементов. При этом подменю считаются одним пунктом меню в родительском меню.
    • Не размещайте более 25 пунктов на одном уровне меню (не считая подменю).
    • Поместите разделители между группами в меню. Разделитель — это одна линия, которая охватывает всю ширину меню.
    • В меню расположите группы в их логическом порядке. Если нет логического порядка, сначала поместите наиболее часто используемые группы.
    • Внутри группы расположите элементы в их логическом порядке. Если нет логического порядка, сначала разместите наиболее часто используемые элементы. Расположите числовые элементы (например, процент масштабирования) в числовом порядке.

    Подменю

    • Избегайте использования подменю без необходимости. Подменю требуют больших физических усилий для использования и, как правило, затрудняют поиск пунктов меню.
    • Не размещайте часто используемые элементы меню в подменю. Это сделает использование этих команд неэффективным. Однако вы можете поместить часто используемые команды в подменю, если к ним обычно обращаются более непосредственно, например, с помощью панели инструментов.
    • Рассмотрите возможность использования подменю, если:
      • Это упрощает родительское меню, поскольку оно содержит много элементов (20 и более) или подменю является частью группы из более чем семи элементов.
      • Пункты в подменю используются реже, чем в родительском меню.
      • В подменю должно быть не менее трех пунктов.
      • Три или более команд начинаются с одного слова. В этом случае используйте это слово в качестве метки подменю.

    В этом примере подменю «Новое» заменяет отдельные команды «Новое почтовое сообщение», «Новое новостное сообщение», «Новая папка» и «Новый контакт».

    • Используйте не более трех уровней меню. То есть у вас может быть основное меню и максимум два уровня подменю. Два уровня подменю должны быть редкостью.

    Презентация

    • Отключить пункты меню, которые не относятся к текущему контексту, вместо их удаления. Это делает содержимое строки меню стабильным и его легче найти. Исключения:
      • Для категорий контекстного меню удалите, а не отключите элементы контекстного меню, которые не применяются к текущему контексту. Категория меню является контекстной, если она отображается только для определенных режимов, например, когда выбран определенный тип объекта. Подробнее см. в рекомендациях по удалению и отключению для контекстных меню.
      • Если определение того, когда пункт меню должен быть отключен, вызывает заметные проблемы с производительностью, оставьте этот пункт меню активным и, если необходимо, сделайте так, чтобы его выбор привел к появлению сообщения об ошибке.

    Вкладки меню

    • Каждое меню вкладок может иметь контекстно-зависимые пункты меню «Параметры» и «Справка». Это отличается от всех других шаблонов меню. Каждая вкладка используется для определенного набора задач, поэтому любое дублирование меню вкладок не сбивает с толку.

    Контекстные меню

    • Используйте контекстные меню только для контекстных команд и параметров. Элементы меню должны применяться только к выбранному (или выбранному) объекту или области окна, а не ко всей программе.
    • Не делать команды доступными только через контекстные меню. Как и сочетания клавиш, контекстные меню являются альтернативными средствами выполнения команд и выбора параметров.Например, команда «Свойства» также доступна через строку меню или клавишу доступа Alt+Enter.
    • Предоставьте контекстные меню для всех объектов и оконных областей , которые выигрывают от небольшого набора контекстных команд и параметров. Многие пользователи регулярно щелкают правой кнопкой мыши и ожидают найти контекстные меню где угодно.
    • Рассмотрите возможность использования кнопки со стрелкой раскрывающегося меню для контекстных меню, предназначенных для всех пользователей. Обычно контекстные меню подходят для команд и параметров, предназначенных для опытных пользователей.Однако вы можете использовать кнопку раскрывающегося меню в тех случаях, когда контекстные меню являются лучшим выбором меню и вам необходимо настроить таргетинг на всех пользователей.

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

    Организация и порядок пунктов меню

    • Организуйте пункты меню в группы из семи или менее тесно связанных элементов.
    • Избегайте использования подменю , чтобы контекстные меню оставались простыми, прямыми и эффективными.
    • Не помещайте более 15 элементов в контекстное меню.
    • Поместите разделители между группами в меню. Разделитель — это одна линия, которая охватывает всю ширину меню.
    • Представление пунктов меню в следующем порядке:
    Основные (наиболее часто используемые) команды
    Открыть Бегать Играть Распечатать <разделитель>
    Дополнительные команды, поддерживаемые объектом
    Команды передачи
    Вырезать Копировать Вставить <разделитель>
    Настройки объекта
    <разделитель>
    Объектные команды
    Удалить Переименовать <разделитель> Характеристики

    Презентация

    • Выделите команду по умолчанию полужирным шрифтом. Если возможно, также сделайте его первым пунктом меню. Команда по умолчанию вызывается, когда пользователи дважды щелкают или выбирают объект и нажимают Enter.
    • Удалять, а не отключать элементы контекстного меню, которые не применяются к текущему контексту. Это делает контекстные меню контекстными и эффективными.
      • Исключение: Отключить элементы меню, которые не применяются, если разумно ожидать, что они будут доступны:
        • Всегда используйте соответствующие стандартные команды контекстного меню, такие как «Вырезать», «Копировать», «Вставить», «Удалить» и «Переименовать».
        • Всегда иметь команды, которые дополняют связанные наборы. Например, если есть Back, должен быть и Forward. Если есть вырезка, всегда есть копия и вставка.

    Пули и галочки

    • Элементы меню, которые являются параметрами, могут использовать маркеры и галочки. Команды не могут.
    • Используйте маркер, чтобы выбрать один вариант из небольшого набора взаимоисключающих вариантов. В группе всегда должно быть не менее двух пуль.Дополнительные сведения см. в разделе Радиокнопки.
    • Используйте галочку, чтобы включить или выключить независимую настройку. Если выбранное и очищенное состояния не являются четкими и недвусмысленными противоположностями, вместо этого используйте набор маркеров. Дополнительные сведения см. в разделе Флажки.
    • При смешанном состоянии галочки отображать пункт меню без галочки. Смешанное состояние используется для множественного выбора, чтобы указать, что параметр установлен для некоторых, но не для всех объектов, поэтому каждый отдельный объект имеет либо выбранное, либо очищенное состояние.Смешанное состояние не используется в качестве третьего состояния для отдельного элемента.
    • Поместите разделители между соответствующими наборами флажков или маркеров. Разделитель — это одна линия, которая охватывает всю ширину меню.

    Значки

    • Рассмотрите возможность предоставления значков пунктов меню для:
      • Наиболее часто используемые пункты меню.
      • Пункты меню со стандартным и хорошо известным значком.
      • Элементы меню, значок которых хорошо иллюстрирует действие команды.
    • Если вы используете значки, не считайте себя обязанными предоставлять их для всех пунктов меню. Загадочные значки бесполезны, создают визуальный беспорядок и мешают пользователям сосредоточиться на важных пунктах меню.

    В этом примере в меню «Упорядочить» есть значки только для наиболее часто используемых пунктов меню.

    • Убедитесь, что значки меню соответствуют рекомендациям по значкам в стиле Aero.

    Дополнительные сведения и примеры см. в разделе Значки.

    Ключи доступа

    • Назначение клавиш доступа ко всем пунктам меню. Без исключений.
    • По возможности назначайте клавиши доступа для часто используемых команд в соответствии со стандартными назначениями клавиш доступа. Хотя согласованные назначения клавиш доступа не всегда возможны, они, безусловно, предпочтительнее, особенно для часто используемых команд.
    • Для элементов динамического меню (таких как недавно использованные файлы) назначайте клавиши доступа в числовом виде.

    В этом примере программа Paint в Windows назначает числовые клавиши доступа к недавно использовавшимся файлам.

    • Назначение уникальных клавиш доступа на уровне меню. Вы можете повторно использовать клавиши доступа на разных уровнях меню.
    • Ключи доступа легко найти:
      • Для наиболее часто используемых пунктов меню выбирайте символы в начале первого или второго слова метки, предпочтительно первый символ.
      • Для менее часто используемых пунктов меню выберите буквы, которые являются отличительной согласной или гласной в названии.
    • Предпочитают символы большой ширины, , такие как w, m и заглавные буквы.
    • Предпочтите отличительную согласную или гласную, например, «x» в «Exit».
    • Избегайте использования символов, из-за которых подчеркивание трудно увидеть, например (от наиболее проблемных до наименее проблемных):
      • Буквы шириной всего в один пиксель, например i и l.
      • Буквы с выносными элементами, такие как g, j, p, q и y.
      • Буквы рядом с буквой с выносным элементом.

    Дополнительные рекомендации и примеры см. в разделе Клавиатура.

    Горячие клавиши

    • Назначение клавиш быстрого доступа для наиболее часто используемых пунктов меню. Редко используемые элементы меню не нуждаются в сочетаниях клавиш, поскольку вместо них пользователи могут использовать клавиши доступа.
    • Не делайте комбинацию клавиш единственным способом выполнения задачи. Пользователи также должны иметь возможность использовать мышь или клавиатуру с помощью клавиш Tab, стрелок и доступа.
    • Для общеизвестных сочетаний клавиш используйте стандартные назначения.
    • Не присваивайте известные сочетания клавиш разные значения. Из-за того, что они запоминаются, противоречивые значения хорошо известных сочетаний клавиш вызывают разочарование и подвержены ошибкам. См. «Сочетания клавиш Windows», чтобы узнать о хорошо известных сочетаниях клавиш, используемых программами Windows.
    • Не пытайтесь назначать общесистемные клавиши быстрого доступа к программам. Клавиши быстрого доступа вашей программы будут действовать только тогда, когда ваша программа имеет фокус ввода.
    • Задокументируйте все сочетания клавиш. Это поможет пользователям изучить назначение сочетаний клавиш.
      • Исключение: Не отображать назначения сочетаний клавиш в контекстных меню.Контекстные меню не отображают назначения сочетаний клавиш, поскольку они оптимизированы для повышения эффективности.
    • Для нестандартных назначений клавиш:
      • Выбирайте сочетания клавиш, не имеющие стандартных назначений. Никогда не переназначайте стандартные сочетания клавиш.
      • Последовательно используйте нестандартные назначения клавиш во всей программе. Не назначать разные значения в разных окнах.
      • По возможности выбирайте мнемонические назначения клавиш, , особенно для часто используемых команд.
      • Используйте функциональные клавиши для команд, которые имеют небольшой эффект, например, команды, которые применяются к выбранному объекту. Например, F2 переименовывает выбранный элемент.
      • Используйте комбинации клавиш Ctrl для команд, имеющих масштабный эффект, таких как команды, которые применяются ко всему документу. Например, Ctrl+S сохраняет текущий документ.
      • Используйте комбинации клавиш Shift для команд, которые расширяют или дополняют действия стандартной клавиши быстрого доступа.’< >. Эти символы требуют разных комбинаций клавиш для разных языков или зависят от локали.
      • Не используйте комбинации Ctrl+Alt, , так как Windows интерпретирует эту комбинацию в некоторых языковых версиях как клавишу AltGR, которая генерирует буквенно-цифровые символы.
    • Если в вашей программе назначено много сочетаний клавиш, предусмотрите возможность настройки назначений. Это позволяет пользователям переназначать конфликтующие сочетания клавиш и выполнять миграцию с других продуктов.Большинство программ не назначают достаточное количество сочетаний клавиш для использования этой функции.

    Дополнительные рекомендации и стандартные назначения сочетаний клавиш см. в разделе Клавиатура.

    Стандартные меню

    • Используйте стандартную организацию меню для программ, которые создают или просматривают документы. Стандартная организация меню делает общие пункты меню предсказуемыми и их легче найти.
    • Для других типов программ используйте стандартную организацию меню только тогда, когда это целесообразно. Рассмотрите возможность организации ваших команд и параметров в более полезные, естественные категории в зависимости от цели вашей программы и того, как пользователи думают о своих задачах и целях.

    Стандартные панели меню

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

    Файл

    Новый Ctrl+N
    Открыть… Ctrl+O
    Закрыть Сохранить Ctrl+S
    Сохранить как… Отправить Печать… Ctrl+P
    Предварительный просмотр
    Параметры страницы

    1 <имя файла>
    2 <имя файла>
    3 <имя файла>

    Выход Alt+F4 (сочетание клавиш обычно не указывается)

    Редактировать

    Отменить Ctrl+Z
    Повторить Ctrl+Y
    <разделитель>
    Вырезать Ctrl+X
    Копировать Ctrl+C
    Вставить Ctrl+V
    <разделитель>
    Выбрать все Ctrl+A
    <разделитель>
    Удалить Del (сочетание клавиш обычно не дано)
    <разделитель>
    Найти… Ctrl+F
    Найти следующую F3 (команда обычно не задается)
    Заменить… Ctrl+H
    Перейти к… Ctrl+G

    Вид

    Панели инструментов
    Строка состояния
    <разделитель>
    Масштаб Увеличить Ctrl++
    Уменьшить Ctrl+-
    <разделитель>
    Полный экран F11
    Обновить F5

    Инструменты

    <разделитель>
    Опции Справка <имя программы> help F1
    <разделитель>
    О программе <имя программы>

    Стандартные кнопки меню панели инструментов

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

    Инструменты
    Полный экранF11(Переназначить клавишу доступа, если также используется Поиск.) Панели инструментов (Обратите внимание, что здесь находится команда строки меню.) <разделитель> Распечатать… Находить… <разделитель> Увеличить Размер текста <разделитель> Опции
    Организовать
    Новая папкаCtrl+N <разделитель> ВырезатьCtrl+X КопироватьCtrl+C ВставитьCtrl+V <разделитель> Выделить всеCtrl+A <разделитель> DeleteDel(сочетание клавиш обычно не дается) Переименовать <разделитель> Опции
    Страница
    Новое окноCtrl+N <разделитель> Увеличить Размер текста

    Стандартные контекстные меню

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

    Открыть Бегать Играть Редактировать Распечатать… <разделитель> Резать Копировать Вставить <разделитель> Удалить Переименовать <разделитель>

    Заблокировать <имя объекта>(галочка)

    Свойства

    Использование многоточия

    Хотя команды меню используются для немедленных действий, для выполнения действия может потребоваться дополнительная информация. Укажите команду, которой требуется дополнительная информация (включая подтверждение), добавив многоточие в конце метки.

    В этом примере команда «Печать…» отображает диалоговое окно «Печать» для сбора дополнительной информации.

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

    Это не означает, что вы должны использовать многоточие всякий раз, когда действие отображает другое окно только тогда, когда для выполнения действия требуется дополнительная информация. Например, команды «О программе», «Дополнительно», «Справка», «Параметры», «Свойства» и «Настройки» должны отображать другое окно при нажатии, но не требуют от пользователя дополнительной информации. Поэтому им не нужны эллипсы.

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

    Правильно:

    Другие цвета…

    Информация о версии

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

    Примечание

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

    Повышение не является информацией, необходимой для выполнения команды (скорее, это разрешение), и необходимость повышения указывается с помощью экрана безопасности.

    Этикетки

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

    Имена категорий меню

    • Используйте имена категорий меню, которые представляют собой глаголы или существительные, состоящие из одного слова. Метку из нескольких слов можно спутать с двумя метками из одного слова.
    • Предпочитать имена меню на основе глаголов. Однако опустите глагол, если это «Создать», «Показать», «Просмотреть» или «Управление». Например, в следующих категориях меню нет глаголов:
    • Для нестандартных имен категорий используйте одно конкретное слово, которое четко и точно описывает содержимое меню. Хотя имена не должны быть настолько общими, чтобы описывать все в меню, они должны быть достаточно предсказуемыми, чтобы пользователи не удивлялись тому, что они находят в меню.

    Названия пунктов меню

    • Используйте имена пунктов меню, которые начинаются с глагола, существительного или именной фразы.
    • Предпочитать имена меню на основе глаголов. Однако опустите глагол, если:
      • Глагол «Создать», «Показать», «Просмотреть» или «Управление». Например, следующие команды не имеют глаголов:
        • О
        • Расширенный
        • Полный экран
        • Новый
        • Опции
        • Свойства
      • Глагол совпадает с названием категории меню, чтобы избежать повторения. Например, в категории меню «Вставка» используйте «Текст», «Таблица» и «Изображение» вместо «Вставить текст», «Вставить таблицу» и «Вставить рисунок».
    • Используйте определенные глаголы. Избегайте общих, бесполезных глаголов, таких как Change и Manage.
    • Используйте существительные в единственном числе для команд, которые применяются к одному объекту , в противном случае используйте существительные во множественном числе.
    • При необходимости используйте модификаторы, чтобы различать похожие команды. Примеры: Вставить строку выше, Вставить строку ниже.
    • Для пар дополнительных команд выбирайте четко дополняющие имена. Примеры: добавить, удалить; Показать спрятать; Вставить, Удалить.
    • Выбирайте названия пунктов меню, исходя из целей и задач пользователя, а не технологий.

    Правильно:

    Неверно:

    В неправильном примере пункт меню основан на своей технологии.

    • Используйте следующие названия пунктов меню для указанной цели:
      • Опции Для отображения опций программы.
      • Настроить Для отображения опций программы, специально связанных с конфигурацией механического пользовательского интерфейса.
      • Персонализация Для отображения сводки часто используемых параметров персонализации.
      • Настройки Не использовать. Вместо этого используйте параметры.
      • Свойства Для отображения окна свойств объекта.
      • Настройки Не использовать в качестве метки меню. Вместо этого используйте параметры.

    Имена подменю

    • Элементы меню, которые отображают подменю, никогда не имеют многоточия на своей этикетке. Стрелка подменю указывает, что требуется другой выбор.

    Неверно:

    В этом примере пункт меню «Создать» содержит неправильное многоточие.

    Документация

    При обращении к меню:

    • В командах, которые отображают или скрывают меню, обращайтесь к строкам меню. Не относитесь к ним как к классическим меню.
    • См. меню по их меткам. Используйте точный текст метки, включая его заглавные буквы, но не включайте подчеркивание или многоточие клавиши доступа.
    • Чтобы обратиться к категориям меню, используйте «В меню <имя категории> ». Если расположение пункта меню ясно из контекста, вам не нужно упоминать категорию меню.
    • Чтобы описать взаимодействие пользователя с элементами меню, используйте щелчок без слова меню или команды. Не используйте выбор, выбор или выбор. Не обращайтесь к пункту меню как к пункту меню, кроме как в технической документации.
    • Чтобы описать снятие галочки с пункта меню, используйте щелчок, чтобы снять галочку.Не используйте ясность.
    • Ссылайтесь на контекстные меню как на контекстные меню, а не на контекстные меню.
    • Не используйте каскадные, раскрывающиеся, раскрывающиеся или всплывающие меню для описания меню, за исключением документации по программированию.
    • Считать недоступные элементы меню недоступными, а не затененными, отключенными или серыми. Использование disabled в документации по программированию.
    • По возможности выделяйте метки полужирным шрифтом. В противном случае заключайте метки в кавычки только в случае необходимости во избежание путаницы.

    Примеры:

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

    Как создать группу Mega Menu

    A Mega Menu Group — это инструмент, который можно использовать для организации навигации по вашему веб-сайту. По сути, группа мегаменю — это раскрывающееся меню, которое группирует связанные страницы по категориям.Вот шаги, чтобы добавить мегаменю на ваш сайт:

    1

    Включить мегаменю в настройках заголовка

    Войдите на свой сайт и щелкните значок «Настройки заголовка» (расположен вдоль левого края заголовка вашего сайта). Когда появится диалоговое окно настроек заголовка, найдите параметр Раскрывающиеся списки меню навигации . Затем выберите предпочитаемый стиль Мегаменю: Маленькое Мегаменю или Большое Мегаменю .

    После того, как вы включили предпочитаемый стиль Мегаменю, нажмите Сохранить  в нижней части диалогового окна настроек заголовка. Затем обязательно щелкните значок с зеленой галочкой, чтобы опубликовать новые настройки заголовка после настройки мегаменю ( на фото ниже ).

    2

    Перетащите значок Mega Menu Group в редактор карты сайта

    После того, как вы включили Мегаменю, нажмите Карта сайта на белой панели инструментов администратора, чтобы открыть Редактор карты сайта.Затем найдите значок группы Mega Menu на панели инструментов Site Map. Щелкните значок группы мегаменю, затем перетащите его в редактор карты сайта. Затем вам будет предложено ввести имя для новой группы Mega Menu. После ввода нажмите Сохранить. Повторите процесс, если вы хотите создать несколько групп Mega Menu.

    3

    Перетащите страницы в мегаменю

    Затем перетащите любые новые или существующие страницы в мегаменю (показано выше).После внесения изменений нажмите Сохранить , затем Сохранить/Выйти .

    Нажмите Редактировать веб-сайт на синей панели инструментов администратора, чтобы вернуться на домашнюю страницу и протестировать вновь созданные группы Mega Menu!

    Рекомендации по созданию групп мегаменю

    1
    Перетащите группу Mega Menu в
    верхнюю или нижнюю основную группу навигации

    При создании группы Mega Menu в редакторе карты сайта вы можете увидеть следующее сообщение об ошибке: Группы не могут существовать между страницами/ссылками .

    Если вы видите это сообщение об ошибке, вы должны поместить значок Mega Menu Group в верхнюю или нижнюю основную группу навигации (как показано выше). После того, как вы создали несколько групп мегаменю, вы можете перетаскивать их, чтобы изменить порядок групп мегаменю.

    2
    Поместите все свои страницы в группы

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

    3
    Создать более одной группы

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

    Связанный: Искусство создания потрясающей карты сайта

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

  • Добавить комментарий

    Ваш адрес email не будет опубликован.