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

Привет, мои дорогие!

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

Начну с того, что на сегодняшний день существует два варианта меню:

Вариант 1: Закрытое меню группы

Закрытое меню, открывается при нажатии на ссылку. В примере ниже меню открывается при нажатии на ссылку «ОТКРОЙТЕ МЕНЮ ГРУППЫ!».



Вариант 2: Открытое меню группы (закрепленный пост)

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



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

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

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

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

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

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

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

Размеры аватара: 200 x 332 px

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



Шаг 1.

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

Шаг 2.

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



Шаг 3.

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



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



Шаг 4.



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

Первые цифры 42211349 - это id вашей группы

Вторые цифры 47355854 – это id страницы

Фишка: создавать дополнительные страницы можно вручную. Для этого перейдите по ссылке вида:
https://vk.com/pages?oid=-хххххххх&p=pagename
где,
хххххххх – это id вашей группы
pagename – название вашей страницы

Шаг 5.



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

Шаг 6.

Теперь загрузите аватар группы (картинка справа). На стене появится дубликат картинки аватара – удалите его.

Шаг 7.

Теперь внимание. Нажимаем на ВРЕМЯ ПУБЛИКАЦИИ ЗАПИСИ (левый нижний угол поста).



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



Шаг 8.

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



ИТОГ.

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



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

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



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

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

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

Посмотрите видеоверсию данного вопроса:

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

История Парижа

Необычное очарование Париж приобрел именно благодаря историческим событиям. Остров Сите сыграл главную роль в возникновении Парижа. В III до н. э. на острове жили кельтские галлы из племени паризиев. Поселение называлось Лютеция, что в переводе означало “болотистое место”. До 52 года до н. э. галлы оборонялись от римлян. Противостояние дошло до того, что при очередной попытке римлян подойти к городу, галлы сожгли Лютецию. В этом же году армии Юлия Цезаря всё-таки удалось установить контроль над галлами.

После принятия христианства, Хлодвиг I, в 486 году нашей эры, завоевывает город. Париж становится столицей Франции. Но при правлении Каролингов, центр империи перемещается на восток. Жители города самостоятельно борются с набегами викингов. Защитой для местного населения служил остров с укреплениями.

Род графа Одо положил конец династии Каролингов. Королем был избран Гуго Капет, Париж вновь стал центром Франции. Филипп II Август внес огромный вклад в преобразование города. Появились мощеные улочки, фонтаны, началось возведение крепости Лувр, строились новые церкви.

После Великой Французской революции Франция была провозглашена республикой. Но из-за постоянных войн и революций Париж буквально погряз в нищете.

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

Последние штрихи в Париж были привнесены в XIX-XX вв. В Париже дважды проходят Олимпийские игры - 1900 и 1924 года.

Районы Парижа

Выделяют 20 административных округов.

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

Множество банков и бизнес-центров сосредоточены в округе. Главная достопримечательность - Бастилия. Если Вы настроены на веселый уик-энд, то этот район не для Вас. Цены здесь более приемлемы, чем в первом округе.

1. Тампль

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

Цены на отели значительно отличаются от предыдущих.

1. Отель-Де-Виль

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

1. Пантеон

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

1. Люксембург

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

1. Пале Бурбон

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

1. Элизе

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

1. Опера

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

1. Антрепо

Улица “Красных фонарей” и эмигранты придали сомнительную репутацию этому району. Это рай для бюджетного туриста, который с легкостью найдет дешевый отель или хостел.

1. Попинкур

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

Вы устали от городской суматохи и постоянного движения? Отправляйтесь в округ Рёйи с Венсенский садом. При выборе отеля или апартаментов, обратите внимание, чтобы он не был расположен на границе 12 и 20 округов.

1. Гобелен

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

1. Обсерватория

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

1. Вожирар

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

1. Пасси

Триумфальная арка, музей Бальзака и подделок - всё это собрал в себе округ Пасси. Культурное наследие в сочетании с дорогими магазинами и ресторанами могут сильно ударить Вам по кошельку.

1. Батиньоль-Монсо

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

1. Монмартр

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

1. Шомон

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

1. Менильмонтан

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

Музеи

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

Лувр

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

Для лучшего восприятия информации музей “поделили” по частям:

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

Музей человека

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

В Музее человека представлено 4 основных коллекции:

• основные этапы развития человека;
• рост мирового населения;
• многообразие биологии;
• этнос Африки, Америки, Азии и Арктики.

Музей Орсе

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

В музее выделено 5 коллекций:

• Живопись
• Скульптуры
• Декоративно-прикладное искусство
• Графическое искусство
• Архитектура

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

Музей Родена

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

Музей современного искусства

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

Музей Средневековья

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

Музей Оранжери

Музей знаменит работами Клода Моне “Кувшинки”, которые занимают второй этаж. Восемь картин расположены рядом по желанию самого автора. На первом этаже выставлены работы д"Орсе. Также в музее представлены работы Анри Матисса, Поля Гогена, Сислея, Руссо, Дерана и многих других.

Исторические памятники и сооружения

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

Эйфелева башня

В 1909 году планировалось разобрать башню из-за недовольства местных жителей. Но как только поняли, что башня привлекает деньги, желание разобрать больше ни у кого не возникало. Эйфелева башня - самое высокое сооружение Парижа и пятое по высоте во Франции. Каждые 7 лет башню перекрашивают. Цвета подобраны так, чтобы она гармонично смотрелась на фоне неба. Удивительно, но башня была окрашена в желтый, красно-коричневый. Каждый слой краски увеличивает вес башни, а антенны “удлиняют” Эйфелеву башню.

Подземные каменоломни

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

Мост искусств

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

Пон-Нёф

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

Арены Лютеции

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

Триумфальная арка

Арка является таким же символом Парижа как и Эйфелева башня. Расположена она на площади Шарля де Голля. Внутри арки-музей, со смотровой площадки открывается великолепный вид на город.

Мост Александра III

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

Дворцы

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

Тюильри

В центре Парижа, при правлении французов, Тюильри представлял из себя комплекс из центрального корпуса, часов и смежных павильонов Марсан и Флоры. Но после поджога коммунарами, в 1871 г., дворец полностью сгорел. Восстанавливать дворец никто и не собирался. Уцелели лишь павильоны и переходы с Лувром.

Елисейский дворец

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

Люксембургский дворец

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

Большой дворец

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

Бурбонский дворец

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

Версаль

Дворец является частью дворцово-паркового комплекса. Внутреннее убранство представляет собой обилие роскошных и неповторимых произведений искусств. Этот дворец стал прототипом ансамбля в Петергофе. Падение монархии привела к упадку дворца. Реставрация началась после революции. В 2003 г. была объявлена 13-летняя реставрация Версаля.

Консьержери

Часть Дворца правосудия в западной части Сите сегодня, и бывший замок королей Франции и тюрьма в прошлом. В этом здании ждала смертного часа Мария-Антуанетта, судили Эмиля Золя и был вынесен приговор шпионке Мате Хари.

Религиозные сооружения

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

Собор Парижской Богоматери

Иначе Нотр-Дам де Пари, собор был свидетелем многих исторических событий. Готический стиль собора приковывает внимание туристов. Если посмотреть наверх, то Вы увидите горгулий и химер. Чтобы их рассмотреть повнимательнее, Вам придется преодолеть более 100 ступенек.

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

Базилика Сакре-Кёр

Храм стоит на самом высоком холме Парижа. Построен из минерала, который белеет от воды. С холма открывается захватывающий вид на Париж.

Пантеон

Храм олицетворяет всех богов Рима. Их единство проявляется в одном окне в куполе Пантеона. Из-за отсутствия окон в снежную погоду можно наблюдать завихрения из единственного отверстия.

Сен-Этьен-дю-Мон

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

Парижская соборная мечеть

Мечеть с хамамом, современным ресторан и чайной. Строилась она в честь мусульман, воевавших в Первую мировую войну. Еврейские семьи укрывались в ней от расовых гонений.

Парки

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

Парк Монсо

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

Бют-Шомон

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

Елисейские поля

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

Булонский лес

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

Сад Тюильри

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

Культурные достопримечательности

Что ещё можно посмотреть в Париже? Нельзя упустить из внимания следующие ценности Парижа.

Дефанс

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

Опера Гарнье

Для культурного насыщения стоит посетить оперный театр, где выступали Шаляпин и Лифарь.

Центр Помпиду

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

Галерея Лафайет

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

Шекспир и компания

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

Мулен Руж

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

Площадь Бастилии

Раньше здесь была тюрьма Бастилия. Тюрьму снесли, вместо неё построили оперу. На площади часто устраивают шумные мероприятия.

Сорбонна

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

Бульвар Капуцинок

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

Диснейленд

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

Памятка туристу

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

Заключение

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

Продажи товаров или услуг. Отличным инструментом, который упрощает работу с группой – это меню, созданное при помощи wiki-разметки.

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

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

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

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

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

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

Основные команды и возможности wiki-меню

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

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

Делаем меню с помощью медиа файлов

Осуществляется при помощи специальных кнопок.

В текстовом виде медиа файлы представляют собой: [​].

Где media XXXX_YYYY – сам медиа-файл, options – различные настройки (для фото и видео), link–надпись, которая будет отображена при наведении курсора на фото/видео.

Для фото options бывают:

Для видео:

Заголовки различного уровня создаем с помощью знаков ==

Добавьте знаки «==» в начале и конце заголовка. Пример смотрите на скриншоте:

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

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

Используем цитаты для привлечения внимания

Использование тега позволит красиво оформить чью-нибудь цитату.

Списки можно использовать как нумерованные, так и маркированные

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

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

Работаем с отступами

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

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

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

Внешние ссылки в создании меню ВКонтакте.

Wiki-разметка создаёт табличное меню

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

Информативный спойлер

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

Создается спойлер при помощи конструкции:

{{Hider|Названиеспойлера
Текст
}}

И будет иметь следующий вид:

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

Виды меню: какие бывают?

Вики страницы во ВКонтакте можно разделить по разным критериям:

• Текстовое (только текст);
• Графическое (использование изображений кнопок, фона и т.д.) .

По отображению (зависят от используемой картинки):

• Закрытое (не видно самой структуры);

• Открытое (видны сразу все пункты);

• Со смежным или общим баннером (может быть, как открытым, так и закрытым).

Не зависимо от выбранного Вами типа, работают они все по одному принципу.

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

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

Менее популярным и простым является текстовый список на вики странице. Оно не содержит каких-либо изображений и кнопок. Это просто список анкорных ссылок.

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

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

1. Далее на главной странице паблика появятся «Свежие новости». Перейдите в них и нажмите «Редактировать».

1. Впишите название.
2. Ниже находится текстовый редактор ВК. Здесь мы и будем создавать наш список.
3. Используйте следующую конструкцию:

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

Для примера мы напишем простую и небольшую конструкцию:

1. Нажимаем сохранить.

Здесь мы использовали знаки «==» для выделения заголовка и знаки «*», чтобы выделить подпункты. В результате мы получили следующее:

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

Вы же сможете добавить что угодно, на что хватит фантазиии возможностей wiki-разметки.

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

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

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

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

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

1. Загружаем изображения в текстовый редактор ВКонтакте.

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

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

1. В текстовом варианте, наши изображения выглядят так:

1. Меняем надпись «noborder» на «nopadding», чтобы убрать расстояние между картинками и сомкнуть их. А после знака «|» добавляем ссылку.

1. Нажимаем «Сохранить страницу».

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

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

Как закрепить

Чтобы созданное wiki-меню отображалось на главной странице сообщества, необходимо проделать следующие шаги:

1. Скопируйте ссылку Вашего меню. Для этого снова перейдите в редактирование и скопируйте URL из адресной строки браузера.

Сначала добавьте изображение, смотри картинку ниже.

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

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

Как удалить

Удаление wiki-меню не является сложной задачей. Достаточно просто перейти в «Управление сообществом», раздел «Разделы» и выключить материалы.

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

Готовые шаблоны

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

• You-ps.ru – это сервис с готовыми шаблонами wiki-меню и другими готовыми элементами оформления сообщества.

• Vkmenu.com – это онлайн-конструктор. Он позволяет легко и быстро делать стильные меню.

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

Итог

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

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

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

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

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

Выбираем данный инструмент и начинаем «резать». У меня получилось 7 частей.

Далее заходим в “Файл” – “Сохранить под Web” – выбираем расширение jpeg и качество 100%, жмем “Сохранить”. У нас должно появиться 7 файлов. Все! С фотошопом покончено! Все необходимые работы по созданию меню выполнены. Приступим к установке меню вконтакте. Для этого:

1) Заходим в свою созданную группу. Там находим “Альбомы” – “Добавить” (выделено красным прямоугольником на рисунке 1). Ищем кнопку “Выберите файл”. Нажимаем и загружаем созданные 7 файлов.

Добавление фото в альбом группы вконтакте

Рисунок 1

Добавление фото в альбом группы вконтакте

2) Внимание! У кого не включены «Свежие новости», а по умолчанию они не включены, нужно выбрать «Управление сообществом», найти «Материалы» и включить их (Рисунок 2).

Рисунок 2

3. Наводим мышкой на “Свежие новости” и правее появляется ссылка “Редактировать”, нажимаем на неё (Рисунок 3).

Рисунок 3

4. Появляется окошко как на рисунке 4. Нас интересует кнопка «Режим wiki разметки» (выделено красным прямоугольником». Нажимаем на нее.

Рисунок 4

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

Рисунок 5

Wiki — код нужно ввести точно так и в такой последовательности, как указано на рисунке 5. Дальше Вы уже можете сами поэкспериментировать.

Пример синтаксиса добавления картинки следующий:

[], где

photo-41875814_286789280 – ID загруженной картинки, который можно посмотреть в адресной строке в браузере (рисунок 6).

Рисунок 6

Тег “nopadding” – убирает пробелы между картинками, то есть помогает «состыковать» их вплотную к друг другу.

370px – ширина картинки, смотрим это значение в свойствах файла.

https://www.. То есть по нажатию по данной кнопке, пользователь перейдет из группы в контакте на данный сайт.

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

Вот собственно и все! Мое первое меню создано! Вот так оно выглядит в группе (рисунок 7).

Рисунок 7

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

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

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

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

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

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

Создаем меню

Необходимые настройки в группе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сохраняем сделанное изображение: File – Save for Web & Devices, или используете сочетание клавиш Alt+Shift+Ctrl+S.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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