Обновленное меню вк. Как закрепить меню вконтакте

Как закрепить меню Вконтакте

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

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

Итак, давайте по порядку.

Как создать вики-страницу?

1. Создайте в адресной строке вашего браузера ссылку вида:

• ххх – id вашей группы или публичной страницы;
• Название_страницы – любое слово, которым вы назовете свою страницу.

Как узнать id вашего сообщества? Если id не содержится в ссылке, например, https://vk.com/make_community , его можно узнать следующим образом. Нажимаете на заголовок стены группы, где написано количество публикаций.

Откроется отдельно стена вашего сообщества. В адресной строке будут цифры. Это и есть id вашего сообщества.

2. Перейдите по созданной вами ссылке и нажмите “Наполнить содержанием”.

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

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

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

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

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

Создаем меню.

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

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

Должна получится вот такая запись на стене вашей группы Вконтакте:

Как закрепить меню?

Нам остается закрепить меню наверху группы. Для этого жмем на текст перед картинкой в записи. В открывшемся окне внизу справа нажимаем “Закрепить”.

Все. Теперь у нас должно получится вот так:

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

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

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

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

Создать меню в группе Вконтакте можно несколькими способами:

• при помощи Photoshop
• использовать конструктор
• ограничиться перечнем разделов без изображений
• обратиться к специалисту.

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

Текстовое

Начнём с текстового решения. Чтобы добавить меню в группу Вконтакте:

• Заходим в «Управление сообществом»

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

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

• Наводим курсор на кнопку ltgt в правом верхнем углу.
• Включаем «Режим wiki-разметки».

• Появляется надпись «Визуальный режим редактирования».
• Теперь можно приступить к оформлению.
• Прописываем названия рубрик с новой строки. Например: УслугиЦены Контакты Отзывы

• Заключаем названия в квадратные скобки и добавляем перед каждым вертикальную черту: [|Услуги] [|Цены] [|Контакты] [|Отзывы]
• Перед чертой прописываем ссылки на страницы, куда попадут посетители после того, как кликнут интересующий блок [https://vk/com/salonkrasoti.ru|Цены]
• Перед скобками ставим звёздочку *[https://vk/com/salonkrasoti.ru|Цены] Нажимаем «Сохранить».

• Обязательно воспользуйтесь клавишей «Предпросмотр», чтобы убедиться, что всё сделано правильно.

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

Как создать меню в группе вк, чтобы цепляло с первого взгляда?

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

Конструкторы

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

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

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

Бесплатный конструктор Вы найдёте на https://вкменю.рф.

Платные: https://vkmenu.ru, https://www.vkprofi.ru. Создать неповторимый стиль без специальных знаний вики разметки поможет сервис http://wikiposter.net. Приложения отличаются между собой, но имеют подробную инструкцию, так что запутаться практически нереально, даже новичку.

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

Photoshop

• Открываем нужное изображение в программе.
• Размер миниатюры не должен превышать 600 пикселей по ширине.
• Проверяем, исправляем, если нужно.
• Инструментом «Раскройка» нарезаем фото на кнопки
• Сохраняем для WEB
• Переходим VK, включаем «Материалы», ограничиваем доступ, сохраняем, меняем название — всё, как в варианте без графики.
• Далее добавляем нарезанные фрагменты, нажимая значок фотокамеры
• Перед нами появляется код, он потребует доработки.
• Переносим ссылки в столбик и добавляем в каждую строчку тег nopadding (через точку с запятой), чтобы убрать пробелы. Пример: [photo31165052_426031462|204x141pxnobordernopadding|topic-35158179_34009350]][[
• Если на данном этапе всё корректно (убеждаемся в Предпросмотре), сохраняем и возвращаемся на страницу.

Закрепляем меню

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

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

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

Если нужно удалить меню

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

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

•SMM 2 YOU•

Все о продвижении в социальных сетях

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

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

Закреплять можно только записи, сделанные от имени сообщества. Делать это могут только редакторы или администраторы. В закреплённых записях запрещено размещение рекламы.

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

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

У Вас должно быть уже оформлено меню сообщества.
Далее пишем пост на стене группы и прикрепляем банер. При этом желательно, чтобы его ширина была не более 395 пикселей, а высота – не более 290 пикселей. Загружая большие картинки, контакт автоматически их обрезает, может возникнуть проблема, что картинка будет, уменьшена и не будет читаться.
Если нужно пишем текст и указываем адрес страницы самого меню, тем самым, прикрепив ссылку на страницу.
Узнать адрес страницы вы можете в поле «Свежие новости», которое у нас и сворачивается. Наведите на него курсор, появится ссылка «Редактировать» – кликаем её. В результате мы попадем на страницу wiki-редактора где создано меню, редактировать страницу мы не будем, так как нам нужен адрес страницы и нажимаем «Вернуться к странице» в верхнем правом углу.

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

Мы видим название страницы, нажимаем на эту строчку, копируем эту строку (адрес страницы)

и прикрепляем к нашей теме, должно получиться так:

Примечание: к записи можно прикрепить разные элементы: фотографию, видео, аудио и т.д. к тексту – от 1 до 10, к картинке от 1 до 9. Таким образом, вы можете комбинировать вид и содержание записи. Так же можете выбрать «от имени группы» или «подпись» автора.

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

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

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

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

Как открепить закреплённое меню ВКонтакте.

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

Видеоурок можно посмотреть Здесь !

Открытое меню для группы Вконтакте

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

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

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

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

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

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

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

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

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

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

И по-прежнему остается вопрос: как сделать меню группы Вконтакте открытым?

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

Теперь Вам нужно будет скопировать ссылку на меню, она имеет такой вид:

Дальше сделайте новую запись в группе, вот так:

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

Опубликуйте новость, и последним этапом станет вот такая манипуляция – Нажмите на «ВРЕМЯ» под новостью:

И в открывшемся окошке нажмите на кнопку « ЗАКРЕПИТЬ »

Закрывайте окно и обновите страничку. Если вы все сделали правильно, то меню Вконтакте будет всегда открыто. А если что-то не получается, оставляйте комментарии.

Еще один пример замечательного открытого меню:

Небольшой разбор полетов: то меню, которое находится под спойлером, невозможно сделать (на данный момент) всегда открытым, так как по неясным мне причинам ВК не дает такой возможности, хотя раньше так можно было делать. Кто знает, возможно через время такая возможность появится…

Дополнение. Где взять ссылку на меню?

Мне по почте пришло пару писем на тему того, что не получается найти ссылку на меню под спойлером. Действительно, достать ее довольно-таки непросто, выполните такие пункты:

1. Меню должно уже быть сделано в редакторе и находиться под спойлером, есть? Отлично, идем дальше;
2. Нажмите правой кнопкой мыши по спойлеру и выберите там “Открыть в новой вкладке“, казалось бы ссылку можно там получить, но нет.
3. Нажмите “Редактирование“, а потом “Вернуться к странице“, эти ссылки находятся в верхнем правом углу;
4. Все, в адресной строке будет отображаться корректная ссылка такого вида: http://vk.com/page-18410568_276885674419.

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

Дополнительное видео. Делаем меню всегда открытым:

Ну все, всем спасибо за внимание!

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

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

Вступление

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

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

Все бесплатные шаблоны меню для групп ВКонтакте обычно распространяются в трёх видах:

• шаблон, укомплектованный в файл формата PSD для программы Photoshop;
• архив с нарезанными частями меню;
• готовый wiki-код.

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

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

Если вы имеете готовый PSD-шаблон для группы, примерный алгоритм его установки, если вкратце, будет содержать следующие пункты:

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

Используемый софт

Описывать обработку PSD-шаблонов, а если точнее процесс их нарезки, я буду на примере программы Adobe Photoshop CS5 на русском языке. Если у вас другая версия программы или в ней нет русского языка, просто действуйте аналогичным образом и, если потребуется, воспользуйтесь переводчиком.

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

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

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

Этап первый – разрезание PSD-исходника на части

открываем программу Photoshop и дожидаемся полной загрузки:

открываем исходник нашего PSD-меню ВКонтакте:

активируем линейку, если она не активирована. Сделать это можно, перейдя в меню «Просмотр», а затем кликнув на «Линейки». Либо просто нажмите сочетание клавиш «Ctrl + R»:

выбираем инструмент «Перемещение» на левой панели инструментов программы:

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

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

далее выбираем инструмент «Раскройка» на левой панели инструментов программы:

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

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

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

после, кликаем в верхнем меню программы Photoshop на пункт «Файл» и выбираем «Сохранить для Web и устройств…». В английском варианте это будет выглядеть примерно так: «File» -> «Save for Web…».

в появившемся окне, справа, находим графу «Набор» и выбираем формат изображения. Я, обычно, выбираю PNG-24:

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

Этап второй – загрузка нарезанных изображений в группу

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

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

войдите в раздел Фотографии и создайте новый альбом. Для этого на главной странице группы в блоке с последними фото нажмите на ссылку «альбомы»:

затем, в правом верхнем углу нажмите на «Создать альбом»:

введите название для вашего альбома (лучше всего назвать Меню) и нажмите «Создать альбом»:

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

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

Готово! Второй этап инструкции завершён. Остался самый последний – создать wiki-код, который и будет результатом нашей долгой и упорной работы.

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

Этап третий – создание wiki-кода меню и его установка

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

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

в открывшемся вики-редакторе удалите всё содержимое. Далее мы будем использовать по шаблону две строки с вики-кодом:

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

photo-123456_987654 – это формат ссылки на картину. Получить эту ссылку можно, открыв на просмотр нужную картинку и из адресной строки скопировав аналогичный участок:

370x227px – это размер картинки. Для каждой картинки размер свой. Лучше всего размеры замерить в Windows, наводя курсором на каждый кусочек меню: