Как создать меню в группе Вконтакте. Надоело вести группу? Автоматизируйте это. ВАЖНОЕ ОБНОВЛЕНИЕ: эта статья сильно устарела, поскольку появился специальный сервис Menu. Make, который позволяет создать меню для группы автоматически.
В ручном подходе больше нет необходимости. Однако, оставляю эту статью для истории.
Создать меню. Группы в Контакте, это место наибольшего скопления их пользователей. Именно поэтом, многие стараются получше их оформить, дабы привлечь максимальное их количество. О графическом оформлении создателю лучше всего подумать еще перед непосредственным созданием, одновременно с разработкой будущего наполнения. Важно понимать, что оформление группы, это ее лицо, которое новый пользователь видит сразу, как только зайдет на страницу, только после этого он начинает знакомиться с контентом. В этом предложении, собственно и отражается вся его весомость.
Сделать Меню Для Группы Вконтакте Онлайн Бесплатно
К тому же, графическое меню, это еще и функциональность группы, так как позволяет в кратчайшие сроки, удобно найти нужную информацию. Поговорим об идеологии. Прежде чем начать что- либо рисовать и верстать, важно подумать, о чем должно говорить ваше меню? Чтобы понять это, стоит определиться также и с основной целью группы – развлекать, информировать или продавать. От этого во многом зависит внешний вид и функциональность будущего меню.
Меню для привлечения посетителей. Если вы планируете публиковать развлекательный, информационный, познавательный контент стоит создать меню, которое будет отображать главные темы. Например, это могут быть разделы: последние публикации, самое популярное, о моде, здоровая еда, дети и др. Это будет служить повышению лояльности, ведь пользователям будет удобно ориентироваться в массе контента.
Слитное Меню Для Группы Вконтакте
Меню для продаж. Напротив, если цель у страницы продавать, меню должно помогать пользователям ориентироваться среди огромного количества товаров. Лучше всего поместить в него разделы, которые направляют посетителя в каталог либо конкретную его часть, говорят о доставке, контактах, компании, акциях и обязательно на страницу контактов. Первый этап – работаем в фотошоп. Меню для контакта начинают создавать не в социальной сети, а с помощью графических редакторов. Для этого лучше всего использовать Фотошоп, при том, что даже минимальных знаний для этого вполне достаточно.
Меню для групп вконтакте бесплатно Я перестал заниматься меню но вы все так же можете брать бесплатные меню себе в группу их у . Красивое оформление страницы «Вконтакте» – это не прихоть. Чтобы попасть в меню, надо кликнуть по фразе «Меню группы #oodji . Что такое "закреп" меню? Это закрепленная запись, со ссылкой на меню группы, чаще всего имеет изображение с призывом перейти в меню, нажать . Простая инструкция для создания красивого меню в вашей группе Вконтакте.
Поэтому, открываем программу и создаем шаблон меню. Размер нового документа напрямую зависит от количества разделов, которые вам нужны. Слишком сложно? Создать меню автоматически. Далее вам понадобится фон. Это может быть просто белый фон, либо цвет, либо конкретная картинка. Качаете из интернета и вставляете в шаблон.
Далее пишите на фоновой картинке пункты меню, которые вы запланировали. Эти надписи впоследствии превратятся в ссылки, направляющие пользователя в конкретный раздел.
Но чтобы эта картинка преобразовалась и легко сверсталась в ссылки ее надо порезать. Делается это в том же фотошопе с помощью инструмента «раскройка».
Но чтобы сделать это ровно и красиво важно задействовать вспомогательные линии, которые активируются сочетанием клавиш CTRL+R. Появятся голубые линии, которые можно потянуть и установить границы для разреза. Далее, нажимаем на инструмент «Раскройка» и в верхнем меню выбираем «фрагменты по направляющим», вследствие чего картинка четко разделяется на несколько отдельных разделов меню. Выглядит сложновато? Вот тут есть небольшой сервис, который вам за 1. После идем в меню «Файл» - «Сохранить для WEB» и сохраняем каждый отдельный элемент меню в формате . Второй этап – верстка меню Вконтакте.
После завершения разработки меню с помощью фотошоп пора заливать его непосредственно на страницу группы. Для этого вам необходимо залогиниться в социальной сети, перейти на страницу группы и зайти в раздел «управление сообществом». Вначале надо проверить, подключили ли вы раздел «материалы». Если нет, включите. После активации раздела на странице группы появится меню «Свежие новости».
Рядом с ним есть кнопка «редактировать», которую надо нажать, чтобы перейти в текстовый редактор, который предусматривает возможность верстки. Но прежде чем начинать верстать меню их надо загрузить в фотоальбом. Его можно назвать «фото для меню» и сделать недоступным для посетителей. Как только закончите загрузку, возвращайтесь в текстовый редактор.
По умолчанию ваша новость так и называется «Свежие новости», но вы ее можете переименовать, как угодно, например «Меню». Для того чтобы начать непосредственную работу над созданием меню надо активировать режим wiki- разметки. Сделать это можно одним нажатием на пиктограмму ромба. После того, как вы активируете вики- разметку в поле текстового редактора надо вставить код.
После этого надо прописать ссылки на фотографии. Ссылку вставляйте вместо значения photo. Важно знать, что ссылку на страницу не надо копировать полностью, достаточно одной части. Кстати, напомним, что вам необязательно заниматься всеми этими хитросплетениями - просто попробуйте этот сервис. Он за 1. 00 рублей все это сделает на полном автомате. Возможно, именно там у вас размещается полноценный каталог и стоит своих посетителей отправлять именно туда.
В итоге у вас должно получиться что- то вроде этого: Но прежде чем сохранять меню просмотрите, все ли правильно у вас получилось Для этого опуститесь немного ниже на странице редактирования вики- разметки и нажмите на ссылку «Предпросмотр». Ниже отобразится то, что у вас получилось. У нас, например, получилось вот что: Устраивает? Тогда жмем «Сохранить страницу» и проверяем ее работу непосредственно на странице группы. Надеемся, что оно принесет вам только положительные результаты. Заявление На Самостоятельный Уход Домой. Кстати, знаете ли вы, что наполнение групп Вконтакте можно автоматизировать, используя этот сервис?
Обязательно попробуйте, вам понравится!
Оформление вконтакте. Как создать и установить графическое меню. Рада, что вы читаете мою фрилочку! В третей части «сериала», я рассказывала и показывала, как создать меню группы в контакте. Сегодня же, поговорим об оформлении меню группы вконтакте!
В первой статье о создании менюшки, в комментах было много вопросов, поэтому прежде чем начать новую тему, отвечу на частые вопросы. Вопрос 1: Первый и самый распространенный: «где код в меню?» или «если нет закладки при редактировании «Исходный код» как добавить внутреннюю страницу?» или «Я все равно не понимаю, что сделать, если не появляется код!»Ответ 1: ВК изменил редактор, теперь для переключения между визуальным редактором и кодом всего один клик (правый верхний угол редактора): Что бы проверить в каком вы редакторе: подведите мышкой на эту кнопку, напишите какой- нибудь текст и выделите его жирным — если появляются не обычные символы, значит — это код.
Вопрос 2: Второй, реально проблематичный: «а как убрать пробелы между картинками??»Ответ 2: Признаю, сама испугалась, когда впервые у клиента «поехала» менюшка. Сейчас я это быстро правлю, а тогда было не весело. Смотрите: Добавь тег nopadding; и все станет на свои места! Между картинками вкрадывается пространство и меню выглядит битым.
Для несведущих, может это и не нормально, а для SMM специалиста, это как минимум не профессионально. Так в чем же тут дело? А, все очень просто! В ВК постоянно происходят какие- то обновления, вводятся новые алгоритмы. Что бы исправить это, нужно заглянуть в код и внести необходимые коррективы. Формат кода, должен быть вот таким: Шаблон: .
Перед тем как сохранять результат, жмите на кнопку «Предпросмотр», что бы убедиться в том, что все ровно стало. Вопрос 3: Новость. В октябре 2. 01. 2г., в принудительном порядке, Вконтакте обрезал автары групп и пабликов.
Теперь их размер имеет общий стандарт 2. Так, что если у вас в группе аватар был больше, то сделайте апдейт (обновите аватар). Кстати, вмести с обрезкой, ВК ввел еще одно нововведение относительно фотографий групп: теперь кликнув на аватар, мы так же как в аккаунте, сможем увидеть все альбомы сообщества. И из этого рисуется новый функционал в коммуникациях группы. Та- а- ак, с вопросами закончили. Как создать меню в контакте и сделать вложенные страницы: Первым делом убедимся в том, что вы знаете, как создать меню группы в контакте и пробежимся по небольшой инструкции: Вот такая шпаргалка у меня получилась! Переходим в настройки группы.
Включаем материалы. Сохраняем изменения (если еще не включили). Теперь на главной страницы группы, появилась дополнительная вкладка «Новости группы».
Наведем мышкой в правый угол, нажмем на стрелку «Редактировать». Изменим название вкладки.
Здесь будет у нас меню, поэтому напишем, что- то соответствующее и привлекающее. Эта кнопочки переключения между визуальным редактором и кодом. Мы будем производить все работы с кодом wiki разметки, поэтому перейдите именно в этот режим. Создадим внутренние, вложенные страницы. Для этого определимся со списком меню, каждое слово меню, возьмем в двойные квадратные кавычки — . Не переключайтесь в другой режим, пока не сохранили результат. Кстати, рекомендую периодически сохранять код меню к себе на компьютер.
Отступление. Доступ к странице. Для открытых групп, эта функция больше не работает. Теперь заполним вложенные страницы контентом. Откроем ссылку меню в новом окне. Убедимся, что мы попали именно на ту страницу. Добавив нужное нам слово в квадратные кавычки, мы уже дали вложенной странице название.
Наполним содержанием эту страницу. Здесь можно добавить как обычный текст, так и новые вложенные страницы, уводящее посетителя вглубь мини сайта.
В любом случае, выбор за вами! Добавив нужный контент на страницу, сохраним результат. Теперь нам нужно, прописать адрес этой страницы. Иначе, если этого не сделать, в адресе страницы будут кракозябрики и в какой- то момент, вы можете потерять все свои вложенные страницы. Для этого копируем подчеркнутые цифры – от слэша до вопросительного знака!
Помните, оно открыто у вас в соседней вкладке?! Меню создали, внутренние страницы сделали, заполнили их, теперь перейдем к созданию красивого графического меню. Как создать красивое графическое меню в контакте и поставить его: Всю теорию о том, как устроена wiki разметка в контакте, я вам давать не буду, у нас сейчас другие цели. Для создания визуального меню в группе ВК, всей вики- разметки знать не нужно. Перейдем к созданию визуального меню! Для начала покажу вам код и результат своего меню: Признаюсь, я его сделала специально, что бы написать эту статью. Все «руки не доходили», знаете, как «сапожник без сапог».
Но теперь и я с визуальным меню в группе ВК! Как рисовать картинку для меню, я рассказывать не буду, это дело дизайнеров, я сама рисую, но не столь профессионально. Если нет закажите картинку меню у фрилансера.
Я покажу вам средний по сложности вариант установки меню. Разница в количестве элементов. Меню, которое разрезается просто на полоски, является самым простым его исполнением. Чем больше кликабельных кнопок в строке, тем более сложно его исполнение.
Хотя, зная особенность, все просто! Дело только во времени. Итак, ширина картинки должна быть: - 3. Вот это та особенность, которую нужно знать, при нарезании меню на кнопки. У меня размер картинки всего меню получился 3. После того как картинка разрезана на нужное количество объектов и сохранена в отдельный альбом, загружаем этот альбом в ВК.
Загружаем в профиль аккаунта, а не в группу! Так как в альбомах группы больше нет возможности скрывать альбомы. Технических альбом в корпоративной (например) группе, совсем не нужен, поэтому прячем элементы меню в альбом аккаунта: Технический альбом ВКПосле того как вы настроили конфиденциальность «Только Я». Переходим к установке самого меню.
Дам вам пример кода, что бы был для вас шаблоном и разберем из чего он состоит: ! Его мы смотрим в адресной строке картинки: С первой картинки, начнем вставлять меню в группу вконтакте. Вам нужен короткий адрес картинки, для этого перейдите в сам альбом: Перейдите в сам альбом, что бы получить нужный адрес картинки! И последним этапом ставим ссылочку на страницу, куда будет попадать посетитель, после того как кликнет на картинку. Здесь небольшое уточнение! Внешние ссылки, ссылки на альбомы ВК и обсуждения пишем полностью, а ссылки на внутренние страницы в формате page- 3. В начале и конце строки, не забываем ставить по две квадратные кавычки и без пробелов.
Уточнение 2: когда мы ссылаемся на внутренние страницы без картинок, то для обсуждений, альбомов и внешних ссылок ставим одинарные квадратные кавычки. Строчки, в которых у вас два и более элемента, в код вставляем без пробелов. Вставляйте каждую строку картинки друг за другом.
Потому, что если вы нажмете Enter после строки с картинкой, то картинка перепрыгнет на новую строку и меню сдвинется. Нам нужно, что бы меню отображалось цельным, поэтому ни каких лишних пробелов и «иртеров» нам не надо! После того как вы перенесли все картинки в меню и оформили их (размер, ссылка), сохраняем результат и любуемся своей работой!
Готово! Буду рада, если я смогла вам донести информацию. Расскажите, как у вас получилось с установкой меню! Ответила ли я на ваши вопросы или нет? Может кто, что хочет добавить? Буду рада общению в комментариях.