• Как оформить меню вконтакте. Как сделать графическое меню вконтакте? Здесь должны быть самые важные кнопки

    Социальные сети давно вошли в жизнь большинства людей и являются важной составляющей в ней. Многие люди даже умудряются создавать свои виртуальные бизнесы в них: накрутка лайков, подписчиков, продажа товаров как из других стран, так и авторских. Почти все они имеют группу. А как пользователям донести быстрее всего, чем занимается человек или даже целая организация? Создать специальное меню, в котором будет содержаться самая необходимая информация. И именно здесь нам понадобится Wiki-разметка. Как сделать меню группы ВК? Что добавить в неё? В статье будут рассмотрены правила создания и примеры.

    Чем является Wiki-разметка?

    Как сделать меню группы ВК? Вики-разметка — вот хороший помощник! Это очень эффективный и удобный способ оформления группы в социальной сети «ВКонтакте». Эта разметка по принципу своего действия очень напоминает html код. Но для людей, не связанных с программированием, она будет более понятной благодаря простоте реализации. Своё название вики-разметка получила благодаря «Википедии», где многие пользователи впервые смогли ознакомиться с основными особенностями её функционирования. Вики-разметка позволяет людям без знаний в программировании быстро и легко оформлять внешний вид группы:

    1. Создавать графические спойлеры и таблицы.
    2. Форматировать текст и изображения.
    3. Работать с якорями и ссылками.

    Как сделать меню группе ВК? Рекомендации бывают так нужны, но в целом, можно разобраться и с помощью хорошего руководства. Если говорить о html, то для его изучения и работы с ним необходимо было посидеть несколько суток или даже неделю. Вики-разметка при хорошей памяти требует только совсем немного времени. Как же её можно создать? Какие есть подходы? Вот мы будет говорить о технологии, а кто её сделал? Мы разберемся, как сделать меню группе ВК. Уорд Каннингем же впервые ввёл понятие «вики» (в переводе с гавайского значит «быстрый»).

    Способы создания вики-разметок

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

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

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

    Работа с изображениями

    Как сделать меню в группе в ВК, которое было бы красивым? В социальной сети «ВКонтакте» вставить фотографию или картинку при помощи вики-разметки предоставляется возможным только в тех случаях, когда они загружены в фотоальбомы сайта. Итак, заходим в него, выбираем нужную фотографию и копируем её адрес. К примеру, пускай он будет такой: photo12345_67890. Теперь необходимо его взять в двойные Должен получиться такой результат: []. А что, если к фотографии или картинке следует прикрепить текст или ссылку? А может, есть желание немного отредактировать внешний вид? Тогда с этим поможет следующее: необходимо, чтобы у файла был такой вид — [[ photo12345_67890|options|text/link]]. Вместо трех последних слов подставляется то, что надо. Text — пишем то, что нужно. Думается, особенных объяснений не надо. Link переводится с английского как «ссылка». Указывается для того, чтобы машина пользователя знала, куда ей необходимо идти. Options — здесь могут устанавливаться такие значения:

    1. Plain — ссылка на изображение оформлена как текст, в ней отсутствует картинка.
    2. Noborder — убирается рамка около фотографии.
    3. Box — изображение открывается в окне.
    4. Nolink — ссылка на фотографию убирается.
    5. Nopadding — пробелы между изображениями не отображаются.
    6. NNNxYYYpx или NNNpx — указывают, какой размер будет иметь картинка в пикселях. Первый вариант предусматривает ширину и высоту. При желании можно «сжать» картинку. И второй вариант предусматривает редактирования ширины.

    Как создавать таблицы с использованием вики-разметки?

    Обычно и графическому, и текстовому меню необходим элемент, который позволяет представить данные в удобном виде, а именно таблицы. Без них мало какая группа в «ВКонтакте» обходится. Чтобы создать таблицу в вики-разметке, необходимо использовать определённый набор символов. Предлагаем ознакомиться, за какой функционал они отвечают:

    1. {| — так обозначается начало таблицы. Обойтись без него при создании данного элемента невозможно, он является обязательным атрибутом.
    2. | — используется, чтобы давать ячейкам эффект прозрачности.
    3. |+ — с помощью этого набора символов располагают название таблицы по центру. Это не обязательный атрибут, но он должен быть размещен сразу после знаков, что обозначают начало.
    4. |- — так обозначают новые строки (в том числе и для ячеек).
    5. ! — даёт тёмный цвет. При эго отсутствии необходимо использовать знак из пункта №2.
    6. |} — набор символов, которые обозначает конец таблицы. Он является необязательным атрибутом. Но использовать его всё же рекомендуется, чтобы предотвратить возникновение ошибки.

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

    Создание меню группы в социальной сети «ВКонтакте» с помощью вики-разметки: пример реализации

    Здесь будут использованы опции noborder и nolink. Они уберут рамку картинки и ссылку. Также у изображений будет изменён размер, а вторая строка ячеек таблицы будет иметь тёмную заливку, благодаря использованию атрибута!. А вот и сам пример:

    {|
    |-
    |

    ”’Новое в науке”’
    ||
    |-
    !
    []
    !!
    |-
    |

    [[Новости науки|Новости]]

    [[Открытия]]

    |

    [[Конференции]]

    [[Разработки]]

    [[Книги]]

    [[Симпозиумы]]

    |

    Разделы:

    [[Медицина|1]] | [[Физика|2]] | [[Математика|3]] | [[Экономика|4]]

    [[Химия|5]] | [[Биология|6]] | [[Программирование|7]] | [[Электротехника|8]]

    |-
    |}

    Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» весьма лёгок.

    Важность Wiki-разметки при продвижении своего проекта

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

    Заключение

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

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

    Зачем нужно меню группы

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

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

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

    Закрытое и открытое меню

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

    Типы:

    • текстовые (структура представляет собой текстовые ссылки);
    • графические (используется мультимедия, активные кнопки и т.д.).

    Виды:


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

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

    Пошаговая инструкция:

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

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

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

    Пошаговая инструкция:

    • для начала потребуется запустить графический редактор Photoshop;
    • далее щелкаем «Файл» и «Создать ». Указываем следующие параметры: «Ширина» (Wight) 610 пикселей, «Высота» (Height) 450 пикселей и «Разрешение» (Resolution) 100 пикселей на дюйм;
    • после этого появится новый документ, куда требуется перетащить фоновое изображение;
    • затем потребуется растянуть изображение, чтобы закрыть белую область;
    • далее в панели «Слои » кликаем правой кнопкой мыши по изображению и в контекстном окне выбираем «Merge Visible » (объединить видимые);
    • Прямоугольник » и создаем кнопки, перемещая курсор на картинку и проводя границы фигуры;
    • в верхней части рабочей области, можно выбрать заливку для кнопки, параметр «Fill»;
    • после этого, вновь переходим на панель инструментов и выбираем «Текст »;
    • затем кликаем по кнопке, чтобы добавить поле для текстового ввода и вписываем название для кнопки. На ваше усмотрение можно выбрать шрифт, его размер и цвет, чтобы раздел смотрелся более стильно;
    • чтобы центрировать текст по картинке, выделите слой с текстом и нужным изображением, зажав клавишу «Ctrl», и поочередно нажмите кнопки выравнивания на верхней панели инструментов;
    • после этого нам понадобиться выполнить раскройку получившегося изображения;
    • на панели инструментов выбираем «Кадрирование » (Crop) и «Раскройка»;
    • выделяем каждую кнопку и открываем «Файл», «Экспортировать», «Сохранить для Web». Устанавливаем формат сохраненного файла «PNG24»;

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

    Инструкция по работе с графическим меню Вконтакте:


    Закрепляется созданное меню, как обычная запись. По нажатию кнопки Закрепить.

    Основы Wiki-разметки

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

    Оформление меню с помощью мультимедиа

    Текстовая команда для мультимедийных файлов имеет следующий вид: «[​]. Разберем подробнее: «mediaXXXX_YYYY» (сам файл), «options» (заданные параметры), «link» (представляет собой всплывающую надпись, которая будет отображаться при наведении курсора на объект).

    Параметры (options) для мультимедиа представлены на скриншоте:

    Параметры для видео выглядят так:

    Заголовки (H1, H2, H3)

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

    Оформляем текст

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

    Цитаты

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

    Пример использования в текстовом редакторе Вконтакте:

    Списки

    Пользователи могут использовать, как маркированные, так и нумерованные списки. Нумерованный список обозначается знаком «#», маркированный «*».

    Пример нумерованного списка:

    Пример маркированного списка:

    Как делать отступы

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

    Внутренние ссылки

    Внутренние ссылки представляют собой переходы на другие элементы социальной сети: профиль пользователя, стороннее сообщество, чат, фотографию, видео, статью и т.д. Добавление внутренней ссылки осуществляется с помощью тега «[]. Разберем подробнее: «link» – это ссылка, «text» – это отображаемый текст.

    Пример:

    Как создать таблицу

    При помощи разметки вики, пользователи могут создать табличный объект , для этого используются следующие команды:

    Добавляем спойлер

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

    Для создания объекта используется следующая конструкция:

    {{Hider|Название Текст }}

    Как удалить меню

    Удаление происходит следующим образом:

    Удаление через форматирование страницы:


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

    В каких целях используется?

    Меню в группе ВК может выполнять следующие цели:

    • Навигация. Наличие навигации в сообществе ВКонтакте позволяет вашим потенциальным клиентам быстрее находить необходимую информацию и разделы группы, что сокращает путь конвертации посетителя в покупателя. Такое меню может содержать не только ссылки на внутренние страницы ВК, но также и на сторонние сайты. Например, на официальный сайт вашей компании.
    • Эстетическая привлекательность. Другая, не менее значимая цель – придание паблику красивого внешнего вида. Сочетая данный элемент с другими элементами оформления (аватар, обложка, баннер, закрепленный пост), можно придать индивидуальный, неповторимый и запоминающийся стиль вашему сообществу.

    Ну вот разве не красотища?

    • Мотивация совершения целевого действия. Вы сами можете подтолкнуть пользователя к прочтению или просмотру определенной информации, клику по определенной кнопке и т.д. Качественное и продуманное оформление способно сделать кликабельное меню, которое будет и привлекать внимание пользователей, и заинтересовывать их, и призывать к действию (call to action).

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

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

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

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

    При наведении на кнопку <>, должна появляться надпись «Визуальный режим редактирования». Если появляется «Режим wiki-разметки», это значит, что он не включен.

    Кнопка «Предпросмотр» позволяет заранее увидеть результат.

    1. Если все сделано правильно, нажимаем кнопку «Сохранить страницу».

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

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

    Ниже представлен пример такой записи:

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

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

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

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

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


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

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

    Использование шаблонов

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

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

    Как наличие меню способствует успеху сообщества?

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

    Заходя в обычный паблик, у пользователя стоит большой выбор действий. Он может нажать куда угодно и просмотреть что угодно, но, как правило, 80% элементов остаются без внимания. Меню же, в свою очередь, способно сфокусировать внимание пользователя на определенных вещах, на определённой информации, которая в нем содержится.

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

    Смотрите также и какие инструменты помогут в соответствующей статье.

    Итог

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    • интересные статьи;
    • полезная информация;
    • подписаться;
    • отзывы.

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

    Предлагаем такие кнопки:

    • подписаться на новости;
    • задать интересный тематический вопрос;
    • акции;
    • опросник;
    • голосование.

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

    Создаем по этапам

    Создание навигации – процесс интересный, сложный и длительный. Но результат того стоит .

    Весь процесс условно делиться на 2 этапа:

    • работа с фотошопом;
    • техническое добавление.

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

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

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

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


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


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

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

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

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

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


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


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

    1. нажмите Файл – Сохранить для web;

    2. введите название;
    3. укажите формат JPEG;
    4. ставьте наилучшее качество;
    5. отметьте галочки у «Прогрессивный и Встроенный профиль»;
    6. последняя кнопка «Сохранить».

      7. Как очистить компьютер от ненужных программ? Инструкция тут.

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

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

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

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

      1. зайдите в группу;
      2. включите новостную ленту;

      3. возле полосы «Свежие новости» нажмите «Редактировать»;
      4. поменяйте название на меню или что-то подобное;

      5. через кнопку в виде фотоаппарата добавьте картинки;

      6. результат будет приблизительно таким:

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

    Вот так: []

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

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

    [] .

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

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

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

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

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


      Привет, мои дорогие!

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

      Начну с того, что на сегодняшний день существует два варианта меню:

      Вариант 1: Закрытое меню группы

      Закрытое меню, открывается при нажатии на ссылку. В примере ниже меню открывается при нажатии на ссылку «ОТКРОЙТЕ МЕНЮ ГРУППЫ!».

      Вариант 2: Открытое меню группы (закрепленный пост)

      Открытое меню, по сути это закрепленный пост с активной ссылкой.

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

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

      Как сделать открытое меню вконтакте

      Процесс создания меню будем разбирать на примере Варианта 2, т.е. открытое меню.

      Чтобы вам было проще ориентироваться, я подготовил для вас PSD шаблон меню : [Внимание. Дизайн ВКонтакте изменился. Новый макет и другая актуальная информация в моей книге ]

      Шаблон меню группы PSD

      Для создания внешнего меню требуется 2 картинки: аватар (справа) и центральная (картинка-действие).

      Размеры аватара: 200 x 332 px

      Размеры центральной картинки: 395 x 282 px

      Шаг 1.

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

      Шаг 2.

      Зайдите в вашей группе в «Управление сообществом» (справа под аватаром). Найдите пункт «Материалы» (на вкладке «Информация») и сделайте их «Ограниченные».

      Шаг 3.

      Теперь вернитесь на главную страницу своей группы и нажмите «Редактировать» в появившемся блоке «Материалы» (Я уже переименовал в Меню группы).

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

      Шаг 4.

      В моем примере https://vk.com/page-42211349_47355854,

      Первые цифры 42211349 - это id вашей группы

      Вторые цифры 47355854 – это id страницы

      Фишка: создавать дополнительные страницы можно вручную. Для этого перейдите по ссылке вида:
      https://vk.com/pages?oid=-хххххххх&p=pagename
      где,
      хххххххх – это id вашей группы
      pagename – название вашей страницы

      Шаг 5.

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

      Шаг 6.

      Теперь загрузите аватар группы (картинка справа). На стене появится дубликат картинки аватара – удалите его.

      Шаг 7.

      Теперь внимание. Нажимаем на ВРЕМЯ ПУБЛИКАЦИИ ЗАПИСИ (левый нижний угол поста).

      И нажимаем «Закрепить». Закрываем это окно и обновляем страницу вашей группы (F5).

      Шаг 8.

      Пишем статус группы (используйте только 1 строчку), чтобы выровнять картинки, если рисунок на аватарке у вас начинается не с самого верха (в моем шаблоне аватарка вариант 2). И вот что у нас получилось:

      ИТОГ.

      Меню готово! Теперь при нажатии на центральную картинку открывается ваше меню:

      Здесь его можно редактировать, размешать фото, видео, создавать новые разделы, размещать ссылки.

      Внутри основного меню тоже можно сделать графическое меню (подменю). Его ширина не должна превышать 600 px. В высоту размер неограничен. Что позволяет создавать отличные лендинги вконтакте.

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

      Свои вопросы или мнения пишите в комментариях ниже.

      Кстати, если вас интересует пошаговый алгоритм продвижения в ВКонтакте от А до Я, то можете приобрести мою книгу .

      Посмотрите видеоверсию данного вопроса:

    Читать еще: