Относительно недавно появилась возможность создавать навигацию по разделам меню с основной страницы группы. Ранее такая возможность была при создании WIKI-меню. У этого главным минусом было то, что для просмотра меню нужно было нажать на баннер или кнопку:
Меню нужно было верстать в Photoshop, ссылки могли вести как на разделы группы, так и на сторонние ресурсы...
В качестве примера - меню страницы @loveandtech, версия 2014 года.
С появлением конструктора виджетов появилась возможность сделать меню открытым, без использования вики-разметки (на примере сообщества vk.com/loveandtech, представляем пошаговую инструкцию создания навигации разделам группы и по хэштегам ВК, используя конструктор вижетов. Для этого нам нужно:
Меню нужно было верстать в Photoshop, ссылки могли вести как на разделы группы, так и на сторонние ресурсы...
В качестве примера - меню страницы @loveandtech, версия 2014 года.
Графическое меню страницы vk.com/loveandtech
Раскрытое меню @loveandtech
С появлением конструктора виджетов появилась возможность сделать меню открытым, без использования вики-разметки (на примере сообщества vk.com/loveandtech, представляем пошаговую инструкцию создания навигации разделам группы и по хэштегам ВК, используя конструктор вижетов. Для этого нам нужно:
1. Подключить конструктор виджетов https://vk.com/widgets_constructor в группу ВК
Раздел "Приложения" в настройках сообщества
2. Разрешить доступ к разделам сообщества в настройках приложения и следовать дальнейшим инструкциям:
3. Создать первый виджет:
4. Выбрать тип "Компактный список":
5. Переходим в рабочую область приложения и начинаем настройку виджета:
- Задаем заголовок виджета, заголовок пункта меню, добавляем иллюстрацию (150*150 px.);
- Называем кнопку, назначаем ссылку;
- Добавляем нижнюю ссылку виджета;
- При необходимости создаем еще один пункт меню и задаем заголовок, иллюстрацию, назначаем ссылку.
6. В конечном итоге, рабочая область может выглядеть вот так:
* В данном меню каждый пункт - ссылка на определенный раздел ВК (по #хэштегу).
Так, первая ссылка ведет на раздел ВК #mood_techno.
для того ,чтобы указать фирменный хэштег и отображать только записи, связанные с конкретным сообществом, нужно после #хештег добавить @название соощества - и получится (например) #mood_tech@loveandetch - только записи из сообщества + записи со ссылкой на сообщество.
Вместо хештегов могут быть ссылки на разделы группы: видео записи, ссылки на личные профили и так далее. Единственное ограничение - все ссылки должны быть в рамках социальной сети vk.com.
Вот так может выглядеть финальный вариант:
Настройки "Конструктора виджетов"
3. Создать первый виджет:
Настройки "Конструктора виджетов"
4. Выбрать тип "Компактный список":
Настройки "Конструктора виджетов"
5. Переходим в рабочую область приложения и начинаем настройку виджета:
Настройки "Конструктора виджетов"
- Задаем заголовок виджета, заголовок пункта меню, добавляем иллюстрацию (150*150 px.);
- Называем кнопку, назначаем ссылку;
- Добавляем нижнюю ссылку виджета;
- При необходимости создаем еще один пункт меню и задаем заголовок, иллюстрацию, назначаем ссылку.
6. В конечном итоге, рабочая область может выглядеть вот так:
Настройки "Конструктора виджетов"
* В данном меню каждый пункт - ссылка на определенный раздел ВК (по #хэштегу).
Так, первая ссылка ведет на раздел ВК #mood_techno.
для того ,чтобы указать фирменный хэштег и отображать только записи, связанные с конкретным сообществом, нужно после #хештег добавить @название соощества - и получится (например) #mood_tech@loveandetch - только записи из сообщества + записи со ссылкой на сообщество.
Вместо хештегов могут быть ссылки на разделы группы: видео записи, ссылки на личные профили и так далее. Единственное ограничение - все ссылки должны быть в рамках социальной сети vk.com.
Вот так может выглядеть финальный вариант:
vk.com/loveandtech
Не забываем в настройках сделать виджет доступным для всех пользователей (по умолчанию, он доступен только администраторам):
Настройки приложения "Конструктор виджетов"
Картинки не отражаются :-(
ОтветитьУдалить