Оформление вконтакте. Как сделать меню в паблике? / SMMberry / SMMberry
Учитывая, что это меню не в группе, а на странице (паблике) вконтакте, я решила показать вам как все это делается! Давно меня уже дергали вопросами: как сделать меню в паблике, как сделать так, что бы меню было открытым, как сделать закреп и т.д.. Вот вам и инструкция!
Итак, как же вообще можно сделать меню на публичной странице в контакте? Все мы знаем, что возможность добавления встроенного вики-меню есть только в группе, я об это писала здесь и здесь. Но как же сделать менюшку в паблике, если там нет такой функции в настройках? Для пытливого ума и профи SMMщика не бывает никаких ограничений ! Вот так выглядит менюшка в нашем корпоративном паблике:
Меню в паблике? Проще простого!
Пересмотрите еще раз статьи: как сделать меню группы вконтакте полезным и как создать и установить красивое графическое меню в ВК, сейчас нам пригодятся эти знания!
3 шага к красивому меню паблика!
Вероятно вы уже догадались, что основу такого меню составляет… закрепленный пост с внутренней страницей! Лично мне этот способ очень нравится, даже в группе моего блога я отказалась от встраивания и использую именно «меню в закрепе». И сейчас я дам вам четкую инструкцию «как это сделать»!
Шаг №1: Создаем внутреннюю страницу меню
Итак, для того, чтобы в нашей группе появилась менюшка, её нужно создать на отдельной внутренней страничке. А как помните, в пабликах у нас нет возможности добавить меню, но мы пойдем другим путем и создадим внутреннюю страницу. Для того ,чтобы создать её, мы должны правильно прописать адрес в строке браузера. Вот вам шаблон ссылки:
Вариант 1: (обычный)
http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
где XXX — ID Вашей публичной страницы,
а «Название_страницы» — любое слово, которым будет названа страница
Вариант 2: (облегченный, но для хитрых)
Или нажать на пункт «добавить» в разделе [ Список Wiki-страниц ], если у вас установлен vkopt (подробно об этом скрипте я уже рассказывала здесь)
Итак, мы создаем вики-страничку и заполняем её точно так же, как если бы мы заполняли меню для группы. То есть прописываем там все изображения и переходы. У нас должно получиться примерно следующее:
Это вики-код меню
Внимание! Если вы еще не умеете создавать визуальные менюшки в контакте, то повторюсь, читайте вот этустатью! Если все ок. то у вас получится подобная картинка:
А это готовая страничка меню
Шаг №2: Создаем пост на стене
Теперь мы должны добавить наше меню на стену сообщества вконтакте. Для этого копируем ссылку на внутреннюю страницу и добавляем её в пост, вот так:
Как видите, у нас автоматически добавилась ссылка
Вероятно вы уже знаете, ссылка к посту прикрепляется автоматически и после того как ссылка прикрепилась из самого поста адрес страницы можно удалить. Если опубликовать ссылку, то меню на стене не появится, а будет просто ссылка, кликнув на которую человек попадет в наше меню. Это только пол дела! Нам нужно, что бы меню было заметным и висело в закрепе, т.е. на самом видном месте.
Итак, теперь мы должны удалить ссылку из «тела» поста (прикрепившаяся страница останется), и добавить к посту изображение, которое будут видеть подписчики. Фишка в том, что если в одной записи присутствуют ссылка и изображение, то при нажатии на картинку будет совершаться переход по ссылке! Все гениальное просто!
Картинка может частично или полностью повторять само меню, здесь уже вам решать. Если будете заказывать меню для паблика, то вам нужен еще и банер, т.е. картинку, которая будет висеть в закрепе. Вот что мы получим при публикации поста:
Статичная, но кликабельная картинка и ссылка на меню
Или так:
Картинка повторяет меню и привлекает внимание посетителей страницы
Шаг №3: Закрепляем пост
Наконец-то у нас все готово и пост висит с картинкой и ссылкой на стене! Теперь нам нужно перенести его в шапку группы, закрепить пост на главной, сделать закреп… Для этого щелкаем на дату/время поста (под каждым постом есть дата публикации), мы попадаем на внутреннюю страницу поста, листаем его вниз и ищем там кнопку «закрепить». Смотрите на картинке, что вам нужно найти:
Нажимаем на эту кнопку и обновляем страницу. Вуаля, все готово! Наслаждаемся красивым меню!
Можно даже подобрать такую картинку, которая стала бы продолжением вашего аватара — такое оформление смотрится очень симпатично.
Вот так, с помощью трех не сложных шагов нам удалось создать красивое меню, которое можно использовать в любом ВК сообществе!
У меня на это все! Делитесь статьей с друзьями, добавляйте в избранное и следите за обновлениями блога, чтобы не пропустить новые интересные статьи!
Как сделать меню в группе вконтакте. Меню группы и страницы в контакте
Привет друзья!
Задался вопросом сделать меню в свою публичную страницу в контакте. Но в поисках решения проблемы, немного потерялся на просторах интернета.
Все то и дело усложняют создание меню, вставляя и объясняя специальные коды разметки. Как выяснилось позже, речь шла про Wiki-разметку 😉 . В принципе ничего сложного в ней нет. Парочка специальных кодов, суть которых несложно разобрать, если уделить 10 минут свободного времени.
В общем сделал простое меню для одной из страниц вконтакте:
Потратил буквально 30 минуток, чего не скажешь о написанной статье 😀
Прежде всего хотел бы сразу оговориться — данное меню всплывающее, в паблике (не в группе) .
Разница, в том, что для публичной страницы нельзя сделать меню на главной странице контакта. Оно формируется только за счёт создания новой страницы, в котором мы и делаем необходимое меню. Можно сделать его при помощи фотошопа, нарезав картинку, а можно обойтись простым меню, без применения фотошопа :), как примерно получилось у меня…
Как сделать меню в группе вконтакте
Возможно будет немного неправильным, описывать создание меню на основе паблика. Но я исключительно работаю с публичными страницами. В группе проще начать создавать рубрики меню, вам не придется даже делать новую страницу, если не решите перемещать посетителя внутри страничек.
Просто для паблик стр. нужно будет сначала открыть страницу и только потом будет меню… а сразу на главной никак нельзя! По крайне мере, я не нашел решения проблемы.
Для группы все проще. Сразу под основным описанием, есть пункт меню и ссылка “редактировать” (Как показано на картинке). Если у вас нет такой надписи, то скорее всего вы просто не подключили материалы в своей группе, зайдите в настройки группы и нажмите галочку рядом со словом материалы.
На группе, подробно останавливаться не будем. Формируется оно примерно также как и для паблика с теме же Вики-кодами. Но Вы не пугайтесь. Не обязательно лезть в дебри символов. Я например, сделал не заходя во вкладку редактирования кода.
Более подробно, объясню как сделал меню на своей странице:
Итак, про паблики. Все работает для старых и для новых пабликов. Делаем следующие шаги:
1. Выполняем запрос типа: //vk.com/pages?oid=-XXX&p=YYY
где XXX — это ваш номер паблика; YYY — это название необходимой страницы
Если все сделано правильно, то перед вами появится новая страница. Нажимаем «Редактировать» и делаем Вики-меню или что-то там еще
2. Вызов всплывающей страницы осуществляется с помощью команды:
//vk.com/publicXXX?w=page-XXX_YYYВнимание! Все минусы, знаки вопроса и прочие знаки — обязательны. Меняйте только XXX и YYY.
Все! Теперь нужно придать ссылке «приятный вид» — с помощью vk.cc — сократитель ссылок ВКонтакте.
Например — моя страница имеет адрес: //vk.com/sf_kontakt , чтобы узнать XXX (ид страницы), заходим в пункт «управление страницей»
Далее в адресной строке — видим свой ID, который и нужно вставить в строчку
//vk.com/pages?oid=-34016644&p=Здесь вводим название
Далее контакт перекинет нас на вновь созданную страницу, которую и нужно будет отредактировать под будущее меню. Там нет ничего сложного, можно даже не редактировать код, а просто вставлять необходимые иконки или текст.
В моем примере все ссылки были на внешние ресурсы. При клике на первую иконку — открывался сайт статусов, при клике на вторую иконку (книжечку) — открывалась подписная страница. Также можно не отправлять пользователя на внешние ресурсы, а кружить его внутри контакта. Либо на новые (другие) группы, либо на страницы описания, созданные по такому же принципу.
Получается, что можно сделать внутренний сайт внутри Вашей страницы. В данном случае мы создали вторую страницу относительно главной:
она приняла такой адрес: //vk.com/sf_kontakt?w=page-34016644_44405134
А в итоге: Основная группа или паблик/Название созданной страницы
Надеюсь с этим сложностей не возникнет.
Создаем основное меню в контакте:
Самое простое, как можно сделать меню на странице — это сделать обычные текстовые ссылки (каждая на новой строчке). Но если не редактировать wiki разметку все ссылки или вставленные изображения будут в один столбик. В принципе этого достаточно для простенького меню.
Но если же вы хотите распределить на странице элементы по разным местам, придется немного подредактировать код. Я же нашел несколько готовых таблиц, и вставил в нужную ячейку своё изображение для меню. Тем самым, слева получилась иконка с описанием, посередине обычные текстовые ссылки, и справа другая иконка учебника.
Чтобы Вам сделать подобное меню, не разбираясь в коде, можете просто перейти по ссылке и подобрать уже готовое меню. Вот группа, где можно найти шаблоны: //vkontakte.ru/club9390683
- Жмем «Меню» -> «Коллекции меню»
- Выберите понравившееся меню
- Скопируйте код выбранного вами меню
- Зайдите в свою группу и в редактирование страницы Свежие новости, в разделе исходный код вставляем код нашего меню для контакта.
Меню для группы вконтакте
Теперь у нас есть страница с пунктами навигации, которая имеет адрес: //vk.com/page-34016644_44405134 , чтобы вывести ещё в верхней части Вашего паблика делаем следующее:
- Добавляем новую новость
- Прикрепляем основную картинку, нажимая по которой, пользователю откроется наше меню.
- Вставляем в новость ссылку созданной страницы
- И последний шаг «закрепление постов». Пишите пост с фото/видео/музыкой, потом публикуете, затем нажимаете на дату публикации — и жмете «Закрепить».
После того, как Вы закрепите новость, пост автоматически уйдет в верхнюю часть. При нажатии на который, открывается меню.
В принципе ничего сложного! И для многих, надеюсь эта статья поможет. Также подобным способом делают скрытую запись, например загадку, чтобы получить ответ на которую подписчик должен вступить в паблик. Просто в этом случае, на созданную страницу, нужно указать права, для кого она будет доступна. Но эта уже немного другая тема :), которую мы с вами разберем в одном из ближайших постов.
А на сегодня всё. Спасибо, что забежали! 😉 До новых встреч…
Автор публикации
01-2 раза в год, веду до результата в блогинге, при наличии мест.
Для связи: ok.ru/denis.povaga
Как сделать меню в группе или паблике Вконтакте
Создаю меню в группе или паблике Вконтакте
Привет дорогие читатели, давно уже меня спрашивают — как сделать меню в паблике или группе Вконтакте? Сам я пару раз делал простенькое меню Вконтакте, но через какое-то время стал забывать. Попробую вспомнить еще раз! 🙂 Благо, паблик и группа Вконтакте для создания меню у меня имеются.
Итак, для начала, дабы освежить свои знания — как делать меню в паблике и группе Вконтакте, а может быть даже узнать что-то новое — я прохожу экспресс курс по wiki разметке Вконтакте. Где очень наглядно, по шагам объясняются все основные действия для создания меню и других элементов страниц для группы или паблика Вконтакте с помощью wiki разметки.
Надо отдать должное создателям группы Вконтакте по wiki разметке — курс обучения представлен в лучшем виде, всё ясно и понятно, и даже интересно! 🙂
Замечательно то, что учиться никогда не поздно, я полчаса посидел, и внимательно почитал предоставляемый курс обучения wiki-разметке Вконтакте. Теперь я точно готов переходить к практике. Самое интересное, что в этом курсе есть и практические занятия, для этого написано специальное приложение! 🙂
Ну, у меня есть группа Вконтакте, на которой я сейчас и потренируюсь в создании, пока что, простого меню для группы Вконтакте. Задача у меня не слишком сложная, мне нужно поставить мои партнерские ссылки на поиск авиабилетов и отелей в группу про путешествия. Ну, и соответственно — оформить это симпатично.
Захожу в свою группу, и первым делом кликаю под шапкой группы -> Управление сообществом. В нем включаю -> Материалы. Именно это нехитрая операция открывает путь не только к созданию меню в группе Вконтакте, но и вообще, после включения материалов можно создавать неограниченное количество внутренних страниц группы с помощью wiki-разметки Вконтакте.
Далее в центральном поле, после названия и местонахождения группы нажимаю -> редактировать и включаю вид wiki-разметки, и начинаю творить свое маленькое меню! Для начала надо придумать как будет выглядеть ссылка на меню, чтобы ее могли заметить посетители группы! Я порылся в интернете и надыбал различные значки и символы Вконтакте, которые можно использовать в заголовке и в любом тексте Вконтакте!
Использую пару символов пишу заголовок меню -> ? Полезности для Путешествий ?, по которому будут переходить посетители моей группы. Не забываю включить визуальный режим редактирования и начинаю создавать нужный мне код!
Редактор wiki разметки Вконтаке немного капризный, иногда выдает глюки, может это у меня так в Лаосе… Но на всякий случай, когда я писал код, я сохранял его у себя на компе. После внесения изменений нажимал -> Сохранить страницу, и открывал новую вкладку для просмотра внесенных изменений. Вообщем, для создания больших страниц и меню Вконтакте — потребуется немало терпения!
Далее я приведу код, который написал для своего небольшого меню в группе Вконтакте, если хоть раз просмотреть курс по изучению wiki-разметки Вконтакте, то такой код с легкостью может создать любой.
На счет используемых в коде картинок, я загрузил их в специально созданный в группе фотоальбом, при клике на любую фотографию можно увидеть ее индивидуальный адрес, именно его я и использую в коде.
Бывают ситуации, когда группа серьезная, и лишние фотоальбомы в ней ни к чему, тогда можно создать альбом на своей личной странице Вконтакте, фотографии также имеют оригинальный адрес, и без проблем загрузятся от туда.
Учебный курс по wiki-разметке гласил, что размер картинки не должен превышать 610 пикселей по горизонтали. Я сделал свои две картинки вообще маленькие по 150 пикселей, загрузил их в фотоальбом и написал в редакторе следующий код:
{|nomargin
|-
| <center>[[photo-7429077_304229783|http://nano.aviasales.ru/?marker=11449]]</center>
! <center>[http://nano.aviasales.ru/?marker=11449|Купить Дешевые Авиабилеты]</center>
|-
| <center>[[photo-7429077_304231784|http://hotels.aviasales.ru/?label=link.11449]]</center>
! <center>[http://hotels.aviasales.ru/?label=link.11449|Бронировать Гестхаусы и Отели]</center>
|}Как видно из кода ничего сложного там нет -> просто задается таблица в которой два рисунка со ссылками и две текстовые ссылки. После нажатия -> ? Полезности для Путешествий ?, меню в моей группе Вконтакте выглядит вот так:
Можно поглядеть в моей группе — получилось аккуратно, и даже стилизовано под цвета Вконтакте! 🙂 И картинки, и текстовые ссылки ведут посетителей по моим партнерским ссылкам, как я и хотел.
А как же делать меню в паблике Вконтакте? На этот вопрос я отвечу во второй части статьи — Как сделать меню в группе или паблике Вконтакте, которую постараюсь закончить в ближайшее время!
А сейчас, благодарю за внимание! Оставайтесь на связи, впереди много новых, интересных и еще не реализованных идей, которые я хочу описать в своих статьях! 🙂
У нас в Лаосе в деревеньке Ванг Вьенг очень красивые закаты, будет время — обязательно доберитесь до этого райского местечка на земле!