Андрей Смирнов
Время чтения: ~9 мин.
Просмотров: 0

Как создать группу в вк в 2020: пошаговая инструкция

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

В появившемся окне указать следующие размеры: высота — 450 пикселей, ширина — 610 пикселей, разрешение 100 пикселей на дюйм. Разумеется, при желании Вы можете ввести другие параметры, но помните о том, что при создании wiki-странички каждая сторона изображения не может быть больше 610 пикселей.

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

  • На панели инструментов найти иконку «Прямоугольник». С её помощью создать кнопку меню.
  • В меню «Просмотр» включить режим «Вспомогательные элементы». Здесь можно моделировать кнопку, придав ей желаемый вид.

  • Размножить кнопку нужное число раз, удерживая клавишу «Alt» и перетаскивая изображение в нужное место будущего меню.
  • Активизировать инструмент «Текст», нажав клавишу «Т» или с помощью специальной иконки на панели инструментов.
  • Кликнуть в любом месте рабочей области и ввести текст первой кнопки. Перетащить текст в нужную область.
  • Центрировать текст по картинке, выделив слой с картинкой и текстом с помощью клавиши «Ctrl» и нажимая иконки выравнивания на панели инструментов.
  • Оформить все остальные кнопки.
  • Активизировать инструмент раскройки или нажать клавишу «С» на клавиатуре, выделить каждую кнопку.

  • Открыть раздел меню «Файл» и кликнуть пункт «Сохранить для Web».
  • Выбрать формат PNG-24, нажать кнопку «Сохранить». В папке появится соответствующее количество файлов.

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

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

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

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

Блок обсуждений — что это такое, для чего он нужен и как он выглядит на странице

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

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

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

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

  1. Вопрос – ответ
  2. Отзывы
  3. Как сделать заказ (наши вакансии, объявления, наши новости и пр.

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

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

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

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

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

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

  • Указать следующие размеры: ширина 610 пикселей, высота 450 пикселей, разрешение 100 пикселей на дюйм.
  • Нажать на кнопку «Создать».

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

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

Обратить внимание на соотношение сторон и их параллельность друг другу.
Придать кнопке желаемый вид при помощи всех доступных инструментов программы.

  • Зажимая клавишу ALT, клонировать кнопку по количеству пунктов меню. Расставить кнопки по своим местам.
  • Используя инструмент «Текст», кликнуть в любом месте изображения и набрать текст первой кнопки. Далее разместить его в нужной области.
  • Зажимая клавишу CTRL и нажимая кнопки выравнивания, которые располагаются в верхней панели инструментов, центрировать текст по картинке.
  • Аналогичным образом добавить текст для каждой кнопки.
  • На клавиатуре нажать клавишу С (или активировать инструмент «Раскройка»). Выделить каждую кнопку по ее границе.

  • Открыть раздел «Файл» в верхней панели и кликнуть «Сохранить для Web».
  • Выбрать формат файла «PNG-24». Нажать на кнопку «Сохранить».
  • Указать папку для сохранения файла.

На этом работа в программе Photoshop завершена. Осталось загрузить полученные файлы в сообщество ВК. Для этого:

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

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

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

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

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

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

Текстовое

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

  1. Откройте режим редактирования ранее созданного списка разделов.
  2. Напишите в столбик нужные разделы. Например, «Главная»;, «Чат»; или «Правила»;. При этом каждый раздел должен быть заключен в квадратные скобки.

Перед каждым словом перед скобкой поставьте звездочку *.

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

В итоге каждый раздел должен выглядеть аналогично этому примеру: *[https://vk.com/glavnaya|Главная]. После этого нажмите на кнопку «Сохранить страницу»; чтобы она в группе в ВК отображалась на главной странице.

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

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

  • ширина заставки должна быть не более 610 пикселей, а высота около 450 пикселей;
  • сохранять файл нужно для Web, если работа происходит в Фотошопе;
  • формат картинок рекомендуется определять, как PNG-24.

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

  1. Откройте редактор и нажмите в панели инструментов на иконку в виде фотоаппарата, чтобы добавить картинку.
  2. Загрузите изображения, которые вы создали в графическом редакторе.
  3. После загрузки в окно редактора добавятся строчки с названием файлов и их разрешением.
  4. Нажмите на иконку в виде скобок, чтобы перейти в режим визуального редактирования.
  5. В каждой строчке после цифр, указывающих разрешение поставьте точку с запятой ; и допишите nopadding. Причем пробелов между символами не должно быть.
  6. После слова nopadding поставьте разделительную черту | и вставьте ссылку на страницу группы.
  7. Внизу щелкните по кнопку «Сохранить страницу»;.

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

Второй этап – верстка меню Вконтакте

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

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

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

После того, как вы активируете вики-разметку в поле текстового редактора надо вставить код:

]

Этот код продублируйте ровно столько раз, сколько пунктов в вашем меню. После этого надо прописать ссылки на фотографии. Ссылку вставляйте вместо значения photo133337_133701019, а вместо значения page-13333337_13333337 вставляете ссылку на раздел или страницу, которая должна выводиться посредством клика на определенный пункт меню

Важно знать, что ссылку на страницу не надо копировать полностью, достаточно одной части

Кстати, напомним, что вам необязательно заниматься всеми этими хитросплетениями — просто попробуйте этот сервис. Он за 100 рублей все это сделает на полном автомате.

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

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

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

Кстати, знаете ли вы, что наполнение групп Вконтакте можно автоматизировать, используя этот сервис? Обязательно попробуйте, вам понравится!

Рейтинг автора
5
Материал подготовил
Максим Иванов
Наш эксперт
Написано статей
129
Ссылка на основную публикацию
Похожие публикации