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

Содержание

как оформить группу вконтакте с помощью внутренней страницы


Разделы:

[[Медицина|1]] | [[Физика|2]] | [[Математика|3]] | [[Экономика|4]]

[[Химия|5]] | [[Биология|6]] | [[Программирование|7]] | [[Электротехника|8]]

|-
|}

Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» весьма лёгок.

Важность Wiki-разметки при продвижении своего проекта

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

Заключение

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

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

Вики-разметка — это инструмент форматирования текста в публикациях ВКонтакте.

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

Подробней о вики-разметке ВКонтакте

Что еще вы можете делать с подобным контентом:

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



Как сделать вики разметку

Существуют приложения для быстрого и простого конструирования страниц. В список этих сервисов входят:

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

Как создать публикацию самостоятельно

Сначала нужно открыть в группе материалы. Для этого зайдите в управление, выберите «Разделы» и подключите этот пункт. Затем перейдите обратно в сообщество. Вам понадобится id страницы. Это цифры из адресной строки после слова club.

Далее используйте ссылку http://vk.com/pages?oid=-*******&p=Имя. Замените на нее адрес сообщества. Вместо звездочек вставьте свой id, а имя замените на название раздела. Обратите внимание, что изменять его будет нельзя. Можно писать на русском языке, с пробелами и цифрами.

Нажмите «Наполнить содержанием», откроется редактор. Теперь вам снова понадобится адрес. В этот раз важно скопировать первую его часть, до «?act…».

Обязательно сохраните ее в отдельном документе. Так как страница еще не закреплена, вы ее потеряете.

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

  • полужирный шрифт.
  • курсив.
  • подчеркивание.
  • – ссылка.

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

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

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

Меню

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

Чтобы поделить фото на элементы, воспользуйтесь сервисом IMGonline . Скачайте их и загрузите в редактор. Не забудьте нажать . Если вы хотите объединить их так, чтобы между ними не было границ, впишите к каждой nopadding. После этого слова добавьте ссылку на раздел, в который ведет кнопка.

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



Таблицы

На wiki-страницах их создают с помощью различных кодов. Их можно сделать самостоятельно или найти готовый шаблон. Каждая матрица открывается символами «{|» , а закрывается «|}».

Другие знаки:

  • |- – начало новой строки. Ставится после {|.
  • | – простая ячейка.
  • ! – ячейка с выделенным, центрированным текстом.
  • |+ – заголовок по центру.

Также в построении часто используются теги (всегда прописываются после первого знака):

  • Noborder – отсутствие видимых рамок.
  • Nomargin – увеличивает таблицу на ширину материала.
  • Nopadding – уменьшает отступы в ячейках.
  • Fixed – фиксирует ширину.

Пример.

Коды вики разметки

Так выглядят заголовки, отступы, списки, разделительная линия и подпись на wiki- языке и в чистовом варианте.

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

  • Не оформляйте контент в визуальном редакторе. Из-за переключения на этот режим сбиваются настройки: пропадают теги, сбивается размер картинок.
  • е добавляйте в названия лишние знаки: «+», «_». Они подвергаются перекодировке, в результате которой может сломаться меню.
  • Сокращайте длинные ссылки с помощью вот этого сервиса. Домен первого уровня должен быть не более 6 символов.

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

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

Как правило, 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, ну или любой нужный вам текст. Сохраняем и возвращаемся обратно. Внизу должна образоваться активная ссылка с новым названием. Для наибольшего удобства открываем ее в другой вкладке браузера.

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

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

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

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

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

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

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

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

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

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

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

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

Вот несколько примеров, чтобы все понимали, о чем речь.


Такие группы позволяют выделиться среди своих конкурентов и привлекать больше пользователей. Особенно, если еще и контент интересный:)
В рамках данной статьи мы поговорим о том, как это всё делается. Чтобы более подробно всё разобрать и вникнуть во все тонкости, возьмем конкретный пример. Будет небольшой мастер-класс по оформлению групп.

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

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

Группа позволяет создать более открытое к беседе и обсуждениям сообщество, где люди смогут от своего имени делать посты в ленте. В неё также можно добавлять друзей из своего списка. В паблике такой возможности нет. Кроме того, в группе немного больше возможностей по интегрированию вики-разметки (здесь есть раздел «Новости», в который можно интегрировать меню).

Глобально можно рассуждать так: если нам нужно создать сообщество для магазина, то я бы взял формат «паблик». Если же речь идет, например, о любителях рыбалки, то лучше взять «группу». Хотя, каждый волен поступать так, как считает нужным. Ведь в любой момент формат можно будет изменить. Однако, имейте в виду, что Вконтакте вводит ограничение на повторное изменение формата сообщества и после первого раза нужно будет ждать несколько дней до того момента, как вы сможете всё вернуть назад при необходимости. Поэтому тестировать функционал лучше до того, как группа начнет наполняться контентом.

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

Формат будет «Группа», так как нужно создать естественный приток аудитории и максимально расширить общение внутри сообщества. Сразу уточню, что буду использовать универсальную методику, которую можно применять как в формате группы, так и в паблике. Это работает везде.

Контента море, начинаем воплощать идею в жизнь!

Создание группы

Чтобы создать группу, переходим в «Мои группы» в правом меню аккаунта Вконтакте и нажимаем на синюю кнопку вверху «Создать сообщество».

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

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

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

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

Всё. Группа создана!

Теперь можно начинать ее оформлять.

Оформление группы Вконтакте

Этот этап можно разбить на 2 составляющие: графическая и техническая. Для работы нам потребуется шаблон для создания аватарки группы и меню, а также немного воображения и базовые знания фотошопа (он же Adobe Photoshop).

Шаблон разметки

Что представляет из себя шаблон и что это вообще такое? Шаблон — это своего рода заготовка. В данном случае, в *.psd формате у нас размечены области для картинки под меню и аватарки группы.

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

Чтобы стало понятнее, вот пример.

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

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

Мы же тем временем приступаем непосредственно к графическому оформлению своей новой группы. Здесь я выбираю путь наименьшего сопротивления и для поиска частей дизайна отправляюсь в Google Картинки. Можно использовать и Яндекс. Кому что больше нравится.

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

На левом фрагменте (где надпись «Меню») можно также добавить несколько триггеров. В данном случае я решил делать без них. Всё. Дизайн аватарки готов. Жмем в фотошопе сочитание горячих клавиш Shift+Ctrl+Alt+S и сохраняем наши фрагменты в папку на жесткий диск.

Первый этап работы с графикой завершен. Возвращаемся в контакт.

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

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

Добавляем картинку. Указываем поля и выбираем миниатюру. Здесь всё просто и проблем быть не должно.

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

Эти цифры после «?gid=» и есть искомое id группы. Вставляем полученное значение в форму скрипта и пишем название для той страницы, которую хотим создать. В данном случае, я вбиваю «Меню».

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

Если всё сделано правильно, откроется вот такая страница.

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

Я у себя написал «Меню» и моя страница после сохранения стала выглядеть следующим образом.

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

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

Нажимаем отправить. После чего щелкаем по времени отправки сообщения и выбираем там среди всех вариантов пункт «Закрепить». Обновляем страничку (клавиша F5 на клавиатуре) и, если всё сделано правильно, получаем первый результат: группа обрела аватарку и ссылку для перехода в раздел меню.

Wiki-разметка меню группы Вконтакте

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

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

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

Разрезаем изображение на фрагменты и сохраняем их.

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

Для этого возвращаемся на главную страницу группы (там, где лента и наша ссылка-картинка, ведущая в меню). Щелкаем мышкой на изображение меню и попадаем на ту самую страничку, которую ранее создали для менюшки.

Если вы администратор или создатель группы (в нашем случае это так и есть), то в верху страницы будет ссылка «Редактировать». Щелкаем по ней.

Затем переходим в режим wiki-разметки (под кнопкой закрыть в верхнем правом углу странички нарисована такая рамочка с внутри). Когда нужный режим активирован, данная кнопка обведена серым.

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

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

и к уже вложенному параметру «noborder» дописываю второй параметр «nopadding». Первый отключает обводку фрагментов и границы у ячеек таблиц. Второй убирает отступы от края.

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

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

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

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

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

После чего вставляем в вики-код менюшки ссылки на новые страницы в виде page-102302049_51013384, где первое число — это id группы, а второе — номер страницы. Хотя, это в общем-то и не важно. Ведь нам нужно всего лишь скопировать этот фрагмент URL и вставить в разметку.

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

Внешне же ничего не изменилось. Зато, когда мы щелкаем мышкой по элементам меню, видно, что теперь оно работает!

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

Facebook

Twitter

Вконтакте

Одноклассники

Google+

Как создать wiki-страницу Вконтакте, что это такое.

Что такое wiki-страница?

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

Зачем нужно оформлять посты Вконтакте с помощью wiki-страницы:

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

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

Пример: моя давняя статья в группе

UPDATE: для оформления больших текстов появился новый инструмент — статьи Вконтакте.

Как создать wiki-страницу Вконтакте:

Введите в браузере новую ссылку:

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

XXXX — ID вашей группы или паблика

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

Например: http://vk.com/pages?oid=-99857239&p=Пример-вики-страницы

Потом просто нажмите кнопку «наполнить содержимым». Теперь вы можете редактировать вашу вики-страницу.

Как узнать ID паблика или группы Вконтакте? Достаточно открыть раздел СТАТИСТИКА (находится под аватаркой вашего сообщества, вы должны быть в нем администратором).
Например, вот ссылка на статистику сообщества: https://vk.com/stats?gid=998572393232323

Чтобы пользователи увидели вашу вики-страницу, разместите на нее ссылку на стене, в разделе «ссылки» вашей группы, под фотографиями или где угодно.

Возможностей по использованию вики-страниц великое множество. Все тут и не опишешь. Есть официальная группа Вконтакте, где представлены уроки, примеры и даже целый курс по работе с wiki-кодом. Изучайте — https://vk.com/wiki

 

Видео-инструкция:

Как сделать Меню Группы Вконтакте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

· Работать с ссылками и якорями.

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

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

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

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

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

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

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

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

Plain — ссылка на картинку оформлена как текст, в ней отсутствует изображение.

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

Nolink — удаляется ссылка на фотографию.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь перед нами код нашего меню, но его необходимо немного доработать, чтобы удалить пробелы между изображениями. Сейчас наш код выглядит таким образом: [[photo31266051_436041561|400x89px;noborder| ]][-[photo331266051_436041562|204x141px;noborder| ]][-[photo31266051_436041565|396x141px;noborder| ]][-[photo31266051_436041566|394x125px;noborder| ]][-[photo31266051_436041568|206x125px;noborder| ]]

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

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

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

[[photo31266051_436041561|600px;noborder;nopadding| ]][-[photo331266051_436041562|204x141px;noborder;nopadding| ]][-[photo31266051_436041565_426031465|396x141px;noborder;nopadding| ]][-[photo31266051_436041566|394x125px;noborder;nopadding| ]][-[photo31266051_436041568|206x125px;noborder;nopadding| ]]

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

[[photo31266051_436041561|600px;noborder;nopadding;nolink| ]][-[photo331266051_436041562204x141px;noborder;nopadding|topic-35158179_34009350]][-[photo31266051_436041565|396x141px;noborder;nopadding|topic-35158179_34009350]][-[photo31266051_436041566|394x125px;noborder;nopadding|topic-35158179_34009350]][-[photo31266051_436041568|206x125px;noborder;nopadding|topic-35158179_34009350]]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вики разметка ВКонтакте, wiki-разметка

Сегодня проработаем очень интересную и важную тему — вики разметка ВКонтакте, т.е. создание wiki-страниц и работа с ними.

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

Вики  имеют свои элементы (тэги) и правила их применения. Сегодня мы разберем все возможности этого языка, и как они работают для настройки групп ВК. Как мы можем включить вики- разметки в группе?

Переходим в «Управление группой», в раздел «Настройки»

Спускаемся вниз и в поле «Материалы» выбираем «Ограниченно», для того чтобы изменения здесь могли производить только создатели и администраторы группы.

Имейте ввиду, что при включении «Материалов», стандартное меню сообщества не будет видно вашим подписчикам.

Выбор всегда за вами.


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

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

Вики страница прописывается следующим образом:

[[Название]]

Или с указанием текста:

[[Название|Текст ссылки]]

На новых вики-страницах,  картинки можно размещать шириной не более 607 px, а код  объемом не более 16300 знаков.

Итак, чтобы создать несколько вики страниц, нужно зайти в группу, найти  «Свежие новости», выбрать «Редактировать» и перейти на ресурс создания вики страниц.

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

И в двойных квадратных скобках прописать название ваших страниц, примерно так:

[[декоративная косметика]]

[[уход за кожей]]

[[контакты]]

 

Не забудьте сохранить страницу. В визуальном редакторе сразу получится три страницы.

Затем, перейдите в группу и обновите страницу ВК!  Откройте «Свежие новости» или ту страницу, которую вы переименовали.

Редактирование вики разметки ВКонтакте

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

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

В нижнем левом углу можете настроить доступ к странице. В правом нижнем углу  можно сохранить страницу.

Вставьте заготовленный текст и отформатируйте его.

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

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

Если вам не нужно, чтобы картинка увеличивалась — перейдите в режим вики разметки и добавить в код картинки, после размера , код   ;nolink

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

Сохраните все ваши оформленные страницы и ссылки на них из строки браузера.

Затем можете отключить «Материалы» в настройках сообщества, чтобы вернуть классическое меню группы.

А ваши вики страницы можно вставить в раздел ссылки или через «Приложения» в новые «Виджеты».

Будет хороший информативный блок.

 

P.S.  Надеюсь вам понравилась эта информация!

P.S.S. Пользуйтесь вики разметкой ВКонтакте, и пусть вам сопутствует удача!

Поделиться ссылкой:

Понравилось это:

Нравится Загрузка…

Настройки приватности VKontakte на iPhone

Зачем: чтобы избавиться от спама в комментариях.

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

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

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

   I.       Чтобы отключить комментарии при создании поста:

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

2.   Активируйте переключатель Отключить комментарии.

   II.       Чтобы отключить комментарии уже опубликованной записи:

1.   Нажмите на значок с изображением трех точек в правой части заголовка поста.

2.   Выберите Выключить комментирование.

Ограничить круг лиц, которые могут комментировать записи на вашей странице

Чтобы выбрать, кто сможет комментировать ваши записи:

  1. Откройте свой профиль с помощью иконки в правом нижнем углу экрана.
  2. Нажмите на три горизонтальные линии в верхнем правом углу, а затем на кнопку Настройки в появившемся меню.
  3. Перейдите в раздел Приватность.
  4. Нажмите Кто может комментировать мои записи.

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

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

c.   Выберите Только я, чтобы никто кроме вас не мог оставлять комментарии на вашей странице.

Полностью отключить комментирование постов на вашей странице

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

  1. Откройте свой профиль с помощью иконки в правом нижнем углу экрана.
  2. Нажмите на три горизонтальные линии в верхнем правом углу, а затем на кнопку Настройки в появившемся меню.
  3. Перейдите в раздел Аккаунт.
  4. Деактивируйте переключатель Разрешить комментарии.

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

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

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

Сегодня я покажу, как создать красивый единый блок “Аватар+Меню”. Вы наверняка видели вот такие красиво оформленные группы, где меню и аватар представляют собой одну картинку.

Смотрится весьма красиво, не правда ли? Не смотря на кажущуюся сложность сделать такой блок в своей группе сможет каждый. При этом вам не нужно знание секретов  Фотошопа.  Я покажу, как сделать это в обычном графическом редакторе Paint, который есть на каждом компьютере.

Итак, нам понадобятся:

  • картинка, из которой мы сделаем аватарку группы и меню;
  • графический редактор Paint;
  • программка Rect, для измерения ширины и высоты меню.

Открываем редактор Paint и нашу заготовленную картинку. Картинка должна быть не более 799 px по высоте и не менее 600 px по ширине. Стрелкой №1 на скриншоте я указал место, где можно глянуть текущие размеры картинки. А стрелкой №2 – инструмент, которым можно эти размеры изменить.

Получив подходящие нам размеры картинки, вырезаем из нее аватарку. Для этого используем инструмент “Выделить” (стрелка №3). Выделяем область шириной 200 px (стрелка №4 показывает, где можно следить за шириной выделяемой области). Вырезаем эту часть картинки (стрелка №5).

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

После этого аватар уже можно загрузить в нашу группу Вконтакте.

Теперь нам необходимо узнать точный размер блока меню. Для этого воспользуемся полезной и простой программкой для вебмастера Rect . Программа не требует установки, не создает и не модифицирует никакие файлы. >>> Скачать программку Rect — https://vitalykim.ru/soft/Rect.exe <<<

Идем на страницу нашей группы и замеряем расстояние в пикселях от кромки поля с заголовком “Обсуждения” или “Опросы” (смотря что у вас будет идти первым после ссылки на меню группы) до нижнего края аватарки. Ширину и высоту программа Rect нам покажет посредине окошка. Кстати, ширина блока меню должны быть исключительно 388 пикселей.

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

Возвращаемся в Paint с оставшейся картинкой и вырезаем из правого нижнего угла блок меню размером 388*295 пикселей.

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

Теперь уже знакомыми нам инструментами “Выделить” и “Вырезать” выделяем и вырезаем каждый пункт меню. Вставляем картинку каждого пункта в новый Paint и сохраняем как изображение в формате PNG.

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

Переходим на главную страницу группы и жмем на ссылку “Редактировать” в строке меню. Она должна появиться там при наведении курсора мышки.

В редакторе меню включаем режим wiki-разметки. И вписываем туда следующие строки.


UPD: Внимание! Сейчас, чтобы все отображалось корректно, необходимо поменять местами тег nopadding и размеры картинки. Точку с запятой соответственно ставить после размеров картинки.

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

В коде я выделил:

  • розовым – id картинки. Где его взять? В адресной строке вашего браузера при просмотре картинки.
  • зеленым – размеры картинки и команда “nopadding”, которая показывает картинку без отступов.
  • желтым – ссылка на желаемую страницу группы.

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

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

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

Данное руководство не актуально для публичных страниц Вконтакте. Рекомендую воспользоваться этим мануалом для пабликов – Как закрепить меню Вконтакте.

Всё.

на своем сайте.

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

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

Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подпишись на рассылку и получи книгу в подарок!

Вики-разметка — это инструмент форматирования текста в публикациях ВКонтакте.

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

Подробней о вики-разметке ВКонтакте

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

Что еще вы можете делать с подобным контентом:

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

Пример статьи


Меню и игры

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


Как сделать вики разметку

Существуют приложения для быстрого и простого конструирования страниц. В список этих сервисов входят:

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

Как создать публикацию самостоятельно

Сначала нужно открыть в группе материалы. Для этого зайдите в управление, выберите «Разделы» и подключите этот пункт. Затем перейдите обратно в сообщество. Вам понадобится id страницы. Это цифры из адресной строки после слова club.

Далее используйте ссылку http://vk.com/pages?oid=-*******&p=Имя. Замените на нее адрес сообщества. Вместо звездочек вставьте свой id, а имя замените на название раздела. Обратите внимание, что изменять его будет нельзя. Можно писать на русском языке, с пробелами и цифрами.

Нажмите «Наполнить содержанием», откроется редактор. Теперь вам снова понадобится адрес. В этот раз важно скопировать первую его часть, до «?act…».

Обязательно сохраните ее в отдельном документе. Так как страница еще не закреплена, вы ее потеряете.

Перейдите в режим разметки, нажав значок <> справа. В нем больше функций и он работает без ошибок. Здесь ничего сложного. Оформите подзаголовки, абзацы, расположите фото так как вам нравится. Для этого можно использовать панель инструментов или теги:

  • <b><b/>– полужирный шрифт.
  • <i></i>– курсив.
  • <u></u>– подчеркивание.
  • [] – ссылка.

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

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

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

Меню

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

Чтобы поделить фото на элементы, воспользуйтесь сервисом IMGonline. Скачайте их и загрузите в редактор. Не забудьте нажать <>. Если вы хотите объединить их так, чтобы между ними не было границ, впишите к каждой nopadding. После этого слова добавьте ссылку на раздел, в который ведет кнопка.

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


Таблицы

На wiki-страницах их создают с помощью различных кодов. Их можно сделать самостоятельно или найти готовый шаблон. Каждая матрица открывается символами «{|» , а закрывается «|}».

Другие знаки:

  • |- – начало новой строки. Ставится после {|.
  • | – простая ячейка.
  • ! – ячейка с выделенным, центрированным текстом.
  • |+ – заголовок по центру.

Также в построении часто используются теги (всегда прописываются после первого знака):

  • Noborder – отсутствие видимых рамок.
  • Nomargin – увеличивает таблицу на ширину материала.
  • Nopadding – уменьшает отступы в ячейках.
  • Fixed – фиксирует ширину.

Пример.

 

Коды вики разметки

Так выглядят заголовки, отступы, списки, разделительная линия и подпись на wiki- языке и в чистовом варианте.

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

  • Не оформляйте контент в визуальном редакторе. Из-за переключения на этот режим сбиваются настройки: пропадают теги, сбивается размер картинок.
  • е добавляйте в названия лишние знаки: «+», «_». Они подвергаются перекодировке, в результате которой может сломаться меню.
  • Сокращайте длинные ссылки с помощью вот этого сервиса. Домен первого уровня должен быть не более 6 символов.

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

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

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

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

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

На сегодняшний день существует несколько видов создаваемого меню:

  • Открыть с активными точками;
  • Закрыто как закрепленная запись;
  • С отдельными картинками или общей смежной картинкой баннера и меню.

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

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

Закрытое меню группы ВК

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

Меню будет таким:

Групповое открытое меню (закрепленный материал)

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

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

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

  • Для аватара 200×332 пикселей;
  • Для главного баннера размер меню 395×282 пикселей.

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

Чтобы было понятно, если высота основного аватара группы равна 332, то мы вычитаем из нее 50 и получаем высоту главного меню равную 282. Если размеры не имеют значения, то высоту можно установить произвольно. .

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

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

Давайте создадим новый холст в Photoshop размером 600×350 пикселей, который мы будем использовать в качестве трафарета, вырезав в нем отверстия для наших изображений. Для работы нам нужно перевести размеры всех элементов и линейок в пиксель, и это делается по следующему пути: «Edit-setting-main» и здесь мы уже устанавливаем пиксели.

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

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

У вас должно получиться:

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

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

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

Итак, вернемся в Photoshop и создадим новый холст размером 400×300 пикселей. Затем выбираем в разделе: файл-место и выбираем картинку для фона меню.

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

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

Обратите внимание, что у вас должно быть:

  • Материалы открываются в «ограниченном» режиме;
  • Обсуждения включены;
  • Папка с фотографиями открыта для всех.

Теперь осталось настроить нашу страницу, где она будет отображаться в меню. Для этого перейдите на главную страницу сообщества, выберите свежие материалы, отредактируйте и вызовите «НАШЕ МЕНЮ».

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

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

Совет: Важным моментом после загрузки изображений является удаление отступов.Это решается вставкой «nopadding» перед размерами изображения.

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

[]
где xxxxx — id вашего изображения
yyyyy — ширина в пикселях (не более 388)

Должно получиться так:

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

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

http://vk.com/page-116682062_51411604?act=edit&hid=183950676&section=edit

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

Перейдите на домашнюю страницу и сделайте следующее:

Шаг № 1.

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

Шаг №2.

Прикрепите к сообщению изображение нашей заготовки меню и нажмите «Отправить».

Шаг № 3.

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

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

  • Придумывание структуры и заказ оформления изображений меню;
  • Делаем масштабирование и обрезку всех изображений;
  • Вставлять фотографии в альбомы;
  • Редактируем все нарезки в редакторе и публикуем их на главных страницах группы.

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

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


ВАЖНО: После изменения дизайна ВК в 2016 году были внесены новые изменения при создании изображений и требования к картинкам о которых.

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

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

Прилагаю видео, чтобы закрепить прочитанное -))).

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

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

С чего начать работу над дизайном?

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

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

Определите сильные и слабые стороны вашего предложения по сравнению с предложениями на рынке. Перечислите 3-5 преимуществ вашего бизнеса. Это могут быть: бесплатная доставка, гарантия 5 лет, опытные специалисты, широкий ассортимент и т. Д.

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

Люди не хотят покупать товар / услугу — им нужно решение своих проблем.

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

Важные элементы в оформлении групп Вконтакте

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

Аватар

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

Используйте только высококачественные изображения и забудьте о клипартах с бесплатных фотостоков. Поиск картинок для эффектного дизайна группы Вконтакте производить на сайтах pinterest.com, freepik.com, flaticon.com или, в крайнем случае, google.ru. Но лучше выбирать изображения на платных фотостоках. Пожалуйста, вводите условия поиска только на английском языке. Если вы испытываете трудности с английским, то смело пользуйтесь переводчиком Google.

А чтобы вам было проще принять правильное решение, мы даем 500 рулей на оформление меню каждому, кто перешел по указанной ссылке. Для получения скидки достаточно ввести код HWC1817-500- в меню при отправке заявки.

    Здравствуйте, мои любимые!

    Сегодня подробно расскажу, как сделать меню для группы ВКонтакте … По своему опыту меню в группе в контакте увеличивает количество звонков и заявок на 20%. Важно ответственно подойти к вопросу создания группового меню. Поэтому я подготовил для вас шаблон меню PSD, чтобы облегчить вашу работу.

    Начнем с того, что сегодня есть два пункта меню:

    Вариант 1: Меню закрытой группы

    Закрытое меню, открывается при нажатии на ссылку.В приведенном ниже примере меню открывается при нажатии на ссылку «ОТКРЫТЬ МЕНЮ ГРУПП!»

    Вариант 2: Открыть групповое меню (закрепленный пост)

    Открытое меню — это закрепленный пост с активной ссылкой.

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

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

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

    Разберем процесс создания меню на примере Варианта 2, т.е. открытого меню.

    Чтобы вам было проще ориентироваться, я подготовил для вас PSD шаблон меню : [Внимание.Изменился дизайн ВКонтакте. Новый макет и другая соответствующая информация в]

    PSD шаблон группового меню

    Для создания внешнего меню вам понадобятся 2 картинки: аватар (справа) и центральная (картинка действия).

    Размеры аватара: 200 x 332 пикселей

    Размеры центрального изображения: 395 x 282 пикселей

    Шаг 1.

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

    Шаг 2.

    Зайдите в свою группу в «Управление сообществом» (справа под аватаркой). Найдите пункт «Материалы» (на вкладке «Информация») и сделайте их «Ограниченными».

    Шаг 3.

    Теперь вернитесь на главную страницу своей группы и нажмите «Редактировать» в появившемся блоке «Материалы» (я уже переименовал его в меню «Группа»).

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

    Шаг 4.

    В моем примере https://vk.com/page-42211349_47355854,

    Первые цифры 42211349 — это идентификатор вашей группы

    Вторые цифры 47355854 — это идентификатор страницы

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

    https://vk.com/pages?oid=-хххххххх&p=pagename
    где
    xxxxxxxxx — id вашей группы
    pagename — имя вашей страницы
    Шаг 5.

    И опубликуйте пост.

    Шаг 6.

    Теперь загрузите аватар группы (рисунок справа). На стене появится дубликат изображения аватара — удалите его.

    Шаг 7.

    А теперь внимание. Нажмите ЗАПИСАТЬ ВРЕМЯ ПУБЛИКАЦИИ (нижний левый угол сообщения).

    И нажмите «Исправить». Закрываем это окно и обновляем страницу вашей группы (F5).

    Шаг 8.

    Пишем статус группы (используем только 1 строку) для выравнивания картинок, если рисунок на вашем аватаре не начинается с самого верха (в моем шаблоне аватар — вариант 2).И вот что у нас получилось:

    ИТОГО.

    Меню готово! Теперь, когда вы нажимаете на центральную картинку, открывается ваше меню:

    Здесь можно редактировать, перемешивать фото, видео, создавать новые разделы, размещать ссылки.

    В главном меню можно также создать графическое меню (подменю). Его ширина не должна превышать 600 пикселей. Размер неограничен по высоте. Это позволяет создавать отличные лендинги ВКонтакте.

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

    Напишите свои вопросы или мнения в комментариях ниже.

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

Как вы, наверное, уже знаете, ВК предоставляет 3 варианта создания групп [сообществ]:

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

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

Создавайте паблик, а не группу.

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

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


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

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


Заголовок сообщества

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

Зайдя на Яндекс видно, что …


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

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

В идеале формат заголовка выглядит так:

Интернет-магазин женской одежды | Lovandzzoo

где, «Интернет-магазин женской одежды» — ключевой запрос

Lovandzzoo — ваш бренд

Аватар и обложка

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

Аватар сообщества — это лицо вашей компании, и он должен отражать как позиционирование компании, так и контактную информацию.

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

Пример хорошей авы:

А теперь поговорим о дизайне обложки, которая сейчас приобрела популярность после нововведений Вконтакте. В принципе подход такой же, как и к дизайну аватара, только теперь переводим все в горизонтальное положение. Вот несколько примеров хороших обложек с разными стилями оформления. Их объединяет то, что ясно, куда пришел человек и что он видит. Обложка должна отвечать на вопросы «Что это?».





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

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

Можно сделать так же — это стандартная рабочая структура для грамотного оформления обложки сообщества.

Вики-меню

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

Пример хорошего и привлекательного меню.


В зависимости от ниши вики-меню может содержать следующие разделы

  • если это продажа нац.товары и услуги — условия доставки, категории товаров, прайс-листы, порядок заказа, описание и др.
  • , если продажа информационных продуктов
    Это база структурированного контента, например

Еще один пример хорошего меню:


Ссылки

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

Читайте также >>>>

Контент — король

Content is King

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

Но как правильно оформлять посты, чтобы им нравились и делились?

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

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

NPV (Human UnderstandableLinks) в сообщениях

Старайтесь не указывать оригинальные ссылки, либо ссылки с UTM-тегами, а сокращайте их с помощью сервиса vk.com/cc в заголовке под заголовком сообщения. Пользователи ВК игнорируют посты с длинными ссылками (особенно в начале).Их интересует контент. Сжимайте ссылки в постах с vk . ком / куб.см

Здесь на конкретном примере вы можете увидеть, как выглядит такая ссылка в посте:

Также постарайтесь не использовать очевидные и банальные заголовки. Заголовки предназначены для привлечения внимания подписчиков сообщества в ленте новостей. Например, заголовок «16 + 1 Эффективные и целебные свойства тыквенного масла, о которых не догадываются 95% людей на планете» будет лучше работать для внимания аудитории, чем невзрачный «Свойства тыквенного масла».Попробуйте добавить в заголовок цифры и конкретику. Тогда пост привлечет внимание.

Готовы ли вы бросить вызов своей мечте и воплотить в жизнь свои идеи и идеи в Интернете, начать зарабатывать серьезные деньги в Интернете?

Разнообразьте свой контент

Определите не менее 30 тем (потребностей), которые могут иметь непосредственное отношение к вашему направлению, и используйте таймер, чтобы начать публикацию.

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

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


Узнай,

Видео

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

Вот пример того, как должна выглядеть обложка видео:


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

Орудие!

Товары

Раздел «Товары» — цены указаны в порядке возрастания — в витрине должны быть самые низкие цены.


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


Завершение сообщества

Заполняем раздел обсуждения и создаем в нем подразделы — «Ваши вопросы», «Как заказать», «Вакансии». Вы также можете создать анкету для разнообразия.


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

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

Самое главное, чуть не забыл 🙂 — заполняем описание группы необходимой информацией со всеми исходящими ссылками.Обязательно разделяйте описание блоками по 3-4 строки, чтобы текст был удобочитаемым — правила копирайтинга для читабельности текста еще не отменены.

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


П.С.

Ну что скажешь? Был ли контент полезен?

Вы понимаете, как нужно оформить группу Вконтакте?

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

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

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

Факторы ухода гостей:

  • аватар;
  • описание;
  • title;
  • красивое и практичное меню;
  • красочность;
  • содержания.

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

Каким должно быть меню

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

Три основные цели групп:

  1. продаж;
  2. повышенный трафик;
  3. рост активных посетителей.

Для продаж групповая навигация заменяет витрину магазина.

Здесь должны быть самые важные кнопки:

Каталог
  1. ;
  2. Цена
  3. ;
  4. доставка;
  5. рекламных предложений;
  6. отзывов.

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

Примерный вариант набора кнопок:

видео: меню для общественности

Работаем с фотошопом

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

Алгоритм действий:



Это делается с помощью инструмента «Прямоугольная область»:


Работа с графикой:


Должно получиться так:

Сохраните прямоугольник справа как отдельное изображение, установив размер 200×500 пикселей.Это готовый аватар, загружаемый через кнопку «Загрузить фото» в группе ВК.

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

Сначала нужно сделать разметку:


Создать фрагменты:


Сохранение изображений:


Техническая часть

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

Важно! Заполнение меню отличается от обычной загрузки фотографий или картинок.

Все в порядке:


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

  1. найдите нужную запись;
  2. щелкните по нему левой кнопкой мыши;
  3. скопируйте URL-адрес в адресную строку.
  • перейти к источнику, куда нужно отправить посетителя;
  • скопируйте требуемый адрес.

Сохраните изменения, нажав соответствующую кнопку внизу окна.

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

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

Разметка

Wiki — это специальный язык, используемый для разработки веб-страниц в группах социальных сетей.


Этот инструмент позволяет создавать:

  • эффектов;
  • необычных меню;
  • тарелок;
  • элементов навигации;
  • формат текста.

Одним словом, такая разметка позволяет создать мини-сайт ВКонтакте. Это особенно удобно для продаж и набора подписчиков.

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

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

Видео: меню с поиском по категории

Нюансы создания

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

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

Как это: []

Основные теги представлены в таблице ниже:

Фото: теги, используемые для разметки

Работа с картинками

Где опции заменяются на:

  • noborder — удаление рамки вокруг изображения;
  • nopadding — удаление пробелов между изображениями;
  • plain — вставить ссылку на картинку.Оформлено в виде текста, без графики;
  • nolink — удаление ссылки на картинку;
  • поле — открытие изображения в окне;
  • NNNxYYYpx или NNNpx — устанавливает размер фотографии в пикселях.

Создание таблицы

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

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

  • {| символ начала таблицы, без него не может быть таблицы. Всегда использовал;
  • | + отвечает за центрирование имени таблицы. Ставится после символов начала таблицы. Используется по желанию;
  • | обозначает начало новой строки и ячейки;
  • | символ, делающий ячейку прозрачной;
  • ! делает ячейку темнее.При его отсутствии обязательно применить предыдущий знак;
  • |} означает конец таблицы. Однако необязательный символ используется для предотвращения возникновения ошибки.

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

Функции разметки

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

Во избежание основных ошибок следует ознакомиться с основными:

  1. нужно быть осторожным при изменении размера картинки — если он будет меньше 131 пикселя, его качество значительно ухудшится;
  2. ширина изображения не должна превышать 610 пикселей;
  3. запрещается размещать более 17 незакрытых тегов на одной вики-странице;
  4. при изменении ширины картинки ее высота изменяется автоматически и пропорционально;
  5. список внутри таблицы должен быть создан с использованием тега
    ;
  6. в одной строке разметки должно быть не более 8 пунктов списка.

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

Важно! Проверьте закрытие всех тегов. Сохраняйте последовательность.

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

Готовый дизайн группы ВКонтакте. Разметка вики в помощь. Что такое вики-разметка

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

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

Схема, как красиво и правильно оформить группу в ВК.


Схему можно посмотреть в прямом эфире по ссылке.

1. Аватар.
Основной графический элемент группы. Его структура может варьироваться в зависимости от тематики группы. Один пример, подходящий для группы продаж, показан на диаграмме. Основные рекомендации по дизайну аватара:
A) Передача сущности. Основное предназначение аватара — передать ключевые особенности группы, рассказать, что и для кого он. В этом вам поможет не только сама картинка, но и надписи с текстом.Однако желательно сделать текст как можно меньше.
B) Изображение высокого качества. Графика должна быть качественной и красивой, но не более того. Аватар не должен чрезмерно отвлекать от основного контента.
V) Используйте как можно больше места. Максимальный размер аватарки на выходе 200 на 449, меньше делать не желательно. Если сделаете больше, то сохраните пропорции.

2. Статус группы.
Несмотря на то, что это относительно небольшой элемент страницы, он довольно важен.В статусе необходимо кратко передать наиболее значимую информацию о вашей группе. Максимальный размер статуса — 140 символов.
Постарайтесь сделать статус как можно более четким и локальным. Используйте значки. Коды иконок для прошивки можно найти, например,.
Примеры кодов иконок для торговых групп:
Телефон — код: _9742;
Отправить сообщение icon Код: _9993;
Указатель — Код: _128073; или код: _10145;

3. Описание группы с меню или фиксированным постом.
Под статусом в самом центре страницы находится основное содержание. Есть 2 основных варианта того, что может содержать контент. Это описание группы с меню и прикрепленным постом со стены.
Меню достаточно удобное в плане навигации, но для его поворота требуется дополнительный щелчок, поэтому подробно останавливаться на создании меню для группы мы не будем. Вики-разметка по теме материалов, ее много в сети.
Для компьютерной версии. На наш взгляд, лучше сделать фиксированный пост основным контентом группы, так как он может занимать всю полезную площадь, достаточно удобен и не требует дополнительных кликов со стороны пользователя.
Общие рекомендации по созданию закрепленного сообщения:
A. Основной текст должен быть максимально удобочитаемым. Активно используйте значки и значки.
B. Общая высота прикрепленного поста — не должна выходить за нижнюю границу аватара. Опытным путем можно выбрать оптимальное количество текстового контента.
B. Рекомендуемый размер прикрепляемой картинки — 395 на 289. Эти размеры оптимальны для размещения в ней ключевой информации.

Кроме основных элементов, есть и другие, не менее значимые, а именно: стена группы , обсуждения, альбомы, видео, документы и контакты .
Эти элементы по существу — группового содержания . Контент — это основная причина, по которой посетитель подписывается на группу. Дизайн контента должен быть выполнен в соответствии с основным стилем группы. Но не так важен дизайн, как содержание самого контента.
Если группа пуста и кроме дизайна не содержит ничего ценного, вряд ли кто-то на нее подпишется. Мы не будем подробно останавливаться на содержании в этой статье. Статья о том, как красиво и правильно оформить группу ВКонтакте.Если вам нужна помощь в написании контента, вы можете связаться с нами в рамках службы «»
Вот и все, что касается дизайна групп на сегодня. Свои вопросы по статье пишите в комментариях ниже.
Для заказа услуг пишите на icq 275129,

В этой статье мы шаг за шагом рассмотрим, как правильно создать, настроить и правильно спроектировать сообщество ВКонтакте

Здание сообщества

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

Тип и тема сообщества

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

Групповое оформление

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

На обложке можно разместить:

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

Обложка в сообществе МТС

Обложка в сообществе Тинькофф Банк

Обложка в сообществе «HeadShot»
Размеры изображений для оформления сообщества ВКонтакте.
Размер обложки для группы ВКонтакте 1590x400px
Размер аватара — круг 200px

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

Сообщество Описание

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

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

Примеры сообщений вики:


Групповой аватар

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

    1. Текст
      Если вы размещаете текст на эскизе аватара, важно, чтобы он был большим и не выходил за пределы аватара.
    2. Понимание
      На аватаре необходимо разместить изображение, на котором будет понятно, что изображено.
    3. Минимализм
      Чтобы ваш аватар выглядел актуальным, вы можете сделать его в стиле минимализма: меньше слов и ненужных элементов, не несущих практически никакой смысловой нагрузки.Миниатюра аватара должна быть максимально простой и удобочитаемой.
    4. Чтобы привлечь внимание
      Чтобы эскиз аватара привлекал внимание. Расставить его нужно так, чтобы он не был слишком белым и скучным, иначе он потеряется на фоне более красочных аватарок конкурентов.

Что разместить на миниатюре аватара?

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


Настройки сообщества

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

Далее во вкладке «Ссылки» укажите ссылки на свою страницу в других социальных сетях и ссылку на свой сайт.

Во вкладке «Разделы» включите необходимое. Удобнее поставить ограниченную стену сообщества, чтобы в будущем не загребать ее от публикаций спам-ботов.

Включите продукты, если ваше сообщество продает товары или услуги.

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

Wiki-меню — красивое и информативное

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

Примеры вики-меню:



Вы можете увидеть подробное руководство по созданию вики-меню здесь —

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

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

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

На сегодняшний день существует несколько видов создаваемого меню:

  • Открыть с активными точками;
  • Закрыто как закрепленная запись;
  • С отдельными картинками или общей смежной картинкой баннера и меню.

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

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

Закрытое меню группы ВК

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

Меню будет таким:

Групповое открытое меню (закрепленный материал)

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

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

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

  • Для аватара 200×332 пикселей;
  • Для главного баннера размер меню 395×282 пикселей.

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

Чтобы было понятно, если высота основного аватара группы равна 332, то мы вычитаем из нее 50 и получаем высоту главного меню равную 282. Если размеры не имеют значения, то высоту можно установить произвольно. .

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

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

Давайте создадим новый холст в Photoshop размером 600×350 пикселей, который мы будем использовать в качестве трафарета, вырезав в нем отверстия для наших изображений. Для работы нам нужно перевести размеры всех элементов и линейок в пиксель, и это делается по следующему пути: «Edit-setting-main» и здесь мы уже устанавливаем пиксели.

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

Используя левую кнопку мыши, как будто вы выделяете область, вам нужно выделить блоки нужных нам размеров и после каждого выделения нажимать кнопку Удалить и выделять 50% серый … Такие действия приведут к тому, что что блоки будут нужного размера и выделены цветом, отличным от основного фона.

У вас должно получиться:

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

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

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

Итак, вернемся в Photoshop и создадим новый холст размером 400×300 пикселей. Затем выбираем в разделе: файл-место и выбираем картинку для фона меню.

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

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

Обратите внимание, что у вас должно быть:

  • Материалы открываются в «ограниченном» режиме;
  • Обсуждения включены;
  • Папка с фотографиями открыта для всех.

Теперь осталось настроить нашу страницу, где она будет отображаться в меню. Для этого зайдите на главную страницу сообщества, выберите свежие материалы, отредактируйте и вызовите «НАШЕ МЕНЮ».

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

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

Совет: Важным моментом после загрузки изображений является удаление отступов.Это решается вставкой «nopadding» перед размерами изображения.

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

[]
где xxxxx — id вашего изображения
yyyyy — ширина в пикселях (не более 388)

Должно получиться так:

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

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

http://vk.com/page-116682062_51411604?act=edit&hid=183950676&section=edit

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

Перейдите на домашнюю страницу и сделайте следующее:

Шаг № 1.

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

Шаг №2.

Прикрепите к сообщению изображение нашей заготовки меню и нажмите «Отправить».

Шаг № 3.

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

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

  • Придумывание структуры и заказ оформления изображений меню;
  • Делаем масштабирование и обрезку всех изображений;
  • Вставлять фотографии в альбомы;
  • Редактируем все нарезки в редакторе и публикуем их на главных страницах группы.

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

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


ВАЖНО: После изменения дизайна ВК в 2016 году были внесены новые изменения при создании изображений и требования к картинкам о которых.

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

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

Прилагаю видео, чтобы закрепить прочитанное -))).

), составьте меню.

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

Делаем красивую графику

В новом дизайне сайта Вконтакте изменены размеры графики.Ниже вы найдете фактические значения.

  • Аватар группы — 200 × 300 пикселей
  • Баннер в описании — 510 × 271 px

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

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

Сначала загрузите аватар. Зайдите в группу и нажмите «Загрузить фото».

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

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

Идем к стене. Здесь в блоке «Добавить заметку» нажмите на значок «Фото».

Загрузите второе подготовленное изображение. Обязательно выберите публикацию от имени сообщества. Затем нажмите «Отправить».

Теперь запись нужно закрепить (см.).Возвращаемся к новой записи и раскрываем меню в правом верхнем углу. Здесь нажимаем «Исправить».

Теперь обновите страницу и посмотрите результат.

Единственный минус — картинки на разном уровне. Но это из-за того, что они не правильного размера … Аватар должен быть больше по вертикали. Тогда они будут на одном уровне.

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

Вернемся к нашему примеру и представим, что нам нужно сделать кнопку «Подробности».Это уже есть на картинке. Как сделать его кнопкой, чтобы при нажатии человек попадал на наш основной сайт? Сейчас покажу.

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

Открываем нашу картинку в редакторе и активируем инструмент «Вырезка».

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

Теперь нажмите Alt + Ctrl + Shift + S, чтобы сохранить готовые изображения.

https://vk.com/pages?oid=-120208137&p=menu

Посмотрите, после символов «odi = -» нужно вставить id вашей группы (см.). И в самом конце ссылки напишите заголовок для своей страницы меню. В этом примере мы оставим «Меню» как есть.

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

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

Далее переходим в раздел «Редактирование» … Здесь для каждого изображения нам нужно убрать отступы, чтобы они сливались в единое изображение. Для этого в коде добавьте следующее значение nopadding; … И добавьте ссылку на желаемую страницу или сайт, написав значение «https://site.ru/page.html» (укажите свои адреса!). В нашем примере кнопка «Подробности» должна вести на сайт. Вот что должно получиться.

[] []

Сохраняем страницу.Не забудьте скопировать ее адрес из адресной строки … Должно получиться так:

https://vk.com/page-120208137_52523487

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

Вот меню, которое у нас получилось.

Эй! Меня зовут Адель Давлетшин, руководитель SMM-проектов бюро DrugMedia

Личные сообщения сообщества

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

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

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

Описание, информация

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

Раздел, который мы называем «статьи», можно называть как угодно.Заходим в этот раздел, нажимаем «редактировать» и пишем любое подходящее название для контента. Это могут быть советы, интересные новости, меню или экспертные статьи.

Советы по составлению описания группы мы уже писали в этой статье:

Вики-меню

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

Узнать, как работать с вики-разметкой, можно здесь: vk.com / wiki

Приложения

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

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

Товар

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

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

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

Обсуждения

Ссылки

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

Альбомы

Контакты

Были и такие, кто спрашивал: «Зачем разбирать контакты, когда есть сообщения от сообщества?» Встречный вопрос: «Почему бы не отключить все комментарии и не удалить обсуждения?» Потому что сообщения сообщества — это один из инструментов обратной связи.А социальные сети созданы для общения. Согласитесь, с человеком приятнее общаться, чем с безличным сообществом. Написав человеку из блока «контакты», мы понимаем, с кем ведем диалог, кто этот человек и по каким вопросам с ним можно связаться. Поэтому не стоит прятаться за названием группы и позволять подписчикам видеть вас и общаться лично.

Вот несколько примеров хорошо продуманных групп:

  • Хорошее покрытие и раздел продукта

  • Краткое и понятное описание

  • Полезно заполненный раздел вики

  • Простое и понятное меню

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

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

Как красиво оформить группу во Вконтакте.Советы и хитрости

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

Как красиво оформить группу во Вконтакте

Создание баннера



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

Stage 1

Откройте Photoshop и создайте новый документ размером 630×725 пикселей. Залейте его белым. Вырежьте в слое два окна. Через эти окна будет смотреться графический дизайн Контакта. Сначала выделяем прямоугольную область размером 200×710 пикселей, нажимаем кнопку «Del». Далее выделяем прямоугольную область размером 382×442 пикселя, объединяем получившиеся прямоугольники вниз и нажимаем клавишу «Del».

Stage 2

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


Stage 3



Далее правая прямоугольная область имеет размер 200×710 пикселей. сохранить как отдельное изображение. Результатом стал полностью законченный чертеж дизайна группы. Его нужно загрузить в блок, который находится в верхнем углу страницы справа.Для этого нажмите кнопку «Загрузить фото».

Для чего левое изображение? Разрезаем на несколько частей (зависит от количества пунктов меню). Например, в нашем меню 5 пунктов, а это значит, что на выходе будет 5 картинок размером 382×50 пикселей.

Stage 4

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

Этап 5

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

Stage 6

Для идеального сочетания изображений необходимо выполнить несколько условий:

— название группы должно умещаться в одной строке;

— Адрес сайта тоже одна строка.

— описание должно содержать 10 строк.

Vkontakte Wiki

Чтобы понять, как красиво оформить группу в Контакте, также необходимо ознакомиться с концепцией разметки Wiki.

Что это такое?



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

Дизайн текстового меню

Код меню будет выглядеть так:

[[photo-4599955_138645590]] [http: // vkontakte.ru / write18759169 | Приложение к ADM]

Начало и конец кода обозначаются тегами. Каждый значок будет иметь вид [[фото-номер_ в альбоме]], а затем описание.

Графическое меню

Код такого меню будет составлен по такому принципу:

! [http: //yoursite.ru | Меню] !! [http: //yoursite.ru | Меню]!! [http: //yoursite.ru | Меню]

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

Mh27: украинские повстанцы находят место сбора во «ВКонтакте»

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

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

У страницы более 141 000 подписчиков, и она утверждает, что содержит комментарии Игоря Стрелкова, военного командира самопровозглашенной сепаратистской группировки Донецкой Народной Республики (ДНР). Через полчаса после авиакатастрофы в одном посте хвасталось: «Мы только что сбили Ан-26 недалеко от Тореза» и добавлено: «Мы предупредили их», чтобы они не летали в этом районе.

История продолжается под рекламным объявлением

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

Путаница показывает огромный аппетит местных жителей к новостям и изображениям из зоны боевых действий, но также и сложность понимания того, откуда эта информация, что заставляет многих обращаться к пророссийским сайтам-агрегаторам, таким как «Русдозор».ru тоже.

ВКонтакте, которую можно сравнить с русской версией Facebook, имеет более 60 миллионов ежедневных пользователей и более 11 миллионов аккаунтов в Украине. Он приобрел популярность среди российских политических активистов, стремящихся к организации, но в последнее время породил множество групп, обслуживающих украинскую сепаратистскую пророссийскую аудиторию.

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

Другая группа ВКонтакте с 1800 подписчиками под названием «Фонд помощи Норороссии и Донбассу» вымогает деньги, очевидно, для покупки медицинских принадлежностей. палатки, фонарики и другое оборудование. Он регулярно благодарит жертвователей, и в одном из недавних постов говорится, что он «Купил 100 портативных радиоприемников» по ​​заказу г-на Стрелкова.

Самый подробный справочник в Рунете для групповой или публичной страницы. Меню для привлечения посетителей

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 3. Укажите ссылки и метки.

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

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

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

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

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

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

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

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

Разметка

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

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

· Графическое создание спойлеров и таблиц.

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

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

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

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

Быстрая регистрация

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

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

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

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

  • . Теперь нужно заключить его в двойные квадратные скобки. Должен быть такой результат: []. Но что, если вам нужно прикрепить ссылку или текст к картинке или фотографии? А может есть необходимость редактировать внешнее изображение? Тогда здесь поможет следующее действие: вам нужно, чтобы файл выглядел так — [[photo14523_
  • | варианты | текст / ссылка]] и замените последние три слова на то, что вам нужно.Текст — введите то, что вам нужно. Дополнительные объяснения здесь, наверное, будут неуместны. Ссылка переводится с английского как «ссылка». Обозначается, чтобы машина посетителя понимала, куда ей нужно ехать. Параметры — здесь задаются эти значения:

    Noborder — убирает рамку вокруг фотографии. Коробка — изображение находится в окне.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    2. Убедитесь, что первое меню отображается правильно.

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

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

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

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

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

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

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

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

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

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

    Шаблоны группового меню Вконтакте

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

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

    Многочисленные просьбы моих постоянных читателей и просто любопытных пользователей возымели действие.Наконец-то создал урок, на котором мы научимся делать динамическое меню Вконтакте с эффектом нажатых кнопок! По аналогии с обычными интернет-сайтами, когда посещаемая ссылка отмечена особым образом (нажатая кнопка, подчеркивание и т. Д.) — мы создадим такую ​​же структуру Вконтакте, используя созданные страницы и графический дизайн. Для начала сделаем графические шаблоны в Photoshop — создадим заголовок меню и два типа кнопок. Затем мы создадим несколько страниц Вконтакте, согласно пунктам нашего меню.И напоследок проделаем хитрый трюк, который, по сути, создаст иллюзию нажатия на ссылку. Урок достаточно сложный и подходит для тех, кто уверен в функционале Вконтакте. Все манипуляции буду проделывать на примере вашей группы Вконтакте, где этот эффект реализован вживую. Итак, приступим!

    Шаг 1. Создайте заголовок меню в Photoshop
    Создайте документ шириной 600 пикселей в Photoshop. Высота может быть разной, на ваше усмотрение. В шапке можно разместить фото любого типа, коллаж, информационный баннер и другие графические изображения.В данном случае я использовал этот рекламный баннер размером 600×172 пикселей.

    Шаг 2. Создайте панель навигации в Photoshop
    Теперь нам нужно создать панель навигации. В этом примере я использовал только текст в качестве кнопок. Но на свое усмотрение вы можете создать цветные кнопки и написать на них текст. Мы делаем это — создаем в Photoshop прямоугольник 600×56 пикселей и в данном случае заливаем его белым цветом. Далее пишем пункты меню в строку — где-то порядка 5-6 пунктов, не более. Больше очков будет выглядеть сжатым.

    Шаг 3. Создайте панель навигации в нажатом состоянии в Photoshop
    Теперь нам нужно создать активные ссылки, как если бы они были нажаты. Я использовал обычное подчеркивание, но вы можете использовать другой текст или цвет фона, чтобы отметить посещенную ссылку.

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

    Шаг 5. Создайте страницу меню Вконтакте
    Теперь зайдите во ВКонтакте. Наша задача — создать отдельную страницу под названием «Меню». Для этого мы будем использовать следующий код
    http://vk.com/pages?oid\u003d-XXX&p\u003dPage_name
    где вместо XXX подставим идентификатор нашей группы, а вместо текста » Название страницы »напишем Меню. Теперь нам нужно узнать идентификатор группы.Как это сделать? Заходим на главную страницу группы и смотрим наши посты на стене — прямо под блоком «Добавить пост» будет написано «Все посты» — нажимаем на эту ссылку.

    Шаг 6. Определите идентификатор группы и отредактируйте код
    Перейдите на страницу и увидите URL-адрес этого типа https://vk.com/wall-78320145?own=1 , где числа 78320145 в этом примере — идентификатор группы. Подставляем наши данные в исходный код и получаем такую ​​запись:
    http: // vk.com / pages? oid = 78320145 & p =Menu (с вашими номерами!). Вставляем эту строку в адресную строку браузера и нажимаем Enter. Итак, мы создали новую страницу Вконтакте и изначально она выглядит так.

    Шаг 7. Создаем Вконтакте другие страницы навигации
    Аналогичным образом создаем еще четыре страницы навигации: Цены, Как заказать, Техническое задание и Вопросы. То есть еще четыре раза копируем соответствующий код в адресную строку браузера (с вашими номерами id в примере под моими номерами):

    http: // vk.com / pages? oid = 78320145 & p =Prices

    http://vk.com/pages?oid=-78320145&p=How_order

    http://vk.com/pages?oid=- 78320145 & p = Условия использования

    http://vk.com/pages?oid=-78320145&p\u003d Вопросы
    Обратите внимание, что в заголовке страницы из двух слов (Как заказать) пробел между слова заменяются подчеркиванием How_order. Теперь у нас есть пять готовых страниц для каждого пункта меню.Мы не создавали страницу портфолио, так как она находится на странице меню

    Шаг 8. Загрузите фотографии на первую страницу меню.
    На все еще пустой странице созданного меню (см. Шаг 6) щелкните ссылку «Изменить» или ссылку «Заполнить содержимым». После этого видим панель редактирования. Здесь нам нужно нажать на значок камеры с функцией Загрузить фото. Важный! Убедитесь, что у вас есть режим макета вики. Переключение режимов контролируется значком у правого края страницы.

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

    Шаг 10. Редактирование кода изображения
    Теперь наша задача заменить все свойства noborder на свойство nopadding. И проставьте реальные размеры для первой картинки, так как Вконтакте при загрузке сжал картинку до 400 пикселей.После всех изменений у нас должен получиться такой код и такое меню.

    Шаг 11. Размещение ссылок на картинки
    Теперь нам нужно добавить ссылки для каждого изображения. Ссылка должна быть вставлена ​​после nopadding | вместо пробела перед закрывающими круглыми скобками. Для первого изображения (заголовок меню из шага 1) вы можете указать ссылку на главную страницу группы или использовать свойство nolink (поставить после; после отсутствия заполнения без пробелов). Для второго изображения вставьте адрес страницы формата page-78320145_49821289 … То есть полный url картинки https://vk.com/page-78320145_49821289 , первую часть с доменом можно опустить. Но для ссылок на внешние сайты url-ссылки должны быть указаны полностью.

    Шаг 12. Скопируйте код на остальные страницы навигации
    На этом довольно простом шаге мы копируем последний код с предыдущего шага и вставляем его на остальные созданные страницы — Цены, Как сделать заказ, Техническое задание и вопросы. Мы находимся на странице, нажимаем Edit или Fill with content (мы находимся в режиме wiki-разметки), вставляем код и нажимаем Save.А потом тоже на следующей странице. То есть теперь у нас есть пять страниц, на каждой из которых меню выглядит точно так же. Но с другой стороны, вы уже можете перемещаться по меню — когда вы нажимаете ссылку, например, Цены, мы переходим на страницу Цены и т. Д.

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

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

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

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

    История Парижа

    Именно благодаря историческим событиям Париж приобрел свое необычное очарование. Остров Сите сыграл важную роль в возникновении Парижа. В III в. До н. Э.е. На острове жили кельты галлы из парижского племени. Поселок назывался Лютеция, что в переводе означает «заболоченное место». До 52 г. до н. Э. галлы защищались от римлян. Противостояние дошло до того, что при следующей попытке римлян приблизиться к городу галлы сожгли Лютецию. В том же году армии Юлия Цезаря все же удалось установить контроль над галлами.

    После принятия христианства Хлодвиг I в 486 году нашей эры завоевывает город.Париж становится столицей Франции. Но под властью каролингов центр империи перемещается на восток. Жители города самостоятельно борются с набегами викингов. Остров с укреплениями служил защитой для местного населения.

    Семья графа Одо положила конец династии Каролингов. Гуго Капет был избран королем, Париж снова стал центром Франции. Филипп II Август внес огромный вклад в преобразование города.Мощеные улицы, появились фонтаны, началось строительство крепости Лувр, возведены новые церкви.

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

    Столица Франции приобрела современный вид благодаря барону Осману: просторные улицы, реконструкция Иль-де-ла-Сите.

    Последние штрихи к Парижу были внесены в XIX и XX веках.Олимпийские игры проводятся в Париже дважды — в 1900 и 1924 годах.

    Районы Парижа

    Всего 20 административных округов.

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

    В районе сосредоточено много банков и бизнес-центров. Главная достопримечательность — Бастилия. Если вы настроены на веселые выходные, то этот район не для вас. Цены здесь более разумные, чем в первом районе.

    1. Храм

    Название округа говорит само за себя. Храмовый замок — историческое достояние города. Район в основном является домом для интеллигенции и аристократических слоев населения.

    Цены на отели существенно отличаются от предыдущих.

    1. Hotel De Ville

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

    1. Пантеон

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

    1. Люксембург

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

    1. Бурбон бледный

    Самый популярный район Парижа. Причина тому — Эйфелева башня! Молодой район с политическим статусом округа Парижа.Гостиницы здесь не из дешевых. Стоимость увеличивается в зависимости от расположения отеля до Эйфелевой башни.

    1. Элиза

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

    1. Opera

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

    1. Entrepos

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

    1. Popincourt

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

    Устали от городской суеты и постоянного трафика? Отправляйтесь в район Рюйи с Венсенским садом.Выбирая отель или апартаменты, обратите внимание, что они находятся не на границе 12-го и 20-го округов.

    1. Гобелен

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

    1. Обсерватория

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

    1. Вожирар

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

    1. Пасси

    Триумфальная арка, музей Бальзака и подделок — все это собрано в районе Пасси. Культурное наследие в сочетании с дорогими покупками и ресторанами может сильно ударить по вашему кошельку.

    1. Батиньоль-Монсо

    Туристы сюда никуда не торопятся. Здесь нет исторических зданий и бутиков.Но есть недорогие отели и отдельные квартиры.

    1. Монмартр

    Пабло Пикассо и Ван Гог — визитная карточка этого района. Здесь можно поселиться в отдельных квартирах или в молодежном хостеле.

    1. Шомон

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

    1. Menilmontand

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

    Музеи

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

    Лувр

    Самый популярный музей среди туристов. Точное количество картин, экспонатов и статуй в Лувре не сосчитать. Картина выставляется 3 месяца. Затем он удаляется на хранение.

    Для лучшего восприятия информации музей «разделен» на части:

    • 1 этаж — античные залы, в том числе искусства Востока и Египта;
    • 2 и 3 этаж — живопись и прикладное искусство;
    • северное крыло — французское искусство;
    • южное крыло — итальянское искусство, в том числе «Джоконда»;
    • на первом этаже, вы буквально прикоснетесь к истории Лувра.

    Human Museum

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

    В Музее Человека 4 основных собрания:

    • основных этапов развития человека;
    • прирост мирового населения;
    • разнообразие биологии;
    • этносы Африки, Америки, Азии и Арктики.

    Музей Орсе

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

    В музее 5 коллекций:

    • Живопись
    • Скульптура
    • Декоративно-прикладное искусство
    • Графика
    • Архитектура

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

    Музей Родена

    Музей представляет собой особняк с огромным садом вокруг. Скульптор Огюст Роден подарил свои работы Франции при условии открытия музея в доме, где он живет.Отдельный зал выделен для работ возлюбленной Родена, а также для работ самого Родена. Обязательно посетите часовню, в которой также представлены работы Родена.

    Музей современного искусства

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

    Музей средневековья

    Музей расположен в особняке 15 века в Клуни. Здесь вы не найдете кафе и разделения экспонатов по коллекциям. В облике музея смешалось несколько архитектурных направлений, что нашло отражение в интерьере. «Дама с единорогом», «Шахматисты», статуи царей Иудеи и Израиля — изюминка этого музея.

    Музей оранжерей

    Музей знаменит работами Клода Моне «Кувшинки», которые занимают второй этаж.Восемь картин расположены рядом по просьбе самого автора. На первом этаже представлены работы д’Орсе. В музее также представлены работы Анри Матисса, Поля Гогена, Сислея, Руссо, Дерана и многих других.

    Исторические памятники и сооружения

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

    Эйфелева башня

    В 1909 году планировалось демонтировать башню из-за недовольство местных жителей.Но как только поняли, что башня привлекает деньги, больше ни у кого не возникло желания разбирать. Эйфелева башня — самое высокое сооружение в Париже и пятое по высоте во Франции. Башню перекрашивают каждые 7 лет. Цвета подобраны так, чтобы он гармонично смотрелся на фоне неба. Удивительно, но башня была окрашена в желтый, красно-коричневый цвет. Каждый слой краски увеличивает вес башни, а антенны удлиняют Эйфелеву башню.

    Подземные карьеры

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

    Мост искусств

    Самое примечательное на мосту — множество замков на сооружении, оставленное местными жителями и туристами. С моста открывается великолепный вид на Лувр с одной стороны и купол Института Франции и вершину Эйфелевой башни с другой.

    Pont Neuf

    Самый старый мост в Париже, соединяющий набережные Лувра и Конти.В середине он пересекает остров Сите. Pont Neuf стал первым мостом, на котором не было построено домов, что вызвало массу негатива у купцов. Отсутствие построек было связано с желанием Генриха IV. Он не хотел, чтобы громоздкие здания закрывали вид на Лувр.

    Арены Лютеции

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

    Триумфальная арка

    Арка — такой же символ Парижа, как Эйфелева башня. Он расположен на площади Шарля де Голля. Внутри арки-музея со смотровой площадки открывается великолепный вид на город.

    Мост Александра III

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

    Дворцы

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

    Тюильри

    В центре Парижа, под властью Франции, Тюильри представлял собой комплекс центрального здания, часов и прилегающих павильонов Марсана и Флоры. Но после сожжения коммунарами в 1871 году дворец полностью сгорел.Никто не собирался восстанавливать дворец. Уцелели только павильоны и переходы с Лувром.

    Елисейский дворец

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

    Люксембургский дворец

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

    Большой дворец

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

    Дворец Бурбонов

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

    Версаль

    Дворец является частью дворцово-паркового комплекса.Внутреннее убранство — это обилие роскошных и уникальных произведений искусства. Этот дворец стал прообразом ансамбля в Петергофе. Падение монархии привело к упадку дворца. Реставрация началась после революции. В 2003 году было объявлено о 13-летней реставрации Версаля.

    Conciergerie

    Часть Дворца правосудия в западной части Сите сегодня и бывший замок королей Франции и тюрьма в прошлом.В этом здании Мария-Антуанетта ждала своего часа смерти, Эмиля Золя судили и вынесли приговор шпионке Мате Хари.

    Религиозные постройки

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

    Собор Парижской Богоматери

    Собор Нотр-Дам де Пари стал свидетелем многих исторических событий. Готический стиль собора привлекает внимание туристов.Если вы посмотрите вверх, вы увидите горгулий и химер. Чтобы рассмотреть их поближе, вам предстоит преодолеть более 100 шагов.

    В настоящее время собор восстанавливается после пожара.

    Базилика Сакре-Кер

    Храм стоит на самом высоком холме в Париже. Изготовлен из минерала, который отбеливает водой. С холма открывается захватывающий вид на Париж.

    Пантеон

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

    Сент-Этьен-дю-Мон

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

    Парижская соборная мечеть

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

    Парки

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

    Парк Монсо

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

    Бют-Шомон

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

    Елисейские поля

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

    Булонский лес

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

    Сад Тюильри

    Этот сад — прекрасное место для неспешных прогулок среди ровно посаженных деревьев. Парижский стиль сада перекликается со статуями 20 века.

    Культурные достопримечательности

    Что еще можно увидеть в Париже? Не стоит упускать из виду следующие ценности Парижа.

    Defense

    Деловой район Парижа. Утро считается хорошим временем для туристов. Совершите прогулку по пешеходной зоне с фонтанами, посетите музей.

    Опера Гарнье

    Для культурного насыщения стоит посетить оперный театр, где выступали Шаляпин и Лифарь.

    Центр Помпиду

    Третий по посещаемости после Эйфелевой башни и Лувра.Это смесь современного искусства, выставок, концертных залов, в том числе библиотеки.

    Galeries Lafayette

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

    Шекспир и компания

    Книжный магазин с прекрасным видом на Нотр-Дам. Здесь книги везде, куда ни глянь. Книгу разрешено читать не менее 2 часов.

    Мулен Руж

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

    Площадь Бастилии

    Ранее здесь находилась тюрьма Бастилия. Тюрьму снесли, на ее месте построили оперу. На площади часто проходят шумные мероприятия.

    Сорбонна

    Первое учебное заведение в Париже, которое по-прежнему привлекает студентов со всего мира.

    Бульвар Капучинок

    Монастырь дал название этому бульвару. Находясь здесь, вы ощутите дух Парижа и почувствуете себя настоящим парижанином.

    Диснейленд

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

    Памятка для туристов
    • Есть список книг, которые стоит прочитать перед поездкой в ​​Париж.
    • Составьте план путешествия, выделив достопримечательности.
    • Находиться в 19-м и 20-м округах небезопасно, особенно для одиноких девушек.
    • Обменные пункты берут комиссию, уточняйте заранее.
    • Перед тем, как отправиться в магазин, уточните его режим работы.
    • Нет времени на перекус — скажите официанту, еда будет доставлена ​​намного быстрее.

    Заключение

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

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

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

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

    Типы меню и их особенности

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

    • для информационной площадки;
    • ;
    • для учебной площадки.

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

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

    Как создать меню в группе Вконтакте: пошаговая инструкция

    Весь процесс можно разделить на 2 этапа:

    • Работа в фотошопе;
    • Добавление разделов и картинок в самой группе.

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

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

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

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

    Алгоритм действий:

    • Откройте Photoshop и перейдите в «файл» — «создать» и установите ширину и высоту: 760X500 соответственно.

    • Выбираем инструмент «резка», а затем — «расколоть фрагмент». Разделите изображение на 3 части по горизонтали. Для фрагмента с левого или правого края в выпадающем окне (в зависимости от того, какую часть вы хотите видеть на аватаре) напишите значения ширины и высоты — 200XX и Y) — 560 и 0. Это будет аватаром группы.

    • Для следующего фрагмента задаем значения ширины и высоты — 50X500, а в координатах пишем 510 и 0. Это пространство между аватаркой группы и меню. Эта деталь в будущем не понадобится.

    • Снова выберите «разбить фрагмент» и разделить по вертикали на 2 части. Для фрагмента вверху задайте значения: ширина — 510, высота — 182, координаты — 0. Это пространство над меню. Эта часть также не будет видна в группе.

    • Теперь скопируйте выделенное или созданное изображение на созданный и разделенный объект. Если сочетания клавиш CTRL + V не работают, просто откройте папку на своем компьютере, где сохранено изображение, и перетащите его в Photoshop.

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

    • Последний шаг — сохранение изображений.Сохранять картинки нужно так: файл — сохранить для Интернета. Этот метод подходит для более поздних версий Photoshop. Если в разделе «файл» нет надписи «сохранить для Интернета», то действуем следующим образом:

    Заходим в пункт «файл», выбираем «экспорт» — «сохранить для Web». Все параметры оставляем как есть. Снова нажмите «Сохранить».

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

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

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

    • Загружаем в группу все фото, кроме аватарки и тех частей, которые не нужны. Чтобы фотографии отображались на главной странице, вам нужно вернуться в Управление сообществом и щелкнуть напротив вкладки «фотографии» — «открыть».
    • Загружаем аватарку.
    • Следующим шагом является включение режима разметки вики. Это можно сделать, щелкнув значок ромба в правой части страницы в разделе «Редактировать».

    • Здесь мы вставляем код для разметки: [], где [] — ссылка на раздел или страницу, на которую можно перейти, нажав на фотографию. Вы можете добавлять как ссылки на разделы в самом Вконтакте, так и на внешние ресурсы.
    • Этот код дублируется столько раз, сколько разделов в меню, каждый раз вставляя ссылки.
      При желании также меняем вкладку «свежие новости», например, на «меню.

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

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

    Услуги по созданию группового меню

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

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

    С уважением, Галиулин Руслан.

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

    Какой размер группового меню Вконтакте?

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

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

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

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

    Как вставить картинку в описание группы Вконтакте?

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



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

    Но если вы хотите создать уникальное и красивое изображение для описания группы Вконтакте, вам необходимо воспользоваться программой Photoshop. На самом деле это не так сложно, как может показаться новичку. Но вам придется потратить свое время на его изучение. Могу порекомендовать замечательный видеокурс — «Фотошоп с нуля в видео формате 3.0». С его помощью вы быстро освоите эту программу.

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

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

    1. Первое, что нам нужно сделать, это зайти в настройки группы и активировать раздел «Материалы». Значение должно быть установлено на «ограничено» или «открыто».

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

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

    4. Изображение было вырезано с помощью инструмента «Вырез» в Photoshop и затем сохранено. Каждая из выделенных частей стала отдельным изображением.

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

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

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

    8. Затем вернитесь на страницу своей группы или обновите ее (если она уже открыта).Щелкните ссылку «Открыть меню». После этого появится дополнительная ссылка на созданную нами страницу. Нажмите здесь.

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

    11. Чтобы убедиться, что мы все сделали правильно, нажмите кнопку «Предварительный просмотр». Под кодом появится сформированное меню группы Вконтакте. Если все отображается правильно, то нажимаем на кнопку «Сохранить», а если нет, то ищем и исправляем ошибки.

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

    13. Затем открываем нашу созданную страницу с составленным меню группы Вконтакте и копируем ссылку на нее. Чтобы правильно скопировать ссылку, нужно нажать «Редактировать страницу». После этого появится написанный ранее код, и вы сможете скопировать адрес из строки браузера, которая должна выглядеть так: «https://vk.com/page-1177_51764020».
    14. Далее заходим в нашу группу и вставляем скопированный адрес меню в форму для отправки сообщений.А потом фото, которое будет заставкой. После этого нажмите кнопку «Отправить».
    15. Теперь остается закрепить эту запись. Сделайте это так же, как я сделал на картинке ниже.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Шаг 3. Укажите ссылки и метки.

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

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

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

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

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

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

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

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

    Разметка

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

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

    · Графическое создание спойлеров и таблиц.

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

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

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

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

    Быстрая регистрация

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

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

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

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

  • . Теперь нужно заключить его в двойные квадратные скобки. Должен быть такой результат: []. Но что, если вам нужно прикрепить ссылку или текст к картинке или фотографии? А может есть необходимость редактировать внешнее изображение? Тогда здесь поможет следующее действие: вам нужно, чтобы файл выглядел так — [[photo14523_
  • | варианты | текст / ссылка]], а вместо последних трех слов нужно подставить то, что вам нужно.Текст — введите то, что вам нужно. Дополнительные пояснения здесь, безусловно, будут неуместны. Ссылка переводится с английского как «ссылка». Обозначается, чтобы машина посетителя понимала, куда ей нужно ехать. Параметры — здесь задаются эти значения:

    Noborder — убирает рамку вокруг фотографии. Коробка — изображение находится в окне.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Шаблоны группового меню Вконтакте

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

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

    Здравствуйте, друзья!

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

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

    В общем сделал простое меню для одной из страниц ВКонтакте:

    Потратил буквально 30 минут, чего нельзя сказать о написанной статье 😀

    Прежде всего, сразу оговоримся — это меню всплывающее, публичное (не в группе).

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

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

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

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

    Группе все проще. Сразу под основным описанием находится пункт меню и ссылка «редактировать» (как показано на рисунке). Если у вас нет такой надписи, то скорее всего вы просто не подключили материалы в своей группе, зайдите в настройки группы и нажмите галочку рядом со словом материалы.

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

    Более подробно объясню, как я делал меню на своей странице:

    Итак, о пабликах. Все работает для старых и новых пабликов. Делаем следующие шаги:
    1. Выполняем запрос типа: // vk.com / pages? oid = -XXX & p = YYY
    где XXX — ваш публичный номер; ГГГ — название нужной страницы.
    Если все сделано правильно, то перед вами появится новая страница. Нажмите «Редактировать» и создайте вики-меню или что-то еще
    2. Всплывающая страница вызывается с помощью команды:
    //vk.com/publicXXX?w=page-XXX_YYY

    Внимание! Все минусы, вопросительные знаки и прочие знаки обязательны. Измените только XXX и YYY.
    Все! Теперь нужно придать ссылке «красивый вид» — с помощью vk.cc — сокращателя ссылок ВКонтакте.

    Например — у моей страницы адрес: //vk.com/sf_kontakt, чтобы узнать XXX (id страницы) перейдите в пункт «управление страницей»

    //vk.com/pages?oid=- 34016644 & p = Здесь вводим имя

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

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

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

    она взяла этот адрес: //vk.com/sf_kontakt?w=page-34016644_44405134

    И в конце: Основная группа или паблик / Название созданной страницы

    Надеюсь, с этим не возникнет сложностей.

    Создаем главное меню в контакте:

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

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

    Чтобы сделать такое меню без понимания кода, достаточно просто перейти по ссылке и подобрать готовое меню. Вот группа, в которой можно найти шаблоны: //vkontakte.ru/club93

    1. Нажимаем «Меню» -> «Коллекции меню»
    2. Выберите свое любимое меню
    3. Скопируйте код выбранного вами меню
    4. Зайдите в свою группу и отредактируйте страницу Последние новости , в разделе исходного кода вставьте код нашего меню для контакта.

    Меню для группы ВКонтакте

    Теперь у нас есть страница с элементами навигации, которая имеет адрес: //vk.com/page-34016644_44405134, чтобы отобразить ее в верхней части вашего паблика, мы делаем следующее:

    • Добавить новость
    • Прикрепляем основную картинку, нажав на которую, пользователь откроет наше меню.
    • Вставить ссылку созданной страницы в новость
    • И последний шаг — «починка столбов». Напишите пост с фото / видео / музыкой, затем опубликуйте, затем нажмите дату публикации — и нажмите «Закрепить».

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

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

    И на сегодня все. Спасибо, что зашли! 😉 До следующего раза …

    На вопрос «как создать меню для группы ВКонтакте» есть три основных ответа: заказывать у специалиста, создавать онлайн-конструктором или мастером, вникать в некоторые тонкости вопроса и делать все самостоятельно.

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

    Итак, вот три способа создания меню:

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

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

    Путь # 1.Заказать создание меню у специалиста-дизайнера

    Преимущества этого метода — относительная скорость и минимальное участие с вашей стороны. Минусы — самая высокая цена и шанс получить красивое, но неправильное меню (про основные ошибки при создании меню мы подготовили). К тому же еще нужно найти исполнителя. Здесь мы можем порекомендовать поискать его на сервисе kwork.ru, в разделе «Дизайн групп в социальных сетях».

    Путь # 2. Использование онлайн-конструктора

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

    Путь № 3. Сделай сам

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

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

    Если вы думаете, что справитесь со всем этим, то приступим.

    Шаг №0. Общие сведения о том, как устроены меню группы ВКонтакте

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

    Шаг 1. Подготовительный этап

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

    Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы — это ее уникальный номер ВКонтакте. Зайдите в свою группу и нажмите «Сообщения сообщества» (если в группе нет сообщений, то вместо «Сообщения сообщества» будет «Нет сообщений»). Вы будете перенаправлены на новую страницу с таким адресом:

    https://vk.com/wall- XXX ? own = 1

    Вместо XXX у вас будет набор чисел (и только цифры!).Это ваш идентификатор сообщества. Например, в нашей тестовой группе это 154457305.

    Теперь давайте создадим новую вики-страницу в группе. Для этого создайте ссылку следующего типа:

    http://vk.com/pages?oid=- Group_id & p = Page_name

    http://vk.com/pages?oid= — 154457305 & p = Меню

    Откройте полученную ссылку в браузере (скопируйте ее в адресную строку браузера и перейдите по адресу). Вот и все, вы создали вики-страницу с названием «Меню» (если, конечно, вы указали «Меню» в качестве имени страницы в ссылке).Вы должны увидеть такой текст: «Страница меню пуста. Наполните содержанием. «В правом верхнем углу есть значок карандаша (). Щелкните по нему, чтобы перейти к редактированию страницы.

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

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

    http://vk.com/page- Group_id _ XXX ? act = edit & section = edit

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

    Шаг №2. Делаем простое меню для группы ВКонтакте

    Итак, мы создали вики-страницу «Меню». Переключитесь в режим разметки редактора и добавьте следующий код:

    Нажмите кнопку «Предварительный просмотр», которая находится в нижней части редактора.Вы должны увидеть список из трех ссылок. Первые два являются внешними и ведут на главные страницы Яндекс и Гугл соответственно. Третья ссылка внутренняя. Выводит в паблик ВК с идентификатором «1» (это официальная группа ВК для разработчиков). Если в предварительном просмотре отображается код, а не ссылки (по которым можно щелкнуть) — , значит, вы ввели код в режиме визуального редактирования , а не в режиме макета. Будь осторожен!

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

    club Group_id

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

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

    А теперь разберемся, как и где можно использовать вики-страницы.

    Шаг № 3. Где я могу разместить вики-страницы ВКонтакте

    Есть два основных места: вы можете создать сообщение со ссылкой на вики-страницу или разместить его в разделе «Контент» вашего сообщества.

    Начнем с первого варианта. Начните добавлять новый пост на стену вашей группы. Сначала прикрепите к нему любую фотографию. Лучше сделать снимок достаточно большого размера, шириной больше высоты. Затем вставьте ссылку на созданную вами вики-страницу с помощью простого меню в текст создаваемого вами сообщения. Мы просили вас записать это немного раньше. Напомним, что ссылка выглядит так ( у вас будут разные номера ):

    http://vk.com/page-121237693_72827423

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

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

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

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

    Перейти к этой новинке.Щелкните по пластине «Редактировать». В результате вы попадете в уже знакомый вам редактор вики-страниц. Единственное отличие состоит в том, что есть поле для ввода заголовка страницы. Измените его с «Свежие новости» на «Меню2». V режим редактирования разметки введите следующий код:

    «» «Пункт меню для раздела» Материалы «» «»

    []

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

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

    Мы узнали, что меню можно размещать в двух местах.Желательно делать это как в виде фиксированной записи, так и в разделе «Материалы». Запомните два нюанса:

    • Закрепленный пост увидят 98% ваших посетителей, и только 25-40% самых любопытных, а также лояльных старых пользователей вашей группы, которые знают, что есть что-то полезное, получат в раздел материалов.
    • Закрепленный пост с картинкой для вызова меню можно дополнить текстом. Таким образом, вы не потеряете эту закрепленную возможность записи. Но и переборщить не стоит: чем больше текста, тем ниже будет ссылка для открытия вашего меню.

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

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

    Шаг №4. Как сделать меню в группе ВКонтакте. Graphic

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

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

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

    Наше тестовое меню будет выглядеть так:

    Всего две кнопки. Первый будет вести на главную страницу Яндекса, а второй — в группу VK Team ВКонтакте.

    Вертикальное графическое меню в ВК представляет собой изображение, нарезанное полосками.Эти полосы расположены друг под другом на странице вики. Некоторым из этих «бэндов» присвоены ссылки. При нажатии на такую ​​ссылку-изображение, собственно, и происходит переход по этой ссылке. Одна полоса — это одно звено. Некоторым бэндам (например, промежуточным, которые расположены между точками) наоборот присваивается отсутствие звена. Такие полосы становятся «не кликающими».

    Создание вертикального графического меню для группы ВК сводится к следующей последовательности действий:

    • Первым делом нужно нарисовать меню.Ширина должна быть строго , 600px, (пикселей). Рекомендуем делать меню не более 900 пикселей в высоту. Результат лучше всего сохранить в формате PNG, в крайнем случае -JPG. Воспользуйтесь знакомыми и удобными инструментами рисования (такими как Photoshop или GIMP). Результат здесь на 95% зависит от ваших творческих и технических навыков. Даже если вы совсем не умеете пользоваться графическими редакторами, не отчаивайтесь. Навыков, которых хватит, можно приобрести максимум за пару часов. В Интернете огромное количество справочной и обучающей информации.Кроме того, возможность хоть немного использовать графический редактор очень и очень полезна для публичных администраторов. Вы не будете тратить зря время.
    • Далее картинка с меню нарезается на горизонтальные полосы. Сделать это можно любым удобным для вас способом: от привычного многим Photoshop до различных онлайн-сервисов. Если вы не знаете, как это сделать, просто задайте вопрос своей любимой поисковой системе. Мы не будем подробно описывать техническую часть процесса резки: существует несколько десятков способов, одни подходят для одних пользователей, но не подходят для других.При обрезке необходимо соблюдать одно простое правило: высота одной полосы не должна быть меньше 60px … В противном случае могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: т. Н. «Белые полосы» между изображениями.
    • Нарезанные «полоски» загружаются в альбом или альбом группы на странице администратора группы. Мы рекомендуем второй вариант. В любом случае альбом с нарезанными частями меню должен быть в открытом доступе … Иначе те пользователи, для которых недоступны изображения альбомов, не увидят ваше меню!
    • Код разметки Wiki создается и вставляется на нужную страницу вики.
    • Группа содержит закрепленное сообщение с изображением-ссылкой на вики-страницу с меню. Выше мы подробно писали, как делается такой пост. Кроме того, код (с небольшими изменениями) можно добавить на корневую вики-страницу (элемент справа от элемента «Информация» появляется при включении раздела «Материалы».Подробнее см. Выше).

    Теперь давайте более подробно рассмотрим загрузку частей меню и кода вики. Мы подготовили для вас. Он содержит два каталога: «1» и «2». Первый содержит части самого примитивного и простого варианта нарезки для нашего меню — на две части. Скачайте архив, загрузите изображения (1.png и 2.png) из каталога «1» в новый альбом (на свою страницу или в группу).

    У нас две «полоски»: верхняя (с кнопкой Яндекс) и нижняя (с кнопкой ВКонтакте).Оба будут ссылочными изображениями. В вики-разметке это делается с помощью следующего кода:

    «ССЫЛКА» — целевая ссылка. Например, https://yandex.ru/. Помимо обычных внешних ссылок, это может быть указание на объект ВКонтакте: пост, страницу пользователя или группу. Например, чтобы после нажатия на кнопку происходил переход в сообщество «Команда ВКонтакте», вы можете указать как его адрес (https://vk.com/team), так и указатель на него (club22822305). В принципе разницы не будет.Внешние ссылки (те, которые не ведут на ресурсы ВК) мы рекомендуем уменьшить на

      Здравствуйте, мои любимые!

      Сегодня подробно расскажу, как сделать меню для группы ВКонтакте … По своему опыту меню в группе в контакте увеличивает количество звонков и заявок на 20%. Важно ответственно подойти к вопросу создания группового меню. Поэтому я подготовил для вас шаблон меню PSD, чтобы облегчить вашу работу.

      Начнем с того, что сегодня есть два пункта меню:

      Вариант 1: Меню закрытой группы

      Закрытое меню, открывается при нажатии на ссылку. В приведенном ниже примере меню открывается при нажатии на ссылку «ОТКРЫТЬ МЕНЮ ГРУПП!»

      Вариант 2: Открыть групповое меню (закрепленный пост)

      Открытое меню — это закрепленный пост с активной ссылкой.

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

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

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

      Разберем процесс создания меню на примере Варианта 2, т.е. открытого меню.

      Чтобы вам было проще ориентироваться, я подготовил для вас PSD шаблон меню : [Внимание. Изменился дизайн ВКонтакте. Новый макет и другая соответствующая информация в моей книге]

      PSD шаблон группового меню

      Для создания внешнего меню вам понадобятся 2 картинки: аватар (справа) и центральная (картинка действия).

      Размеры аватара: 200 x 332 пикселей

      Размеры центрального изображения: 395 x 282 пикселей

      Шаг 1.

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

      Шаг 2.

      Зайдите в свою группу в «Управление сообществом» (справа под аватаркой). Найдите пункт «Материалы» (на вкладке «Информация») и сделайте их «Ограниченными».

      Шаг 3.

      Теперь вернитесь на главную страницу своей группы и нажмите «Редактировать» в появившемся блоке «Материалы» (я уже переименовал его в меню «Группа»).

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

      Шаг 4.

      В моем примере https://vk.com/page-42211349_47355854,

      Первые цифры 42211349 — это идентификатор вашей группы

      Вторые цифры 47355854 — это идентификатор страницы

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

      https: // vk.com / pages? oid = -хххххххх & p = pagename
      где,
      xxxxxxxxx — id вашей группы
      pagename — имя вашей страницы
      Шаг 5.

      И опубликуйте пост.

      Шаг 6.

      Теперь загрузите аватар группы (рисунок справа). На стене появится дубликат изображения аватара — удалите его.

      Шаг 7.

      А теперь внимание. Нажмите ЗАПИСАТЬ ВРЕМЯ ПУБЛИКАЦИИ (нижний левый угол сообщения).

      И нажмите «Исправить».Закрываем это окно и обновляем страницу вашей группы (F5).

      Шаг 8.

      Пишем статус группы (используем только 1 строку) для выравнивания картинок, если рисунок на вашем аватаре не начинается с самого верха (в моем шаблоне аватар — вариант 2). И вот что у нас получилось:

      ИТОГО.

      Меню готово! Теперь, когда вы нажимаете на центральную картинку, открывается ваше меню:

      Здесь можно редактировать, перемешивать фото, видео, создавать новые разделы, размещать ссылки.

      В главном меню можно также создать графическое меню (подменю). Его ширина не должна превышать 600 пикселей. Размер неограничен по высоте. Это позволяет создавать отличные лендинги ВКонтакте.

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

      Напишите свои вопросы или мнения в комментариях ниже.

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

      Посмотрите видеоверсию этого вопроса:

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

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

    Факторы ухода гостей:

    • аватар;
    • описание;
    • title;
    • красивое и практичное меню;
    • красочность;
    • содержания.

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

    Каким должно быть меню

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

    Три основные цели групп:

    1. продаж;
    2. повышенный трафик;
    3. рост активных посетителей.

    Для продаж групповая навигация заменяет витрину магазина.

    Здесь должны быть самые важные кнопки:

    Каталог
    1. ;
    2. Цена
    3. ;
    4. доставка;
    5. рекламных предложений;
    6. отзывов.

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

    Примерный вариант набора кнопок:

    видео: меню для общественности

    Работаем с фотошопом

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

    Алгоритм действий:



    Это делается с помощью инструмента «Прямоугольная область»:


    Работа с графикой:


    Должно получиться примерно так:

    Сохраните прямоугольник справа как отдельное изображение, установив размер 200×500 пикселей. Это готовый аватар, загружаемый через кнопку «Загрузить фото» в группе ВК.

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

    Сначала нужно сделать разметку:


    Создать фрагменты:


    Сохранение изображений:


    Техническая часть

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

    Важно! Заполнение меню отличается от обычной загрузки фотографий или картинок.

    Все в порядке:


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

    1. найдите нужную запись;
    2. щелкните по нему левой кнопкой мыши;
    3. скопируйте URL-адрес в адресную строку.
    • перейти к источнику, куда нужно отправить посетителя;
    • скопируйте требуемый адрес.

    Сохраните изменения, нажав соответствующую кнопку внизу окна.

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

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

    Разметка

    Wiki — это специальный язык, используемый для разработки веб-страниц в группах социальных сетей.


    Этот инструмент позволяет создавать:

    • эффектов;
    • необычных меню;
    • тарелок;
    • элементов навигации;
    • формат текста.

    Одним словом, такая разметка позволяет создать мини-сайт ВКонтакте. Это здорово, особенно для продаж и набора подписчиков.

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

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

    Видео: меню с поиском по категории

    Нюансы создания

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

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

    Как это: []

    Основные теги представлены в таблице ниже:

    Фото: теги, используемые для разметки

    Работа с картинками

    Где опции заменены на:

    • noborder — удаление рамки вокруг изображения;
    • nopadding — удаление пробелов между изображениями;
    • plain — вставить ссылку на картинку.Оформлено в виде текста, без графики;
    • nolink — удаление ссылки на картинку;
    • поле — открытие изображения в окне;
    • NNNxYYYpx или NNNpx — устанавливает размер фотографии в пикселях.

    Создание таблицы

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

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

    • {| символ начала таблицы, без него не может быть таблицы. Всегда использовал;
    • | + отвечает за центрирование имени таблицы. Ставится после символов начала таблицы. Используется по желанию;
    • | обозначает начало новой строки и ячейки;
    • | символ, делающий ячейку прозрачной;
    • ! затемняет камеру.При его отсутствии обязательно применить предыдущий знак;
    • |} означает конец таблицы. Однако необязательный символ используется для предотвращения возникновения ошибки.

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

    Функции разметки

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

    Во избежание основных ошибок следует ознакомиться с основными:

    1. нужно быть осторожным при изменении размера картинки — если он будет меньше 131 пикселя, его качество значительно ухудшится;
    2. ширина изображения не должна превышать 610 пикселей;
    3. запрещается размещать более 17 незакрытых тегов на одной вики-странице;
    4. при изменении ширины картинки ее высота изменяется автоматически и пропорционально;
    5. список внутри таблицы должен быть создан с использованием тега
      ;
    6. в одной строке разметки должно быть не более 8 пунктов списка.

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

    Важно! Проверьте закрытие всех тегов. Сохраняйте последовательность.

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

    Один QR-код для всех профилей в социальных сетях

    Что такое QR-код для всех социальных сетей и как он работает?

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

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

    Жизнь до QR-кода в социальных сетях

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

    Какие типы социальных сетей я могу добавить к QR-коду?

    Наш QR-код для социальных сетей в настоящее время поддерживает следующие платформы:

    • Facebook — Это крупнейший в мире сетевой сайт, а также самый узнаваемый бренд.Facebook, насчитывающий более двух миллиардов пользователей, — это самый простой способ связаться с вашей аудиторией.
    • Твиттер — Twitter, известный своим коротким текстом или «твитами», является одной из лучших социальных сетей для быстрого распространения информации и общения.
    • Instagram — Один из лучших социальных сайтов для обмена фотографиями со встроенным простым инструментом для редактирования фотографий.
    • LinkedIn — LinkedIn, получивший название «Facebook для профессионалов», быстро становится важной платформой для компаний. Это также идеальная платформа для приема на работу и поиска работы.
    • Youtube — Загрузите свои видео на Youtube, чтобы люди могли легко делиться ими и комментировать.Youtube — крупнейший сайт обмена видео, где пользователи могут смотреть его бесплатно.
    • XING — XING — это LinkedIn эквивалент профессионального сетевого сайта, созданного для говорящих на немецком языке в Австрии, Германии и Швейцарии.
    • Tumblr — Публикуйте что угодно и подписывайтесь на всех с помощью этой платформы микроблогов.Он легко настраивается и предлагает множество мультимедийных опций, таких как GIF, музыка, текст и многое другое.
    • Vimeo — За исключением рекламы, Vimeo также является платформой для обмена видео, похожей на Youtube.
    • Dribbble — Dribbble, одна из крупнейших платформ для демонстрации своих работ в Интернете, пользуется популярностью среди иллюстраторов, веб-дизайнеров и других профессионалов в творческой сфере.
    • Reddit — Лучший способ узнать, интересен ли ваш контент, — это позволить людям решать через систему голосования на Reddit.
    • Tripadvisor — Tripadvisor подходит для тех, кто работает в сфере гостеприимства. Он позволяет клиентам читать и писать отзывы об отелях, ресторанах, авиакомпаниях, аренде автомобилей и любых других услугах, связанных с путешествиями.
    • Snapchat — Подобно Youtube и Vimeo, Snapchat — это приложение для обмена видео с изюминкой. Все видео или «снимки» исчезают через 24 часа, что означает, что загруженное содержимое доступно только временно.
    • Pinterest — Думайте о Pinterest как о доске настроения для планировщиков.Это сайт закладок, популярный среди домашних мастеров, организаторов свадеб, декораторов и руководителей проектов.
    • Google+ — Изначально созданный для широкой публики, Google+ теперь предназначен исключительно для компаний, использующих G Suite для совместной работы.
    • WeChat — WeChat — это китайский аналог популярного приложения для обмена сообщениями WhatsApp.
    • Линия — Подобно WeChat и WhatsApp, Line предлагает больше, чем просто базовую службу обмена сообщениями, такую ​​как социальные игры, другие интеграции приложений, а также собственные товары.
    • Flickr — Сайт обмена фотографиями для фотографов для загрузки качественных изображений.
    • ВКонтакте — ВКонтакте — одна из крупнейших социальных сетей в России, функции которой очень похожи на Facebook.
    • Skype — Совершайте бесплатные голосовые и видеозвонки между учетными записями Skype с помощью функции групповой конференции.
    • Github — GitHub — это социальная сеть, где программисты могут делиться кодами.

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

    Зачем мне нужен QR-код для социальных сетей?

    Создайте залог без помех

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

    Предоставьте больше способов подключения

    Не у всех ваших зрителей есть Facebook, и не у всех есть Instagram.Отображая все различные платформы социальных сетей, в которых вы работаете, вы предоставляете своей аудитории возможность связаться с вами; как они хотят.

    Опередите своих конкурентов

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

    Используйте либо в печатном, либо в цифровом виде

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

    Как создать QR-код для социальных сетей?

    1. Зарегистрируйтесь в QR Code Generator PRO и получите 14-дневную бесплатную пробную версию.Вы можете выполнить обновление в любое время, чтобы продолжить использование QR-кода, если решите, что этот инструмент вам подходит.
    2. После активации учетной записи выберите «Создать QR-код» на панели управления, затем выберите «Социальные сети».
    3. Добавьте заголовок и краткое описание, чтобы проинформировать вашу аудиторию, о чем эта страница. Затем введите все ссылки на свою платформу социальных сетей, а также URL-адрес веб-сайта.
    4. Затем настройте страницу в соответствии с вашим личным стилем или фирменным стилем. Вы также можете загрузить изображение или экран приветствия, чтобы усилить свой бренд.
    5. Для дальнейшей персонализации выберите одну из готовых рамок QR-кода и добавьте свой собственный текст, чтобы побудить вашу аудиторию сканировать код.
    6. Добавьте несколько завершающих штрихов, например, добавьте логотип в центр QR-кода и измените цвет кода в соответствии с вашими предпочтениями.
    7. Наконец, загрузите и интегрируйте его в дизайн файла своего печатного материала.

    Могу ли я увидеть некоторые варианты использования QR-кода социальных сетей?

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

    Для ресторанов

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

    Для розничных торговцев

    Elle Boutique хотела найти способ связаться с покупателями после того, как они покинули магазин.Для этого они напечатали QR-код социальных сетей на своих сумках для покупок, чтобы покупатели могли следить за последними тенденциями моды в Интернете.

    Для музыкантов

    Три воробья хотели увеличить число своих последователей в сети. Теперь на их концертах на заднем плане проецируется гигантский QR-код социальных сетей, чтобы фанаты могли следить за их обновлениями.

    Для бизнеса

    Консалтинговая фирма Brixton регулярно посещает конференции и выставки. Добавив QR-код социальных сетей на свои баннеры, они упростили для потенциальных клиентов возможность подписаться на них в Интернете.

    Есть ли какие-либо передовые методы использования QR-кода в социальных сетях, о которых мне следует знать?

    Минимальный размер

    Мы рекомендуем минимальный размер 2 x 2 см (0.8 x 0,8 дюйма) для любых QR-кодов. Это гарантирует, что ваши QR-коды останутся доступными для сканирования, особенно когда вы собираетесь распечатать большую партию визитных карточек. Посетите наше руководство перед печатью, чтобы получить дополнительные советы.

    Логотип

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

    Цвета

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

    Форматы печати

    Наш генератор гарантирует, что ваши QR-коды останутся в максимально возможном качестве, несмотря ни на что.

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

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Закрыть
    Menu