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

Создание вики меню. Метод первый. 

Заходим в свою группу, выбираем в панели управления группой пункт «материалы» и делаем их открытыми для всех. Теперь на главной странице сообщества возникнет категория «Последние новости». Эти «Последние новости» можем для удобства переименовать в пункт «Меню». Если у вас в группе вместо аватара установлена обложка (шапка) группы ( это новая фишка от ВК в 2016), тогда  раздел «последние новости» видно сразу под ней:

Далее нажимаем «режим вики разметки»:

Чтобы создать главное wiki меню со списком отдельных страниц и последующим переходом на них при нажатии, мы в режиме вики разметки «< >» пишем названия страниц в двойных скобках и сохраняем:
[[ О нас]]
[[портфолио]]
и так далее. Если перед скобками поставить звездочку, например *[[ О нас]], тогда меню со страницами будет отображаться маркированным списком.

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

 

Я для себя решил, что текстовое меню мало привлекает читателя. Вот и решил показать, как сделать фото-меню, которое будет намного красивее.
Как же сделать хорошее кликабельное фото для вики страницы в фотошопе? Для начала нужно учесть, что фото в разделе новости может быть только 500px шириной, по этому фотку выбираем не шире 500px. Во втором методе ширина будет — 600px. Загружаем в фотошоп фото, нажимаем «раскройка»( инструмент похож на чернильную ручку). Затем правой кнопкой мыши нажимаем на изображении, выбираем «разделить фрагмент». Разделяем по горизонтали на нужное количество частей:

Затем выбираем «текст» ( буква «Т» в панели инструментов) и в каждой части пишем нужное название для ссылки. Кнопки делаем, нажав на инструмент (прямоугольник или круг) на панели инструментов. Перемещая слои с изображениями, определяем, какие изображения будут сверху, а какие снизу (просто перетягиваем их мышкой вверх-низ в панели «слои») :

Сделать кнопки и текст красивыми можно с помощью раздела » параметры наложения». Для этого выбираем слой с изображением или текстом, который необходимо приукрасить ( в разделе «слои»), нажимаем правой кнопкой мыши и выбираем «параметры наложения». Далее выбираем цвет, тени и т.д.:

Когда нарезанное фото готово, жмем: файл-сохранить для web. Заходим вконтакте в режим вики разметки и вставляем по очереди нарезанные фото. Они будут выглядеть так:

Сначала жмем на значок «добавить фото». Фото появится в скобках. Через вертикальную линию добавляем ширину в пикселях (500px). Потом вставляем через точку с запятой noborder;nopadding| (эти значения указывают, что фото не будет иметь отступов, краев, и все фото соединятся визуально в одно целое) после вертикальной линии вставляем URL страницы, на которую будет вести клик по этой части фото. И так со всеми частями. Потом жмем «сохранить». Результат должен выйти примерно такой:

Это фото разделено на 7 частей. Верхняя часть с названием не кликабельна ( добавлено значение nolink).

Создание вики страницы вконтакте. Метод второй.

В адресную строку браузера вносим следующий шаблон: «http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы«. Вместо «ххх» — вставляем адрес нашей группы вконтакте в цифрах. Если адрес группы вы оформили словом и вашего id в цифрах не показывает, тогда жмите на аватар и копируете цифры, которые повторяются 2 раза (копируете только один из дублирующихся вариантов):

Вместо названия страницы указываем свое название. Далее также делаем фото, но ширина уже 600px. Если мы хотим, чтобы в одной строке вики страницы было 2 или больше фото, их общая ширина не должна превышать 500 или 600 px. Кроме этого, мы в режиме вики разметки вставляем эти фото в одной строке без пробелов между скобками :

 

Результат — три кликабельных фото в одной строке:

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


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