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. Михаил Веб

    @ Марик:
    Не за что :-)

    3 года назад09.02.2015 Ответить
  2. Марик

    Всё супер! Легко и доходчиво! Спасибо огромное за статью!8)

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

    @ Елена:
    Обращайтесь ;)

    4 года назад20.12.2013 Ответить
  4. Елена

    @ Михаил Веб:

    Спасибо))) пока ничего не поняла, но буду пытаться)))и если что приставать к Вам с «умными» вопросами… :mrgreen:

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

    @ Елена:
    Здравствуйте.
    Да, это возможно.
    Прочтите статью: http://sdelaemblog.ru/otkrytoe-menyu-gruppy-vkontakte/
    В ней описан способ получения «чистой» ссылки на страницу. Ну, а дальше все как обычно)

    4 года назад19.12.2013 Ответить
  6. Елена

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

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

    @ Кирилл:
    Здравствуйте.
    Поставьте ширину 185 px.

    4 года назад22.11.2013 Ответить
  8. Кирилл

    Михаил, не могли бы вы мне помочь. Вот код:

    [[photo-61135583_315124152|196x45px;noborder;nopadding;nolink|xxx ]][[photo-61135583_315124089|196x45px;noborder;nopadding;nolink|xxx]]   
    [[photo-61135583_315123217|196x45px;noborder;nopadding;nolink|xxx]][[photo-61135583_315123218|196x45px;noborder;nopadding;nolink|xxx]]   
    [[photo-61135583_315123219|196x47px;noborder;nopadding;| ]][[photo-61135583_315123220|196x47px;noborder;nopadding;| ]]   
    [[photo-61135583_315123221|196x41px;noborder;nopadding;nolink|xxx]][[photo-61135583_315123223|196x41px;noborder;nopadding;nolink|xxx]]   
    [[photo-61135583_315123224|196x42px;noborder;nopadding;| ]][[photo-61135583_315123225|196x42px;noborder;nopadding;| ]]   
    [[photo-61135583_315123226|196x55px;noborder;nopadding;nolink|xxx]][[photo-61135583_315123227|196x55px;noborder;nopadding;nolink|xxx]]
    
    Когда сохраняю, предосмотр и просмотр, всё ок, но когда нажимаю на меню получается всё в  линейку
    4 года назад22.11.2013 Ответить

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

Смайлы

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

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

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

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

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

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

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

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

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