Добро пожаловать, друзья, на блог о создании и настройке сайтов — SdelaemBlog.ru. Не так давно, я писал о создании меню, для групп вконтакте. Этому было посвящено две статьи: одна о простом текстовом меню, а вторая о более интересном, графическом. После создания меню остался последний вопрос, который сегодня мы разберем. Как создать внутреннюю страницу, для группы вконтакте и добавить ее в меню.
Если с текстовым меню все понятно. Создается меню с необходимыми пунктами, и после нажатия на любой из пунктов, нам предлагают наполнить новую страницу, что собственно ее и создаст. То в графическом меню ситуация немного другая. Если мы создали пункты с помощью графики и не проставили ссылки на внешние страницы, например. То в этом случае, при нажатии на пункт меню, будет просто открываться картинка, которая была использована, при создании. Но нам-то нужно, чтобы после нажатия на пункт меню, посетитель попадал на какую-нибудь внутреннюю страницу, или как минимум переходил по внешней ссылке.
Для примера, я буду использовать код из статьи о графическом меню вконтакте, который выглядит так:
<center>[[photo-48249652_297601976|130x46px;nopadding;|http://ссылка]]
[[photo-48249652_297601975|129x46px;nopadding;|http://ссылка]]
[[photo-48249652_297601974|129x46px;nopadding;|http://ссылка]]</center>
А в самой группе, меню выглядит вот так:
Вот в данном случае, переход как раз будет осуществляться на изображения, используемые в меню, но нам этого не нужно.
Как добавить в меню вконтакте внешнюю ссылку?
В данном случае все просто. Переходим в группу вконтакте. Рядом со ссылкой раскрывающей меню, кликаем на «редактировать».
Вместо «http://ссылка», просто подставляем любую внешнюю ссылку и сохраняем меню. Например, вот так:
<center>[[photo-48249652_297601976|130x46px;nopadding;|/graficheskoe-menyu-vkontakte/]]
[[photo-48249652_297601975|129x46px;nopadding;|/kak-sdelat-menyu-vkontakte/]]
[[photo-48249652_297601974|129x46px;nopadding;|/]]</center>
Теперь, при клике на любой из пунктов меню, посетитель будет переходить по внешней ссылке.
Остался главный вопрос: «Как добавить внутреннюю ссылку в графическое меню вконтакте?».
Как создать внутреннюю страницу вконтакте и добавить ее в меню группы?
Опять же, для примера я возьму код графического меню, который мы использовали вначале.
Переходим в группу. И нажимаем на «редактировать».
В редакторе, под кодом меню добавим несколько пунктов, зависит от того сколько пунктов меню необходимо сделать, с переходом на внутренние страницы группы. В моем случае, это три. В общем, под код меню добавляем такую конструкцию:
[[страница 1]]
[[страница 2]]
[[страница 3]]
И нажимаем на «предпросмотр».
Внизу, под меню мы увидим ссылки на внутренние страницы, которых пока еще не существует. Открываем по очереди и наполняем необходимой информацией каждую страницу. Для этого, кликаем правой кнопкой мыши на нужной ссылке и открываем ее в новой вкладке, где мы увидим такое сообщение:
Нажимаем «Наполнить содержанием», и собственно наполняем страницу кокой-то информацией. После чего мы можем назначить доступ к этой странице, если это необходимо, например, сделать страницу доступной только для подписчиков нашей группы. После чего, ее можно сохранить, и сделать то же самое с остальными страницами.
После того, как мы сохранили страницу, следует обратить внимание на адресную строку браузера. Там находится адрес этой страницы, который нам необходимо добавить в пункт меню группы вконтакте.
В адресной строке необходимо выделить и скопировать подобную часть ссылки:
После чего, в коде, вместо «http://ссылка», необходимо вставить скопированный адрес. Чтобы код стал выглядеть так:
И то же самое необходимо сделать для каждого пункта меню. В результате, наше меню группы вконтакте будет вести пользователей на те страницы, которые нам необходимы, будь то внутренние или внешние ссылки.
И наконец, когда для каждого пункта меню, мы подставим ссылки на внутренние страницы вкоктакте. Ту конструкцию, которую мы добавили под меню, можно удалить и сохранить меню.
Как видите, все довольно просто. Создать внутреннюю страницу вконтакте и добавить ее в меню группы не так уж и сложно, как может показаться на первый взгляд.
Теперь любые манипуляции в группах Вконтакте (меню, навигация, пагинация, новости и т.д.), будет выполнить гораздо проще, для этого достаточно изучить мой ВидеоКурс по техническим секретам групп Вконтакте. Создайте внутренние страницы по видео урокам и оформите их на свое усмотрение. Добавьте навигацию по страницам для удобства и многое другое, что поможет классно и удобно оформить любую группу. Вы просили видео уроки, а я записал целый видеокурс — забирайте!!!
На этом у меня все. Удачи!
@ Марик:
Не за что :-)
Всё супер! Легко и доходчиво! Спасибо огромное за статью!8)
@ Елена:
Обращайтесь ;)
@ Михаил Веб:
Спасибо))) пока ничего не поняла, но буду пытаться)))и если что приставать к Вам с «умными» вопросами… :mrgreen:
@ Елена:
Здравствуйте.
Да, это возможно.
Прочтите статью: http://sdelaemblog.ru/otkrytoe-menyu-gruppy-vkontakte/
В ней описан способ получения «чистой» ссылки на страницу. Ну, а дальше все как обычно)
Михаил, здравствуйте))) Не могли бы Вы объяснить, если можно так выразиться,структуру группы в контакте…я разобралась как делать меню, но не могу понять, как прикреплять к нему новые страницы (если они не ведут за границы контакта)…нет не так… как сделать так, чтоб заметка на стене была анонсом записи, которая прикреплена к меню? Это возможно?
@ Кирилл:
Здравствуйте.
Поставьте ширину 185 px.
Михаил, не могли бы вы мне помочь. Вот код:
@ Ольга:
Все довольно просто. Зайдите снова в редактор и замените названия страница1, страница2, на нужные.
Подскажите пожалуйста, как можно изменить названия внутренних страниц в группе ? Я когда создавала то в редакторе писала [[страница 1]], [[страница 2]] и т.д, сейчас понимаю, что зря, как это можно переименовать?
@ Светлана:
Не за что. Обращайтесь :-)
Попробую разобраться. Спасибо
@ Светлана:
Ну дак можно сделать страницу с ссылками на все остальные страницы и получится карта сайта.
По поводу решетки — это, так называемый хэш-тег. Данный тег Вы можете сделать сами просто, при написании слова добавьте спереди символ решетки, если это не дно слово — они должны быть написаны без пробелов, то есть слитно. Подобные хэш-теги есть и в twitter, и по-моему в facebook тоже. После добавления решетки и публикации слова или словосочетания, ссылка образуется автоматически, тем самым создавай некий раздел на определенную тему, где всегда можно найти новости по определенной теме.Например, введите в поиск контакта #вконтакте, и сразу станет понятен смысл и назначение хэш-тегов.
Михаил, а как создать внутренние страницы не для меню. В одной из групп я видела как из мню мы попадаем на внутреннюю страницу с содержанием (типа карта сайта), а оттуда ссылки ведут на другие страницы. И что означает значок # перед ссылкой на страницах групп? Заранее спасибо.
@ Артём:
Если все как написано, то должно работать. Покажите, хотя бы код.
Я делаю все по инструкции, а в итоге она переходит не на новую страницу, а открывается окошко по центру. Как сделать, что бы открывалась новая вкладка?
@ Кирилл:
К сожалению, не могу ответить на данный вопрос.
А как сделать так, чтобы внутренняя страница открывалась как фоновое окно?