Меню сообщества Вконтакте как сделать

Урок 4. Оформление группы ВКонтакте. Часть 3. Как оформить меню в группе в ВКонтакте

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

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

Шаг 1. Загружаем элементы меню на сайт vk.com

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

Как создать меню вконтакте

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

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

Нажмите кнопку Сохранить фотографии внизу страницы. Ваш альбом теперь выглядит примерно так:

Осталось собрать из этих частей меню группы.

Шаг 2. Собираем меню из элементов

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

[[photo- уникальный_номер |388px;noborder;nopadding| ]]

уникальный_номер — это номер фотографии, который присваивается ей при загрузке на сайт vk.com. Чтобы его посмотреть, откройте загруженную фотографию, кликнув по ней, и посмотрите в адресную строку браузера:

388px – это ширина вашего меню

Noborder – означает, что вашим элементам меню не добавляется обводка по контуру черным цветом

Nopadding – означает, что между картинками не будет расстояния (что нам и нужно, чтобы меню было цельным).

Настроить новое меню группе ВКонтакте (2019)

Пробел в конце обязателен, иначе ничего не получится.

У вас должно получиться столько строчек, сколько пунктов в вашем меню (и, соответственно, сколько вы рисовали картинок):

Будьте внимательны и не перепутайте порядок расположения картинок.

Заходим на главную страницу группы, обновляем ее (нажимаем кнопку Обновить в браузере или просто F5). Любуемся полученным результатом!

Шаг 3. Прикрепляем к меню внутренние страницы

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

Сразу проверяем, какой у нас установлен доступ к странице (напомним, что доступ к просмотру страницы нужно установить — Все пользователи, а доступ к редактированию – Только редакторы и администраторы), и наполняем ее информацией.

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

Форматировать текст при помощи этой панели не сложнее, чем работать в Word: вы просто выделяете текст при помощи мыши и нажимаете нужную вам кнопку.

Поскольку вы находитесь в режиме wiki-разметки, то при применении команд форматирования к вашему тексту будут добавляться определенные символы. Например, при выборе команды курсив, то слово, которое вы хотите выделить курсивом, будет окружено кавычками. Эти символы – и есть элементы языка wiki-разметки. Чтобы посмотреть, как будет выглядеть текст на странице, нажмите кнопку Предпросмотр:

И вот, что получится:

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

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

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

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

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

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

Будьте внимательны и не перепутайте ссылки. В нашем примере получилось так:

Удаляем строки, отмеченные на картинке, и сохраняем страницу.

Поздравляем, меню вашей группы готово!

Источник: tibimi.ru

Как сделать меню вконтакте в сообществе

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

Что такое новое меню вконтакте — без вики-разметки

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

Как сделать меню вконтакте

1. Перейдите в своё сообщество вконтакте.
2. С помощью левого меню выберете пункт — «Управление» .
3. На открывшейся странице — «Настройки» .
4. В списке активных полей найдите вкладку — «Меню» .
5. И кликнув по ней, перейди в раздел «Меню сообщества» . * Доступно владельцам (администраторам).

Ознакомьтесь с описанием нового меню ссылок для сообщества вконтакте

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

• Что такое меню сообществ, для чего оно и какие возможности предлагает?
• Какие ссылки можно прикрепить к меню? Запрещены или нет внешние ссылки и url адреса на вики-страницы?
• Как оформить меню — обложка, ссылка и какое максимальное количество пунктов?

Как добавить пункт меню во вконтакте — фото и ссылка

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

• flaticon.com. Выберем один из популярных и бесплатных ресурсов с иконками, со встроенным редактором. Позволяющий редактировать, дополнять и менять размеры иконок.

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

Шаг второй — загружаем фото, пишем текст и добавляем ссылку

1. На странице меню сообщества. Находим в самом низу — активное поле — новая ссылка и текст, добавьте ссылку на объект внутри ВКонтакте.
2. При клинике, на которое вам откроются поля. Обложка — загрузить, название и поле для ссылки.
3. Загружаем изображение, указываем название, вставляем ссылку и нажимаем сохранить.

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

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

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

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

• И последнее это как редактировать или удалить новое меню 2019 года для сообществ ВКонтакте.

Как удалить новое меню 2019 года для сообществ ВКонтакте

1. В созданном вами меню, на главной странице сообщества. Найдите активную ссылку — настроить.
2. Либо зайдите в меню, через настройки группы — Управление.
3. Кликните по пункту меню, который хотите удалить.
4. В раздвинувшейся вкладке выбираем удалить элемент. Нажимаем на него и подтверждаем действие во всплывающем окне — удалить.

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

• Вот так можно легко создавать, редактировать и добавлять новые меню в своё сообщество ВКонтакте. Отрисовка элементов, может потребовать знаний фото редакторов, но основные размеры у вас есть. Так что можно использовать любые снимки. Редактировать, менять местами, указывать ссылки на нужные вам разделы и статьи внутри ВК.

Источник: vinstu.ru