Содержание

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

16.03.2015

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

Основные задачи меню

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

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

Меню должно отображать:

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

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

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

О разделах меню

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

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

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

Челябинским родителям расскажут, как остановить травлю ребенка в школе

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

Фото Дмитрия Куткина

Как узнать, что ребенок подвергается травле? Как защитить и поддержать его в такой ситуации? Что нужно знать взрослым о кибербуллинге, зависимости и депрессии у подростков? Об этом расскажут эксперты на лекции «Травля в школе — что знать и делать родителю». Адресована она не только мамам и папам школьников, но и педагогам. Мероприятие пройдет на двух площадках Челябинска 18 и 19 марта.

Завтра, 18 марта, слушателей ждет встреча с двумя лекторами:

  • идеологом концепции «Умной безопасности», сертифицированным специалистом по процессуально-ориентированной работе в международной программе IAPOP (ISPWR), руководителем АНО «Территория безопасности» Анастасией Береновой;
  • автором и разработчиком курса «Безопасность ребенка, подростка», методистом АНО «Территория безопасности», тренером-инструктором «Клуба умной безопасности» Максимом Береновым.

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

Лекция состоится в Информационном центре по атомной энергии, по адресу: улица Энгельса, 107. Начало в 18:30. Количество мест ограничено, поэтому нужно заранее зарегистрироваться по ссылке.

Мероприятие проводится в рамках федерального проекта «Социальный светофор» АНО «Территория безопасности» при поддержке Уполномоченного по правам ребенка в Челябинской области.

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

Лекция начнется в 11 часов. С собой нужно взять читательский билет или паспорт. Предварительная запись обязательна. Это можно сделать в группе «ВКонтакте» или через Timepad. Подробности о мероприятии — на сайте публичной библиотеки.

Читайте «Вечерку» на «Яндекс.Дзен» и подписывайтесь на наш телеграм-канал!

Конец Stories – Коммерсантъ Краснодар

Роскомнадзор внес Instagram (вместе с Facebook и WhatsApp входит в Meta Platforms Inc.) в реестр ресурсов с ограниченным доступом в России. Сейчас использование социальной сети возможно только в обход блокировки. Чиновники, в том числе и кубанские, поспешили перейти на альтернативные площадки: завели Telegram-каналы и «воскресили» страницы в «Одноклассниках» и «Вконтакте». Представители бизнеса в Краснодарском крае сомневаются, что отечественные соцсети смогут конкурировать с международными. Эксперты говорят, что на внутреннем рынке предпринимателям доступны несколько эффективных сервисов для продвижения.

Роскомнадзор внес Instagram в реестр ресурсов с ограниченным доступом на территории России. Соответствующая информация появилась 14 марта на сайте ведомства. Решение принято на основании требования Генпрокуратуры РФ, после того как компания Meta Platforms Inc., владеющая соцсетью, разрешила пользователям призывать к насилию против российских военных. Кроме того, в начале марта россиянам был ограничен доступ к Facebook.

Помимо требований о блокировке американских соцсетей, Генпрокуратура РФ обратилась с заявлением в суд о признании Meta Platforms Inc. экстремистской организацией (на момент публикации решение судом не принято).

«С фашистами не по пути»

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

Следом с аналогичными заявлениями выступили вице-губернаторы и главы муниципалитетов.

«Компания Meta скатилась в откровенный фашизм. Там уже разрешили призывы к убийству граждан России. С фашистами нам не по пути»,— оставил свое первое сообщение в Telegram-канале глава Краснодара Андрей Алексеенко.

Главный архитектор Новороссийска Борис Александров сообщил, что создает сайт для городских проектов НОВОРОСС2030. рф, чтобы «не ограничиваться тесным форматом соцсети, а сделать разноплановую платформу, с интересными статьями и фотоматериалами, проектами, объединить активных, интересных людей для совместной работы над развитием любимого города».

«Во «Вконтакте» нет обаяния Instagram-аккаунта»

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

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

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

По словам начальника управления по маркетингу ООО «СК Консоль-Строй ЛТД» Татьяны Пилипенко, у застройщиков значительное количество клиентов было сосредоточено в Instagram: «Конечно, не хотелось бы терять доступ к столь популярному ресурсу, но раз того требует нынешняя ситуация, мы готовы. На данный момент начинаем развивать «Вконтакте» и Telegram. Но в строительстве основной рычаг успеха в рекламе — непосредственно стройка».

Основатель строительной фирмы EPTAcon Group Сергей Шевченко говорит, что Instagram был одной из основных рекламных площадок. «От блокировки мы пострадаем значительно. Уже работаем над реанимацией Telegram-канала и сайтом. «Вконтакте» у нас всегда активно обновлялся: по статистике, около половины пользователей сайта приходят именно из сообщества в этой соцсети. Но там мы работаем совсем в другом стиле, более строгом: то есть во «Вконтакте» нет обаяния Instagram-аккаунта, за который все его так ценили. Теперь будем пытаться понять, как можно это обаяние и эти эмоции транслировать в других соцсетях»,— говорит господин Шевченко.

Интернет-маркетолог ГК «Дарстрой» Семен Сафронов рассказал, что в результате блокировки соцсетей Меta частично потеряна активная аудитория, так как компания не забывала развивать свои сообщества в «Одноклассниках» и «Вконтакте»: «Таким образом, мы смогли быстро переориентировать нашу целевую аудиторию на новые социальные сети с минимальным для них и нас дискомфортом».

Элементы сопутствующего имиджа

В сравнении с другими изменениями и вызовами блокировку Instagram спокойно переживает владелец ГК «Фордевинд» Дмитрий Осипов. «Наша компания предлагает свои услуги на рынке MICE с 2010 года. Мы, DMC — принимающая сторона, занимаемся приемом и обслуживанием корпоративных групп и деловых туристов в Сочи, Геленджике и Краснодарском крае в целом. То есть работаем в сегменте В2В. И мы никогда не использовали Instagram как некий рабочий инструмент маркетинга. И это относится ко всем социальным сетям в целом, где первое место для нас, кстати, всегда традиционно занимал Facebook. Просто из-за того, что это малоэффективно. Наши основные каналы продвижения и продаж — это в первую очередь сайт и его СЕО, контекстная реклама в поисковиках, коммуникационный маркетинг, личные встречи, e-mail маркетинг. И для нас Instagram и Facebook — всегда были больше элементами сопутствующего имиджа, а не каналами продвижения наших услуг. Хотя это было удобно, размещать там информацию о проведенных интересных проектах и событиях. Ну и конечно, это было некой удобной коммуникационной площадкой, но не имеющей большой значимости. Основу наших деловых коммуникаций составляет все же деловая переписка по электронной почте»,— делится господин Осипов.

Директор по маркетингу производителя отечественных лакокрасочных материалов ABC Farben Екатерина Стрекалина отмечает, что для людей неудобно потерять связь с контентом компании, которая не только интересна, но и полезна: «С другой стороны, мы поддерживаем связь с пользователями через социальную сеть «Вконтакте», YouTube, «Яндекс Дзен», Тelegram-каналы, где в полной мере стараемся дать всю информацию о нашей работе. Кроме того, у нас есть сайт, на котором всегда свежие и актуальные новости».

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

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

Наталья Решетняк

Роналду против Гризманна. Главное о матчах плей-офф Лиги чемпионов :: Футбол :: РБК Спорт

Розыгрыш плей-офф Лиги чемпионов продолжится 22 и 23 февраля. «Челси» встретится с действующим чемпионом Франции «Лиллем», «Вильярреал» примет «Ювентус», «Манчестер Юнайтед» сыграет против мадридского «Атлетико», а «Аякс» попытается одолеть «Бенфику»

Читайте нас в

Новости
Новости

Фото: Global Look Press

«Атлетико» — «Манчестер Юнайтед»

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

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

«Атлетико» сейчас находится явно не в самой лучшей форме, что может сыграть на пользу английскому сопернику. Испанцы идут лишь на пятом месте в чемпионате, отставая от лидера на 15 очков. В десяти последних матчах команда одержала четыре победы. С кубками у клуба в этом году пока не получается. Клуб пережил поражение в финале Суперкубка и выбыл на стадии 1/8 в кубке Короля Испании. На групповом этапе «Атлетико» играл против «Порту», «Милана» и «Ливерпуля», где до последнего тура решался вопрос об обладателе второго места за попадание в плей-офф Лиги чемпионов. Благодаря победе над «Порту», Диего Семионе сумел вывести «Атлетико» в 1/8.

Последний раз клубы встречались еще в 1991 году в рамках турнира Кубка обладателей кубка УЕФА. Тогда по сумме двух встреч (3:0, 1:1) победу одержал клуб из Мадрида. Сейчас у команд почти равные шансы на попадание в четвертьфинал ввиду сложной ситуации в национальных чемпионатах как у одних, так и у других. Однако, небольшое преимущество в первом матче букмекеры отдают именно «Атлетико».

«Вильярреал» — «Ювентус»

«Вильярреал» довольно неожиданно прошел в 1/8 Лиги чемпионов, обыграв в последнем туре итальянскую «Аталанту». Клуб Уная Эмери имел все шансы вернуться в Лигу Европы, где у испанцев было бы больше шансов на победу в турнире, однако в этот раз «Вильярреал» решил продолжить свой путь именно в Лиге чемпионов. Испанцы привыкли играть на контратаках и наверняка повторят тактику против итальянцев.

«Ювентус» вышел из группы Лиги Чемпионов с 15-ю очками и одним поражением от «Челси». Во внутреннем чемпионате клуб провел против одного из лидеров Серии А «Аталанты». Встреча закончилась ничейным результатом 1:1 с забитым мячом защитника Данило на последней минуте с углового. В зимнее трансферное окно «черно-белые» купили сербского нападающего Духана Влаховича за €70 млн. Теперь связка «Дибала-Влахович» или «Мората-Влахович» смотрится конкурентоспособной как в серии А, так и в еврокубках.

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

«Вильяреал» впервые за 13 лет пробился в плей-офф Лиги чемпионов УЕФА, тогда как «Ювентус» сыграет в 1/8 финала восьмой раз подряд.

«Челси» — «Лилль»

Томас Тухель после победы над «Манчестер Сити» в финале Лиги Чемпионов явно намерен сражаться за сохранение титула в плей-офф. На групповом этапе клуб занял второе место, играв с «Ювентусом», «Зенитом» и «Мальме». Причем именно ничья с российским клубом и гол Магомеда Оздоева на последних минутах матча помешал лондонскому клубу занять первое место в группе.

Видео: МАТЧ ТВ

Несмотря на то, что жеребьевку Лиги чемпионов из-за ошибки организаторов проводили дважды, «Челси» дважды выпал именно действующий чемпион Франции «Лилль». Клуб занимает лишь десятое место в национальном чемпионате, однако до зоны Лиги Европы — всего шесть очков. Французская команда заняла первое место в группе Лиги Чемпионов, обойдя «Зальцбург», «Севилью» и «Вольфсбург».

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

«Бенфика» — «Аякс»

Тен Хаг является самым перспективным тренером Европы. Европейские СМИ называют его сменщиком Ральфа Рангника в «Манчестер Юнайтед». За десять игр команда проиграла лишь в одной. «Аякс» вошел в число тех команд, которые выиграли абсолютно все матчи на групповом этапе, обыграв «Спортинг», «Боруссию» и «Бешикташ». Нынешний «Аякс» вполне способен повторить результат трехлетней давности, когда клуб дошел до полуфинала и был в минуте от выхода в финал Лиги чемпионов. В чемпионате клуб также уверенно идет на первом месте.

«Бенфика» начала путь в Лиге Чемпионов с победы в квалификации над московским «Спартаком». На групповом этапе клуб сумел обыграть ослабленную «Барселону» и киевское «Динамо», забившие за шесть матчей на двоих всего три мяча.

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

Автор

Александр Щеголев

как теперь рекламироваться в соцсетях малому бизнесу — EADaily — Россия.

Новости. 18.03.2022. Новости России. Россия новости. Новости Россия. Россия новости сегодня. Россия последние новости. Новости России 18.03.2022.

Специалисты сферы услуг и предприниматели начали переходить из Instagram во «ВКонтакте» и «Авито». Об этой тенденции сообщают пресс-службы компаний. В частности, по данным пресс-службы «ВКонтакте», за период с 11 по 17 марта более 300 тысяч новых предпринимателей начали вести в сети свое дело и тестировать инструменты для запуска бизнеса. За неделю около 120 тысяч бизнес-сообществ стали использовать «Магазины ВКонтакте» для продаж своих товаров и услуг. О специфике такого перехода и о том с какими проблемами сталкиваются предприниматели, корреспондент EADaily побеседовал с Галиной Мельниковой — экспертом по продвижению в соцсетях, блогером и основателем агентства Melnikova Project.

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

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

— Что можно сделать в этой ситуации?

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

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

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

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

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

— И всё же, насколько по вашим данным сократилась аудитория?

— Мы, блогеры конечно отслеживаем показатели по своим охватам. Пока что у всех по-разному: кто-то говорит, что они остались на прежнем уровне, у кого-то упали до 30%, у кого-то наоборот даже выросли. Лично в моем аккаунте после блокировки Инстаграма в России охваты упали примерно на 20%.

— Вернёмся к альтернативным вариантам, доступным без vpn и набирающим популярность.

— Таргетированная реклама в ВК. Это будет лучшим решением для бизнесов на сегодняшний день. Аудитория «ВКонтакте» выросла за месяц на 8,7%, превысив 50 миллионов человек в день — это данные РБК.

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

— Каковы, на ваш взгляд, рекламные возможности Телеграма?

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

— Что можете порекомендовать малому бизнесу, чтобы он не впадал в эту самую панику? Как бы вы поступили в этой ситуации?

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

— Есть ли шансы в этой ситуации на оживление у старых забытых платформ? Например, ЖЖ, куда перешли некоторые пользователи Фейсбука?

— Думаю, что вряд ли оживет LiveJournal, скорее, Яндекс.Дзен и Тинькофф журнал получат рост. Также я не думаю, что выстрелит и ICQ, который хотят реанимировать. Зачем нам его использовать, если есть многофункциональный Телеграм?

— Итак, какова суть рекламной стратегии в сети в современных условиях?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

Вот так: []

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

Фото: теги используемые для разметки

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

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

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

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

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

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

  • {|
    символ начала таблицы, без него таблицы быть не может. Используется всегда;
  • |+
    отвечает за расположение названия таблицы по центру. Ставят после символов начала таблицы. Используется по желанию;
  • |
    обозначает начало новой строки и ячейки;
  • |
    символ, делающий ячейку прозрачной;
  • !
    делает ячейку темным цветом. При его отсутствии обязательно нужно применять предыдущий знак;
  • |}
    означает конец таблицы. Необязательный символ, однако, используется, чтоб предотвратить возникновение ошибки.

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

Особенности разметки

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

С целью избегания основных ошибок следует ознакомиться с основными из них:

  1. необходимо быть внимательными, при изменении размера картинки – если она менее 131 пикселя, ее качество значительно ухудшится;
  2. ширина картинки не должна превышать 610px;
  3. на одной wiki-странице запрещено размещать больше 17 незакрытых тегов;
  4. при изменении ширины картинки, ее высота изменяется автоматически и пропорционально;
  5. список внутри таблицы следует создавать с помощью тега
    ;
  6. в одной строке разметки должно быть не больше 8 элементов списка.

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

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

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

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

С чего начать?

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

После того, как вы скачали или нарисовали меню, его нужно нарезать. Для чего это нужно? Это необходимо, для создания отдельных ссылок, для того или иного изображения. Так как, если наше меню поставить полностью в группу, то более одной ссылки сделать не получиться, или я чего-то не знаю. Кроме того, наше меню необходимо подогнать по размерам, то есть сразу стоит учесть, что максимальная видимая ширина составляет 388 пикселей (одно изображение), а остальное будет либо обрезаться, либо подгоняться по размерам, которые вы укажите при создании меню в группе, при этом изображение может растянуться или наоборот сжаться, что может испортить первоначальную задумку. Еще стоит учесть, что например, для горизонтального меню нам придется ориентироваться на ширину равную 370 пикселям, иначе меню не выстроится горизонтально.

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

Просто выделите этим инструментов необходимые области, например:

И сохраните, для web-устройств.

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

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

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


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

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

[]
[]
[]

Итак, давайте чуть подробнее разберем, что здесь к чему:

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

photo-48249652_297601976 — путь до нашей картинки. Путь формируется так: номер альбома_номер самой фотографии. Как узнать путь до нашего изображения? Все очень просто. Заходим в фотоальбом, в котором находятся наши картинки и жмем на нужное изображение. Затем, в адресной строке мы увидим полный путь до нашего изображения.

130x46px;nopadding; — опции изображения: 130x46px; — ширина и высота нашей картинки(может отличаться от размера самой картинки) — для вертикального меню вкоктакте необязательно указывать; nopadding; — никаких пробелов — при использовании данной опции убираются все пробелы (отступы) и изображения сливаются в одно.

Вот что у меня получилось:

Горизонтальное меню вконтакте, делается потому же принципу. Разница только в том, что при написании кода, новые пункты меню не нужно переносить на новую строку. А также, не забываем, что при таком расположении картинок, мы можем использовать только 370 пикселей ширины. Я чуть-чуть поправил код показанный выше и вот, что у меня получилось:

[][][]

А вот так это выглядит:


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

[][][]

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

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

Удачных экспериментов!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

Вот так: []

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

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

[]
.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Путь #3. Сделать все самостоятельно

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

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

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

Шаг #0. Общие сведения о том, как устроены меню групп ВК

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

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

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

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

https://vk.com/wall-XXX
?own=1

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

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

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

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

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

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

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

http://vk.com/page-
ID_группы
_XXX
?act=edit&section=edit

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

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

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

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

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

clubID_группы

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

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

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

Шаг #3. Где можно размещать вики-страницы ВКонтакте

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

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

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

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

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

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

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

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

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

[]

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

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

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

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

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

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

Шаг #4. Как сделать меню в группе ВКонтакте. Графическое

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дизайн меню

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

Ширина аватара составляет 200 пикселей, высота – 500. Картинка основного меню – 510*308. В результате мы получим вот такую красивую «менюшку» в конце.

Обращаем внимание на то, что в зависимости от информации, расписанной после названия группы, может меняться высота картинки справа (аватара), а соответственно и все что расположено рядом, может сместиться!

Данный исходник PSD-макета был реализован для примера. Скачать .

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

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

Заходим в раздел «Изображение» и выбираем операцию «Тримминг».

На выходе получаем:

При большом весе получившегося изображения, можно воспользоваться инструментом «Сохранить для Web». Команда также находится в разделе «Файл».

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

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

Затем воспользуемся инструментом «Раскройка», найти который можно в меню слева.

«Разрезаем» нашу картинку на соответствующие части. В нашем случае их будет три.

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

Wiki-разметка готового меню в «Вконтакте».

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

Затем обязательно проделываем следующую последовательность действий. Заходим в «Управление сообществом» и в пункте «Разделы» напротив кнопки «Материалы» выбираем «Ограниченные».

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

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

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

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

После добавления снова попадаем в меню редактора и нажимаем клавишу «», в которой произведем дальнейшее редактирование. Также сразу переименовываем раздел и вместо «Свежие новости» пишем в нашем случае «МЕНЮ ГРУППЫ».

Общая структура каждой нарезанной части выглядит следующим образом в разметке — [], где:

    id – идентификатор (номер) картинки, которую вы загрузили;

    X и Y – размер изображения по горизонтали и вертикали в пикселях;

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

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

…, который автоматически размещает все части меню по центру страницы!

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

Вот что получается в итоге.

Теперь следует нажать на вкладку «МЕНЮ ГРУППЫ», потом «редактировать».

Важно! Чтобы скопировать необходимый адрес, нажимаем в нашем варианте на «МЕНЮ ГРУППЫ» и копируем оттуда «правильную ссылку».

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

Нажимаем на «многоточие» справа от записи и кликаем по вкладке «Закрепить».

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

При нажатии на «Открыть меню».

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

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

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

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

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

Подготовка к созданию меню Вконтакте

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

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

Мое меню будет состоять из трех кнопок:

  1. Секреты здоровья (перейти на страницу с рекомендациями и советами для здоровья)
  2. Здоровая шея
  3. Здоровая спина (перейти на страницу, где будет описание и ссылка на бесплатный курс лечения спины).

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

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

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

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

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

  • Следующий наш шаг — узнать адреса наших страниц — «кнопок». Нажмите в меню на «Здоровая спина» и на странице «Здоровая спина» нажмите «Редактирование»

  • Далее в окне браузера видим такой адрес и берем с него только то, что выделено синим цветом. Адрес нашей страницы «Здоровая спина» должен выглядеть так: page-116040065_52123446, а не так: https://vk.com/page-116040065_52123446?act=edit

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

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

    В моем случае адрес верхнего изображения выглядит так:
    photo18
    15_337249677

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

    Для наглядности смотрим на фото:

    Я указал цифрами за что отвечает и означает:
    1
    — адрес нашего образа;
    2
    — это ширина картинки, а значит ширина нашего меню, эту цифру можно менять, но идеальный размер 388 пикселей. Эта цифра должна быть одинаковой во всех трех строках;
    3
    — этот текст «
    без рамки; без заполнения »
    отвечает за то, чтобы между картинками не было промежутков, чтобы в меню была сплошная картинка;
    4
    это адрес страницы нашего меню
    Чтобы не ошибиться, можете скопировать мой образец и вписать туда адреса своих картинок и страниц.

  • Убираем нижнее текстовое меню под цифрой 5 (стирать) и внизу нажимаем «Предварительный просмотр». Видим наше красивое меню — сохраняем страницу.

  • Зайдите на главную страницу группы, обновите ее и нажмите «Меню». Все! Наше меню готово! Щелкая по надписям, мы попадаем на страницы. Пока они пусты, но всему свое время.

Полезная информация по теме группы Вконтакте:

Оставайтесь на связи и подписывайтесь на последние новости.
Удачи и удачи!

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

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

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

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

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

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

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

Группа ВК закрытое меню

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

Меню будет выглядеть так:

Открыть меню группы (закреплённые кадры)

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

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

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

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

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

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

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

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

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

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

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

Вы должны получить следующее:

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

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

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

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

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

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

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

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

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

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

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

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

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

[]

где xxxxx — это id вашего изображения
yyyyy — ширина в пикселях (не более 388)

Должно получиться так:

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

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

http://vk.com/page-116682062_51411604?act=edit&hid=183950676&section=edit

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

Перейдите на главную страницу и выполните следующие действия:

Шаг №1.

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

Шаг №2.

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

Шаг №3.

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

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

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

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

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

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

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

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

Прикрепляю видео для закрепления прочитанного.

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

Как создать меню группы ВКонтакте: технический этап

Итак, с назначением группового меню мы разобрались, приступим к технической части. Заходим в настройки: Управление сообществом>Материалы>Подключить:

Сохраните изменения и перейдите в группу.Под описанием группы появится вкладка «Последние новости», приступим к ее редактированию:

Перейдите на вкладку «Редактирование» (1), измените название меню (2), введите свои данные (3), сохраните их и вернитесь на страницу (4).

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

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

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

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

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

Если вы зайдете в меню моей группы Вконтакте, то увидите, что одни ссылки ведут на внутренние страницы (2), другие на внешние (1):

Добавлю в режиме реального времени, еще одну внутреннюю страницу:

Итак, у нас появилась новая (внутренняя) страница в нашей группе ВКонтакте.Теперь нам нужно заполнить его:

  1. Нажмите кнопку «Заполнить содержимое».
  2. Наполняем группу контентом. Давайте отредактируем его.
  3. Настройка доступа к странице. Если поставить галочку «только участники группы могут просматривать страницу», то это будет мотивировать посетителей присоединиться к группе. Сохраняем страницу.
  4. Копируем нужные цифры в адресную строку только что сохраненной страницы. Для этого переходим в режим «Просмотр» и копируем ID страницы — это будут те цифры, которые нам нужны.
  5. Возвращаемся на страницу «Исходный код» меню группы ВКонтакте (рекомендую не закрывать ее при создании новой страницы… хотя она у вас все равно должна была быть открыта) и вставляем цифры в нужную строку. Между текстом ссылки (Марина Лазарева (видео)) и самой ссылкой (43820829) установить значок «|» (это на английской раскладке, сочетание клавиш Shift+\).
  6. Оформление группы ВКонтакте, не требующее дополнительных знаний таких редакторов, как Photoshop.В следующих статьях я покажу, как создавать более красивые группы ВКонтакте. Теперь для тех, кому не терпится создать красивое оформление группы вконтакте рекомендую посмотреть это видео:

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

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

    Dropbox, читайте об этом на страницах DragonBlog.

    С уважением и любовью, !


), составьте меню.

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


Создание красивой графики

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

  • Аватар группы — 200×300 пикс
  • Описание баннера — 510×271 пикс.

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

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

Сначала загрузите свой аватар. Заходим в группу и нажимаем «Загрузить фото».

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

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

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

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

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

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

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

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

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

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

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

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

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

https://vk.com/pages?oid=-120208137&p=menu

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

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

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

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

[]
[]

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

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

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

Вот такое меню у нас получилось.

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

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

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

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

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

У нас будет вот такой простой фон.

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

Чтобы открыть файл в редакторе, нужно нажать «файл», затем «открыть…» и выбрать нужное изображение.

Используйте текст для оформления меню. Слева нажмите букву Т и введите название пунктов меню.

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

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

  2. Теперь нужно сохранить полученное изображение.Для этого выберите «Файл», затем «сохранить для Интернета и устройств» или замените эти действия сочетанием клавиш Alt+Ctrl+Shift+S .
  3. В настройках при выборе типа файла нужно выбрать JPEG, качество максимальное, поставить галочки напротив «Прогрессивный» и «Встроенный профиль», затем нажать «сохранить». Теперь вы получаете столько изображений, сколько частей было разрезано.
  4. Готовая рамка для меню группы Вконтакте создана, осталось загрузить ее непосредственно в саму группу.Для этого вам необходимо загрузить изображение в групповой фотоальбом, используя стандартную загрузку. Здесь нужно учесть следующий момент: при загрузке фотографий в альбом необходимо соблюдать порядок, в котором они расположены.
  5. Затем вам необходимо перейти в раздел «Последние новости», который находится над разделом «фотографии». Если у вас нет такого раздела, то вам необходимо зайти в раздел «управление сообществом» в группе и убедиться, что раздел «материалы» подключен.
  6. В разделе «новости» необходимо нажать на кнопку «редактировать», откроется текстовый редактор. В редакторе нужно прописать свой заголовок, а также включить режим вики-разметки. Вики-разметка — это специальная языковая разметка, используемая для стилизации текста на веб-сайтах. Чтобы включить вики-разметку, щелкните значок ромба.
  7. В режиме редактирования нужно выбрать «исходник», в нем проще всего оформить меню группы Вконтакте.
  8. Для того, чтобы собрать меню в единое целое, нужны ссылки на фото каждой части меню.Для того, чтобы их распознать, нужно открыть фото в альбоме и посмотреть в строке браузера. Теперь вам нужно скопировать эти ссылки, но копировать следует не всю ссылку, а только ее часть, содержащую слово фото и цифры. Например: фото5634052_195301019.

  9. Скопированную ссылку необходимо вставить в исходный код в меню. Ссылка должна быть написана в квадратных скобках!
  10. Далее знак | и пишется 370px, то ставится знак; и прописываются следующие теги: noborder и nopadding.

370px — размер фото, можно выбрать любой размер, но 370 — лучший вариант, дающий меню нужную ширину без потери качества.

noborder — это тег, убирающий рамку (его можно опустить, если необходимо, чтобы рамка осталась).

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

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

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

Хочешь быть умнее других? Зарабатывать больше? Подробнее:

  • ? Ты тоже не знаешь?
  • . Конечно пригодится.
  • . У вас тоже нет звонка?

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

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

Вопрос 1: Первый и самый распространенный: «где код в меню?» или «если нет закладки при редактировании «Источник» как добавить внутреннюю страницу?» или «Я так и не понял, что делать, если код не появляется!»

Ответ 1: ВКонтакте изменили редактор, теперь для переключения между визуальным редактором и кодом достаточно одного клика (правый верхний угол редактора):

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

Вопрос 2: Второй действительно проблематичен: как убрать пробелы между картинками? »

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

Добавить тег nopadding; и все встанет на свои места!

Между картинками появляется пробел, и меню выглядит неработающим. Для несведущих, может быть, это и не нормально, но для, как минимум, непрофессионально. Так в чем же дело? Ах, это очень просто! В ВК постоянно происходят какие-то обновления, вводятся новые алгоритмы… и даже редактор кривоват… иногда ни с того ни с сего из кода выпадают важные теги и тогда мы видим такую ​​картину.Чтобы это исправить, нужно заглянуть в код и внести необходимые коррективы. Формат кода должен быть таким:

Шаблон: [] Пример: []

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

Вопрос 3: Новости. В октябре 2012 года принудительно Вконтакте отключил авторов групп и пабликов.Теперь их размер имеет общепринятый стандарт 200х500 пикселей. Итак, если у вас в группе было больше аватарки, то сделайте апдейт (обновите аватарку).

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

Так-то, с вопросами покончено…теперь перейдем к самому созданию меню!

Шаг 1. Как создать меню в контакте и сделать вложенные страницы:

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

Как вам моя шпаргалка?

Это шпаргалка, которую я сделал! Для большей наглядности запишу каждую цифру:

Проделайте эту операцию со всеми вложенными страницами и ваше меню будет готово.

Есть! Меню создано, внутренние страницы сделаны, заполнены, теперь перейдем к созданию красивого графического меню.

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

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

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

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

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

Покажу средний вариант настройки меню. Разница в количестве элементов.Меню, просто нарезанное на полоски, — самая простая реализация. Чем больше кликабельных кнопок подряд, тем сложнее выполнить. Хотя, зная особенность, все просто! Это только вопрос времени. Таким образом, ширина изображения должна быть:

370 px — если у вас есть два и более объекта подряд, например, мои кнопки социальных сетей

И макс 388 px — если разрезать картинку по-простому, только на линии, не разбивая на мелкие объекты. Это та особенность, которую нужно знать при разрезании меню на кнопки.У меня размер изображения всего меню получился 370х456 px.

После того, как картинка будет разрезана на нужное количество объектов и сохранена в отдельный альбом, загрузите этот альбом в ВК. Загружаем в профиль аккаунта, а не в группу! Так как в альбомах группы больше нет возможности скрывать альбомы. Технический альбом в корпоративной (например) группе вообще не нужен, поэтому скрываем пункты меню в альбоме аккаунта:

Технический альбом ВК

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

[]

где, фото7632142_296

  • 9 это адрес картинки! Смотрим на него в адресной строке картинки:

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

    Вам нужен короткий адрес картинки, для этого перейдите в сам альбом:

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

    …и, начиная с первой картинки, перенести их в групповое меню.

    Добавление размера изображения в код меню!

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

    Небольшое уточнение! Пишем внешние ссылки, ссылки на альбомы и обсуждения ВК полностью, а ссылки на внутренние страницы в формате страница-32734125_44298120 .В начале и конце строки не забудьте поставить две квадратные кавычки и никаких пробелов.

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

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

    После того, как вы перенесли все картинки в меню и оформили их (размер, ссылка), сохраните результат и любуйтесь своей работой! Все! Готовый!

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

    Как работает вики-разметка

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

    Ширина любой вики-страницы составляет 607 пикселей. Высота ограничена только количеством символов, всего их может быть около 16 000.

    Вся вики-разметка основана на тегах, как и HTML. Бывают одиночные теги (например,
    — перевод строки) и парные (например, thumbnail ).

    Как текстовые теги работают в вики-разметке

    В некоторых случаях вики-разметка использует упрощенный синтаксис (теги заменяются типографскими символами). Например, для создания маркированного списка используются звездочки «*», а для нумерации — знаки решетки «#».

    Как типографика работает в вики-разметке

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

    В стандартном редакторе вики-страницы имеют два режима: визуальный режим и режим вики-разметки (кнопка переключения выглядит так:).

    Так выглядит вики-разметка в активном режиме

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

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

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

    Стандарт

    Для группы. Перейдите в «Управление сообществом» → «Разделы» → «Контент» и выберите «Открыть» или «Ограниченное».

    Как включить «Материалы» в группе

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

    Как создать новую страницу через «Последние новости»

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

    https://vk.com/stats?gid= 123456789

    Идентификатор группы, который вы ищете, состоит из всех цифр после «gid=».

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

    https://vk.com/pages?oid=-ХХХ&p=Название_Страницы

    Вместо XXX подставляем id паблика, вместо «Page_Name» — имя, которое вы придумали.В названии можно использовать кириллицу, латиницу и цифры. Использование спецсимволов не запрещено, но лучше не рисковать: из-за них вы можете потерять возможность редактирования страницы. Вставляем все данные в нужные места, нажимаем Enter, и браузер откроет созданную страницу.

    Использование приложения

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

    В этом руководстве в качестве примера мы возьмем приложение Mobivik.В ноябре 2017 года получила вторую премию в программе Start Fellows во ВКонтакте. Работает без установки и дополнительной регистрации в десктопной, мобильной версии ВКонтакте и в приложении для телефона (разработчик рекомендует использовать версии не ранее Android 5.1, iOS 9 и Windows phone 8.1).

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

    Как создать новую страницу с помощью приложения Mobivik

    Ссылки на новую вики-страницу в приложении MobiWik

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

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

    Слева страница меню LIVE сообщества, открытая на мобильном телефоне,
    справа — она ​​же, но открытая через Мобивик

    Как получить ссылку на вики-страницу

    Как найти созданную ранее страницу? Самый простой и надежный способ — скопировать все адреса вики-страниц в отдельный файл, например, в Google Sheets.Другой способ — через любое вики-приложение. Например, заходим в Mobiwick, выбираем название сообщества и нужную страницу, нажимаем «Получить ссылку» и копируем адрес из «Ссылка на вики-страницу».

    Как получить ссылку на ранее созданную вики-страницу

    Как сделать пост со ссылкой на вики-страницу

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

    Картинка, прикрепленная к сообщению, станет частью ссылки на вики-страницу в десктопной версии

    Текст

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

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

    На одной странице можно разместить около 16 тысяч знаков.

    Звенья

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

    []
    — в профиль пользователя

    []
    — на главную страницу сообщества

    []
    — на другую вики-страницу

    []
    — на встречу ВКонтакте

    Изображения

    Максимальная ширина изображения, которое можно использовать в вики-разметке, составляет 607 пикселей, что соответствует ширине самой вики-страницы.Высота практически не ограничена (напомню, что высота самой страницы 16 000 символов). Изображения можно загружать двумя способами.

    С помощью редактора верхнего меню загрузчика.

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

    https://vk.com/club12345678?z= фото-12345_12345 %2Falbum-12345678_12345678

    Скопируйте с него id картинки (выделено жирным шрифтом).Затем обрамляем его двойными квадратными скобками и вклеиваем в нужные места на странице. Получается примерно так:

    []

    Что дальше? Отредактируйте выравнивание, обтекание текстом, размер, закрепите ссылку. Для этого напишите нужные параметры после вертикальной черты через точку с запятой. Например, в этом коде мы устанавливаем размер изображения 300x100px и перенос текста вправо:

    Видео

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

    https://vk.com/videos-12345678?z= видео-12345_12345 %2Fclub12345678%2Fpl_-12345678_-2.

    Обрамляем его квадратными скобками и получаем следующий код:

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

    Но здесь мы получаем непропорциональную черную рамку вокруг видео:

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

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

    столы

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

    При работе с таблицами можно использовать 4 тега: noborder (делает границы таблицы невидимыми), nomargin (делает таблицу во всю ширину вики-страницы), no padding (убирает отступы в ячейках) и fixed (позволяет создавать таблица фиксированных размеров).Сколько ячеек вы укажете в строке, столько столбцов будет в таблице.

    Вот пример table2x2 без отступов над и под текстом внутри ячеек:

    Ширина первого столбца 200px, ширина второго 300px.

    Вот что из этого получилось:

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

    Как сделать вики-меню

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

    1. Изготовление обложки для меню. Вы можете взять любую подходящую картинку и нанести на нее текст. Или вы можете нанять дизайнера, который нарисует для вас красивые блоки и кнопки. У нас будет меню с 6 кнопками. Для этого нам понадобится картинка, где будут указаны эти кнопки. Давайте определимся с его размером.

    При подготовке изображения для меню помните, что ширина вики-страницы составляет 607 пикселей. Ширина изображения не должна быть больше, иначе изображение сожмется и потеряет качество.Для примера мы взяли изображение размером 510х300 px.

    1. Разрежьте эту картинку на 6 частей (по одной части на каждую кнопку). Это удобно делать в программе Adobe Photoshop Tool «Вырезание». Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом IMGonline (нарезает картинки на равные части). Делали все в фотошопе.

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

    Как вырезать изображение в Photoshop

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

    1. Создаем каркас для стола. Заходим в режим редактирования новой страницы и делаем таблицу. Открываем его тегом (| и сразу задаем три важных параметра:
    • без отступов — разрешить касание изображений
    • noborder — скрыть видимые границы таблицы
    • исправлено — позволяет установить точный размер ячеек.

    Укажите фиксированную ширину ячейки — 255px 255px (дважды, т.к. тоже два столбца). Далее задаем места начала новых строк с тегом |- и новых ячеек (столбцов) с тегом | . Закрываем таблицу тегом |) и получаем такой кадр:

    1. Помещаем картинки в ячейки и устанавливаем для них ссылки . По очереди открываем нужные части картинки в альбоме сообщества, копируем их id из строки браузера (фото-12345_12345), заключаем в двойные квадратные скобки, прописываем размеры 255х100px и тег nopadding для склейки картинок.После вертикальной полосы назначьте ссылку на каждую кнопку. Получаем такой код.

    (|noborder nopadding fix
    |~255px 255px
    |-

    | []
    |-
    | []
    | []
    |-
    | []
    | []
    |}

    1. Готово! Нажмите «Сохранить страницу» — и получите удобное меню для сообщества.

    Готовое групповое меню в настольной версии

    Готовое групповое меню в мобильной версии

    Если вы сделали меню для группы , то оно будет легко доступно по клику на «Последние новости» (кстати, эту страницу можно переименовать в «Меню» в режиме редактирования).

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

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

    Как сделать пост со ссылкой на меню в паблик

    Как закрепить меню сообщества

    Новый редактор статей ВКонтакте и вики-разметка

    Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации лонгридов.

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

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

    Так выглядит интерфейс нового редактора статей ВКонтакте

    Что нужно помнить о вики-разметке

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

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

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

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

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

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

    • Открыть с активными элементами;
    • Закрыто как закрепленная запись;
    • ОТ отдельных картинок или общей соседней картинки баннера и меню.

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

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

    Группа ВК закрытое меню

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

    Меню будет выглядеть так:

    Открыть меню группы (закреплённые кадры)

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

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

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

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

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

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

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

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

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

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

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

    Вы должны получить следующее:

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

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

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

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

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

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

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

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

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

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

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

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

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

    []

    где xxxxx — это id вашего изображения
    yyyyy — ширина в пикселях (не более 388)

    Должно получиться так:

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

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

    http://vk.com/page-116682062_51411604?act=edit&hid=183950676&section=edit

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

    Перейдите на главную страницу и выполните следующие действия:

    Шаг №1.

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

    Шаг №2.

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

    Шаг №3.

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

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

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

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

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

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

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

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

    Прикрепляю видео для закрепления прочитанного.

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

    И так, как быстро сделать дизайн?

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

    Если у вас есть Photoshop и вы умеете им пользоваться, это еще проще. Я сделал это в краске.

    Вам нужно определиться с размером меню и длиной аватарки. Хорошо, что они заканчиваются на одном уровне.С шириной все стандартно. Ширина меню составляет 382 пикселя. Ширина аватара 200 пикселей.

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

    В окне «Редактирование» загрузить куски будущего меню.

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

    Например:

    []

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

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

    Еще одно меню, которое я сделал.

    Вывод: все просто. Дорогу осилит идущий!

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

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

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

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

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

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

    • Картинка должна выглядеть презентабельно как в обычном, так и в уменьшенном виде. В любом случае он должен оставаться узнаваемым и привлекательным.
    • Размер аватара должен укладываться в границы: от 200х200 до 200х500 px. Идеальное соотношение сторон 2:5.
    • Основной элемент должен располагаться в центре картинки, чтобы при обрезке под миниатюру не терялся смысл и изображение аватара.
    • Лучше использовать уникальные картинки. Не так важно, будет ли это личное фото или качественное стоковое изображение. Главное уйти от шаблонов и интернет-баянов, которые уже набили оскомину.

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

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

    Каким должен быть дизайн обложки для группы ВК

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

    Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как попасть в головы подписчиков и влюбить их в свой бренд».

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

    Размеры элемента

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

    Разберем каждый элемент отдельно:

    Изготовление шапки

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

    Вот несколько вариантов того, что можно разместить в шапке:

    Аватар

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

    Хорошая миниатюра аватара соответствует следующим критериям:

    1. Текст на нем крупный и хорошо виден, легко читается.
    2. Изображение и текст четкие, не пытайтесь впихнуть лишнее в аватарку.
    3. Лучше использовать оригинальный образ, сделанный вами, а не загруженный.
    4. Используйте яркие цвета, чтобы выделиться на фоне остальных изображений, умело используйте контраст.
    5. Аватары, выполненные в стиле минимализма, выглядят впечатляюще: минимум текста и лишних деталей, максимум красоты и простоты.
    6. Включите фантазию, чтобы привлечь и заинтересовать пользователя — черный квадрат, значок горящего сообщения и т.д.

    А вот и несколько вариантов размещения информации в миниатюре: объявления, выгоды, контакты, низкие цены, акции, конкурсы и так далее.

    Требования к аватару:

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

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

    Виджеты

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

    Изображения для постов

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

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

    Для создания качественных и привлекательных картинок, которые помогут сделать красивое оформление группы Вконтакте рекомендуется использовать Photoshop. Если вы владеете этой программой, воспользуйтесь одним из упрощенных аналогов программы: Fotor.com или Canva.com.

    Редактирование статей

    Как зарегистрировать группу ВК? Редактируйте в нем статьи с помощью редактора, найти его можно по этой иконке:

    О том, как работать с редактором статей в ВК, мы писали в другой статье.

    Вики-разметка

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

    Разберемся, как создать вики-страницу: открываем браузер и вставляем в адресную строку: http://vk.com/pages?oid=-111 &p=Created_page, где «111» — это идентификатор группы, а «Created_page» — название статьи со словами, написанными с подчеркиванием. Часто мы будем переключаться в кодовый режим, так что давайте сразу посмотрим, как это сделать:

    Текст отформатирован в редакторе, который прост и понятен, похож на Word. Но в нем нет возможности менять шрифты, вместо этого используются теги: h2, h3, h4, жирный и курсив.

    При необходимости в текст можно вставить ссылку по шаблону: [ссылка на статью|текст ссылки].

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

    Есть и более сложные версии:

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

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

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

    Осталось только исправить пост.

    Вместо заключения

    Несколько советов как оформить группу Вконтакте:

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

    Надеемся, этот материал о том, как оформить группу Вконтакте, будет полезен. Спасибо подписчикам!

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

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

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

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

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

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

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

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

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

    Три типа сообществ — группа, паблик и событие

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

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

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

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

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

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

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

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

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

    5 шагов как зарегистрировать группу вконтакте


    Крышка

    Обложка сообщества сегодня является важным инструментом для создания группы в Brand Contact и ее продвижения. Скачать его можно в разделе «Управление сообществом», перейдя во вкладку «Настройки». Качественное горизонтальное изображение в шапке сообщества само по себе играет роль основного рекламного баннера компании в социальной сети. Задает настроение, информирует, улучшает имидж, призывает к целенаправленным действиям и одновременно продает.

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

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

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

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

    3. Разместите слоган и USP

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

    4. Отображение продукта/услуги, процесса или результата его использования

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

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

    Пишите на баннере телефон, e-mail, а так же другие контакты компании.Если для вашего бизнеса важно географическое положение, например, вы представляете индустрию общественного питания или ресторанного бизнеса, адрес также будет полезен.

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

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

    7. Подарочные акции и скидки

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

    8. Предложение совершить целевое действие

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

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

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

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

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

    Правила оформления миниатюры аватара сообщества ВК

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

    1. Миниатюра должна быть понятной аудитории

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

    2. Используйте только качественные фотографии

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

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

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

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

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

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

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

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

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

    7. Использование пользовательских форм

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

    Дизайн меню

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

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

    Дизайн витрины продукта

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

    Публикация

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

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

    2. Разработка пользовательского стиля публикации

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

    3. Нанесите краткий текст на картинку

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

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

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

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

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

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

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

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

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

    Как получить статус для группы Вконтакте?

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

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

    Как написать описание группы Вконтакте?

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

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

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

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

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

    В первую очередь необходимо определиться, какого размера вам понадобится создать аватарку для группы Вконтакте. Максимальная ширина группового аватара — 200 пикселей (далее просто пиксели), а максимальная высота — 500 пикселей. Большие аватары будут уменьшены в соответствии с установленными пропорциями. Аватары меньше указанных размеров будут, наоборот, увеличиваться и искажаться при отображении.Поэтому создайте аватарку для группы Вконтакте шириной 200 px и высотой от 200 до 500 px.

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

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

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

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

    • Пробуйте все сами методом проб и ошибок.
    • Читайте статьи об этой программе и смотрите видео.
    • Прочтите книгу или посмотрите учебник.

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

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

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

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

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

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

    Инструкция

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

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

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

    Процедура создания сообщества в ВК займет от силы 10 минут (включая время, потраченное на чтение текущей статьи). Еще 10 минут — провести предварительные настройки…

    Группа ВКонтакте, Паблик (Пабличная страница), Мероприятие — Все это теперь объединено одним термином: сообщество.Правда, типов сообществ сейчас 6 шт., но… об этом буквально через пару абзацев. Теперь без лишних слов — приступайте к практике!

    Заходим в список своих групп из главного меню, находим кнопку «Создать сообщество» — нажимаем ее, попадаем на страницу выбора типа сообщества:

    Типы сообществ в ВК. Что выбрать?

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

    События — На случай, если у вас в настенном календаре красный маркер, отмечена какая-то дата, а какое-то событие запланировано на эту дату.

    Бизнес-страница . Все просто: у тебя «офлайновый» бизнес — тебе сюда (впрочем, не только «офлайновый»).

    Публичная страница — Этот тип разработан специально для публичных лиц или групп публичных лиц.

    Торговая марка или организация . Прочитайте название этого типа, прочитайте 2 строчки «Описания» (на картинке выше): Если это описывает ваше будущее сообщество — считайте, что вы уже сделали свой выбор 😉

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

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

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

    Всего 3 поля в следующем окне: заголовок, тема, URL сайта (если есть).

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

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

    Основные общедоступные настройки

    P.S. На эту страницу вы всегда можете вернуться и изменить информацию/настройки (для этого воспользуйтесь кнопкой «Управление» в меню на правой странице вашей публичной страницы).

    основная информация

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

    Описание сообщества — Несколько предложений, характеризующих вашу группу. Его необходимо прописать, во-первых, чтобы посетители вашего сообщества сразу понимали «О чем будем говорить?», во-вторых, возможно, в будущем это поможет привлечь дополнительную аудиторию к вашему паблику.поисковые системы (от Яндекса).

    Обложка сообщества — Изображение, размер 1590 на 400 пикселей: Нажмите «Скачать», выберите картинку на своем компьютере. P.S. В следующей статье мы расскажем, как создать или где взять красивую обложку Для своего сообщества в ВК.

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

    Кнопка действий

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

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

    Дополнительная информация

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

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

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

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

    После внесения изменений не забудьте нажать «Сохранить».

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

    Страница сообщества ВК создана и частично настроена, но! Если у вас еще остались силы, следующие 10-15 минут предлагаем потратить на то, чтобы еще немного поиграть.

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

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

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

    Инвестиции и деньги
    Без этого скорее всего никуда, если создавать паблик, только своими силами, создавая контент самостоятельно, то деньги могут и не понадобиться, кроме раскрутки. Но в этом случае можно вообще не тратить. Просто раскрутка и раскрутка будет естественно.
    Если вы не наделены особыми талантами или умениями, или знаниями, вам придется потратиться на:
    — Контент
    — На Продвижение

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

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

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

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

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

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

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

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

      В какой теме создать группу (паблик) ВКонтакте?

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

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

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

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

      Подводя итог всему вышесказанному, назову три самые популярные темы:

      1. Юмор

      2. Бизнес, успех и деньги

      3. Женские темы

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

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

      Статьи по теме

    2 голосов

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

    Более того, мне пришлось научить этого парня генерировать что-то новое. Если я скажу, что это было для него проблематично, я не дам 10% эмоций, которые он испытал. Это были адские муки. Для меня это скорее хороший опыт.

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

    Тема для сообщества

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

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

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

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

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

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

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

    Если работа устраивает, то проблем с монетизацией не будет. Я скажу вам, как действовать.

    Содержание

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

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

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

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

    Как добавить кнопку Поделиться ВКонтакте в WordPress

    1. Сначала загрузите » vkontakte-share-button.zip » Плагин на свой локальный компьютер. (Нажмите «Загрузить»)

    2. Затем войдите в свою панель управления « yourdomain.com/wp-admin «.

    3. Затем нажмите « Плагины » + « Добавить новый » в левом боковом меню панели инструментов.

    4. Теперь нажмите кнопку «Загрузить плагин».

     

    5. Теперь найдите « vkontakte-share-button.zip »  Загруженный плагин с вашего компьютера, где вы скачали vkontakte-share-button.zip – Шаг 7 Выше нажмите « Установить сейчас»

    6. Теперь нажмите « Active Plugin»

    7.Затем см. левое боковое меню. В левом боковом меню добавлена ​​папка « ВКонтакте Поделиться Кнопка «. Теперь нажмите на папку « ВКонтакте Кнопка «Поделиться» «.

       Обратите внимание: если вы не видите папку « Кнопка «Поделиться ВКонтакте» » в левом боковом меню, то см. в левом боковом меню « Настройки » или « Инструменты «.

    8. Теперь вы настраиваете сами или смотрите видеоурок ниже о Кнопке «Поделиться ВКонтакте» Конфигурации и настройки или Как работать « Кнопка «Поделиться ВКонтакте» » на вашем сайте WordPress.

     

    9. Посмотреть видео Полная настройка кнопки «Поделиться ВКонтакте»
    Как добавить кнопки социальных сетей на WordPress

    9. Готово…

    Кремль только что удалил из друзей основателя российского Facebook?

    Москва

    Российская версия Марка Цукерберга, основателя и генерального директора ВКонтакте Павла Дурова, уволена с работы.

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

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

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

    Это была длинная и мрачная сага.

    Дуров — яркая и порой неоднозначная фигура, однажды выбросившая из окна своего офиса бумажные самолетики из пятитысячных купюр (около 160 долларов США), чтобы посмотреть, как отреагируют люди на улице (как сообщается, это вызвало столпотворение). Около года назад его обвинили в странном инциденте с наездом и побегом, в котором он якобы наехал на ногу полицейскому.Он отрицал это, настаивая на том, что даже не водит машину. Пока он находился под следствием, его партнеры, как сообщается, продали 48 процентов компании инвестиционному фонду, которым руководит высокопоставленный руководитель кремлевской нефтяной компании «Роснефть».

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

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

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

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

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

    «Я не в России и не планирую возвращаться. К сожалению, в настоящее время эта страна несовместима с интернет-бизнесом», — цитирует Дурова TechCrunch во вторник. «Боюсь, пути назад [во «ВКонтакте»] нет. После того, как я публично отказался сотрудничать с властями. Они меня терпеть не могут».

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

    Российский Интернет теперь широко открыт для официальной слежки, говорит Антон Носик, популярный российский блогер.