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

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

    Какой размер меню группы Вконтакте?

    Прежде чем что-то создавать, нужно определиться с его размерами. Это очень важно, так как неправильно выбранный размер изображения может ужасно исказиться. И так, какой размер меню группы Вконтакте нужно выбрать?

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

    Как правило, меню группы Вконтакте состоит из двух элементов: картинки, при нажатии на которую появляется меню и самого меню. Закрепленная картинка в описании группы с меню или без него, должна составлять по ширине от 510 пикселей, а высота должна быть равной ширине или меньше – это уже с учетом нового дизайна.

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

    Как вставить картинку в описание группы Вконтакте?

    Элементарно. Достаточно взять подходящее изображение нужного размера и добавить его на стену группы от имени сообщества.



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

    Но если хотите создать уникальное и красивое изображение для описания группы Вконтакте – нужно воспользоваться программой Фотошоп. На самом деле, это не так сложно, как может показаться новичку. Но потратить свое время на его изучение придется. Могу порекомендовать Вам замечательный видеокурс - «Фотошоп с нуля в видеоформате 3.0 ». С помощью него Вы быстро освоите эту программу.

    Как сделать меню в группе Вконтакте? Инструкция

    А теперь давайте перейдем к созданию меню. Составим процесс действий в виде инструкции. Чтобы сделать меню в группе Вконтакте , нужно будет выполнить несколько простых шагов:

    1. Первое, что нам нужно сделать – это зайти в настройки группы и активировать раздел «Материалы». Значение следует выставлять на «ограниченные» или «открытые».

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

    3. К слову, эта картинка создана в Фотошопе менее чем за полчаса. В другом редакторе сделать это было бы сложнее. Так что рекомендую ознакомиться с курсом , о котором я писал выше. После того, как картинка выбрана, ее нужно разрезать на части и сохранить на компьютере.

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

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

    6. Далее зайдите в свою группу и в разделе свежие новости нажмите на кнопку «Редактировать».

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

    8. Затем снова переходите на страницу своей группы или обновите ее (если она уже открыта). Нажмите на ссылку «Открыть меню». После этого появится дополнительная ссылка на страницу, которую мы создали. Нажмите на нее.

    9. Далее эта страница откроется. Так как она была только что создана, в ней ничего нет и нам нужно ее наполнить. Нажмите на ссылку «Наполнить содержанием».
    10. Далее пишем следующий код, так как на картинке ниже. В нем нужно указывать номер фото (для этого можно открыть фотографию, загруженную в свой альбом и скопировать ее адрес вроде этого «photo15535684_427525646»), размер фотографии (его можно узнать в свойствах фотографии), а также указать ссылку, на которую ведет эта фотография.

    11. Чтобы убедиться, что мы все правильно сделали, нажимаем на кнопку «Предпросмотр». Ниже кода появится сделанное меню группы Вконтакте. Если все отображается правильно, то жмем на кнопку «Сохранить», а если нет – то ищем и исправляем ошибки.

    12. Теперь нам понадобится картинка, которая станет заставкой нашего меню и будет находиться в описании нашей группы. Размеры картинки для описания группы Вконтакте мы писали выше, но если кто забыл – по ширине от 510 пикселей, а по высоте равной или меньше ширины. Можно использовать размеры больше, но в тех же пропорциях.

    13. Затем открываем нашу созданную страницу со сделанным меню группы Вконтакте и копируем на нее ссылку. Чтобы правильно скопировать ссылку, нужно нажать «Редактировать страницу». После этого появится написанный ранее код и можно будет скопировать адрес из строки браузера, который должен выглядеть так: «https://vk.com/page-119301077_51764020».
    14. Далее заходим в нашу группу и в форме отправки сообщений вставляем скопированный адрес меню. А затем и фотографию, которая будет заставкой. После этого нажимаем на кнопку «Отправить».
    15. Теперь осталось только закрепить эту запись. Сделайте это также, как сделал я на картинке ниже.

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

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

    Первые секунды пребывания формируют дальнейшие действия гостя. Именно поэтому интерфейс играет большую роль.

    Факторы оставляющие гостя:

    • аватарка;
    • описание;
    • название;
    • красивое и практичное меню;
    • красочность;
    • контент.

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

    Каким должно быть меню

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

    Три основные цели групп:

    1. продажи;
    2. увеличение трафика;
    3. увеличение активных посестителей.

    Для продаж навигация в группе заменяет витрину в магазине.

    Здесь должны быть самые важные кнопки:

    1. каталог;
    2. стоимость;
    3. доставка;
    4. акционные предложения;
    5. отзывы.

    Для увеличения посещаемости акцент делается на контент и изюминку сайта или блога.

    Приблизительный вариант набора кнопок:

    видео: меню для паблика

    Работаем с фотошопом

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

    Алгоритм действий:



    Делается это с помощью инструмента «Прямоугольная область»:


    Работа с графикой:


    Приблизительно должно получиться вот так:

    Сохраните прямоугольник, расположенный справа отдельной картинкой, задав размер 200х500 пикс. Это готовая аватарка, загружается через кнопку «Загрузить фотографию» в группе вк.

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

    Для начала следует сделать разметку:


    Создаем фрагменты:


    Сохранение изображений:


    Техническая часть

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

    Важно! Заливка меню отличается от обычно загрузки фото или картинок.

    Все по порядку:


    Теперь самое важное, собственно для чего все это и делалось. Добавить функциональности меню. Отдельной картинке необходимо присвоить «свою» ссылку.

    1. найдите необходимую запись;
    2. кликните по ней левой кнопкой мыши;
    3. скопируйте URL в адресной строке.

    Сохраните изменения соответствующей кнопкой внизу окна.

    Внимание! Изменения могут не сразу отобразиться. Рекомендуется выйти на свой основной профиль, а затем снова зайти в группу.

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

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


    Данный инструмент позволяет создавать:

    • эффекты;
    • необычные меню;
    • таблички;
    • элементы навигации;
    • форматировать текст.

    Словом, данная разметка позволяет создать мини сайт ВКонтакте. Это очень удобно, особенно для продаж и набора подписчиков.

    Такое оформление интуитивно заставляет посетителя остаться, кликнуть по кнопке. То есть задерживает и стимулирует к действию – а это как раз то, что и нужно.

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

    Видео: меню с поиском по рубрикам

    Нюансы создания

    Собственно, то, что было сделано выше (разделение и загрузка картинки) это уже элементы разметки. В этом и преимущество данного инструмента. Автоматическое превращение в теги, при простой загрузке картинок.

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

    Вот так: []

    Основные теги представлены в таблице ниже:

    Фото: теги используемые для разметки

    Работа с картинками

    Где options заменяется на:

    • noborder - снятие рамки вокруг изображения;
    • nopadding - снятие пробелов между изображением;
    • plain - вставка ссылки на картинку. Оформляется в виде текста, без графики;
    • nolink - снятие ссылки на картинку;
    • box - открытие изображения в окне;
    • NNNxYYYpx или NNNpx - задает размер фото в пикселях.

    Создание таблицы

    Независимо от того, какое меню (текстовое или графическое) вы создаете, без вставки таблицы вы вряд ли обойдетесь. Иначе можно просто вставить текст в поле новости и не форматировать его, затратив так много времени.

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

    • {| символ начала таблицы, без него таблицы быть не может. Используется всегда;
    • |+ отвечает за расположение названия таблицы по центру. Ставят после символов начала таблицы. Используется по желанию;
    • | обозначает начало новой строки и ячейки;
    • | символ, делающий ячейку прозрачной;
    • ! делает ячейку темным цветом. При его отсутствии обязательно нужно применять предыдущий знак;
    • |} означает конец таблицы. Необязательный символ, однако, используется, чтоб предотвратить возникновение ошибки.

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

    Особенности разметки

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

    С целью избегания основных ошибок следует ознакомиться с основными из них:

    1. необходимо быть внимательными, при изменении размера картинки – если она менее 131 пикселя, ее качество значительно ухудшится;
    2. ширина картинки не должна превышать 610px;
    3. на одной wiki-странице запрещено размещать больше 17 незакрытых тегов;
    4. при изменении ширины картинки, ее высота изменяется автоматически и пропорционально;
    5. список внутри таблицы следует создавать с помощью тега
      ;
    6. в одной строке разметки должно быть не больше 8 элементов списка.

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

    Важно! Проверяйте закрытие всех тегов. Сохраняйте последовательность.

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

    И снова рад Вас приветствовать!

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

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

    Вот что у меня получилось.

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

    И так. Вот основные шаги:

    • Продумать основное меню
    • Выбрать изображение
    • Фотошоп (без фотошопа как всегда никуда 🙂)
    • Раскройка изображения
    • Заливка изображения в альбом контакта

    Чтобы активировать свежие записи (для Вашего будущего меню) , нужно зайти в управление сообщества и включить пункт — «Материалы»

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

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

    В своём примере я использовал фон девушки, и поместил слева от нее 3 кнопки. Каждая кнопка — имела своё название.

    Мое меню состояло из следующих пунктов:

    Для внедрение готового изображения в контакт, предварительно его нужно раскроить. Для этого в фотошопе используем инструмент «Раскройка «. Думаю с этим сложностей не возникнет. Там всё просто… На всякий случай, сделал фото 🙂

    Выбираем данный инструмент и начинаем «резать». У меня получилось 4 части. (самое простое, что придумал:), хотя можно изрезать его на кусочки)

    Все необходимые работы по созданию меню выполнены. Теперь можно приступить к созданию меню вконтакте. Для этого поочередно загружаем изображения в контакт. Вот что получилось в итоге:

    Теперь нажимаем на каждую кнопку (или часть изображения), и присваиваем необходимый адрес (ссылку). Чтобы убрать лишние пробелы нужно использовать тег «nopadding» (в меню Wiki-разметки)

    Тег «nopadding» – убирает пробелы между картинками, то есть помогает «состыковать» их вплотную к друг другу.

    В результате добавления тега, получилось следующее:

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

    У многих видел, что делают продолжение основного аватара. Получается как одно целое изображение. Красиво смотрится. Но для создания такого, нужно лучше разбираться в фотошопе 🙂 .

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

    Ответ: Данную возможность насколько мне известно убрали администраторы Vkontakte. Раньше была отдельная кнопочка, чтобы меню было фиксированным — открытом. Затем эту функцию убрали, и теперь менюшки приходится открывать отдельно.

    Хотя, встречал у некоторых открытые по умолчанию… и кто то даже говорил, что существует какой-то код, который справляется с этой проблемой. Но я бы не советовал использовать его. Судя по обсуждениям на многих форумах, админы это не приветствуют!

    А на сегодня всё. До связи!


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

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

    И так, все начинается в фотошопе, мы создаем картинку того меню которое вы хотите. В основном - это какой-то фон с наименованием рубрик. Мне как раз попросил знакомый сделать красивую группу для его фирмы aero-stomadent, занимается промышленной вентиляцией, вот я и займусь ею.

    Я нашел замечательный фон природы Аляски, собственно на нем и буду все делать.


    На фоне пишем само меню. Я, например, пишу, то чем занимается фирма. Это и будут кнопки, на которые потом я буду делать еще страницы. Каждое слово будет в дальнейшем кнопкой меню.


    Справа сделайте так, чтобы в будущем эта часть была аватаркой группы.


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



    Желательно, чтобы нарезано приблизительно так.


    После нарезки сохраняем файл, не просто а через "Сохранить для Web и устройств…" (или Alt+Shift+Ctrl+S), оно создаст папу с всеми уже нарезанными файлами.



    Сейчас еще не идем в группу, нам еще нужно создать вики разметку. Или другими словами создать страницу.

    Как создать Wiki – страницу в Вконтакте?

    Открываем новую вкладку браузера и вставляем туда такую ссылку: http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы где XXX - ид вашей группы. Например, у меня было так.
    http://vk.com/pages?oid=-91934542&p=меню


    Затем нажимаем Наполнить содержанием . Тут видим очень простой редактор, выбираем функцию фотоаппарат чтобы добавить все наши фотографии меню. Должно получится что-то на подобии как у меня.


    Но между картинками есть пробелы, чтобы убрать пробелы - входим в режим wiki-разметки (это сверху в правом углу знак кавычек <>) вписываем такой тег "option;nopadding;" перед размерами фотографий. Например []



    И получилось уже все вместе.


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


    Нажимаем сохранить, смотрим что получилось, у меня все сошлось если нажать переходит по ссылкам "https://vk.com/page-91934542_49969122"


    Затем уже перехожу в группу и перед этим делаю такую картинку которая будет отображаться для людей в группе.


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

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

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

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

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

    Список позволяет создавать прямые ссылки на каждую категорию товаров/услуги или на различные разделы/обсуждения сообщества (например, портфолио, как заказать, о компании и т.д.). Любой пользователь сможет найти необходимую информацию нажатием всего лишь 1 кнопки.

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

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

    Основные команды и возможности wiki-меню

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

    К сожалению, абсолютно все команды мы не сможем уместить в нашем материале, поэтому расскажем лишь о некоторых.

    Делаем меню с помощью медиа файлов

    Осуществляется при помощи специальных кнопок.

    В текстовом виде медиа файлы представляют собой: [​].

    Где media XXXX_YYYY – сам медиа-файл, options – различные настройки (для фото и видео), link–надпись, которая будет отображена при наведении курсора на фото/видео.

    Для фото options бывают:

    Для видео:

    Заголовки различного уровня создаем с помощью знаков ==

    Добавьте знаки «==» в начале и конце заголовка. Пример смотрите на скриншоте:

    Работаем с текстом заголовков для оформления меню группы ВКонтакте

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

    Используем цитаты для привлечения внимания

    Использование тега позволит красиво оформить чью-нибудь цитату.

    Списки можно использовать как нумерованные, так и маркированные

    Для нумерованного списка используйте символ «#» перед каждым новым пунктом.

    Для маркированного списка аналогично предыдущему, только со знаком «*».

    Работаем с отступами

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

    Внутренние ссылки в меню группы

    Это ссылки на внутренние ресурсы соц. сети «ВКонтакте» (ссылку на человека, сообщество, обсуждение, приложение, страницу, видео и изображение). Их добавление осуществляется при помощи следующей конструкции: [].

    Внешние ссылки в создании меню ВКонтакте.

    Wiki-разметка создаёт табличное меню

    С помощью вики страницы и разметки можно также создать и таблицу. Смотрите скриншот:

    Информативный спойлер

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

    Создается спойлер при помощи конструкции:

    {{Hider|Названиеспойлера
    Текст
    }}

    И будет иметь следующий вид:

    Таким образом, команды помогут сделать полноценный список со всеми элементами оформления.

    Виды меню: какие бывают?

    Вики страницы во ВКонтакте можно разделить по разным критериям:

    • Текстовое (только текст);
    • Графическое (использование изображений кнопок, фона и т.д.) .

    По отображению (зависят от используемой картинки):

    • Закрытое (не видно самой структуры);

    • Открытое (видны сразу все пункты);

    • Со смежным или общим баннером (может быть, как открытым, так и закрытым).

    Не зависимо от выбранного Вами типа, работают они все по одному принципу.

    Также не бойтесь комбинировать эти типы. Например, можно сначала сделать графическую часть с кнопками (фон, стиль, дизайн), а после дополнить ее различной текстовой информацией (например, «Часто задаваемые вопросы», использовав спойлеры).

    Как создать текстовое меню

    Менее популярным и простым является текстовый список на вики странице. Оно не содержит каких-либо изображений и кнопок. Это просто список анкорных ссылок.

    Ниже представлена пошаговая инструкция, как сделать текстовый список для группы ВК:

    1. Для начала необходимо настроить сообщество. Для этого перейдите в «Управление сообществом» и выберите раздел «Разделы». Найдите строку «Материалы», выберите пункт «Ограниченные» и сохраните настройки.

    1. Далее на главной странице паблика появятся «Свежие новости». Перейдите в них и нажмите «Редактировать».

    1. Впишите название.
    2. Ниже находится текстовый редактор ВК. Здесь мы и будем создавать наш список.
    3. Используйте следующую конструкцию:

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

    Для примера мы напишем простую и небольшую конструкцию:

    1. Нажимаем сохранить.

    Здесь мы использовали знаки «==» для выделения заголовка и знаки «*», чтобы выделить подпункты. В результате мы получили следующее:

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

    Вы же сможете добавить что угодно, на что хватит фантазиии возможностей wiki-разметки.

    Как создать графическое меню

    Чтобы создать графическое меню, Вам необходимо иметь хотя бы базовые навыки работы с графическими редакторами (такие как, фотошоп, GIMP, различные приложения и т.д.). Если же Вы ими не обладаете, тогда мы можем посоветовать воспользоваться помощью профессионалов или ресурсами с готовыми шаблонами (подробнее читайте ниже).

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

    1. Проделать шаги 1-3 из предыдущей инструкции.
    2. Необходимо создать заготовки изображений с кнопками. Подробно говорить оработе в графических редакторах мы не будем, так как в сети есть много уроков работы с фотошопом и другими программами.
      Мы возьмем следующие изображения.

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

    1. Загружаем изображения в текстовый редактор ВКонтакте.

    1. Нажав на каждую картинку, можно выбрать параметры и указать ссылку.

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

    1. В текстовом варианте, наши изображения выглядят так:

    1. Меняем надпись «noborder» на «nopadding», чтобы убрать расстояние между картинками и сомкнуть их. А после знака «|» добавляем ссылку.

    1. Нажимаем «Сохранить страницу».

    В итоге мы получили вот такое меню:

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

    Как закрепить

    Чтобы созданное wiki-меню отображалось на главной странице сообщества, необходимо проделать следующие шаги:

    1. Создайте новый пост.
    2. Скопируйте ссылку Вашего меню. Для этого снова перейдите в редактирование и скопируйте URL из адресной строки браузера.

    Сначала добавьте изображение, смотри картинку ниже.

    Теперь опубликуйте и закрепите пост.

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

    Как удалить

    Удаление wiki-меню не является сложной задачей. Достаточно просто перейти в «Управление сообществом», раздел «Разделы» и выключить материалы.

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

    Готовые шаблоны

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

    • You-ps.ru – это сервис с готовыми шаблонами wiki-меню и другими готовыми элементами оформления сообщества.

    • Vkmenu.com – это онлайн-конструктор. Он позволяет легко и быстро делать стильные меню.


    Также к готовым решениям можно отнести и найм профессионала. В этом случае Вам также не придется делать все самостоятельно, но придется заплатить.

    Итог

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

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

    Не бойтесь экспериментировать и будьте оригинальны!