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

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

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

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

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

    Ответить
  2. Марик

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

    Ответить
  3. Михаил Веб

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

    Ответить
  4. Елена

    @ Михаил Веб:

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

    Ответить
  5. Михаил Веб

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

    Ответить
  6. Елена

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

    Ответить
  7. Михаил Веб

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

    Ответить
  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]]
    
    Когда сохраняю, предосмотр и просмотр, всё ок, но когда нажимаю на меню получается всё в  линейку
    Ответить
  9. Михаил Веб

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

    Ответить
  10. Ольга

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

    Ответить
  11. Михаил Веб

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

    Ответить
  12. Светлана

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

    Ответить
  13. Михаил Веб

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

    Ответить
  14. Светлана

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

    Ответить
  15. Михаил Веб

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

    Ответить
  16. Артём

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

    Ответить
  17. Михаил Веб

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

    Ответить
  18. Кирилл

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

    Ответить

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

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

Навигация по статье