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

Содержание

  • Создаем меню для группы VK
    • Текстовое меню
    • Графическое меню
  • Вопросы и ответы

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

Создаем меню для группы VK

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

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

  • Кликните по значку «…», расположенному под основной картинкой паблика.
  • Создаем меню в группе ВКонтакте

  • Перейдите к разделу «Управление сообществом».
  • Создаем меню в группе ВКонтакте

  • Через навигационное меню в правой части страницы переключитесь на вкладку «Настройки» и выберите дочерний пункт «Разделы».
  • Создаем меню в группе ВКонтакте

  • Найти пункт «Материалы» и переведите их в статус «Ограниченные».
  • Создаем меню в группе ВКонтакте

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

  • Нажмите кнопку «Сохранить» внизу страницы.
  • Создаем меню в группе ВКонтакте

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

  • Нажмите кнопку «Редактировать».
  • Создаем меню в группе ВКонтакте

  • В правом верхнем углу открывшегося окна кликните по иконке «<>» со всплывающей подсказкой «Режим wiki-разметки».
  • Создаем меню в группе ВКонтакте

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

  • Измените стандартное наименование раздела «Свежие новости» на подходящее.
  • Создаем меню в группе ВКонтакте

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

    Текстовое меню

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

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

  • Каждый перечисленный пункт заключите в открывающие и закрывающие квадратные скобки «[]».
  • Создаем меню в группе ВКонтакте

  • В начале всех пунктов меню добавьте по одному символу звездочки «*».
  • Создаем меню в группе ВКонтакте

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

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

    Возможно использовать как внутренние ссылки домена VK.com, так и внешние.

  • Внизу данного окна нажмите кнопку «Сохранить страницу».
  • Создаем меню в группе ВКонтакте

  • Над строкой с наименованием раздела перейдите на вкладку «Просмотр».
  • Создаем меню в группе ВКонтакте

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

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

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

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

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

  • Запустите программу Photoshop, откройте меню «Файл» и выберите пункт «Создать».
  • Создаем меню в группе ВКонтакте

  • Укажите разрешение для будущего меню и нажмите кнопку «Создать».
  • Ширина: 610 пикселей
    Высота: 450 пикселей
    Разрешение: 100 пикселей/дюйм

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

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

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

    Не забывайте использовать зажатую клавишу «Shift», чтобы равномерно масштабировать изображение.

  • Кликните правой клавишей мыши по основном фону вашего документа и выберите пункт «Объединить видимые».
  • Создаем меню в группе ВКонтакте

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

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

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

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

  • Клонируйте созданную кнопку, зажав клавишу «alt» и перетаскивая изображение в рамках рабочей области.
  • Создаем меню в группе ВКонтакте

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

  • Переключитесь на инструмент «Текст», кликнув по соответствующему значку на панели инструментов или нажав клавишу «T».
  • Создаем меню в группе ВКонтакте

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

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

    Не забудьте оформить текст в соответствии с концепцией меню.

  • Повторите описанную процедуру по отношению к оставшимся кнопкам, прописав текст, соответствующий наименованию разделов.
  • Создаем меню в группе ВКонтакте

  • Нажмите на клавиатуре клавишу «C» или выберите инструмент «Раскройка» с помощью панели.
  • Создаем меню в группе ВКонтакте

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

  • Откройте меню «Файл» и выберите пункт «Сохранить для Web».
  • Создаем меню в группе ВКонтакте

  • Установите формат файла «PNG-24» и в самом низу окна нажмите кнопку «Сохранить».
  • Создаем меню в группе ВКонтакте

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

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

  • Находясь в разделе редактирования меню, на панели инструментов кликните по значку «Добавить фотографию».
  • Создаем меню в группе ВКонтакте

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

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

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

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

    Не забывайте сохранять изменения.

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

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

    Если вам необходимо добавить графический файл без ссылки, после ранее указанного параметра «nopadding» пропишите «nolink;».

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

    В случае перехода к разделам группы или на сторонний сайт, вам следует использовать полный вариант ссылки из адресной строки. Если вы переходите на какую-либо запись, например, в обсуждениях, используйте укороченный вариант адреса, содержащего себе символы, идущие после «vk.com/».

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

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

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

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

    Ваш e-mail не будет опубликован. Обязательные поля помечены *