SdelaemBlog

Создание Сайтов и их настройка

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

Главная Статьи Полезное Социальные сети Как создать внутреннюю страницу для меню группы Вконтакте?
#Социальные сети

8 апреля 2013

Добро пожаловать, друзья, на блог о создании и настройке сайтов —  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://ссылка», необходимо вставить скопированный адрес. Чтобы код стал выглядеть так:

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

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

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

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

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

На этом у меня все. Удачи!

Оставьте свой коммент

Комментарии

  1. Кирилл

    А как сделать так, чтобы внутренняя страница открывалась как фоновое окно?

    4 года назад03.10.2013 Ответить
  2. Михаил Веб

    @ Кирилл:
    К сожалению, не могу ответить на данный вопрос.

    4 года назад03.10.2013 Ответить
  3. Артём

    Я делаю все по инструкции, а в итоге она переходит не на новую страницу, а открывается окошко по центру. Как сделать, что бы открывалась новая вкладка?

    4 года назад23.10.2013 Ответить
  4. Михаил Веб

    @ Артём:
    Если все как написано, то должно работать. Покажите, хотя бы код.

    4 года назад23.10.2013 Ответить
  5. Светлана

    Михаил, а как создать внутренние страницы не для меню. В одной из групп я видела как из мню мы попадаем на внутреннюю страницу с содержанием (типа карта сайта), а оттуда ссылки ведут на другие страницы. И что означает значок # перед ссылкой на страницах групп? Заранее спасибо.

    4 года назад08.11.2013 Ответить
  6. Михаил Веб

    @ Светлана:
    Ну дак можно сделать страницу с ссылками на все остальные страницы и получится карта сайта.
    По поводу решетки — это, так называемый хэш-тег. Данный тег Вы можете сделать сами просто, при написании слова добавьте спереди символ решетки, если это не дно слово — они должны быть написаны без пробелов, то есть слитно. Подобные хэш-теги есть и в twitter, и по-моему в facebook тоже. После добавления решетки и публикации слова или словосочетания, ссылка образуется автоматически, тем самым создавай некий раздел на определенную тему, где всегда можно найти новости по определенной теме.Например, введите в поиск контакта #вконтакте, и сразу станет понятен смысл и назначение хэш-тегов.

    4 года назад08.11.2013 Ответить
  7. Светлана

    Попробую разобраться. Спасибо

    4 года назад08.11.2013 Ответить
  8. Михаил Веб

    @ Светлана:
    Не за что. Обращайтесь :-)

    4 года назад08.11.2013 Ответить
  9. Ольга

    Подскажите пожалуйста, как можно изменить названия внутренних страниц в группе ? Я когда создавала то в редакторе писала [[страница 1]], [[страница 2]] и т.д, сейчас понимаю, что зря, как это можно переименовать?

    4 года назад10.11.2013 Ответить
  10. Михаил Веб

    @ Ольга:
    Все довольно просто. Зайдите снова в редактор и замените названия страница1, страница2, на нужные.

    4 года назад10.11.2013 Ответить

Чтобы оставить комментарий, заполните, пожалуйста форму ниже:

Смайлы

Обязательно для Заполнения!

Обязательно для Заполнения!

Проверка комментариев включена. Прежде чем Ваши комментарии будут опубликованы пройдет какое-то время.

Отправить жалобу разработчику сайта

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

[contact-form-7 404 "Not Found"]

Спасибо большое за поддержку проекта! :)

Для поддержки проекта, выберите убодный способ для оплаты: