SdelaemBlog

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

Как сделать текстовое меню вконтакте без графики?

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

15 января 2013

Добро пожаловать, друзья, на блог о создании и настройке сайтов —  SdelaemBlog.ru. Наверняка, почти у каждого сейчас есть личная страница в социальной сети вконтакте, а у кого-то есть даже группа. Вот пользователи, у которых есть свои группы, скорее всего задумывались, как ее оформить, например сделать меню для группы. Но далеко не каждый знает, как сделать меню вконтакте, а создать его хотелось бы. Я тоже когда-то об этом задумывался и немного поискав в интернете — ответ был найден. Чем и хочу поделиться с вами — как создать меню для группы вконтакте.

Как сделать текстовое меню вконтакте без графики?

Сегодня я не буду рассказывать о графическом меню, мы сделаем самое простое. Но если тема приживется, то возможно я напишу и про графику.

На самом деле сделать меню вконтакте очень просто. Сейчас вы в этом убедитесь.

Из чего делается меню вконтакте?

Для многих, это становится проблемой, как и раскрутка группы вконтакте, так как меню вк делается не из html элементов, как мы привыкли, а используется другой язык разметки — Вики. Но не так все сложно, как кажется. Вики разметка используется для упрощения html языка, который обычно используется для создания страниц, поэтому освоить данный язык сможет каждый. Но лично для меня, этот язык не упростил мне жизнь, а скорее наоборот. Но сегодня, я не буду вдаваться в подробности wiki-разметки, а просто покажу как сделать меню для группы вконтакте.

Как создать меню вконтакте?

Итак для создания меню, нужно в управлении сообществом подключить «материалы«, что позволит приступить непосредственно к созданию. 

подключить "материалы"

После подключения материалов, появится ссылка «свежие новости». А чтобы создать меню, необходимо кликнуть по ссылке «редактировать«. 

кликнуть меню вконтакте - по ссылке "редактировать"

После этого, мы попадем в редактор, в котором и будем делать наше меню. В редакторе вкоктакте, есть два режима редактирования, это визуальный и wiki. Переключаться между режимами можно, с помощью кнопки в правом верхнем углу. Обычно вы сразу попадаете в режим wiki, в котором мы и будем заниматься созданием. То есть сразу можно приступать к написанию кода.

Для создания простейшего меню, нужно прописать, следующий код и сохранить его:

{|
|-
|
[[пункт меню 1]]
|-
!
[[пункт меню 2]]
|-
|
[/kak-sdelat-svoj-blog/|пункт меню 3]
|}

Данный код, поможет создать нам самое простое и примитивное меню для группы. Давайте разберемся, что здесь для чего и как это работает?

В данной конструкции, я использовал только обязательные элементы, для создания меню:

"{|" - начало новой таблицы.
"|-" - новая строка.
"|" - ячейка таблицы с обычным текстом. (взаимозаменяемо - "!").
"!" - ячейка таблицы с жирным текстом и более темным фоном. (взаимозаменяемо - "|").
[[пункт меню]] - внутренняя ссылка.
[внешняя ссылка|название пункта(ссылки)] - ссылка на внешнюю страницу(внешние гиперссылки можно оформлять и без скобок.)

А выглядеть оно будет, вот так: 

обязательные элементы - вертикальное меню вконтакте

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

Таким же образом, можно сделать и горизонтальное меню:

{|
|-
|
[[пункт меню 1]]
!
[[пункт меню 2]]
|
[/kak-sdelat-svoj-blog/|пункт меню 3]
|}

Пример: 

горизонтальное меню вконтакте

А если немного усложнить, то можно получить навигацию в две колонки, с использованием спойлеров. Для этого, вставляем код:

{|
|-
|<b>О движке wordpress:<br/> статьи, мануалы и др.</b>
{{Hider|wordpress
{|
|-
|
[[установка]]
|-
|
[[настройка]]
|-
|
[[продвижение]]
|}
}}
|'''О движке wordpress:<br/> статьи, мануалы и др.'''
{{Hider|dle
{|
|-
|
[[установка]]
|-
|
[[настройка]]
|-
|
[[продвижение]]
|}
}}
|}

И сохраняем. В результате, получится вот такое меню: 

меню в две колонки вконтакте

В данной конструкции, использованы те же элементы, с некоторыми дополнениями:

<br/> - перенос строки текста.
<b>инфо</b>('''инфо''') - два варианта сделать текст жирным.
{{Hider|спойлер
}} - (2 пункта) спойлер для навигации, скрывает пункты меню.

На этом, у меня на сегодня все. Как видите сделать меню вконтакте не сложно, как и подключить меню wordpress, тем более, если вы знает, чего хотите добиться.

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

До новых встреч!

Оставьте свой коммент
ДОСТАВКА СТАТЕЙ ПОЧТОЙ, на дом

Комментарии

  1. иванич

    можно сделать на сообществу

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

    @ иванич:
    Это вопрос? Ответ? Предложение? :shock:

    3 года назад03.04.2014 Ответить
  3. иванич

    @ Михаил Веб: это вопрос)) забыл поставить вопросительный знак))

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

    @ иванич:
    Хорошо. Только, если не сложно пере задайте его в более развернутом виде, что Вы имели в виду? Я не совсем понял вопрос :oops:

    3 года назад06.04.2014 Ответить
  5. иванич

    @ Михаил Веб:
    Как сделать текстовое меню на сообщество? а не группу

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

    @ иванич:
    Собственно, именно об этом статья. Сообщество, это и есть группа. Возможно Вы имеете в виду «паблик», то есть публичную страницу. С пабликами пока не работал, поэтому не знаю.

    3 года назад07.04.2014 Ответить
  7. Артем

    @ Михаил Веб:
    как его закрепить вверху?

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

    @ Артем:
    Само меню закрепить невозможно, но сейчас можно использовать подобную возможность: http://sdelaemblog.ru/otkrytoe-menyu-gruppy-vkontakte/

    3 года назад11.05.2014 Ответить

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

Смайлы

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

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

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

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

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

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

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

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