Компьютерный мастер - Allcorp66

ВАЖНОЕ ОБНОВЛЕНИЕ : эта статья сильно устарела, поскольку появился специальный сервис MenuMake , который позволяет создать меню для группы автоматически. В ручном подходе больше нет необходимости. Однако, оставляю эту статью для истории.

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

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

Поговорим об идеологии

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

Меню для привлечения посетителей

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

Меню для продаж

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

Первый этап – работаем в фотошоп

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

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

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

Но чтобы сделать это ровно и красиво важно задействовать вспомогательные линии, которые активируются сочетанием клавиш CTRL+R. Появятся голубые линии, которые можно потянуть и установить границы для разреза. Далее, нажимаем на инструмент «Раскройка» и в верхнем меню выбираем «фрагменты по направляющим», вследствие чего картинка четко разделяется на несколько отдельных разделов меню.

Привет друзья!

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

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

В общем сделал простое меню для одной из страниц вконтакте:

Потратил буквально 30 минуток, чего не скажешь о написанной статье 😀

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

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

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

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

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

Для группы все проще. Сразу под основным описанием, есть пункт меню и ссылка “редактировать” (Как показано на картинке). Если у вас нет такой надписи, то скорее всего вы просто не подключили материалы в своей группе, зайдите в настройки группы и нажмите галочку рядом со словом материалы.

На группе, подробно останавливаться не будем. Формируется оно примерно также как и для паблика с теме же Вики-кодами. Но Вы не пугайтесь. Не обязательно лезть в дебри символов. Я например, сделал не заходя во вкладку редактирования кода.

Более подробно, объясню как сделал меню на своей странице:

Итак, про паблики. Все работает для старых и для новых пабликов. Делаем следующие шаги:
1. Выполняем запрос типа: //vk.com/pages?oid=-XXX&p=YYY
где XXX — это ваш номер паблика; YYY — это название необходимой страницы
Если все сделано правильно, то перед вами появится новая страница. Нажимаем «Редактировать» и делаем Вики-меню или что-то там еще
2. Вызов всплывающей страницы осуществляется с помощью команды:
//vk.com/publicXXX?w=page-XXX_YYY

Внимание! Все минусы, знаки вопроса и прочие знаки — обязательны. Меняйте только XXX и YYY.
Все! Теперь нужно придать ссылке «приятный вид» — с помощью vk.cc — сократитель ссылок ВКонтакте.

Например — моя страница имеет адрес: //vk.com/sf_kontakt , чтобы узнать XXX (ид страницы), заходим в пункт «управление страницей»

//vk.com/pages?oid=-34016644 &p=Здесь вводим название

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

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

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

она приняла такой адрес: //vk.com/sf_kontakt?w=page-34016644_44405134

А в итоге: Основная группа или паблик/Название созданной страницы

Надеюсь с этим сложностей не возникнет.

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

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

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

Чтобы Вам сделать подобное меню, не разбираясь в коде, можете просто перейти по ссылке и подобрать уже готовое меню. Вот группа, где можно найти шаблоны: //vkontakte.ru/club9390683

  1. Жмем «Меню» -> «Коллекции меню»
  2. Выберите понравившееся меню
  3. Скопируйте код выбранного вами меню
  4. Зайдите в свою группу и в редактирование страницы Свежие новости , в разделе исходный код вставляем код нашего меню для контакта.

Меню для группы вконтакте

Теперь у нас есть страница с пунктами навигации, которая имеет адрес: //vk.com/page-34016644_44405134 , чтобы вывести ещё в верхней части Вашего паблика делаем следующее:

  • Добавляем новую новость
  • Прикрепляем основную картинку, нажимая по которой, пользователю откроется наше меню.
  • Вставляем в новость ссылку созданной страницы
  • И последний шаг «закрепление постов». Пишите пост с фото/видео/музыкой, потом публикуете, затем нажимаете на дату публикации — и жмете «Закрепить».

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

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

А на сегодня всё. Спасибо, что забежали! 😉 До новых встреч…

Все чаще используются для ведения бизнеса, продажи товаров или услуг. Отличным инструментом, который упрощает работу с группой – это меню, созданное при помощи 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-разметка» является чем-то сверхсложным и страшным. Они даже не хотят браться за это. Но на деле, как мы видим, все довольно просто.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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


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

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

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

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


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

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

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


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

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

Итог

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

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

Придумываем идею

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

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

Включаем материалы

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

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

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

Работа над фоном

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

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

Но радоваться рано - на этом наши мучения с редактором не заканчиваются. Теперь фон стоит разделить на линии. Разрежьте картинку при помощи инструмента "Slice Tool", разместите на каждом секторе свои кнопки, затемжмите "Сохранить для веб-страницы". Можно двигаться дальше.

Загрузка материалов

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

Для того чтобы установить аватарку на страничку, следует просто кликнуть по "Загрузить фотографию" под местом, где должен располагаться данный объект. Теперь загрузите туда файл размером 200 на 710 пикселей и сохранитесь. Посмотрите, что получилось. Можно думать дальше, как сделать меню в паблике "ВК".

Теперь мы можем с вами приступить к работе с пунктами нашей "менюшки". Мы уже сохранили "разрезанную" версию фона с кнопками. Их мы сейчас и будем загружать. На главной страничке группы посмотрите на раздел "Свежие новости". В правой части строки найдите "Редактировать". После этого перед вами появится wiki-редактор. В ней требуется просто поместить наше меню в правильном порядке. Перед этим вам необходимо создать альбом, в котором будут располагаться все наши графические файлы. Готово? Тогда можно размещать все необходимые ссылки в соответствующее поле, после чего сохранять изменения и смотреть, что же у вас получилось.

Подчищаем "хвосты"

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

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

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

Заключение

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

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

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter
ПОДЕЛИТЬСЯ: