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

32

307521
22-05-2012

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

 
 

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

 
 

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

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

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

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

Альтернативный способ создания внутренней страницы
Есть альтернативный способ создания страницы. В основном он подходит для пабликов (публичных страниц), поскольку для них не подходит способ, описанный выше. Для этого мы воспользуемся таким кодом
http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
где вместо ХХХ мы подставим id нашей группы, а вместо текста «Название страницы» мы напишем Меню. Теперь надо выяснить id группы. Как это сделать? Заходим на главную страницу группы и смотрим на наши записи на стене — прямо под блоком «Добавить запись» будет написано «Все записи» — нажимаем на эту ссылку.Как сделать внутреннюю страницу для меню группы В Контакте

Переходим на страницу и видим урл такого вида https://vk.com/wall-78320145?own=1, где цифры 78320145 в данном примере и есть id группы. Подставляем наши данные в исходный код и получаем запись такого вида: http://vk.com/pages?oid=-78320145&p=Меню (с вашими цифрами!). Вставляем эту строку в адресную строку браузера и нажимаем Enter. Так мы создали новую страницу Вконтакте.

  • Короткая ссылка на этот пост: https://www.designonstop.com/?p=7221
  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Комментариев 32 комментария

Спасибо за статью, он а существенно упростит оформление групп.

ОтветитьОтветить

@Prestige Center:
Пожалуйста!

ОтветитьОтветить

а меня не получилось перехода. имеет ли значение что адрес сайта .рф???

ОтветитьОтветить

@Артём:
Не, по идее адрес сайта не должен иметь значения. Попробуйте подставить другой урл, гугль например, и тогда станет понятно влияет или нет.

ОтветитьОтветить

У меня не выходит 5-й этап, помогите пожалуйста)) Какие именно ссылки нужно вставлять в адрес??? Распишите пожалуйста какие)) Спасибо))

ОтветитьОтветить

@Аринка:
Если вам надо, чтобы надпись на страничке куда то вела (на внешний сайт или на другую внутреннюю страницу), то надо вставлять ссылки. А если вам это не надо, у вас просто записи на страничке, то пропустите этот пункт и все. ))

ОтветитьОтветить

Спасибо)) Я еще на других сайтах смотрела)) Все понятно))

ОтветитьОтветить

@Аринка:
Пожалуйста ))

ОтветитьОтветить

спасибо. полезная информация. очень помогла

ОтветитьОтветить

возник один вопрос. когда наводишь курсор мыши на нужную ссылку, оно показывает URL ссылки (что-то вроде этого |http://vk.com/pages?oid=-40886370&p=%D0%90%D0%BA%D1%86%D0%B8%D0%B8). как сделать чтобы вместо ссылки при наведении на кнопку показывало нужный текст?

ОтветитьОтветить

@Тема:
А у меня в группе если навести курсор на первый пункт меню (внутренняя страница Вконтакта) то и высвечивается название страницы «Веб-дизайн». http://vk.com/club15865937 Вроде и должно высвечиваться название страницы.

ОтветитьОтветить

а ну раз так, то так тому и быть… плохо, конечно, что нельзя изменить ссылку на название… когда ссылка длиной в 2-3 строки некрасиво получается… может в будущем это учтут…

@Наташа Клевер: спасибо за быстрый ответ 🙂

ОтветитьОтветить

@Тема:
Да не за что )) Все равно не совсем поняла. При создании страницы задается ее название в специальном поле. И именно это название высвечивается потом при наведении на ссылку. Откуда берется длинный урл, не понимаю. Может вы страницу никак не озаглавили при создании?

ОтветитьОтветить

@Наташа Клевер: «…При создании страницы задается ее название в специальном поле…»

я писал текст (например [[123]] ), оно создавало ссылку. я скопировал URL этой ссылки и вставил под нужную кнопку.
где там задается ее название, и где находится специальное поле я не понял…

ОтветитьОтветить

@Тема:
В шаге 2 я написала Веб-дизайн теория в квадратных скобках и у меня сгенерировалась страница с таким названием.

ОтветитьОтветить

@Наташа Клевер: а, все, разобрался. я шаг 5 не делал. вот балда 🙂

ОтветитьОтветить

все, теперь у меня полноценная группа с красивым оформлением.
@Наташа Клевер: спасибо за статью 🙂

ОтветитьОтветить

@Тема:
Ну вот и отлично! Я очень рада 🙂

ОтветитьОтветить

Здравствуйте, а можно про этот атрибут «target = _blank» подробнее написать, как его вставлять и куда, и по поводу смещения тоже расскажите, а так ха все огромное спасибо=)

ОтветитьОтветить

@Оксана:
Пожалуйста!
А target = _blank — это атрибут, который добавляется к ссылкам, чтобы они открывались в новом окне. Но вроде внешние страницы Вконтакта и так открываются в другой вкладке ))

ОтветитьОтветить

@Наташа Клевер: если добавляешь ссылку на обсуждение, то оно открывается в этом же окне,
а как сместить картинку, чтоб аватарка и меню картинка совпадали, http://vk.com/club38394769 вот что я сделала по вашему уроку, а хочется чтоб вот так было http://vk.com/tortzakaz

ОтветитьОтветить

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

ОтветитьОтветить

Помогите!!!!!!!!!!!!! Очень нужна подсказка… Как технически создать вот такое меню http://vk.com/your___home? Очень надо

ОтветитьОтветить

Доброй ночи! Спасибо за статью, она мне очень помогла в создании меню. Остался один вопрос… Как создать баннер с кнопкой «Меню»???Заранее Вас благодарю.

ОтветитьОтветить

@Анастасия:
Пожалуйста!
А про то как сделать меню у меня вот урок есть https://www.designonstop.com/?p=6209

ОтветитьОтветить

Помогло, спасибо. Век не забуду ваших стараний над статьёй , всех благ.

ОтветитьОтветить

@Поэзия:
Спасибо! Вам тоже всех благ )

ОтветитьОтветить

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

ОтветитьОтветить

@Вадим:
Вот этот урок )) https://www.designonstop.com/?p=10800

ОтветитьОтветить

Подскажите как сделать 3 вкладки как на скрине выше? Все записи, записи сообщества, отложенные 1. Заранее спасибо.

ОтветитьОтветить

@Игорь:
Это автоматом сам сервис делает. Как только вы сделали запись на стене — сразу же появляется запись Все записи и Записи сообщества. А вкладка Отложенные появляется тогда, когда вы зададите очередь для публикаций по времени.

ОтветитьОтветить

@Наташа Клевер: Спасибо вам за ответ, я теперь разобрался)

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

70 queries in 0,331 seconds.