Sign in to follow this  
Followers 0
Galima

Графическое меню для публичной страницы во ВКонтакте

3 posts in this topic

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

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

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

593a38ba45564_2017-05-1909_21_05.png.5f7cedb05cf95417bd9cddb6bc052962.png

 

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

593a3a5951fd8_2017-05-1909_21_30.png.1215a60b746ea470af41e1ac05db97f4.png

 

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

 

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

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

 

593a3a7113218_2017-05-1909_39_18.png.d7a023e7a7848f4c14dc976c8ded667d.png

 

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

593a3bf764cfb_2017-05-1911_01_38.png.08d002dfac8dfa2dd789d0859e6932a2.png

 

Если Вы хотите добавить к изображениям ссылки, то после параметра ;noborder;nopadding ставим вертикальную линию | и после нее вписываем ссылку в виде http://www. … - если это внешний сайт и ссылки на внутренние страницы в виде - https://vk.com/topic-146980206_35178669 (тема из обсуждений),
https://vk.com/album-146980206_245072616 (фотоальбом),
https://vk.com/videos-146980206?section=album_2 (видео-альбом),
https://vk.com/write147938093 (номер нужного id, чтобы написать сообщение админу группы, например).


593a3de91282e_2017-05-1911_01_38.png.060faab54243c3a0a6e73d6f94450021.png
 

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

593a3ed352fae_2017-06-0909_22_53.png.c3a2c1339c2a19ef2a392d844fb1a377.png

 

Важные нюансы:
В wiki-разметке каждый знак имеет свое значение, внимательно следите за количеством открывающих и закрывающих скобок, их должно быть по две – [[]] Не забывайте про вертикальные линии | между параметрами разных свойств меню и про точку с запятой ; между параметрами относящимися к одному объекту.

Полезные ссылки:
https://vk.com/wiki

0

Share this post


Link to post
Share on other sites

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

0

Share this post


Link to post
Share on other sites

Меню в принципе на втором шаге располагается, сначала человека привлекают посетить, а потом он видит меню.
Для меня меню прежде всего навигация и лишний повод перейти на сайт.

0

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0