Как сделать главное меню в группе вконтакте: Attention Required! | Cloudflare

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

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

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

ВАЖНО: После смены общего дизайна в ВК, сменились и размеры картинок для меню в соц.сети. Проверьте свои работы и внесите изменения в группах о которых пойдет речь далее.

Виды меню и их особенности

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

В зависимости от целей группы, меню может быть:

• для информационной площадки;
• ;
• для обучающей площадки.

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

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

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

Весь процесс можно разделить на 2 этапа:

• Работа в фотошопе;
• Добавление разделов и картинок в самой группе.

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

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

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

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

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

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

• Открываем Фотошоп и заходим в «файл» — «создать» и устанавливаем ширину и высоту: 760X500 соответственно.

• Выбираем инструмент «раскройка», а затем – «разделить фрагмент». Делим изображение на 3 части по горизонтали. Для фрагмента с левого или правого края в выпадающем окне (в зависимости от того, какую часть хотите видеть на аватарке) пишем значения ширины и высоты – 200XXи Y) – 560 и 0. Это будет аватарка группы.

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

• Снова выбираем «разделить фрагмент» и делим по вертикали на 2 части. Для фрагмента сверху устанавливаем значения: ширина – 510, высота – 182, координаты – 0. Это пространство над меню. Данную часть также не будет видно в группе.

• Теперь копируем на созданный и разделенный объект выбранную или созданную картинку. Если горячие клавиши CTRL+V не поддаются, просто откройте место на компьютере, где сохранено изображение, и перетащите его в Фотошоп.

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

• Последний шаг – сохранение изображений. Необходимо сохранить картинки так: файл – сохранить для Web. Этот способ подойдет для более поздних версий Фотошоп. Если в разделе «файл» надписи «сохранить для Web» нет, значит, поступаем следующим образом:

Заходим в пункт «файл», выбираем «экспортировать» — «сохранить для Web». Все параметры оставляем как есть. Снова жмем «сохранить».

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

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

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

• Загружаем все фотографии в группу, кроме аватарки и тех частей, которые не понадобятся. Чтобы фотографии отобразились на главной странице нужно зайти снова в Управление сообществом и нажать напротив вкладки «фотографии» — «открытые».
• Загружаем аватарку.
• Следующий шаг- включение режима wiki-разметки. Сделать это можно, нажав иконку с ромбиками в правой части страницы в разделе «редактировать».

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

• Жмем «сохранить страницу», возвращаемся в главный раздел группы и обновляем страницу. Меню по умолчанию закрытое, но пользователь, нажав на соответствующее название, сможет открыть его разделы и перемещаться по ним.

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

Сервисы для создания меню группы

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

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

С уважением, Галиулин Руслан.

Учитывая, что это меню не в группе, а на странице (паблике) вконтакте, я решила показать вам как все это делается! Давно меня уже дергали вопросами: как сделать меню в паблике, как сделать так, что бы меню было открытым, как сделать закреп и т.д.. Вот вам и инструкция!

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

Меню в паблике? Проще простого!

Пересмотрите еще раз статьи: и , сейчас нам пригодятся эти знания!

3 шага к красивому меню паблика!

Вероятно вы уже догадались, что основу такого меню составляет… закрепленный пост с внутренней страницей! Лично мне этот способ очень нравится, даже в группе моего блога я отказалась от встраивания и использую именно «меню в закрепе». И сейчас я дам вам четкую инструкцию «как это сделать»!

Шаг №1: Создаем внутреннюю страницу меню

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

Вариант 1: (обычный)

http://vk.com/pages?oid=- XXX &p=Нaзвание_страницы

где XXX — ID Вашей публичной страницы,

а «Название_страницы» — любое слово, которым будет названа страница

Вариант 2: (облегченный, но )

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

Это вики-код меню

Внимание! Если вы еще не умеете создавать визуальные менюшки в контакте, то повторюсь, статью! Если все ок. то у вас получится подобная картинка:

А это готовая страничка меню

Шаг №2: Создаем пост на стене

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

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

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

Картинка повторяет меню и привлекает внимание посетителей страницы

Шаг №3: Закрепляем пост

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

Нажимаем на эту кнопку и обновляем страницу. Вуаля, все готово! Наслаждаемся красивым меню!

vk.com/frilkacom

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

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

У меня на это все! Делитесь статьей с друзьями, добавляйте в избранное и следите за обновлениями блога, чтобы не пропустить новые интересные статьи!

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

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

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

Шаг 1.
Создаем в фотошопе новый документ размером где то 850х700 пикселей, заливаем его белым цветом. В данном примере я сразу наложила сверху интерфейс ВКонтакта для наглядности. Теперь нам надо вырезать в слое два окна, через которые будет проглядывать собственно само графическое оформление. Сначала выделяем прямоугольник размером 200х500 пикселя и нажимаем Del. Потом выделяем прямоугольник размером 510х309 и также нажимаем Del.

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

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

Шаг 3.
Теперь правый прямоугольник (аватар) сразу же сохраняем отдельной картинкой размером 200х500 пикселя. Это уже готовая картинка для оформления группы. Она загружается в блок в правом верхнем углу группы, где написано «Обновить фотографию». А левую картинку надо нарезать на несколько картинок по количеству пунктов меню. В данном случае это 5 картинок шириной 510 пикселя.

Шаг 4.
На этом шаге нам надо загрузить наши нарезанные картинки ВКонтакт. Для этого сразу под описанием группы выбираем блок «Свежие новости», по-моему так он называется в оригинале. Я его переименовала в «Меню». Нажимаем «Редактировать». Важно! Во-первых, у вас должна быть именно Открытая группа, а не Страница. Поскольку на Странице такого пункта просто нет. И второе, в меню Управление сообществом > Информация > Материалы должен быть выбран пункт «Открытые».

Шаг 5.
Итак, во вкладке «Редактирование» мы нажимаем на иконку фотоаппарата и загружаем наши пять нарезанных картинок меню. ВКонтакт загрузит их по-своему, уменьшив размер до 400 пикселей по ширине и присвоив картинке тег noborder. В следующем шаге нам предстоит немного поправить код.

Шаг 6.
А именно, мы выставляем оригинальные размеры картинок и меняем тег noborder на тег nopadding. Также нам надо проставить урл ссылок с каждого пункта меню. В данном случае первая ссылка ведет на внутреннюю страницу Вконтакта, а остальные четыре ссылки ведут прямо на страницы моего сайта.

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

[][][]

Шаг 7.
Еще раз повторяю, чтобы открыть данное меню надо щелкнуть по надписи «Меню». А так оно всегда находится в свернутом виде. Читайте комментарии к посту, там много вопросов разобрано. Ну и присоединяйтесь к моей группе В Контакте .

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

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

Что такое меню ВКонтакте и для чего оно нужно?

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

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

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

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

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

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

Как сделать привлекательное оформление?

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

1. Для начала вам нужно установить программу Photoshop, если ранее на компьютере у вас не была установлена эта программа.
2. Открываем Фотошоп и создаем два файла-шаблоны для аватара и для меню. Задаем нужные размеры. Например, для аватара – 200×500 пикселей, а меню 389×600 пикселей. Залейте их каким-нибудь одним цветом для того, чтобы их было отчетливо видно и сохраняем два созданных отдельных файла.
3. Загружаем в группу шаблон на место аватара, выделяя всю область.
4. Загрузка меню происходит немного сложнее. Для этого вам понадобится в «Управлении сообществом» включить материалы. После этого станет доступна возможность добавлять меню. Зайдите в появившуюся вкладку под описанием группы «Свежие новости» и нажмите в панели инструментов на кнопку в виде фотоаппарата и загружайте файл с компьютера. Получилось?
   
5. Сразу после загрузки вам станет доступна ссылка, которую придется немного доработать. После слова «noborder» впишите знак «;» и слово«nopadding». Это функция не даст вашему меню опускаться при добавлении новостей в сообщество.
6. Делаем Prnt Scrn основной страницы вашей группы. Для чего? Чтобы понять свои ошибки. Дело в том, что сейчас это черновой вариант – все не ровно и не так красиво. Ваша цель состоит в том, чтобы нижние границы меню и аватара идеально совпадали. Тогда возможно у вас появится вопрос «Почему я не даю вам точных размеров?». А дело в том, что каждый админ использует разное количество текста в описании группы, от чего меняется высота меню, а ширина меню — это дело вкуса и как мы знаем у всех он разный.
7. Входим в Фотошоп, и создаем новый файл, вставляя туда скриншот.
8. Теперь, работая с этим файлом, выделяем область аватара с помощью «прямоугольного выделения» — им можно максимально точно выделить конкретную область. Далее, кликаем правой клавишей мыши и выбираем «вырезать на новый слой».
   
9. То же самое прорабатываем с картинкой меню, только при выделении нужно отсечь ненужное внизу. Сделать так, чтобы низ меню и аватара полностью совпадали.
10. Теперь, зажав кнопку Ctrl, выбираем два, созданные нами слои. Кликаем правой клавишей мыши по ним и выбираем функцию «Объединить слои». Перед нами появляются два наших идеально подогнанных друг под друга шаблона на одной странице.
11. Следующий этап – загружаем фото обложки. Оно появляется поверх наших шаблонов. Теперь справа в инструментах для слоев кликаем по файлу-обложке, зажав клавишу Alt. После данной процедуры, обложка будет видна только на шаблонах и станет невидимым за их границами. Но это не помешает вам передвигать обложку и подбирать нужную видимую ее часть.
12. Теперь важный пункт создания меню – кнопки. К этому моменту вы должны уже знать точные названия будущих кнопок. Например, «Здоровье», «Дети», «Наши контакты». Для облегчения задачи создаем первую кнопку, следующие лишь дублируем и меняем текст.
13. Добавляем логотип на аватарку или словесный призыв, или же и то, и другое. Это добавит вашей группе живости, а также отличительную черту.
    
14. Сохраняем общий файл в качестве картинки на свой компьютер. Что дальше?
15. Открываем в Фотошопе созданный только что нами файл. Далее создаем новый пустой файл с точными размерами нашего аватара, вставляем в него созданную нами картинку с логотипом и кнопками. Выбираем нужную нам область под аватар и идеально подгоняем под выбранные размеры. После чего сохраняем наше творение.
16. То же самое делаем с меню. Но опять же здесь есть свое дополнение. Для начала нужно узнать высоту меню, так как она не совпадает с черновым вариантом. Используя линейку, измеряем высоту до единого пикселя (а лучше всего несколько раз измерить, чтобы не ошибиться). Создаем новый файл со старой шириной и новой высотой, подгоняем картинку под размер и нажимаем кнопку «Сохранить».
    
17. Загружаем новый аватар, выделяя всю область и подбираем миниатюру.
18. Закачиваем меню через кнопку «Свежие новости». Удаляем предыдущую ссылку, загружаем новое фото и добавляем «;nopadding».
19. Теперь раскраиваем наш макет меню. Применяем инструмент Фотошопа «Раскройка» или «Нож». В разных версиях Фотошопа он называется по разному. Под каждой кнопкой проводим линию, чтобы сделать отдельные прямоугольники, наводя на которые пользователь сможет в будущем переходить на конкретные ссылки.
20. Заходим в редактирование меню через «Свежие новости» и загружаем каждую нашу вырезку из меню по очереди. При просмотре будут показаны пропуски между нашими картинками. Для того чтобы от них избавиться, нужно добавить в каждую ссылку слово»;nopadding».
    
21. Теперь чтобы ваши ссылки были активны и вы могли вставить нужную вам информацию, то напишите по ссылками картинок в редактировании меню — название одной из ваших кнопок — например Доставка. Но это слово нужно написать четко по установленным правилам, выглядеть оно должно так [[Доставка]]. Далее сохраняем страницу, переходим по этой ссылке и наполняем ее нужным контентом.
22. Последним действием, чтобы все заработало, является вставка копии ссылки на страницу Доставка в ссылку кнопки, например — page-123456_456789, то есть инфа между словами «vk. com/» до «?». Все, теперь каждую кнопку оформляйте также и ваше меню будет успешно привлекать вам целевую аудиторию.

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

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

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

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

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

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

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

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

• Зайдите в группу и перейдите в окно “Свежие новости”, именно из него вы и будете создавать меню.

• Кликните “Редактировать”.

• Прежде всего, вам нужно изменить название “Свежие новости” на “Меню” либо любое другое, которое ясно даст понять участникам, что здесь они могут быстро перейти по нужным ссылкам.
  Переключите режим редактирования записи в “редактирование Wiki разметки” по небольшой стрелочке в правом углу.

Теперь создайте структуру:

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

На данном скриншоте, можно предположить, что в группе есть материал с названием “Раздел 1”, обсуждение “Раздел 2” и альбом “Раздел 3”. Нажмите “Предпросмотр” либо “Сохранить изменения”.

• Ваш раздел сменится на “Меню”, а в нем появятся активные ссылки на основные категории группы, аккуратно оформленные в список.

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

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

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

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

Как создать меню Вконтакте с изображениями

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

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

• Загружайте изображения в формате jpeg не более 500 пикселей на 500.

• Скопируйте адрес загруженного изображения.

• Теперь скопируйте ссылку на обсуждение, материал или другой внешний сайт.

• [[Ссылка на изображение в вашем альбоме | размер в пикселях; nopadding | Ссылка на обсуждение или сайт]]

Пример показан на скриншоте.
Нажмите “Сохранить страницу”.

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

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

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

Посмотрите на верхний рисунок. Это пример красивого кликабельного меню в группе Vkontakte. Здесь и красивые цвета, и запоминающаяся картинка, и само меню. Для того, чтобы такое сделать, нужно хорошо знать две вещи: Фотошоп и вики-разметку. Даже и вики-разметку знать не обязательно, так как существуют сервисы, при помощи которых можно эту самую разметку скопировать с понравившегося меню другой группы. Один из подобных ресурсов расположен по адресу: «vkmaster.zf-projects.ru» (нижний скриншот). На сайте есть множество отличных функций: зачеркивание текста ВК, дата регистрации, дата рождения, поиск ВУЗов, код wiki-страницы и др.

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

Сделать меню для группы Вконтакте в 2018 году стало проще

А сейчас поговорим о специальных сервисах, которые помогут в 2018 году сделать меню для своей группы Вконтакте намного проще и быстрее, нежели при помощи редактирования разметки. Один из таких инструментов – это menumake.ru (смотрите рисунок внизу). Заходим на сайт через профиль Вконтакте. При этом обязательно даем сервису разрешения, которые он попросит. После входа вы увидите все вами администрируемые сообщества.

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

• menumaker.pw.
• vkprofi.ru.

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

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

• Находим группу с красиво и качественно оформленным меню.
• Копируем в буфер ссылку на страницу с меню.
• Далее заходим по ссылке: «vkmaster.zf-projects.ru/wiki-pcode». Вставляем скопированную ранее ссылку в специальное поле.
• Нажимаем кнопку: «Узнать».
• Чуть ниже появится поле с кодом wiki-страницы.
• Копируем данный кусок кода (смотрите скрин внизу).

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

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

Что же касается фона и красивого текста в оформлении, то тут поможет Photoshop и его инструмент «Раскройка». Раскраиваем фон на количество областей, которое нужно. Подписываем каждую область по названиям будущих пунктов меню. И сохраняем проект для вэб. После загружаем все фотки в отдельный альбом, копируем ссылки на них, чтобы вставить в код. После этого сохраняем, переходим на страницу сообщества, обновляем и радуемся результату. Параметры фона подбирайте сами. Вполне нормально смотрятся картинки с шириной 600 пикселей.

Готовые меню для групп вконтакте. Красивое меню для группы вконтакте

сайт

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

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

Например, на сайте http://all-for-vkontakte.ru/ есть масса разнообразных шаблонов. Выберите себе подходящий и скачайте его на компьютер, далее распакуйте архив и залейте получившиеся заготовки в альбом. После этого с помощью вики- разметки добавьте фото в раздел свежие новости.

Также на сайте http://shablonchegi.my1.ru/ вы можете выбрать подходящие шаблоны с кодами для вставки. Там вы найдете много образцов платных и бесплатных.

Примеры отличного дизайна для групп, посвященных игровой тематике, вы можете встретить на сайте http://you-ps.ru/for_socnetwork/menu/ .

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

Красивое оформление группы в Вконтакте

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

Для начала подберите изображение, которое будет отражать тематику сообщества или группы. Уникальные и красивые фотографии возможно приобрести на различных фотостоках, например, http://www.firestock.ru/, http://www.shutterstock.com или же на тех сайтах и сообществах, где пользователи, и профессиональные фотографы выкладывают сделанные работы. К примеру, возможно отыскать группы и сообщества Вконтакте с такими названиями как Эстетика, Красивые Фото, Арт Искусство и посмотреть какие картинки выкладывают туда пользователи. Также вам подойдут такие сообщества как: http://vk.com/another_art и http://vk.com/esthe

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

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

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

1) В фотошопе произведите загрузку изображения, не превышающее 400-450 пикселей. Вы можете использовать ту же фотографию, какая у вас стоит на аватаре.

2) Разрежьте изображение на пункты меню. Для этого предназначена специальная кнопка «Фрагменты по направляющим»

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

Как сделать оформление группы в Вконтакте

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

Далее вставьте специальную ссылку.

Бесплатные меню для группы ВКонтакте — это оформления которые мы сделали по вашим заказам на форуме, причем совершенно бесплатно! В данном разделе насчитывается около 2700 графических шаблонов различных тематик. Теперь вы с легкостью сможете найти любое меню, так как у нас есть удобный поиск по сайту, и по этому если вы хотите оформить группу своего клана по Counter-Strike, то вам нужно просто написать запрос в поиск, после чего вам покажет весь список бесплатных оформлений с данным запросом.

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

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

Хотим предложить вам графическое меню для вашей группы ВКонтакте , оно посвящено новому футбольному симулятору от EA под названием FIFA 14 . Данная игра вышла 27 сентября 2013 года и вы уже можете скачать игру FIFA 14 c торрента. Как на наш взгляд симулятор достоин внимания, поскольку если сравнивать прошлые игры серии, то тут вас ждет масса новых фишек, например безупречный удар, которая делает каждый удар невероятно реалистичным и траектория полета мяча соответствует реальной физики полета. Футболисты могут пробивать пушечный удар с дистанции, удивлять вратаря низколетящими мячом а также выполнять удары за шиворот и закручиванием мяча как настоящим футболе.

Выполнил очередной бесплатный заказ меню для группы ВКонтакте с футбольным клубом Barcelona . Это меню выполнено в цветах клубной символики Барселоны, и отлично смотреться в группе ВК. Выполняя это оформление, я брал за основу игроков FC Barcelona, которые кстати презентовали новую форму 2013-2014. Также хочу отметить четкие и ровные кнопки в оформлении, которые делают меню строгим и в тоже время удобным, что не может не радовать. Установка, как всегда, очень легкая.

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

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

Предлагаем познакомиться с новым меню для группы ВКонтакте под названием «Станислав Ярушин». Наши постоянные пользователи наверное обратили внимание на обложку и поняли, что в данном оформлении ничего нового не применено. Кстати это первое меню для сообщества ВК посвященное актёру, шоумену, российскому телеведущему Станиславу Ярушину, и его герою в «Универе. Новая Общага » Антону Мартынову . Вот теперь появилась возможность фанатам установить графический шаблон. Все элементы в меню сделаны на быструю руку, так как сегодня у нас с музой проблемы, поэтому ничего нового не придумали. Так же хочу напомнить что меню устанавливаться очень быстро, а для тех кто не знает как, стоит посмотреть видео урок который находиться под дизайном.

Ну а эта новое оформление, понравится тем, кто любит игры от компании Rockstar Games, которая выпустила такие популярные игры как L.A. Noire, Max Payne, Red Dead Redemption и всем известная Grand Theft Auto или просто говоря GTA . Это меню для группы ВКонтакте сделано в темных оттенках, без лишних наворотов и эффектов. Основной фон этого графического шаблона — это ночной город игры ГТА , с синеватым оттенком, где изображены герои популярных игр, которые были перечислены выше. В целом, это очень простое меню оформления для сообщества ВК, о чем можно судить даже по обложке, но попробовать установить все же стоит, так как довольно аккуратно смотрится в группе.

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

Наверняка, многие пользователи нашего сайта хотели найти и установить данное меню для своей группы ВКонтакте , ведь подобных графических шаблонов очень мало на нашем сайте. Теперь вы можете установить этот дизайн который вы наверняка знаете как называется — Cristiano Ronaldo . Меню отличается качеством и хорошим сочетанием, от предыдущих оформлений с Криштиану Роналду . А что самое главное, что бы достичь того, что вы видите на обложке, достаточно будет только скопировать код дизайна и вставить его в сообщество ВК. Для более качественной настройки придется немного помучатся с заменой ссылок, и создать страницы для группы. Но, думаю, многим будет достаточно того, что устанавливается шаблон довольно просто и не принужденно как видно на видеоуроке.

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

Оформление группы ВКонтакте — для чего и для кого

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

Аватар группы ВКонтакте – лицо вашего сообщества

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

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

Шаблон ВКонтакте для оформления группы

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

Проблемы возникают у многих с отображением миниатюр аватарок, которые обрезаются по кругу. Для того, чтобы миниатюра не стала обрезкой уха или носа, нужно заблаговременно позаботиться о том, какую область будет сервис вырезать для миниатюры. На вебинаре я рассказываю о том, как это делается в Фотошопе (PhotoShop). Я сделала специальный шаблон, размером 200 на 500 пикселей, на нем же разместила круг (в другом слое, кто это понимает) и треугольник для стрелки вниз. Пользоваться такой заготовокй очень удобно – не нужны лишние телодвижения по подгонке размеров.

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

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

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

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

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

Bloomberg: Таиланд закладывает основу для крипто-туризма.

Ставка делается на таких, как Рассел Кроу и Тим Кук

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

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

«Есть люди, которые разбогатели, владея цифровыми валютами, и они могут захотеть потратить ее», — рассказал Ютасак в интервью Bloomberg. «Если они смогут использовать в стране свою криптовалюту без необходимости обмена или взимания госпошлин, это создаст им определенные преференции».

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

По словам Ютасака, в следующем году власти создадут новое подразделение, которое займется выпуском собственной криптовалюты, созданием кошелька и построением новой туристической экосистемы. Он уже ведет переговоры с Комиссией по ценным бумагам и биржам, Банком Таиланда и Bitkub Online Co., крупнейшей национальной криптовалютной биржей.

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

«Если Таиланд стремится вернуть около 80% своих доходов от туризма до пандемии в 2023 году, но с вдвое меньшим количеством туристов, нам надо заполучить кого-то, вроде Рассела Кроу или держателя криптовалюты Тима Кука», — сказал Ютасак.

По словам Ютасака, в то время как Таиланд разрешил безкарантинный въезд путешественникам из более чем 60 стран, туризм, скорее всего, вернется к уровню, существовавшему до COVID, только к 2024 году. По его словам, в первом квартале следующего года страна намерена увидеть у себя в гостях около 1 миллиона туристов, обильно тратящихся на поездку. И добавил, что власти сделали ставку на то, что 10% держателей криптовалюты в конечном итоге поедут в Таиланд.

«Крипто — это будущее, поэтому мы должны сделать Таиланд криптопозитивным обществом, чтобы приветствовать эту группу качественных туристов», — сказал Ютасак.

Вот они слева направо: 4 причины, почему группа BTS завоевала мир

Слева направо: Ви, Сюга, Чин, Джонгук, RM, Чимин и Джей-Хоуп (Фото: Wikipedia)

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

1. Близость к народу

Основной идеей Пан Си Хёка — исполнительного директора лейбла Big Hit Entertainment (с 2021 — Hybe) и, по сути, автора идеи создания группы — было собрать в группе музыкантов-индивидуальностей, «обычных парней», близких к фанатам и честных на сцене и в медиа.

Кто такие BTS?

В коллективе семь участников — лидер группы RM (Rap Monster), Джин, Шуга, Джей-Хоуп, Чимин, Ви и Чонгук. Группа была создана южнокорейским лейблом Big Hit Entertainment в 2010 году как хип-хоп коллектив. Название расшифровывается как Bangtan Boys или Beyond the scene.

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

Вопреки этой тенденции, уже главный трек первого альбома BTS «2 COOL 4 SKOOL» «No more dream» был наполнен духом протеста юности против корейских традиций, давления со стороны родителей и общества.

2. Профессионализм

Участников тщательно отбирали с помощью кастингов и на шоу талантов. После прослушиваний начались «тренировки» — вокальные и танцевальные, уроки актерского мастерства и поведения в медиа. Участники группы должны были уметь общаться с фанатами и с журналистами, оставаясь честными и «настоящими». Такие тренировки, а также четкий и продуманный менеджмент в принципе типичны для кей-попа.

За время «учебы» изменилась музыкальная концепция группы — компания приняла решение сделать из BTS айдолов, а не просто хип-хоп исполнителей. Это означало, помимо изменения стиля и жанра музыки, что теперь на сцене они должны были сочетать танцы и вокал, что является особенностью айдол-групп. И это притом, что у участников коллектива очень разный профессиональный бэкграунд — например, RM и Шуга до этого были андерграундными рэперами, а Джей-Хоуп выступал на танцевальных баттлах в составе стрит-дэнс коллектива.

3. Интернациональность

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

В США BTS приобрели известность после выпуска альбома «The Most Beautiful Moment in Life Part 1» в 2015 году. В 2017 году они стали первой корейской группой, выступившей на American Music Awards с синглом «DNA», а в 2018 году представили свой сингл «Fake Love» на Billboard Awards. Но при этом первую песню полностью на английском языке, Dynamite, группа записала только в 2020 году — за нее она первой из корейских групп получила номинацию на «Грэмми».

Одна из ключевых причин растущей мировой популярности BTS — коллаборации с такими известными исполнителями, как Стив Аоки, Холзи, Ники Минаж, Эд Ширан и группа Coldplay.

BTS имеет огромное влияние не только на музыкальную индустрию, но и на общественную жизнь. BTS дважды выступали на Генеральной Ассамблее ООН — в 2018 и в 2020 годах. С 2017 года BTS сотрудничают с ЮНИСЕФ в рамках компании «Love Myself», посвященной борьбе с насилием в отношении подростков.

А еще группа вносит очень значимый вклад в ВВП Южной Кореи. В 2019 году его оценили в $4,65 млрд. Также популярность группы приводит к росту интереса к корейской культуре и корейскому языку и влияет на туристический поток.

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

4. Трепетное отношение к фанатам

Участники группы, менеджеры, лейбл проделывают огромную работу по развитию отношений с фан-клубом (его официальное название — A.R.M.Y.). Благодаря этому у BTS есть огромная лояльная аудитория, готовая поддерживать их, продвигать на различных премиях, создавать о них контент, постоянно упоминать их в соцсетях, рассказывать о них другим.

Вступление в ряды официальных фанатов стоит $22 и дает доступ к покупке эксклюзивных товаров, скидки на билеты на выступления, а также к эксклюзивному контенту на платформе Weverse — официальном приложении Hybe для общения фанатов между собой.

Заработок

В 2019 году группа попала в список Forbes 100 самых высокооплачиваемых артистов в мире с активами в $57 млн. В 2020 году заработок оказался немного меньше — $50 млн. Помимо концертов, источниками дохода являются продажи мерча, коллаборации с известными брендами, документальные фильмы, приложение для фанатов Weverse. Еще для поклонников были выпущены две мобильные игры: BTS WORLD и BTS UNIVERSE STORY. Первая из них — это, по сути, симулятор менеджера группы, которому нужно организовать ее дебют. Вторая — интерактивная сюжетная игра с 7 историями о каждом из участников коллектива.

В 2021 Пан Си Хёк, «отец BTS» и глава Hybe, стал первым миллиардером от мира к-попа с состоянием в $2,7 млрд. На данный момент лейбл Си Хёка является самым успешным в Южной Корее, с легкостью обойдя так называемую «большую тройку» лейблов, подаривших миру Blackpink, EXO и много других знаменитых за пределами Кореи коллективов.

К сожалению, огромная фанатская любовь имеет и обратную сторону. Некоторые поклонники начинают следить за каждым шагом своих кумиров и вторгаться в их личную жизнь. Таких к-поп фанатов называют сасэн-фаны. Это явление — настоящая проблема Южной Кореи, однако поклонники-сталкеры могут быть из совершенно разных стран. В 2019, когда BTS приезжали в Тайвань, фанаты следовали за ними на машине, в итоге перекрыв дорогу. К счастью, тогда никто не пострадал. В том же году лейбл Hybe опубликовал список фанатских сайтов, содержащих контент, затрагивающий личную жизнь артистов, и нелегально продающих билеты. Создателем одного из таких сайтов был сасэн-фанат, преследовавший группу даже во время перелетов.

Но большое количество фанатов BTS благодаря группе вдохновляются на полезные дела. Одно из важных направлений деятельности A.R.M.Y — благотворительность. Многие фанаты присоединились к своим кумирам при поддержке движения Black Lives Matter, во время второй волны пандемии пожертвовали в Индии $29000 на борьбу с ковидом и собрали $83000 для жертв тайфуна «Вамко» на Филиппинах. Представители организации также открывают собственные благотворительные проекты от имени группы.

В Кургане подвели итоги масштабного международного проекта «Целина в исторической памяти России и Казахстана» | Новости Кургана и Курганской области

На протяжении года над ним работали более 350 человек в двух странах.

В Кургане накануне прошел фестиваль Дружбы и Хлеба – финальное мероприятия проекта Курганского Союза журналистов «Целина в исторической памяти России и Казахстана». Правда, большинство гостей смогли присутствовать на нем только онлайн из-за ограничений ввиду пандемии. Но это не отменяет масштабности работы, проделанной участниками из России и Казахстана.

Этот проект был презентован Курганским отделением Союза журналистов России в марте 2021 года. Главной его целью стало сохранение памяти о недостаточно изученном периоде в истории СССР, а также укрепление международного сотрудничества. Для реализации проекта подписали трехсторонний меморандум между кафедрой журналистики и массовых коммуникаций КГУ, кафедрой журналистики и коммуникационного менеджмента Костанайского регионального университета имени А. Байтурсынова и Курганским союзом журналистов.

«С каждым годом все больше забываются события середины прошлого века, когда тысячи комсомольцев отправились поднимать залежные земли. В этом действительно была острая необходимость, потому что страна только восстанавливалась после войны и досыта не ела, — рассказывает председатель Курганского Союза журналистов и один из авторов проекта Ирина Борисова. — Целина стала территорией национального единения. У всех здесь были общие проблемы, заботы и радости. Многие встретили там свою любовь, создали семьи и остались жить насовсем. Еще важно, чтобы наши народы, у которых есть столетия опыта жизни в добрососедских отношениях, сохраняли уважение друг к другу ,чтобы общая история не искажалась, а продолжалась. На это и нацелен наш проект».

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

Активным участником проекта стало информагентство «ТоболИнфо» и его редактор Александра Саргазинова, которая лично сопровождала все поисковые экспедиции в сельской местности. «Самое главное – мы встретились с очевидцами тех времен. После окончания беседы с каждым целинником, когда нам нужно было уже уходить, мы видели, что люди оставались со своими воспоминаниями: о первой любви, о свадьбе в деревне, о своей работе. Наш проект – толчок, который дает каждому возможность остановиться, оглянуться и вспомнить. Сохранить воспоминания, чтобы целина не стала пробелом в истории», — рассказала она.

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

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

В номинации «Целина в моей судьбе» (очерки и зарисовки о героях Целины) жюри отметило работы Елены Арендарук (газета «Наш Костанай», Казахстан), Натальи Мацюк («ТВ 24», Каргапольский район), и Натальи Валялкиной (районная газета «Куртамышская нива»).

В номинации «Лучший поисковик» победителем стали Александра Саргазинова (главный редактор ИА «ТоболИнфо», Казахстан) и Екатерина Матушкова (директор Петуховского исторического музея).

В номинации «История целины в документах и фактах» (для студентов и преподавателей, проводящих исследования на тему освоения целинных и залежных земель) победили Екатерина Байняшева (студентка 2 курса факультета журналистики Костанайского регионального университета, Казахстан) и Екатерина Маргун (студентка 2 курса Курганского госуниверситета). Кстати, Екатерина Маргун одна собрала около 30 имен первоцелинников.

«Я сама уроженка Республики Казахстан, родом из поселка Красная Пресня, который как раз был основан в 1954 году во время поднятия целины. Поэтому я сразу согласилась участвовать в проекте, это для меня гордость за свою родину и мой университет, где я учусь. К сожалению, во время работы были и трагичные случаи: я взяла интервью у одной женщины-целинницы, а через несколько недель узнала, что ее не стало. Для меня этот проект является символом того, что она будет не забыта, как и все другие целинники», — рассказала Екатерина.

Фото из группы Курганский Союз журналистов

Если вы стали свидетелем интересного события, присылайте сообщения, фото и видео в Viber  и WhatsApp по номеру тел. : +79195740453, в нашей группе «В Контакте»

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

), сделайте меню.

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

Делаем красивую графику

В новом дизайне сайта ВКонтакте изменены размеры на графику. Ниже вы найдете текущие значения.

• Аватар группы — 200 × 300 пикселей
• Баннер в описании — 510 × 271 Pix

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

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

Для начала загрузки аватара. Заходим в группу, и нажимаем «Загрузить фото».

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

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

Идем по стене. Здесь в блоке «Добавить заметку» нажмите на иконку «Фото».

Загрузите вторую подготовленную картинку. Обязательно выберите публикацию от имени сообщества. Затем нажмите «Отправить».

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

Теперь обновите страницу и посмотрите результат.

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

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

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

Чтобы сделать кнопки меню активными, мы должны вырезать их с отдельными картинками. Для этого нам понадобится фотошоп.

Открываем нашу картинку в редакторе, и активируем инструмент «Вырезка».

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

Теперь нажмите Alt + Ctrl + Shift + S, чтобы сохранить готовые изображения.

https://vk.com/pages?Oid\u003d-120208137&p=May

Смотрите, после символов «ODI = -» нужно вставить ID своей группы (см.).А в самом конце ссылки напишите название своей страницы из меню. В этом примере мы выйдем из «Меню».

Здесь вы нажимаете на значок камеры и загружаете подготовленные изображения.

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

Далее переходим в раздел «Редактирование». Здесь для каждого изображения нам нужно убрать отступы, чтобы они сливались в единое изображение. Для этого добавьте это значение nopadding; .И добавьте ссылку на нужную страницу или сайт, произнося значение «https://site.ru/page.html» (укажите свои адреса!). В нашем примере кнопка «Еще» должна вести на сайт site. Вот что должно произойти.

[] []

Сохраните страницу. Не забудьте скопировать его из адресной строки. Должен быть вид:

https://vk.com/page-120208137_52523487.

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

Это меню произошло в конце концов.

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

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

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

Зачем начинать создавать меню в паблике вконтакте? Это, пожалуй, самый главный вопрос, который задает себе ВКонтакте большинство владельцев Паблика, задумываясь о том, как сделать меню? Ответ, как часто бывает, простой — ВКонтакте предусматривает создание публичных вики-страниц с разметкой Wiki (я писал в предыдущей статье в учебнике по разметке Wiki). Для начала, для создания публичного меню ВКонтакте, я сделаю новую страницу в своём паблике с разметкой Wiki.

http://vk.com/pages?Oid\u003d-xxx&p\u003d_naviting_strant

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

http://vk.com/wall-46864771?own=1

Где числа 46864771 и есть ID моего паблика vkontakte, итак, делаю ссылку для создания страницы меню:

http: // vk.com / pages? Oid = 46864771 & p =

мая

Я запускаю эту строку в вашем браузере. И так, передо мной новая страница моего паблика вконтакте, которую я буду использовать для создания меню для паблика.
Далее нажимаю -> Заполнить контент, и начинаю создавать свое меню Паблик ВКонтакте. Также не забываю сделать один важный шаг, ограничить доступ всех подписчиков паблика к редакции этой страницы (на всякий случай). В правом нижнем углу нажимаю -> доступ к странице, ставлю нужные галки и сохраняю.
Теперь мне оставалось самое сложное — создать публичное меню вконтакте — фактически, используя знания Photoshop и разметку Wiki, чтобы сделать меню для моего публичного. А когда закончу редактировать страницу меню, можно будет сохранить в правом верхнем углу редактора -> вернуться на страницу. В ссылке появляется строка браузера, которая нужна для вставки меню в Cuppet ВКонтакте.

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

http: // vk .com / page-46864771_44676832.

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

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

Посмотреть, какое меню паблика vkontakte мне удалось, можно посмотреть, посетив

Шаг 1
Для начала заходим в мою группу и в блоке «Свежие новости» (в данном случае я переименовал его в «Меню») нажимаем ссылку «Редактировать», которая появляется при наведении курсора.Важный! Во-первых, у вас должна быть открытая группа, а не страница. Так как на странице этого пункта просто нет. И второе, в меню «Управление сообществом»> «Информация»> «Материалы» должен быть выбран пункт «Открыть».

Шаг 2.
Во вкладке «Редактирование» пишем фразу [[теория веб-дизайна]] в двойных квадратных скобках. Затем нажмите кнопку «Сохранить страницу».

Шаг 3.
После этого рядом с кнопкой появится ссылка «Предварительный просмотр», и нажмите на нее.Предварительный просмотр нашего меню появится ниже, где мы видим «Теорию веб-дизайна», появившуюся ниже.

Шаг 4.
Щелкаем по этой ссылке и переходим на созданную страницу с названием «Теория веб-дизайна». После нажатия на ссылку «Наполнить содержанием». Далее редактируем текст как в обычном текстовом редакторе — вставляем картинки, тексты, видео и другие объекты. При этом наша созданная страница будет иметь URL-адрес типа https://vk.com/page-15865937_43819846.

Альтернативный способ создания внутренней страницы
Есть альтернативный способ создания страницы.В основном он подходит для публичных страниц (публичных страниц), так как не подходит для описанного выше метода. Для этого мы воспользуемся вот таким кодом.
http://vk.com/pages?Oid\u003d-xxx&p\u003d_naviting_strant
Где вместо XXX подставим ID нашей группы, а вместо текста «имя страницы» напишем меню. Теперь вам нужно узнать идентификатор группы. Как это сделать? Заходим на главную страницу группы и смотрим на наши записи на стене — прямо под блоком «Добавить запись» будет написано «Все записи» — нажимаем на эту ссылку.

Перейдите на страницу и посмотрите URL этого типа https://vk.com/wall-78320145?own\u003d1 , где числа 78320145 в этом примере — это идентификатор группы. Подставляем наши данные в исходный код и получаем запись такого типа: http://vk.com/pages?Oid=-78320145&p\u003dMay (С вашими номерами!). Вставьте эту строку в адресную строку браузера и нажмите ENTER. Итак, мы создали новую страницу ВКонтакте.

Здравствуйте, мои любимые!

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

Начну с того, что сегодня есть два пункта меню:

Вариант 1: Меню закрытой группы

Закрытое меню открывается при переходе по ссылке. В приведенном ниже примере меню открывается при нажатии на «Открыть меню группы!» Ссылка.

Вариант 2: Открыть меню группы (фиксированная должность)

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

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

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

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

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

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

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

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

Размеры аватара: 200 x 332 пикселей

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

Шаг 1.

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

Шаг 2.

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

Шаг 3.

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

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

Шаг 4.

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

Первые числа 42211349 — это ID вашей группы

Второе число 47355854 — это идентификатор страницы

Fishka: Создать дополнительные страницы можно вручную. Для этого перейдите по ссылке:


https://vk.com/pages?Oid\u003d-Hhxxxxxxxxh&p\u003dpagename
Где
Xxxxxxxx — это идентификатор вашей группы.
Pagename — Имя вашей страницы .

Шаг 5.

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

Шаг 6.

Теперь скачайте Аватар группы (рисунок справа). На стене будет дубликат фотографии Аватара — удалите его.

Шаг 7.

А теперь внимание. Нажмите на время публикации записи (левый нижний угол поста).

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

Шаг 8.

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

Результат.

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

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

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

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

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

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

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

Меню в публичном доступе? Проще простого!

Перечитайте еще раз Статьи: А теперь воспользуемся этими знаниями!

3 шага к красивому публичному меню!

Вы наверное уже догадались, что в основе такого меню лежит … прикрученный пост с внутренней страничкой! Лично мне такой способ очень нравится, даже в группе своего блога я отказался вставлять и использовать именно «Меню во взрыве».А теперь дам четкую инструкцию «как это сделать»!

Шаг № 1: Создайте внутреннюю страницу меню

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

Вариант 1: (Нормальный)

http: // vk.com / pages? Oid = Xxx & p =. Navigation_strant

, где xxx — идентификатор вашей публичной страницы,

и «Имя Савраиста» — любое слово на этой странице будет называться

Вариант 2: (облегченный, но)

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

Это вики-код меню

Внимание! Если вы до сих пор не умеете создавать визуальные меню в контакте, повторяю, статья! Если все в порядке.Что у вас получится, как на подобной картинке:

А это готовая страница меню

Шаг № 2: Создайте сообщение на стене

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

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

Итак, теперь мы должны удалить ссылку из «тела» поста (прикрепленная страница останется) и добавить к посту картинку , которую увидят подписчики. Фишка в том, что если в одной записи есть ссылка и изображение, то при нажатии будет выполняться картинка по ссылке ! Все гениальное всего!
Картинка может частично или полностью повторять само меню, тут уж вам решать.Если вы заказываете публичное меню, то вам понадобится баннер, т.е. картинка, которая будет висеть в клипе. Вот что мы получаем при публикации поста:

Картинка повторяет меню и привлекает внимание посетителей к странице

Шаг № 3: Исправить пост

Наконец-то мы все готовы и вывешиваем пост с картинкой и ссылкой на стену! Теперь нам нужно перенести это в шапку группы, закрепить пост по главному, что-то сделать… Для этого нажимаем на дату / время поста (для каждого поста есть дата публикации), попадаем на внутреннюю страницу поста, листаем ее вниз и ищем кнопку «Исправить» «Смотреть в картинку, которую нужно найти:

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

vk.com/frilkacom

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

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

У меня все есть! Делитесь статьей с друзьями, добавляйте в избранное и следите за обновлениями блога, чтобы не пропустить новые интересные статьи!

Mail.ru Group переименовалась в

ВКонтакте

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

«Хотя аналитики рынка и профессионалы знают нас как Mail.ru Group, связь между нашими проектами не всегда была очевидна для пользователей», — поясняет группа, и «пора это изменить».

В отличие от Mail.ru Group, этот новый единый бренд «будет использоваться не только на корпоративном уровне, но и в наших продуктах».

«Мы провели множество исследований и экспериментов и увидели, что бренд VK положительно влияет на желание людей использовать практически любой новый продукт: например, после того, как мы переименовали Worki в VK Jobs, узнаваемость сервиса выросла на 37%, а намерение использовать его на 50% », — отметила Анна Артамонова, вице-президент по экосистемным продуктам.

Постепенный переход

В рамках перехода, который «займет время», некоторые из сервисов группы уже получили или получат префикс VK — например, «Boom» переименован в «VK Music», «Lovina» — на «VK Dating», или «Юла» в «Объявления ВКонтакте».

Этот сервис C2C «будет представлен как отдельное приложение и веб-сайт, а также как раздел во ВКонтакте, [что] расширит аудиторию Youla и полностью интегрирует социальную коммерцию в продукт.”

Даже некоторые сервисы B2B будут переименованы «в ближайшем будущем», например, VK Cloud Solutions.

Новый бренд также будет применяться ко «всем новым продуктам», выпускаемым компанией в будущем.

Однако в этом ребрендинге есть заметные исключения:

• Сама социальная сеть «ВКонтакте» (которая до сих пор называлась «ВК») сохранит свой товарный бренд.
• Почтовый сервис Mail.ru и социальная сеть Одноклассники (ОК), которые являются лидерами в своих сегментах, сохранят свои узнаваемые бренды, хотя они также «станут неотъемлемой частью экосистемы ВКонтакте и будут связаны с ней через единые технологии, коммуникации и HR-бренд.»
• Международный игровой бренд группы My.Games не изменится; однако есть «планы по созданию платформы« VK Games », тесно интегрированной с социальными сетями и ориентированной на российскую аудиторию».
• Не изменятся и бренды СП О2О (совладелец Сбер), включая CitiMobil и Delivery Club.

Что касается потенциального переименования активов, приобретенных группой в будущем, решения будут «принимать бренд-команда на основе аналитики и исследований.”

От «мусорного холдинга» к ВК-центру компания

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

«Было бы стратегически правильным для нас взять под свой контроль социальную сеть или, что еще лучше, приобрести все ее акции», — заявил тогда генеральный директор группы Дмитрий Гришин.

Ему отказал основатель Вконтакте Павел Дуров, который сказал: «Мы исключаем и считаем утопией полную интеграцию Вконтакте в Mail.ru Group».

Enfant ужас в русском Интернете дошел до того, что обвинил Mail.ru Group в «массовом взяточничестве» и назвал его «мусорным холдингом».

Дуров покинул Россию в 2014 году вскоре после того, как Mail.ru Group окончательно взяла под свой контроль его детище.

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

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

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

Итак, вот три пути создания меню:

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

Кстати, для тех, кто предпочитает получать информацию через видео, а не читать длинные тексты, есть видео:

Путь №1. Заказать Создание меню от специалиста-дизайнера

Достоинства этого метода относительны скорость и минимальное участие с вашей стороны. Минусы — самая высокая цена и шанс получить красивое, но некорректное меню (основные ошибки мы подготовили при создании меню).Кроме того, нужно найти исполнителя. Здесь мы можем порекомендовать поискать его на сервисе KWORK.RU, в разделе «Дизайн-группы в сообществах».

Путь # 2. Использование онлайн-дизайнера

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

Путь № 3. Делай все сам

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

• Для уверенного использования графического редактора.Например, фотошоп. При оформлении меню нужно будет сначала сделать изображение правильных размеров (до пикселя, никакого «примерно»!), А потом правильно его обрезать (разбить на фрагменты)
• Уметь вникать в инструкцию и читать их внимательно
• Не сдавайтесь и не отчаивайтесь, если что-то не сработает с первого раза

Если вы думаете, что вам всем по плечу, то приступим.

Шаг №0. Общая информация о том, как устроено меню

Меню для группы составляется из вики-страниц, создание которых поддерживает ВК.Wiki-страницы — это специальные страницы, которые можно создавать только публично. От обычных постов они отличаются тем, что могут использовать так называемую разметку Wiki. Эта разметка представляет собой специальный код, который преобразуется в дополнительные объекты форматирования. Чтобы было понятнее объясните. Например, в обычных сообщениях можно использовать только простой текст, а разметка вики позволяет выделять части текста жирным шрифтом или курсивом. То есть она вводит дополнительные возможности регистрации. В частности, возможность размещать изображения, при нажатии на которые пользователь будет перенаправлен по ссылке.Именно эти дополнительные возможности форматирования используются для создания общедоступного меню ВКонтакте. Как именно мы расскажем ниже.

Шаг 1. Подготовительный этап

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

Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы — это ее уникальный номер ВКонтакте.Зайдите в свою группу и нажмите «записи сообщества» (если в группе нет записей, то вместо «записей сообщества» будет «записей нет»). Вы перейдете на новую страницу с этим типом типа:

https://vk.com/wall Xxx ? Собственный = 1

Вместо Ххх У вас будет набор цифр (и только цифр!). Это идентификатор вашего сообщества. Например, в нашей тестовой группе это 154457305.

Теперь давайте создадим новую вики-страницу в группе.Для этого сделайте ссылку такого типа:

http://vk.com/pages?Oid=- ID_Group & p =. Navigation_strant

http://vk.com/pages?Oid=- 154457305 & p =. Меню

Откройте полученную ссылку в браузере (скопируйте ее в адресную строку браузера и перейдите по адресу). Все, вы создали вики-страницу с заголовком «Меню» (если, конечно, не указали «Меню» в качестве имени страницы в ссылке). Вы должны увидеть такой текст: «Страница меню пуста.Наполните содержание. «В правом верхнем углу находится значок« карандаш »(). Щелкните по нему, чтобы перейти к редактированию страницы.

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

Обратите внимание на две вещи. Во-первых, слева от кнопки режима редактирования находится кнопка для вызова справочной информации с помощью Wiki-разметки (). Очень полезная штука, особенно для новичков. Второй момент, на который стоит обратить внимание — это адрес страницы Вики. В адресной строке браузера вы увидите что-то вроде этого:

http://vk.com/page- ID_Group _ Xxx ? ACT = Edit & section = Edit

Часть адреса перед знаком «?» — Это адрес вашей вики-страницы.Запишите где-нибудь: В ВК нет возможности увидеть список своих вики и ссылки на них. Чтобы перейти к желаемой, нужно знать ее адрес или снова воспользоваться ссылкой Wiki-страницы. При использовании последнего способа имейте в виду, что страницы, если они уже существуют, не воссоздаются.

Шаг №2. Делаем простое меню для группы ВКонтакте

Итак, у нас есть вики «Меню». Переключитесь в режим разметки редактора и добавьте следующий код:

Нажмите кнопку «Предварительный просмотр», расположенную под редактором.Вы должны увидеть список из трех ссылок. Первые два являются внешними и ведут на главные страницы «Яндекса» и Google соответственно. Третья ссылка внутренняя. Она ведет в Паблик ВК с ID «1» (это официальная группа ВК для разработчиков). Если у вас в превью отображается код, а не ссылки (которые можно нажимать) — значит вы ввели код в режиме визуального редактирования , а не в режиме разметки. Будь осторожен!

Обращаем ваше внимание, что внешние ссылки на код Viki-VC оформляются одинарными скобками, а внутренние — двойными.В этом случае внутренние ссылки ВК указываются не как обычный адрес сайта, а как указатель на конкретный объект ВК. Например, указатель на группу имеет такую ​​запись:

club ID_Group

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

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

А теперь давайте разберемся, как и где можно использовать вики-страницы.

Шаг №3. Где можно разместить вики-страницы vkontakte

Основных мест два: вы можете создать сообщение со ссылкой на вики-страницу или разместить его в разделе «Материалы» вашего сообщества.

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

http://vk.com/page-121237693_72827423.

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

Кликните по фото в фиксированном посте: появится ваша вики с простейшим меню группы.

Итак, мы узнали, что вики-страницы можно прикреплять к сообщениям.В частности, на постоянный пост. Второе место, где можно использовать вики-разметку, — это раздел «Материалы».

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

Перейти к этой новинке.Нажмите на крик «Редактировать». В результате вы попадете в уже знакомый вам редактор Wiki-страниц. Единственное отличие — есть поле для ввода названия страницы. Измените его из «Свежих новостей» в «Меню2». В режиме режим редактирования изображения Введите следующий код:

«» «Версия меню для раздела» Материал «» «

[]

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

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

Мы узнали, что меню можно разместить в двух местах. Желательно сделать это и в виде фиксированной записи и в разделе «Материалы».Запомните два нюанса:

• Фиксированную запись увидят 98% ваших посетителей, а в раздел Материалы попадут только 25-40% самых любопытных, а также приверженцев старых пользователей вашей группы знающих что там есть что-то полезное.
• Фиксированная запись с картинкой для вызова меню может быть дополнена текстом. Так вы не потеряете эту особенность закрепленной записи. Но и перебарщивать тоже не стоит: чем больше текста, тем ниже ссылка на открытие вашего меню.

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

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

Шаг №4. Как сделать меню в группе ВКонтакте. Graphic

Итак, основные принципы усвоены.Перейдем к оформлению графического меню. Сразу оговорюсь, что нас устроит простое меню: вертикальный ряд кнопок со ссылками. Но не спешите говорить «Нет, я хотел меню суперустановки» и закрывайте это руководство. Теперь объясните почему.

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

А во-вторых, как мы уже сказали, вики ВКонтакте появилась в те времена, когда о мобильных приложениях мало кто вообще слышал.Наше условно «простое» меню будет одинаково корректно и качественно работать везде: в браузерной версии ВКонтакте, в мобильных браузерах и, наконец, в приложении. Многие «сложные» меню этим похвастаться не могут. Более того, в большинстве случаев «простое» меню будет работать лучше «сложного», которое «разваливается» при просмотре в официальном приложении ВКонтакте. Чаще всего будет лучше остановиться на таком варианте меню. Да, есть вполне подходящие реализации меню. Вы можете поэкспериментировать с ними.Но наш опыт показывает, что они практически не добавляют реальной выгоды в виде конверсий, покупок и репутации. А проблемы — вполне могут.

Наше тестовое меню будет выглядеть так:

Всего две кнопки. Первый будет вести на главную страницу Яндекса, а второй — в группу Команды ВКонтакте.

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

Изготовление вертикального графического меню для группы ВК сводится к следующей последовательности действий:

• В первую очередь нужно нарисовать меню. Его ширина должна быть строго , 600px, (пикселей).По высоте рекомендуется делать меню не более 900 пикселей. Результат лучше всего сохранить в формате pNG, на крайний случай -JPG. Воспользуйтесь знакомыми и удобными инструментами для рисования (например, Photoshop или GIMP). Результат здесь на 95% зависит от ваших творческих и технических навыков. Даже если вы совершенно не умеете пользоваться графическими редакторами — не отчаивайтесь. Навыков хватит максимум на пару часов. В Интернете огромное количество справочной и обучающей информации. Кроме того, возможность хотя бы использовать графический редактор очень и очень полезна для публичных администраторов.Зря не потратишь.
• Далее рисунок из меню нарезается горизонтальными полосами. Сделать это можно любым удобным для вас способом: от обычного множества фотошопов до различных онлайн-сервисов. Если у вас нет идей, как это делается — просто задайте вопрос любимой поисковой системе. Не будем подробно описывать техническую часть процесса резки: способов десятки, одни подходят для одних пользователей, а для других не подходят. При резке необходимо соблюдать одно простое правило: высота одной полосы не должна быть меньше 60px .В противном случае у вас могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: т. Н. «Белые полосы» между изображениями.
• Нарезанные «полоски» загружаются в альбом или альбом группы на странице администратора группы. Мы рекомендуем второй вариант. В любом случае альбом с нарезанными частями меню должен быть в открытом доступе. . В противном случае те пользователи, для которых недоступны изображения из альбома, не увидят ваше меню!
• Компилируется код вики-разметки, который вставляется на нужную вики-страницу.
• В группе размещен фиксированный пост со ссылкой на вики-страницу с меню. О том, как делается такой пост. Подробно мы писали выше. Кроме того, код (с небольшими изменениями) можно добавить на корневую вики-страницу (пункт справа от пункта «Информация» появляется при разрешении раздела «Материалы». Подробнее — см. Выше).

А теперь подробнее займемся загрузкой частей меню и кода Wiki. Мы подготовили для вас. Имеет два каталога: «1» и «2».Первый содержит части самого примитивного и простого варианта слайсера для нашего меню — на две части. Скачайте архив, скачайте изображения (1.png и 2.png) из каталога «1» в новый альбом (дома или в группе).

У нас две «полоски»: верхняя (с кнопкой «Яндекс») и нижняя (с кнопкой «ВКонтакте»). Оба являются эталонными изображениями. В разметке вики это делается с помощью кода этого типа:

«ССЫЛКА» — Это целевая ссылка. Например, https: // яндекс.RU/. Помимо обычного внешнего вида Эта ссылка может быть указанием на объект ВКонтакте: пост, страницу пользователя или группу. Например, после нажатия кнопки переход в Сообщество ВКонтакте можно указать как его адрес (https://vk.com/team) и указатель на него (Club22822305). В принципе разницы не будет. Внешние ссылки (те, которых нет на ресурсах ВК) мы рекомендуем вырезать через

5 голосов

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

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

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

1. Подготовка к работе. Инструменты, без которых не обойтись

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

1.1. Photoshop

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

Если хотите нормальную группу, то другого выхода у вас нет, кроме как научиться фотошопу. Без качественных снимков никуда не уехать. Могу порекомендовать курс Зинаида Лукьянова . Вы быстро и не приедете в новой профессии и даже сможете зарабатывать, используя навыки дизайнера. Знаний хватит!

Итак, продолжим. Все ли нужно? Тогда вы готовы действовать дальше.

2. Работа в фотошопе или меню своими руками

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

Картинку нужно вырезать. Выберите инструмент «Резка». Как видите, он лежит под «рамкой». Просто нажмите на нее и удерживайте левую кнопку Мыши несколько секунд, пока не появится дополнительное меню.

Теперь на самой картинке щелкните правой кнопкой мыши и найдите «разбитый фрагмент».

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

Иногда меняется все изображение. Например, утопление кнопок при нажатии — это всего лишь второе изображение, анимации там нет.

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

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

Сделать больше категорий или расположить их в две колонки — не проблема.Если вы понимаете основную информацию, справитесь со всем остальным.

Я переместил строку, чтобы она была меньше. Это несложно, делается с помощью курсора.

Смотрите, что изображения сохраняются в формате JPEG (высшая категория справа). Далее нажимаем «Сохранить».

Вот и все.

Мы закончили с этим, теперь вы можете перейти к самой группе и работать с кодом.

3. Планировка в ВК для чайников

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

Ну что ж, осталось за малым, компоновка. Откройте список вики-страниц.

И добавить новый.

Дайте ей имя. В нашем случае меню.

И переходим в редактирование.

Прежде всего, вам нужно добавить все части нашей картинки.

Загрузить.

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

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

Теги

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

Если хотите, можете сделать то же самое, но учтите, что изображение будет сниматься правильно.

Возвращаемся к коду для удаления отступов между фрагментами паттерна.

Чтобы сделать изображение снова, после размера поставьте точку через запятую и напишите тег nopadding (; nopadding).

Так будет выглядеть.

Естественно, после каждого фрагмента не должно быть отступов, поэтому теги нужно дублировать.

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

Теперь при нажатии на разные части изображения они открываются в новом окне.

Чтобы этого не произошло, вам понадобится еще одна бирка. НЕТ ССЫЛКИ. Не забывайте о точке с запятой.

Переход будет не только в первом изображении, но остальные могут быть заменены его URL-адресом.

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

Так выглядит наше меню.

А вот и желаемая ссылка.

4. Завершающий этап проектирования

Наконец, пора определиться с публичной страницей или группой. От этого зависит дальнейшая стратегия.

Если не знаете, что у вас есть, то перейдите в раздел «Управление» из категории «Мои группы».

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

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

5. Видеоинструкция

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

6. Альтернативный способ для чайников за 100 руб.

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

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

На этом прощаюсь, но ненадолго. Немного расслабьтесь и переходите к следующей части.

Подписывайтесь на мой группа ВКонтакте . Приятной работы и быстрой встречи!

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

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

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

Разговор об идеологии

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

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

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

Меню продажи

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

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

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

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

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

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

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

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

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

На сегодняшний день создано несколько типов меню:

• Открыть с активными точками;
• Закрыто в виде фиксированной записи;
• С отдельными картинками или общей смежной картинкой баннера и меню.

Суть создания обоих вариантов одинакова. Только основное отличие в дополнительных элементах и ​​типах записи и об этом будет подробнее в этой статье.

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

Закрытое меню группы ВК

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

Вид меню будет следующим:

Открыть меню группы (фиксированный материал)

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

Как сделать красивое меню для Группы ВКонтакте: Пошаговая инструкция

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

• Для аватара 200×332 пикселей;
• Для баннера главного меню 395×282 пикселей.

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

Для того, чтобы было понятно, если высота основной группы Аватаров 332, то возьмем от нее 50 и получим высоту главного меню 82. Если размер не имеет значения, то высота может быть произвольной.

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

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

Создайте новую ткань в Photoshop с размерами 600×350 пикселей, которую мы будем использовать в качестве трафарета, чтобы вырезать в ней отверстия для наших картинок. Для работы нам нужно перевести размеры всех элементов и линий в пиксели и это делается по следующему пути: «Edit-Installation-Main» и вот уже выставляем пиксели.

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

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

Должно произойти следующее:

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

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

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

Итак, вернитесь в фотошоп и создайте новый холст размером 400×300 пикселей. После этого выберите в разделе: File-place и выберите картинку для фона меню.

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

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

Обратите внимание, что у вас должно быть:

• Материалы открыты в «ограниченном» режиме;
• Включены обсуждения;
• Папка с фото открыта для всех.

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

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

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

Совет: Важным моментом после загрузки изображений является удаление отступов. Это решается вставкой «nopadding» перед размером изображений.

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

[]
Где xxxxx — ID вашей картинки
yyyyy — ширина в пикселях (не более 388)

В итоге должно получиться так:

Теперь наши картинки собраны в отдельный баннер. А чтобы добавить каждый элемент в ссылку, просто нажмите при отключенной разметке на картинке и в разделе ссылки вставьте скопированный URL.

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

http://vk.com/page-116682062_51411604?Act=Edit&hid=183950676&section\u003dedit

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

Перейти на главную страницу и сделать следующее:

Шаг номер 1.

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

Шаг номер 2.

Для записи прикрепляем изображение нашей вилки для меню и нажимаем Отправить.

Шаг номер 3.

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

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

• Придумайте структуру и упорядочите оформление изображений меню;
• Делаем примерочные размеры и вырезаем все изображения;
• Вставлять фотографии в альбомы;
• Отредактируйте все вырезки в редакторе и опубликуйте на главной странице группы.

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

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

ВАЖНО: После изменения дизайна ВК в 2016 году внесены новые изменения при создании изображений и требований к изображениям которых.

Скачать шаблон меню ВКонтакте + Все исходники урок

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

Применяю видео для консолидации читал -))).

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

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

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

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

Запускаем фотошоп, создаем новый документ (файл — создать или Ctrl + N).Выставляем параметры созданного файла. Максимальная ширина 370 пикс., Я сделал 200 пикс., Высота 250 пикс. Вы можете сделать его намного меньше и компактнее. Добавьте в созданный файл картинку, которая будет фоном. Теперь создайте текст. У меня самый простой простой, можно сделать намного красивее, компактнее.

Я такое меню создал. Выберите режущий инструмент и вырежьте на картинке три детали, обозначенные цифрами 1,2,3 — это будут пуговицы. После вырезания сохраните созданное меню. Щелкните файл — Сохранить для Интернета и устройств.

В появившемся окошке ничего не меняем, нажимаем Сохранить. Выберите для экономии места и нажмите «Сохранить».

Все, в фотошопе работа закончена.

Добавить меню для контакта

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

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

В появившемся окне нужно указать код []. Можете скопировать прямо из статьи и вставить себе. Теперь вам просто нужно изменить свои данные.

pHOTO-40781312_285

5- Фотокод. Его можно посмотреть в адресной строке. Этот код виден при просмотре фотографии. Сам адрес там намного больше, но нужно скопировать ту часть кода, которая начинается со слова фото и заканчивается цифрами. Обычно после цифр может стоять, например, знак процента.

Nopadding — Эта команда убирает промежутки между картинками.

100px — Волшебная ширина (если это отдельная кнопка, то это будет ширина самой кнопки).

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

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

Если вы не получили ответа на вопрос как сделать групповое меню

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

• Видео для создания группового меню

Как сделать группу ВКонтакте

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

Почему это происходит?

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

Как повлиять на поисковую эффективность сообщества?

Наиболее эффективным рычагом воздействия на показатели кликабельности группы является миниатюра Аватара.
Миниатюра играет очень важную роль в группе, так как она выделена во всех местах, где упоминается Группа:

• в ленте новостей группы
• в поисковой системе контактов
• поиск в Google и Яндекс
• в ссылки других сообществ
• в ленте пользователей ВК

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

Принципы создания фигурных миниатюр.

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

2) Цветовой охват и контрастность на фоне конкурентов.
Выбирая картинку для миниатюр группы, просмотрите миниатюры их конкурентов. Какая цветовая гамма используется, плотность элементов на картинке, их логотипы. Основная задача — создать миниатюру, выделенную на фоне других. Например, если большая часть миниатюры зеленая — сделайте свою красную, если вся тусклая — сделайте свою яркую, если вся пестрая — сделайте свою однофотонную. Обратите внимание, основная задача — выделиться и сохранить актуальность запроса!

3) Ключевые слова в изображении.
По нашему опыту, ключевая фраза «размещение» Изображение также положительно влияет на удобство использования миниатюр, посещаемость сообщества и общую эффективность группового продвижения.

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

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

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

5 шагов как оформить группу в контакте

Крышка

Community Cover Today — важный инструмент для создания группы в контакте с брендом и его продвижении. Вы можете загрузить его в разделе «Управление сообществом», перейдя на вкладку «Настройки».Высококлассное горизонтальное изображение в шапке сообщества само по себе играет роль главного рекламного баннера компании в социальной сети. Она задает настроение, информирует, увеличивает имидж, призывает к целевым действиям, одновременно продает.

1. Используйте высококачественные иллюстрации

Обложка сообщества ВКонтакте должна быть размером 1590х400 пикселей, но лучше загружать фото в 2-3 раза больше в формате.png. Так удастся избежать некачественного отображения.

2. Адаптировать образ под разные устройства

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

3. Разместите слоган и ИТП

Позвольте клиенту увидеть вашу философию и преимущества с первого экрана.

4. Показать товары / услуги, процесс или результат их использования

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

5. Помогите клиентам немедленно связаться с вами

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

6. Объявление событий

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

7. Присутствуют акции и скидки.

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

8. Предлагаем совершить целевое действие.

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

Загрузите аватар и выберите миниатюру

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

При использовании максимального размера аватара 200х500 пикселей, размер картинки в фиксированной записи необходимо сделать размером 510х308 пикселей. Отличный вовлекающий прием — фиксация загруженных через плеер роликов, стилистически продолжающих аватарку.

Если подать в качестве шапки — обложка, аватарка всегда будет отображаться в виде эскизов.

Правила сообщества аватаров Mc Miniatures

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

1. Значок должен быть понятен аудитории.

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

2. Слушайте только качественные фото.

Лучше скачивать исходников в 2–3 раза больше необходимого, чтобы об ужасных пиксельных «квадратах», которые вы не в лучшем свете можно было забыть.

3. Создавайте собственные иллюстрации.

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

4. Контрастные фоновые изображения страницы — что вам нужно

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

5. Разместите контакты или ИТП компании

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

6. Сделать текст крупным и читабельным

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

7. Подача нестандартных форм

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

Разработка меню

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

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

Разработать витрину товаров

Находясь в витрине сообщества, помните, что пользователям всегда видны первые 3 объекта. Разместите в них самые популярные и самые заказные, загрузив презентационные изображения в едином стиле. Публикуйте здесь форменные значки или фото самих товаров. Вы можете разместить товар. В дизайне покажите процесс оказания услуги или ее результат. Размер такой картинки будет квадратным — 400х400 пикселей.

Регистрация постов

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

Максимальная ширина картинки в ленте — 510 пикселей. Наиболее эффективно смотрятся квадратные изображения размером 510×510 пикселей и прямоугольные — 510×300 пикселей.

2. Разработайте индивидуальный стиль сообщений.

Чтобы посты выглядели индивидуально, придумайте единый стиль, шрифт и цветовую гамму.

3. Разместите короткий текст на картинке.

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

4. Сделайте несколько шаблонов для разных целей.

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

Используйте эти 100% приемы, и ваша компания будет максимально представлена ​​ВКонтакте, а клиентам будет удобно с ней взаимодействовать.Но не забывайте, что во всем нужна мера! Посмотрите даже больше, чем свежие идеи для дизайна сообщества венчурных капиталистов на странице услуг агентства Trug Target.

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

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

1. Горизонтальная крышка (Cap)
Начнем, пожалуй, с горизонтальной крышки или шляпы. Разработчики ВКонтакте уверяют, что крышка за счет своих размеров дает большую маневренность для подачи и визуализации информации. Обычно помимо красивой картинки в шапке присутствует логотип, сопроводительная информация, контакты, звонки для вступления в группу, адрес сайта.У меня есть подозрение, что когда-либо чехлы будут единственным возможным вариантом оформления группы, поэтому я бы рекомендовал сразу перейти на них, чтобы впоследствии избежать редизайнов форсмаркет.

Как скачать обложку
Чтобы скачать обложку, нужно зайти в Управление сообществом>> Блокировать основную информацию>> Обложка сообщества>> Скачать. Рекомендуемый размер обложки 1590 × 400 пикселей.В шапке не может быть рабочих кнопок, на которые можно нажимать — по сути это картинка и все. На сегодняшний день крышка видна на мобильных устройствах, и вроде бы видна в приложениях и клиентах.

Вкладка Wiki Fresh News
В верхнем блоке под шапкой теперь могут быть три вкладки: фиксированная запись, информация о сообществе и вики-меню (только в группах, на публичных страницах таких вкладок нет). Акцент по-прежнему делается на фиксированной записи, но даже если она представлена, пользователь теперь всегда будет иметь доступ к информации сообщества, переключаясь на вкладки.Чтобы появилась вкладка Wiki-меню (изначально она называется свежие новости), вам нужно зайти в управление сообществом »Разделы» Материалы »Ограничено (или открыто)» Сохранить.

2. Вертикальный аватар
А теперь обратите внимание на старый добрый аватар для группы 200×500 пикселей. Хотя это еще и способ создать группу. Обычно аватар представляет собой следующую информацию: логотип, сопроводительный текст или слоган, контакты, звонок для присоединения к группе. В мобильных устройствах аватар не виден целиком, видна только его часть — миниатюра.Вы можете использовать либо горизонтальный заголовок (обложку), либо вертикальный баннер. Если у вас шляпа, вертикального аватара не видно. На аватаре не может быть рабочих кнопок, на которые можно нажимать — по сути это картинка и все.

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

Как загрузить миниатюру
Миниатюра стала достаточно самостоятельным элементом и при использовании обложки (шапки) в дизайне группы теперь нужно делать отдельную миниатюру, имейте в виду. Если в группе (обложке) шапки нет, то для скачивания миниатюры нужно нажать кнопку «Загрузить фото» для скачивания (справа).Если в дизайне (обложке) шапка присутствует, то для загрузки миниатюр нужно сразу нажать на кружок под шапкой и там уже выбрать пункт «Загрузить фото».

4. Баннер
Баннер (англ. Banner — флаг, прозрачность) — графическое изображение информационного, рекламного или неделимого характера. Баннер прикрепляется к записи в виде изображения и может иметь только одну внутреннюю ссылку. Многие до сих пор уверены, что на главной странице с баннера можно сделать несколько ссылок.Это не так, только одна ссылка и все. Я бы выделил следующие типы баннеров.

4.1 Информационный баннер
Распространенный тип баннера, содержащий общую информацию о компании, группе, услуге или мероприятии с подробным списком преимуществ и другими сопутствующими материалами. Часто используется как фиксированная запись в группе. Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с аватаркой. Если связки с аватаркой нет, то можно использовать любые размеры.Например, я использую размер 600×350 пикселей. Также удобен и набранный теперь формат квадрата 510х510 пикселей — при таком размере баннер занимает самую большую площадь в ленте новостей.

4.2 Баннер для входа во внутреннее меню
Если добавить к баннеру из предыдущего пункта «открытое меню» из предыдущего пункта, то мы получим баннер, основная задача которого будет обслуживаться в точке входа ввода . Иногда делают обман в виде нескольких кнопок на баннере, но это иллюзия, при нажатии пользователь все равно попадает на внутреннюю панель, а там каждая кнопка имеет свою ссылку.Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с автарем. Если запись в меню не привязана к аватарке, можно сделать баннер любых размеров, даже узкую кнопку с надписью «Открыть меню». Главное, чтобы ширина баннера была не менее 510 пикселей.

4.3 Reost Card, Promotions
IN в последнее время Особо актуальные приобретенные карты для репостов или акций. Ее задача — призыв к конкретным действиям. В основном это «Присоединяйтесь к группе, сделайте репост или поставьте лайк и выиграйте приз».«Такие баннеры используются в рамках рекламных компаний или акций как в своих группах, так и для продвижения других групп. Я обычно использую размер 600×350 пикселей.

4.4 Баннер с GIF анимацией
После того, как в начале года разработчики ВК сделали для GIF картинок большего размера, гифки сразу встали в один ряд с информационными баннерами. Например, на гиф-баннере можно разместить изображение нескольких заменяющих товаров или текстов — движение сразу привлекает внимание.А когда в июне была добавлена ​​функция автомобильной Gif-анимации в ленте новостей, то гифки стали объектом пристального внимания рекламодателей и маркетологов.

5. Построение аватара + фиксированный баннер
До недавнего времени эта модульная конструкция, состоящая из аватара и фиксированного баннера, была наиболее популярным способом создания групп. Подробнее о том, как сделать такую ​​конструкцию, расписано в уроке. С появлением кепки (чехлов) не исключено, что популярность такого дизайна несколько снизится.

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

6.Меню внутренней навигации
Меню в виде активных ссылок находится на внутренней странице ВКонтакте и написано с помощью команд Wiki Markup. О том, как создать саму внутреннюю страницу, расписано в уроке. Используя меню, пользователь перемещается по группе. Ниже вы познакомитесь с типами внутреннего меню, а пока остановимся на нескольких важных пунктах.

Внутренне внутреннее меню
Хочу отметить один тонкий момент, который часто не дает значений.Иногда клиенты заказывают у меня внутреннее меню, но при этом совершенно не представляют, как пользователь попадает в это внутреннее меню. И попасть в него можно двумя способами: либо через фиксированный баннер (см. Пункт 4.2), либо через текстовую ссылку в верхней вкладке под строкой статуса (см. Рис. Ниже). Иногда текстовая ссылка помещается в блок «Ссылки» в правом столбце интерфейса.

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

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

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

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

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

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

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

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

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

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

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

Меню в palbik Вконтакте создаю своими руками

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

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

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

http://vk.com/pages?oid=-XXX&p=Page_name

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

http://vk.com/wall-46864771?own=1

Где числа 46864771 — это ID моего паблика Вконтакте, поэтому делаю ссылку для создания странички меню:

http: // vk.com / pages? oid = -46864771 & p = Menu

Я запускаю эту строку в своем браузере. И вот передо мной новая страничка моего паблика Вконтакте, которую я буду использовать для создания меню для паблика.
Далее нажимаю -> заполнить контентом и начинаю создавать собственное публичное меню Вконтакте. Также я не забываю сделать один важный шаг, чтобы ограничить доступ всех подписчиков паблика к редактированию этой страницы (на всякий случай). В правом нижнем углу нажимаю -> захожу на страницу, ставлю нужные галки и сохраняю.
Теперь самая сложная часть остается для меня, создание публичного меню Вконтакте — фактически, используя знания Photoshop и вики-разметку, сделать меню для моего публичного. И когда я закончу редактировать страницу меню, я могу сохранить ее и нажать -> Вернуться на страницу в правом верхнем углу редактора. В строке браузера появится ссылка, которая нужна для вставки меню в шапку паблика Вконтакте.

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

Http: // вк.com / page-46864771_44676832

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

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

Посмотреть, какое меню паблика Вконтакте мне попалось, можно посмотреть, посетив

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

Например, у вас есть собственная компания, которая предлагает определенный продукт или услугу. Также есть веб-сайт в Интернете. Тогда группа Вконтакте для этой компании поможет привлечь новых клиентов и увеличить продажи. В меню могут быть следующие пункты: Окна, Двери, Ворота, Системы безопасности, Дополнительные материалы, Акции и скидки.Мы делаем ссылки таким образом, что, нажав на одну из точек, человек переходит в соответствующий раздел на сайте.

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

Есть много примеров создания навигации в группе. А теперь приступим к практике.

Создать меню

Обязательные настройки в группе

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

На своей странице Вконтакте в левом столбце нажмите на пункт «Группы» и выберите свою группу из списка.Затем под аватаром нажмите на три вертикальные точки и выберите из списка «Управление сообществом».

Теперь в меню справа перейдите на вкладку «Разделы» и в полях «Обсуждения» и «Материалы» выберите «Публичный» или «Ограниченный». Щелкните «Сохранить».

Подготовка изображений для меню и аватаров в Photoshop

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

Меню может быть продолжением изображения на аватарке;

Это можно сделать на отдельном изображении или на сплошном фоне, аватар не будет с ним ассоциироваться, может отображать, например, логотип компании.

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

Откройте Photoshop и создайте в нем новый файл — Ctrl + N. Установите ширину 760 и высоту 500 пикселей.

Теперь, используя инструмент Slice Tool, вам нужно разрезать лист на несколько частей. Выберите область справа с помощью инструмента и дважды щелкните по ней, чтобы открыть окно с меню. Установите ширину 200 и высоту 500.Это будет аватар нашей группы.

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

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

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

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

Затем откройте изображение, которое вы выбрали для аватара и меню в Photoshop. Используя инструмент «Перемещение», перетащите изображение на ранее вырезанный лист. Вы можете переместить картинку так, чтобы была видна желаемая область.

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

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

Теперь возьмем инструмент «Текст» и напишем пункты меню в каждой части.

Это все сделано. Справа наш аватар, слева внизу — элементы навигации. Две другие части изображения не понадобятся.

На этом этапе вы можете добавить логотип компании в область справа (аватар) или красиво написать ее название.

Сохраняем сделанное изображение: Файл — Сохранить для Web и устройств, либо пользуемся сочетанием клавиш Alt + Shift + Ctrl + S.

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

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

Затем вернитесь на главную страницу группы и выберите аватарку — «Загрузить фото». Это одно из тех изображений, которые мы только что сделали в Photoshop.

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

Создание меню с помощью вики-разметки

Приступим к созданию самого меню. Заходим в группу и переходим во вкладку «Свежие новости».Затем нажмите кнопку «Редактировать».

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

Щелкните одно из изображений, которые вы только что добавили в свой профиль.

После этого он появится на странице редактирования.

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

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

Здесь удалите все ненужные теги, такие как

, и удалите пробелы между всеми строками. Теперь посмотрите на верхний снимок экрана — у нас есть пробелы между добавленными изображениями. Чтобы удалить их, напишите nopadding перед размером изображения и поставьте «;».

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

Вот как будет выглядеть код после добавления «nopadding;» и ссылку.

В результате должно получиться так: изменено название вкладки (МЕНЮ), убраны пробелы между строками, убраны пробелы между изображениями (nopadding;), добавлены ссылки. Нажмите «Сохранить страницу» и вернитесь на главную страницу в группе.

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

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

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

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

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

Шаг 1.
Создайте новый документ в Photoshop, размером примерно 850×700 пикселей, залейте его белым цветом. В этом примере я сразу наложил поверх интерфейса ВКонтакте для наглядности. Теперь нам нужно вырезать два окна в слое, через которые будет виден сам графический дизайн. Сначала выберите прямоугольник 200×500 пикселей и нажмите Del.Затем выделите прямоугольник 510×309 и нажмите Del.

.

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

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

Шаг 3.
Теперь сразу сохраняем правый прямоугольник (аватар) как отдельную картинку размером 200×500 пикселей. Это готовая картина для украшения группы. Он загружается в блок в правом верхнем углу группы, где написано «Обновить фото». А левую картинку нужно разрезать на несколько картинок по количеству пунктов меню. В данном случае это 5 картинок шириной 510 пикселей.

Шаг 4.
На этом шаге нам нужно загрузить наши вырезанные картинки во ВКонтакте.Для этого сразу под описанием группы выберите блок «Свежие новости», на мой взгляд, именно так он называется в оригинале. Я переименовал его в «Меню». Щелкните «Редактировать». Важный! Во-первых, у вас должна быть открытая группа, а не страница. Так как на Странице такого пункта просто нет. Во-вторых, в меню «Управление сообществом»> «Информация»> «Контент» должен быть выбран пункт «Публичный».

Шаг 5.
Итак, во вкладке «Редактирование» мы щелкаем значок камеры и загружаем наши пять нарезанных изображений меню.ВКонтакте загрузит их по-своему, уменьшив размер до 400 пикселей по ширине и присвоив изображению тег noborder. На следующем этапе нам нужно немного подправить код.

Шаг 6.
А именно, устанавливаем исходные размеры изображения и меняем тег noborder на тег nopadding. Нам также необходимо указать URL-адрес ссылок из каждого пункта меню. В этом случае первая ссылка ведет на внутреннюю страницу ВКонтакте, а остальные четыре ссылки ведут прямо на страницы моего сайта.

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

[] [] []

Шаг 7.
Еще раз повторяю, чтобы открыть это меню нужно кликнуть по надписи «Меню». И так всегда складывается.Читайте комментарии к посту, много вопросов разобрались. Что ж, присоединяйтесь к моей группе во ВКонтакте.

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

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

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

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

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

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

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

• Зайдите в группу и перейдите в окно «Свежие новости», из которого вы создадите меню.

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

Теперь создайте структуру:

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

На этом снимке экрана мы можем предположить, что у группы есть материал под названием «Раздел 1», обсуждение «Раздел 2» и альбом «Раздел 3». Нажмите «Предварительный просмотр» или «Сохранить изменения».

• Ваш раздел изменится на «Меню», и там будут активные ссылки на основные категории группы, аккуратно расположенные в виде списка.

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

Для ускорения доступа к вашему официальному сайту или разделам непосредственно внутри группы лучше вставлять активные ссылки.

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

• Так выглядят все ссылки, которые вы можете вставить в свое групповое меню.

Как создать меню ВКонтакте с изображениями

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

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

• Загрузить изображения jpeg размером до 500 на 500 пикселей.

• Скопируйте URL-адрес загруженного изображения.

• Теперь скопируйте ссылку на обсуждение, контент или другой внешний сайт.

• [[Ссылка на изображение в вашем альбоме | размер в пикселях; nopadding | Ссылка на обсуждение или сайт]]

Пример показан на скриншоте.
Щелкните «Сохранить страницу».

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

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

Вот несколько примеров, чтобы каждый понял, о чем идет речь.

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

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

Объясняю на пальцах. Public — это что-то для сравнения с блогом. Лента новостей. Другими словами, мы о чем-то рассказываем нашим подписчикам, и они не смогут написать на стене нашего сообщества.Максимум комментировать.

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

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

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

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

Контента очень много, начинаем воплощать идею в жизнь!

Создание группы

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

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

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

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

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

Все. Группа создана!

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

Дизайн группы Вконтакте

Этот этап можно разделить на 2 части: графическую и техническую. Для работы нам понадобится шаблон для создания группового аватара и меню, а также немного фантазии и базовые знания Photoshop (он же Adobe Photoshop).

Шаблон разметки

Что такое шаблон и что это вообще такое? Шаблон — это своего рода заготовка. В данном случае в формате * .psd мы отметили области для изображения под меню и аватаров группы.

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

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

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

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

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

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

На левом фрагменте (там, где надпись «Меню») также можно добавить несколько триггеров. В этом случае я решил обойтись без них. Все. Дизайн аватара готов. Нажимаем горячие клавиши Shift + Ctrl + Alt + S в Photoshop и сохраняем наши фрагменты в папку на жестком диске.

Завершен первый этап работы с графикой. Возвращаемся к контакту.

Установка аватара и меню для группы

Нажимаем на два типа вместо авы нашей группы и загружаем туда наше изображение.У этих ребят под ними тоже написано «Загрузить фото».

Добавьте изображение. Укажите поля и выберите эскиз. Здесь все просто и проблем быть не должно.

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

Эти числа после «? Gid =» являются идентификатором желаемой группы. Вставляем полученное значение в форму скрипта и пишем имя страницы, которую хотим создать. В этом случае вбиваю «Меню».

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

Если все сделать правильно, откроется эта страница.

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

Написал себе «Меню» и моя страничка после сохранения стала выглядеть вот так.

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

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

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

Wiki-разметка меню группы Вконтакте

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

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

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

Разрежьте изображение на фрагменты и сохраните их.

Все. Пора для финального аккорда — собираем меню уже в самой группе.

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

Если вы являетесь администратором или создателем группы (в нашем случае это так), то вверху страницы будет ссылка «Редактировать».Щелкаем по нему.

Далее переходим в режим вики-разметки (под кнопкой закрытия в правом верхнем углу страницы такой фрейм рисуется внутри). Когда желаемый режим активирован, эта кнопка выделяется серым цветом.

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

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

и к уже вложенному параметру «noborder» добавляю второй параметр «nopadding». Первый отключает обводку фрагментов и границ ячеек таблицы. Второй убирает отступ с края.

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

В моем случае код меню выглядит так.

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

Когда мы написали код и выровняли все элементы, сохраняем страницу и видим то же, что и в Photoshop.

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

Затем мы вставляем ссылки на новые страницы в вики-код меню в виде page-102302049_51013384, где первое число — это идентификатор группы, а второе — номер страницы. Хотя, это вообще не важно. В конце концов, нам просто нужно скопировать этот кусок URL-адреса и вставить его в разметку.

В результате код меню принимает следующий вид.

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

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

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

Группы Вконтакте — это дополнительная возможность не только заработать в Интернете, но и раскрутить собственный бизнес. Что определяет успех группы? От того, насколько активно вы будете его продвигать, а также насколько грамотно он будет оформлен.

При регистрации группы Вконтакте необходимо сделать следующее:

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

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

Инструкция по созданию меню для группы Вконтакте

Настройка.

Для начала нужно зайти в настройки группы и включить материалы:

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

2. Новое поле в группе.

После настройки в вашей группе должно появиться новое поле «Свежие новости»:

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

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

3. Создание меню для группы Вконтакте.

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

4. Разделение картинки на части.

Для того, чтобы копались отдельные элементы рисунка, нам понадобится инструмент «Раскрой»:

С помощью этого инструмента выберите область вокруг каждой кнопки:

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

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

5. Вставка изображений.

Теперь возвращаемся в редактор поля «Свежие новости» и добавляем туда картинки:

После выбора файлов меню вы должны увидеть следующий код:

6. Настройка кода.

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

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

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

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

Дизайн группового меню, полезные советы.

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

1. После создания разметки Wiki (кода меню) сохраните ее в текстовый файл. Вдруг что-то пойдет не так, появится возможность восстановить меню.
2. В интернете легко найти шаблон группового меню Вконтакте. Это пригодится всем, кто не умеет работать с Photoshop и другими графическими редакторами.
3. Также для облегчения работы кнопки меню для группы Вконтакте можно скачать в интернете и просто установить на любой фон.
4. Не делайте слишком маленькие снимки для меню, наоборот лучше использовать большой формат, иначе качество будет потеряно.
5. Ширину меню больше 610 пикселей лучше не делать, иначе оно может некорректно отображаться на странице.
6. Есть специальные редакторы для работы с Wiki-разметкой, но с ними придется разбираться отдельно, они созданы для профессионалов.
7. Не торопитесь заканчивать работу в графическом редакторе, пробуйте разные цвета, шрифты, фон и так далее.
8. Меню в группе ВК лучше смотрится в сочетании с аватаркой. Для этого нужно отрегулировать размер рисунка.

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

Красивое групповое меню за 100 рублей

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

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

1. Откроется редактор, по центру кнопка «Выбрать шаблон». Нажимаем на него и выбираем готовый шаблон меню Вконтакте, там большой выбор:

1. После этого добавляются пункты меню. Здесь все просто, вы указываете текст меню и, наоборот, добавляете ссылку, куда пользователь будет перенаправлен при нажатии:

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

1. Справа предварительный просмотр создаваемого меню. Отрегулируйте параметры, пока не получите желаемый результат, а затем нажмите кнопку «Загрузить меню в группу»:

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

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

Где заказать меню для группы Вконтакте?

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

Wiki-разметка и фотографии для загрузки в отдельный альбом.

Ошибки при создании группового меню Вконтакте

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

Ошибка 1.

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

Ошибка 2.

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

Ошибка 3.

Чтобы заинтересовать посетителя и заставить его пройти хотя бы один пункт меню Вконтакте, некоторые добавляют 10 и более кнопок. Такая навигация никому не нужна; напротив, это сбивает пользователя с толку. Лучше выбрать 3-5 основных пунктов, не отправляя огромный каталог.

Ошибка 4.

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

Ошибка 5.

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

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

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

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

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

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

Давайте поговорим об идеологии

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

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

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

Меню продаж

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

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

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

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

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

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

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

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

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

На сегодняшний день существует несколько видов создаваемого меню:

• Открыть с активными точками;
• Закрыто как закрепленная запись;
• С отдельными картинками или общей смежной картинкой баннера и меню.

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

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

Закрытое меню группы ВК

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

Меню будет таким:

Открыть групповое меню (закрепленный материал)

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

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

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

• Для аватара 200×332 пикселей;
• Для главного баннера размер меню 395×282 пикселей.

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

Чтобы было понятно, если высота основного аватара группы равна 332, то мы вычитаем из нее 50 и получаем высоту главного меню равную 282. Если размеры не имеют значения, то высоту можно установить произвольно. .

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

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

Давайте создадим новый холст в Photoshop размером 600×350 пикселей, который мы будем использовать в качестве трафарета, вырезав в нем отверстия для наших изображений. Для работы нам нужно перевести размеры всех элементов и линейок в пиксель, и это делается по следующему пути: «Edit-setting-main» и здесь мы уже устанавливаем пиксели.

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

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

У вас должно получиться:

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

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

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

Итак, вернемся в Photoshop и создадим новый холст размером 400×300 пикселей. Затем выбираем в разделе: файл-место и выбираем картинку для фона меню.

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

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

Обратите внимание, что у вас должно быть:

• Материалы открываются в «ограниченном» режиме;
• Обсуждения включены;
• Папка с фотографиями открыта для всех.

Теперь осталось настроить нашу страницу, где она будет отображаться в меню. Для этого перейдите на главную страницу сообщества, выберите свежие материалы, отредактируйте и вызовите «НАШЕ МЕНЮ».

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

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

Совет: Важным моментом после загрузки изображений является удаление отступов.Это решается вставкой «nopadding» перед размерами изображения.

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

[]
где xxxxx — id вашего изображения
yyyyy — ширина в пикселях (не более 388)

Должно получиться так:

Теперь наши картинки собраны в отдельный баннер.А чтобы добавить ссылку на каждый элемент, просто нажмите с отключенной разметкой на картинке и в разделе ссылок вставьте скопированный URL.

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

http://vk.com/page-116682062_51411604?act=edit&hid=183950676&section=edit

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

Перейдите на домашнюю страницу и сделайте следующее:

Шаг № 1.

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

Шаг №2.

Прикрепите к сообщению изображение окурка нашего меню и нажмите «Отправить».

Шаг № 3.

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

Отлично !!! На этом завершается. Теперь вы знаете, как создавать крутые меню, и можете на этом хорошо зарабатывать. Советую делать все в следующем порядке:

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

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

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

ВАЖНО: После изменения дизайна ВК в 2016 году были внесены новые изменения при создании изображений и требования к картинкам о которых.

Скачать шаблон группового меню ВК + все исходники урока

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

Прилагаю видео, чтобы закрепить прочитанное -))).

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

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

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

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

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

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

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

Желательно нарезать примерно так.

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

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

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

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

542&p=menu

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

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

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

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

Нажмите «Сохранить», посмотрите, что произошло, у меня все сошлось, если щелкнуть по ссылкам «https://vk.com/page-

542_49969122″

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

А я вобще пост. Я вставляю ссылку в меню и добавляю только что сделанное фото.

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

Например, у вас есть собственная компания, которая предлагает определенный продукт или услугу.Также есть веб-сайт в Интернете. Тогда группа Вконтакте для этой компании поможет привлечь новых клиентов и увеличить продажи. В меню могут быть следующие пункты: Окна, Двери, Ворота, Системы безопасности, Дополнительные материалы, Акции и скидки. Мы делаем ссылки таким образом, что, нажав на одну из точек, человек переходит в соответствующий раздел на сайте.

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

Есть много примеров создания навигации в группе. А теперь приступим к практике.

Создать меню

Обязательные настройки в группе

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

На своей странице Вконтакте в левом столбце нажмите на пункт «Группы» и выберите свою группу из списка. Затем под аватаром нажмите на три вертикальные точки и выберите из списка «Управление сообществом».

Теперь в меню справа перейдите на вкладку «Разделы» и в полях «Обсуждения» и «Материалы» выберите «Публичный» или «Ограниченный». Щелкните «Сохранить».

Подготовка изображений для меню и аватаров в Photoshop

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

Меню может быть продолжением изображения на аватарке;

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

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

Откройте Photoshop и создайте в нем новый файл — Ctrl + N.Установите ширину на 760 и высоту на 500 пикселей.

Теперь, используя инструмент Slice Tool, вам нужно разрезать лист на несколько частей. Выберите область справа с помощью инструмента и дважды щелкните по ней, чтобы открыть окно с меню. Установите ширину 200 и высоту 500. Это будет аватар нашей группы.

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

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

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

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

Затем откройте изображение, которое вы выбрали для аватара и меню в Photoshop. Используя инструмент «Перемещение», перетащите изображение на ранее вырезанный лист. Вы можете переместить картинку так, чтобы была видна желаемая область.

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

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

Теперь возьмем инструмент «Текст» и напишем пункты меню в каждой части.

Это все сделано. Справа наш аватар, слева внизу — элементы навигации. Две другие части изображения не понадобятся.

На этом этапе вы можете добавить логотип компании в область справа (аватар) или красиво написать ее название.

Сохраняем созданный образ: Файл — Сохранить для Web и устройств, либо пользуемся сочетанием клавиш Alt + Shift + Ctrl + S.

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

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

Затем вернитесь на главную страницу группы и выберите аватарку — «Загрузить фото». Это одно из тех изображений, которые мы только что сделали в Photoshop.

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

Создание меню с помощью вики-разметки

Приступим к созданию самого меню. Заходим в группу и переходим во вкладку «Свежие новости». Затем нажмите кнопку «Редактировать».

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

Щелкните одно из изображений, которые вы только что добавили в свой профиль.

После этого он появится на странице редактирования.

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

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

Здесь удалите все ненужные теги, такие как

, и удалите пробелы между всеми строками. Теперь посмотрите на верхний снимок экрана — у нас есть пробелы между добавленными изображениями. Чтобы удалить их, напишите nopadding перед размером изображения и поставьте «;».

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

Вот как будет выглядеть код после добавления «nopadding;» и ссылку.

В результате должно получиться так: изменено название вкладки (МЕНЮ), убраны пробелы между строками, убраны пробелы между изображениями (nopadding;), добавлены ссылки. Нажмите «Сохранить страницу» и вернитесь на главную страницу в группе.

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

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

Графическое меню группы ВК. Зачем нужно групповое меню

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

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

Типы меню навигации:

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

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

Многостраничное меню

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

Многостраничное меню — Домашние Wikes-страницы

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

Многостраничное меню — дополнительная wiki-страница

Wiki Landing ВКонтакте

Вики-лендинг или как его еще называют лендинг Вконтакте — самый популярный вид меню. Любовь к такому оформлению меню Наших клиентов не удивляет — это красивый структурированный дизайн, вся самая важная информация о вашей группе на одной странице, активные кнопки заказа (ведите в администраторе локальной сети или в сообщении группы) и каталог товаров. Возможны любые разделы, которые вы хотели создать в Wiki-Landing.

• Описание компании и ее деятельности
• Категории услуг или товаров
• Отзывы клиентов через графический дизайн
• Видеозаписи и рекламные акции
• Преимущества работы с вами
• Акции и специальные предложения
• Описание услуг или товаров
• Популярные статьи в группе
• Контакты для связи
• Активная карта с адресом компании
• Ответы на часто задаваемые вопросы

Wiki Landing — лучший выбор для крупных компаний, оказывающих услуги, интернет-магазинов узкой направленности и коучинга

Мы отвечаем на частые вопросы о Vicky Menu:

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

Когда меню группы уже нарисовано дизайнером и установлено на вики-странице, вы можете легко привязать его к любому сообщению или баннеру в фиксированном сообщении. Для этого нужно открыть ссылку на вики-меню в новой вкладке браузера, скопировать ее, чтобы вернуться в свою группу, и вставить скопированную ссылку в новый пост.При предварительном просмотре ссылки ее текст из сообщения необходимо удалить. Вы можете написать в этой публикации любую информацию, призывая к действию и контакты, после чего прикрепляете картинку (фото) и нажимаете кнопку «Опубликовать». Теперь нажмите «Защищено», и баннер с активной ссылкой в ​​меню группы всегда будет на виду.

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

Для этого вам потребуются навыки работы в таких редакторах, как Adobe Photoshop (формат PSD), Adobe Illustrator (формат AI или EPS) или CorelDRAW (формат CDR).Каждая из этих программ отлично справится с этой задачей. Создайте новый документ размером 607 пикселей (советуем создать документ 608 пикселей) по ширине и установите необходимую длину меню (высоту документа). Теперь можно переходить к оформлению. В Интернете вы найдете множество видеороликов Как самому создать меню ВКонтакте, а если вы хотите сделать красивый, профессиональный дизайн, лучше обратиться к опытному дизайнеру.

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

Чем отличается меню для паблика от группового ВКонтакте?

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

Для опытного дизайнера создать меню ВКонтакте не проблема!

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

Примеры красивого оформления меню

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

Заказать Дизайн группы ВКонтакте — Дизайнер Ирина Филипенко

Заказать Дизайн меню для Группы ВКонтакте

Мы работаем в сфере регистрации групп ВКонтакте с 2012 года и за это время выполнили более 200 дизайн-проектов. Самая популярная услуга у наших клиентов — группа «под ключ» с Wika-Ledding. Эта дорогостоящая услуга в нашей студии оказывается без огромных доплат, так как вы работаете у простого дизайнера, и мы не берем никаких дополнительных платежей — за правки, потраченное время или покупку графики.Заинтересованы в нашем предложении? Свяжитесь с нами через раздел на этом сайте.

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

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

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

На сегодняшний день создано несколько типов меню:

• Открыть с активными точками;
• Закрыто в виде фиксированной записи;
• С отдельными картинками или общей смежной картинкой баннера и меню.

Суть создания обоих вариантов одинакова. Только основное отличие в дополнительных элементах и ​​типах записи и об этом будет подробнее в этой статье.

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

Закрытое меню группы ВК

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

Вид меню будет следующим:

Открыть меню группы (фиксированный материал)

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

Как сделать красивое меню для Группы ВКонтакте: Пошаговая инструкция

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

• Для аватара 200×332 пикселей;
• Для баннера главного меню 395×282 пикселей.

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

Для того, чтобы было понятно, если высота основной группы Аватаров 332, то возьмем от нее 50 и получим высоту главного меню 82. Если размер не имеет значения, то высота может быть произвольной.

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

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

Создайте новую ткань в Photoshop с размерами 600×350 пикселей, которую мы будем использовать в качестве трафарета, чтобы вырезать в ней отверстия для наших картинок. Для работы нам нужно перевести размеры всех элементов и линий в пиксели и это делается по следующему пути: «Edit-Installation-Main» и вот уже выставляем пиксели.

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

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

Должно произойти следующее:

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

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

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

Итак, вернитесь в фотошоп и создайте новый холст размером 400×300 пикселей. После этого выберите в разделе: File-place и выберите картинку для фона меню.

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

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

Обратите внимание, что у вас должно быть:

• Материалы открыты в «ограниченном» режиме;
• Включены обсуждения;
• Папка с фото открыта для всех.

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

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

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

Совет: Важным моментом после загрузки изображений является удаление отступов.Это решается вставкой «nopadding» перед размером изображений.

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

[]
Где xxxxx — ID вашей картинки
yyyyy — ширина в пикселях (не более 388)

В итоге должно получиться так:

Теперь наши картинки собраны в отдельный баннер.А чтобы добавить каждый элемент в ссылку, просто нажмите при отключенной разметке на картинке и в разделе ссылки вставьте скопированный URL.

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

http://vk.com/page-116682062_51411604?Act=Edit&hid=183950676&section\u003dedit

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

Перейти на главную страницу и сделать следующее:

Шаг номер 1.

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

Шаг номер 2.

Для записи прикрепляем изображение нашей вилки для меню и нажимаем Отправить.

Шаг номер 3.

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

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

• Придумайте структуру и упорядочите оформление изображений меню;
• Делаем примерочные размеры и вырезаем все изображения;
• Вставлять фотографии в альбомы;
• Отредактируйте все вырезки в редакторе и опубликуйте на главной странице группы.

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

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

ВАЖНО: После изменения дизайна ВК в 2016 году внесены новые изменения при создании изображений и требований к изображениям которых.

Скачать шаблон меню ВКонтакте + Все исходники урок

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

Применяю видео для консолидации читал -))).

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

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

Факторы Вылетает гостем:

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

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

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

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

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

1. продаж;
2. увеличить посещаемость;
3. увеличить активные плакаты.

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

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

Каталог

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

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

Примерные кнопки установки опций:

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

Чтобы повысить активность участников, они должны стимулировать их репосты, опросы и интересный и необычный контент.

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

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

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

Построить поэтапно

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

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

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

видео: Публичное меню

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

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

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

• установить и запустить программу «Фотошоп»;

• в пункте «Файл» выбрать «Создать»;
• в появившемся окне установить:



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




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

Должно получиться примерно так:

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

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

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




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




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

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

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

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

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

Все в заказе:

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

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

• перейти к источнику, куда нужно перенаправить посетителя;
• скопируйте желаемый адрес.

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

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

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

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

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

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

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

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

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

Видео: Меню с поиском по заголовкам

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

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

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

Как это: []

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

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

[] .

Где Options заменен на:

• noborder. — Удаление рамки вокруг изображения;
• nopadding — удаление пробелов между изображениями;
• простой. — Вставить ссылки на картинку. Оформляется в виде текста, без графики;
• НОЛИНК. — Удаление ссылки на картинку;
• ящ. — открытие изображения в окне;
• NNNXYYYPX или NNNPX — указывает размер фотографии в пикселях.

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

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

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

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

Вот несколько примеров, чтобы все понять, что это такое.

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

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

Объясняю на пальцах. Public — Это блог кое-что сравните. Лента новостей. Другими словами, мы о чем-то рассказываем нашим подписчикам, и они не смогут написать на стене нашего сообщества. Максимум — комментарий.

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

Глобально можно говорить так: если нам нужно создать сообщество для магазина, я бы взял формат «Public». Если мы говорим, например, о любителях рыбалки, лучше брать «группу». Хотя каждый волен действовать так, как считает нужным.Ведь в любой момент формат можно изменить. Однако учтите, что ВКонтакте вводит ограничение на повторное изменение формата сообщества и после первого раза нужно будет подождать несколько дней, пока вы не сможете вернуть его обратно при необходимости. Поэтому лучше проверить функциональность до того, как группа начнет наполняться контентом.

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

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

Довольного моря, начинаем воплощать идею жизни!

Создание группы

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

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

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

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

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

Все. Группа создана!

Теперь можно приступить к разложению.

Регистрация группы ВКонтакте

Этот этап можно разделить на 2 части: графическую и техническую. Для работы нам понадобится шаблон для создания группового аватара и меню, а также немного фантазии и базовые фото фотошопа (это Adobe Photoshop).

Шаблон разметки

Какой шаблон от себя и что это вообще такое? Шаблон представляет собой нечто вроде пустого. В данном случае в формате * .psd мы отметили области для меню и группы аватарок.

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

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

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

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

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

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

На левом фрагменте (там, где надпись «Меню») тоже можно добавить несколько триггеров.В этом случае я решил обойтись без них. Все. Дизайн аватара готов. Нажимаем в Photoshop SHIFT + Ctrl + Alt + S разрушающие горячие клавиши и сохраняем наши фрагменты в папку на жестком диске.

Первый этап работы с графикой завершен. Вернуться к контакту.

Установка аватара и меню для группы

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

Добавьте изображение.Указываем поля и выбираем эскиз. Здесь все просто и проблем быть не должно.

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

Эти числа после «? Gid =» — это ID желаемой группы.Вставляем полученное значение в форму скрипта и пишем имя страницы, которую хотим создать. В этом случае я вожу «Меню».

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

Если все сделать правильно, откроется эта страница.

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

Написал «Меню» и моя страничка после сохранения стала выглядеть вот так.

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

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

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

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

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

Не буду подробно останавливаться на том, как именно собрал меню. Вот что я сделал.

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

Разрезаем изображение на фрагменты и сохраняем их.

Все. Пришло время финального аккорда — собираем меню уже в самой группе.

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

Если вы являетесь администратором или создателем группы (в нашем случае это так), то ссылка «Редактировать» будет вверху страницы.Нажмите здесь.

Далее переходим в режим Wiki-разметки (под кнопкой закрытия в правом верхнем углу страницы рисуется такая рамка с внутренней). Когда желаемый режим активирован, эта кнопка отображается серым цветом.

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

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

. И к уже вложенному параметру «NOBORDER» я завершаю второй параметр «nopadding». Первый отключает обводку фрагментов и границ в таблицах таблиц. Второй убирает отступы с края.

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

В моем случае код меню следующий.

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

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

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

После этого вставьте ссылки на новые страницы в код вики-кода на новые страницы в виде страницы 102302049_51013384, где первое число — это идентификатор группы, а второе — номер страницы. Хотя это вообще не важно. Ведь нам просто нужно скопировать этот фрагмент URL и вставить в разметку.

В результате код меню принимает следующий вид.

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

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

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

Что для этого нужно?

Как «в контакте» в группе сделать меню? В «Фотошопе» нужно создать две картинки, которые раньше были одни.Первый для аватара, второй — само меню, этот образ должен быть нескончаемым из нескольких частей. «В контакте» на странице, предназначенной для меню, нужно вставить код со ссылками на части изображения и разделы. А если нужен открытый тип, понадобится третья картинка, закрепленная в топе сообщества.

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

Первый этап

Как сделать меню в группе «Контакт»? Во-первых, вам нужно создать новый документ с размерами 700 на 800 пикселей. Следите за тем, чтобы фон был белым. На верхнем слое необходимо вырезать два окна с 200 по 710 — для аватара и с 382 по 442 — меню. Вы можете сделать это, выбрав прямоугольник или команду, которая вызывается клавишей «Del».

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

В желаемых зонах изображения с помощью элементов «Фотошоп» необходимо разместить надписи и кнопки.

Вывернувшийся вправо прямоугольник (размером от 200 до 710) можно скопировать и выгрузить в отдельный файл. Это готовый аватар для группы. И здесь левая часть рисунка нуждается в дополнительной обрезке.

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

Высота каждого нарезанного элемента должна быть не менее 50 пикселей.

Как нарезать картинку для меню?

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

Щелкните изображение правой кнопкой мыши и выберите «разделенный фрагмент» из выпадающего списка.

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

После действий на экране появится сетка, разделяющая картинку на участки.

Вырезанные файлы будут пронумерованы.

Вторая фаза

Это урок, как сделать меню группы «в контакте». Все нарезанные картинки необходимо загрузить в групповой альбом.

Перейдет на страницу «Свежие новости».В ближайшее время с ним будут проводиться работы.

Желательно в редакторе справа выбрать режим Wiki-разметки и вставить сюда следующий код:

Каждое изображение Меню будет занимать отдельную строку, построенную по принципу схемы выше. Эти записи рекомендуется заранее создать в блокноте и только после этого выгружать в нужное поле «в контакте». Так будет намного проще и система не заставит его удалить.

В итоге что-то похожее на:

Как получить номер образа?

Для этого щелкните правой кнопкой мыши по картинке.После того, как он откроется в новом окне, его код появится в адресной строке браузера. Его необходимо скопировать вместе со словом «фото».

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

Чтобы совместить с ним аватарку, нужно немного поэкспериментировать с описанием. Примерно на указанных размерах должно быть 12 строк.

Это один из вариантов, как сделать меню в группе «В контакте».Их двое, их двое. Другой путь открыт. Их можно комбинировать.

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

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

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

Как сделать меню в группе «Контакты»? Теперь вам нужно щелкнуть правой кнопкой мыши по дате новости. Он должен открыться в новом окне. Там вы можете увидеть новую надпись «Fasten». Просто нужно.

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

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

.