Как узнать свой пароль от Wi-Fi сети
Как увеличить быстродействие компьютера
Лучшие антивирусы 2015 года
Как найти человека в интернете
Как удалить вирусы с ПК
Как установить Windows 10

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

Jokend
|
|
|
Опубликовано: 18-04-2020, 17:16
Как сделать меню в группе ВК

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



Меню для группы в Вконтакте


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

1. Заходим на сайт ВК, затем в раздел «Группы» или «Сообщества». Далее переходим во вкладку «Управление» и открываем нужную страницу.

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

2. После того, как перешли в группу, нажимаем на «…», который вы увидите сразу под изображением сообщества.

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

3. Теперь переходим в «Управление сообществом».

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

4. Выбираем «Настройки» в правой части страницы через меню, далее нажимаем на пункт «Разделы».

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

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

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

6. Перематываем вниз страницы и сохраняем изменения.


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

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

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

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

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

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

9. Теперь можете поменять название раздела «Свежие новости» на любое другое.

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

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

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


Самое простое меню, которое не бросается в глаза, но вполне доступно.

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

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

2 шаг. Все пункты по отдельности заключаем в такие скобки:

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

3 шаг. Перед квадратными скобками в каждом из разделов добавляем значок «*».

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

4 шаг. Теперь внимательно. Ставим вот такую черту «|» перед названием каждого раздела. Подробнее на картинке:

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

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

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

6 шаг. Внизу окошка нажимаем на «Сохранить страницу».

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

7 шаг. Теперь нажимаем «Просмотр» и тестируем каждый из пунктов.

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


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


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

1 шаг. Открываем редактор (Photoshop). В меню нажимаем «Файл» и «Создать».

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

2 шаг. Указываем разрешение для меню:

Ширина: 610 пикселей
Высота: 450 пикселей
Разрешение: 100 пикселей/дюйм


Щелкаем «Создать».

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

Заметим, что при использовании Wiki-разметок, изображение не может превышать 610 пикселей в ширине.


3 шаг. На рабочую зону перетаскиваем картинку, которая будет служить фоном для вашего меню. Растягиваем до нужного размера и щелкаем «Enter».

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

4 шаг. Далее кликаем на фон нашего документа и выбираем «Объединить видимые».

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

5 шаг. Переходим в панель инструментов и нажимаем на «Прямоугольник».

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

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

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

7 шаг. Теперь редактируем свою кнопку, используя функции графического редактора.

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

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

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

9 шаг. Переходим в панель инструментов и выбираем «Текст».

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

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

11 шаг. Зажимаем «Ctrl» и выделяем слой с текстом и нужной картинкой. Далее по очереди нажимаем на кнопки выравнивания на верхней панели инструментов. Так мы сможем выровнять текст по центру и краям.

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

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

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

13 шаг. В панели инструментов редактора выбираем «Раскройка».

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

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

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

15 шаг. Залезаем в меню, где нажимаем на «Файл», а далее - «Сохранить для Web».

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

16 шаг. «PNG-24» - формат нашего файла. Сохраняем.

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

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

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

С графическим редактором мы закончили. Теперь на сайт ВК. Здесь мы будем выполнять следующие действия:

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

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

Действие 2. Загружаем все изображения, которые мы создали в Photoshop.

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

Действие 3. Ждем, когда картинки загрузятся. Строчки кода автоматически добавятся в редактор.

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

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

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

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

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

Действие 6. Снова возвращаемся в режим редактирования wiki-разметки.

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

Действие 7. Теперь, после разрешения, которое мы указали в коде, ставим такой символ «;» и параметр «nopadding;». Делается это для того, чтобы картинки между собой не отделялись.

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

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


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

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

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


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

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

Действие 10. Готово. Теперь переходим на страницу своей группы и наслаждаемся проделанной работой.

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

Вот и все. Мы рассмотрели инструкцию для создания меню в социальной сети ВКонтакте. Изучайте и творите. Удачи!



Рейтинг:
(голосов:1)



Не пропустите похожие инструкции:

Комментариев пока еще нет. Вы можете стать первым!

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

Ваше Имя:
Ваш E-Mail:
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите код:



Популярное



Последние статьи

Какую ОС используете?
новую Windows 10
быструю Windows 8
стабильную Windows 7
требовательную Windows Vista
старинную Windows XP