Создать меню в группе в вк: Сделайте меню для группы ВКонтакте онлайн бесплатно

Как убрать пробелы вики разметке. Закрытое меню группы ВК

Оформляла группу вконтакте для фирмы, в которой работаю. Столкнулась с задачей создания меню. Набрала в поисковике «Оформление групп вконтакте». Из полезного получила в ответ огромный пост и получасовое видео. Оказалось, что если не заморачиваться а сделать простое и красивое меню — все гораздо проще чем кажется.

И так, как по-быстрому сделать оформление?

Для начала включим в группе такую возможность. Заходим в раздел «управление сообществом» и включаем материалы. Теперь на главной странице, при наведении на слово меню появляется надпись «Редактировать».

Если у вас есть фотошоп и вы умеете им пользоваться, все еще проще. Я делала в paint.

Нужно определиться с размерами меню и аватарки по длине. Хорошо чтобы они заканчивались на одном уровне. С шириной все стандартно. Ширина меню – 382 пикселя. Ширина аватарки – 200 пикселей.

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

В окне «Редактирование» загружаем кусочки будущего меню.

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

Например:

[­]
photo239952196_322501460 – это ссылка на фотографию.
400px72 — это размер фотографии
nopadding — это тег, убирающий пробелы между картинками
page-11053617_29800171 — это ссылка, на которую будут переходить пользователи группы, щелкая на данный текст на картинке. Узнать ее можно также, как и ссылку на фотографию, просто открыв нужную страницу и скопировав ее из верхней адресной строки браузера.

Если после всех операций между картинками осталось расстояние, проверьте нет ли лишних пробелов.

Еще одна менюшка которую я делала.

Вывод: всё просто. Дорогу осилит идущий!

И снова рад Вас приветствовать!

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

Как создать меню в группе вконтакте

Вот что у меня получилось.

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

И так. Вот основные шаги:

• Продумать основное меню
• Выбрать изображение
• Фотошоп (без фотошопа как всегда никуда 🙂)
• Раскройка изображения
• Заливка изображения в альбом контакта

Чтобы активировать свежие записи (для Вашего будущего меню) , нужно зайти в управление сообщества и включить пункт — «Материалы»

После того, как материалы будут включены, в верхней части группы появится пункт «Свежие новости», в котором и нужно будет создавать меню. Также как и с любой страницей контакта, мы попадаем в редактор, в котором можно как вручную заливать изображения или кнопочки меню, так и через wiki-разметку (кнопочка в правом верхнем углу).

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

В своём примере я использовал фон девушки, и поместил слева от нее 3 кнопки. Каждая кнопка — имела своё название.

Мое меню состояло из следующих пунктов:

Для внедрение готового изображения в контакт, предварительно его нужно раскроить. Для этого в фотошопе используем инструмент «Раскройка «. Думаю с этим сложностей не возникнет. Там всё просто… На всякий случай, сделал фото 🙂

Выбираем данный инструмент и начинаем «резать». У меня получилось 4 части. (самое простое, что придумал:), хотя можно изрезать его на кусочки)

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

Теперь нажимаем на каждую кнопку (или часть изображения), и присваиваем необходимый адрес (ссылку). Чтобы убрать лишние пробелы нужно использовать тег «nopadding» (в меню Wiki-разметки)

Тег «nopadding» – убирает пробелы между картинками, то есть помогает «состыковать» их вплотную к друг другу.

В результате добавления тега, получилось следующее:

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

У многих видел, что делают продолжение основного аватара. Получается как одно целое изображение. Красиво смотрится. Но для создания такого, нужно лучше разбираться в фотошопе 🙂 .

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

Ответ: Данную возможность насколько мне известно убрали администраторы Vkontakte. Раньше была отдельная кнопочка, чтобы меню было фиксированным — открытом. Затем эту функцию убрали, и теперь менюшки приходится открывать отдельно.

Хотя, встречал у некоторых открытые по умолчанию… и кто то даже говорил, что существует какой-то код, который справляется с этой проблемой. Но я бы не советовал использовать его. Судя по обсуждениям на многих форумах, админы это не приветствуют!

А на сегодня всё. До связи!

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

С чего начать?

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

После того, как вы скачали или нарисовали меню, его нужно нарезать. Для чего это нужно? Это необходимо, для создания отдельных ссылок, для того или иного изображения. Так как, если наше меню поставить полностью в группу, то более одной ссылки сделать не получиться, или я чего-то не знаю. Кроме того, наше меню необходимо подогнать по размерам, то есть сразу стоит учесть, что максимальная видимая ширина составляет 388 пикселей (одно изображение), а остальное будет либо обрезаться, либо подгоняться по размерам, которые вы укажите при создании меню в группе, при этом изображение может растянуться или наоборот сжаться, что может испортить первоначальную задумку. Еще стоит учесть, что например, для горизонтального меню нам придется ориентироваться на ширину равную 370 пикселям, иначе меню не выстроится горизонтально.

Итак, я буду показывать, для примера самые обычные кнопочки. Все манипуляции с графикой я буду делать с помощью фотошопа, поэтому и вам рекомендую использовать его. После того, как с размерами мы разобрались, остается нарезать меню. Для этого, можно воспользоваться удобным инструментом «раскройка».

Просто выделите этим инструментов необходимые области, например:

И сохраните, для web-устройств.

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

Переходим на страницу нашей группы. И проделываем некоторые подготовительные действия: В управлении сообществом, подключаем «материалы», сохраняем. Если что-то непонятно на данном этапе, то прочтите статью, про текстовое меню вконтакте , там все подробно, про это сказано.

После этого, нам необходимо загрузить наши картинки, которые мы получили, при раскройке меню. То есть, жмем «добавить фотографии».

После того, как картинки загружены, мы можем приступить к созданию меню. Для этого, нажимаем на «редактировать», рядом со свежими новостями.

И теперь, можно добавить код нашего меню. В моем случае, это будет выглядеть так:

[] [] []

Итак, давайте чуть подробнее разберем, что здесь к чему:

… — данные теги выравнивают наше меню по середине. Если их убрать, то меню прижмется к левому краю.

photo-48249652_297601976 — путь до нашей картинки. Путь формируется так: номер альбома_номер самой фотографии. Как узнать путь до нашего изображения? Все очень просто. Заходим в фотоальбом, в котором находятся наши картинки и жмем на нужное изображение. Затем, в адресной строке мы увидим полный путь до нашего изображения.

130x46px;nopadding; — опции изображения: 130x46px; — ширина и высота нашей картинки(может отличаться от размера самой картинки) — для вертикального меню вкоктакте необязательно указывать; nopadding; — никаких пробелов — при использовании данной опции убираются все пробелы (отступы) и изображения сливаются в одно.

Вот что у меня получилось:

Горизонтальное меню вконтакте, делается потому же принципу. Разница только в том, что при написании кода, новые пункты меню не нужно переносить на новую строку. А также, не забываем, что при таком расположении картинок, мы можем использовать только 370 пикселей ширины. Я чуть-чуть поправил код показанный выше и вот, что у меня получилось:

[][][]

А вот так это выглядит:

И еще хотелось бы добавить: Бывают ситуации когда, нам необходимо вставить картинку в меню, но она не должна быть ссылкой. Она должна выполнять роль украшения. Для этого, достаточно использовать опцию «nolink». Вот наглядный пример: То же горизонтальное меню, только первая кнопка не является активной ссылкой, а является простой картинкой.

[][][]

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

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

Удачных экспериментов!

Как переименовать главное меню?
В вашей группе: Редактировать информацию > строка «Новости».Там пишете нужное название.

Почему главное меню сворачивается?
В том случае, если свежие новости группы слишком велики и не помещаются в 4 кб (4096 символов простого текста), в самой группе выводится только ссылка на страницу с этими новостями. Можете уменьшить вес страницы новостей, вынеся часть информацию в отдельные статьи, тогда на главной странице группы они снова появятся.

Как поместить опрос на главную?
Создаете новую тему, заходите в нее, вверху справа, рядом с «редактировать» нажимаем «опрос» и задаем опрос в группе. Дальше заходим в наш опрос, и в правом верхнем углу находим «на главную»

Как изменить количество обсуждений на главной странице группы?
Инструкция:
1. Внимательно смотрим на надпись «Обсуждения» на главной странице.
2. Когда глаза уже не могут долго смотреть в одну точку — посмотрите чуть правее.
3. Видите ссылку ред. ? Жмем!
4. В появившемся окне выбираем нужное число тем и сохраняем.

Как сделать стенку на отдельной странице?
Просто: http://vkontakte.ru/wall.php?gid=******
Вместо ****** — id вашей группы.

Что такое Уникальные Посетители и Просмотры?
Уникальный Посетитель — это уникальный ID! К примеру, 1 уникальный посетитель — это 1 человек. Или 9 уникальных посетителей — 9 человек. Грубо говоря, это реальное кол-во человек, посетившие вашу группу.
Просмотры — это кол-во просмотров, совершенное всеми уникальными посетителями. К примеру: Человек зашел в обсуждение, далее в меню, далее в раздел меню, далее снова в обсуждение, и в итоге от 1-ого человека на данный момент = 4 просмотра.

Как посмотреть все фото группы, начиная с последнего?
Ссылка на обзор всех фото имеет следующий вид:

где XXXXXXX — id вашей группы.

Как сделать надписи в блоке Группы-друзья?
Всё это просто. Делайте всё по пунктам:

1. Создаем новую группу. Заполняем все обязательные поля.
2. Добавляем эту группу в друзья Вашей основной группы.
3. Теперь переименовываем новую группу:
1) Редактировать информацию
2) В названии оставляем только вот это:
3) Сохраняем
4. Теперь в вашей основной группе есть группа-друг без имени, в описании которой вы можете и писать любой текст.

Как писать в столбик в графе руководство?
Написать должность в графе руководство в столбик очень просто. Для этого необходимо просто помнить следующие ключевые моменты:

1. Максимальное количество символов в подписи — 128 (включая пробелы и специальные символы)
2. Количество видимых символов в строке — 38
3. Для того, чтобы поставить пробел между словами, используйте неразрывный пробел Alt+0160, который можно получить путем набирания цифр в порядке: 0, 1, 6, 0 на NumPad’e при нажатой клавише Alt.
4. Для переноса строки используйте обычный пробел (клавиша Space)
5. В случае, когда слова из одной строки переносятся на предыдущую строку, дополняйте неразрывными пробелами предыдущую строку. 6. В браузере Opera, в отличие от остальных обозревателей, в некоторых случаях переноса не видно. А в Internet Explorer 8 данная система переноса вообще не работает.

Как создать мероприятие группы?
Идем: Мои встречи » Создать Событие »
В поле Организатор: выбираем из списка необходимую группу.
Примечание: Вы обязательно должны быть администратором группы, чтобы создать мероприятие. В противном случае в списке не будет группы.

Как запретить редактировать страницу другим участникам?
При редактировании страницы снизу, справа от кнопки «Предпросмотр» есть ссылка «Доступ к странице». Нажимите ее и перед Вами открывается новое небольшое окно. В нем представлены списки:

Кто может просматривать эту страницу?
Все пользователи
Только участники группы
Только руководители группы

Кто может редактировать эту страницу?
Все пользователи
Только участники группы
Только руководители группы

Выбираете в списке Кто может редактировать эту страницу? => Только руководители группы и проблема решена.

На Все Альбомы

На Видеозаписи

На Аудиозаписи

На все топики (обсуждения)

На все Приложения

На статистику группы

Написать пользователю

**** — ID Вашей группы, #### — Профиля

Как вставить Аудио в группу?
Для вставки аудио на страницу нужно использовать тег:
[]

Где XXX — ИД пользователя; YYY — ИД данной звуковой дорожки.
если же аудио взято из группы, то тег будет выглядеть следующим образом:
[]

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

Как делать различные ссылки через фото?
Вместо *** вводится соответствующий ИД. [] — ссылка на сайт [] — ссылка на страницу пользователя [] — ссылка на группу [] — ссылка на встречу [] — ссылка на вики-страницу [] — на вики-страницу с включенными опциями [] — на остальное

Как настроить разные опции к фото?
Как Вам уже известно, ссылку на фотографию можно указать в следующем формате:
[] Интересующий параметр options может содержать следующие значения:

Plain — ссылка на фотографию оформляется в виде текста, без картинки,
noborder — убирает рамку вокруг фотографии,
box — открытие картинки в окне,
nolink — убирает ссылку на фотографию,
nopadding — убирает пробелы между фото,
NNNpx или NNNxYYYpx — указывает размер фотографии в пикселях (ширину на высоту или только ширину)

Помните! Некоторые параметры совмещать нельзя. А также, для того, чтобы применить более 1 параметра, ставьте точку с запятой (;) между ними.

Как сделать якорь на вики-странице?
Полный якорь имеет следующий вид:
[]

Фото на странице плохого качества, почему?
Постарайтесь использовать оригинальную ширину изображения при вставке его в вики-страницу.Более того, пикселизация происходит в случае, если ширина оригинального изображения менее 130px

Как убрать пробел между фото?
Данный вопрос больше не актуален. Однако стоит отметить, что сами по себе пробелы никуда не исчезнут. Для того, чтобы от них избавиться, нужно в графе options поставить значение nopadding

Как создать одноименные вики-страницы?
Для создания одноименных страниц воспользуйтесь следующим способом:
1) Создайте искомую страницу, например такую:
[[Название страницы]]

2) Теперь создадим ее копию, для чего: скопируем код страницы и перед названием страницы поставим «+». Выглядеть это будет так:
[[+Название страницы]]

3) Мы получили две разные, но в то же время одноименные вики-страницы.

Как включить вики в моей группе?
1. Перейдите по ссылке «Редактировать информацию» на странице вашей группы.
2. В разделе «Настройки» поставьте галочку напротив «Новости включены».
3. В поле «Новости» вы можете сменить название вашей вики, например на «Навигация в группе».
Теперь у вас есть основная страница, которую можно редактировать. Для этого вернитесь к группе и нажмите на ссылку «ред.» справа от названия новостей.

Как создать страницу?
Чтобы создать страницу, нужно включить «Новости Группы» (в «Редактирование Информации»). Далее нажать на кнопку Редактировать и создать красивое и удобное меню! =) Остальные вики страницы создаются кодом:
[[название страницы]]

Как удалить созданную страницу?
Удалить её не возможно! Вы можете просто все в ней стереть, закрыть доступ, и убрать все ссылки ведущие на страницу.

Как узнать id страницы?
Для того, чтобы узнать id вики-страницы, нажмите, находясь непосредственно на ней вкладку «Просмотр». В адресной строке вы увидите ссылку типа
http://vk.com/pages.php?id=XXXXXX
где XXXXXX — и есть id страницы.

Можно ли изменить размер текста?
Нет

Как выровнять строки в таблице/как сделать ее невидимой?
1)Для того, чтобы выровнять все строки таблицы есть несколько способов:
— Используйте N-ное количество пробелов
Alt+0160

2) Поместите в первые ячейки каждого из столбцов белые (или голубые) иконки, растянутые на необходимую ширину по количеству ячеек.

Как создавать wiki-страницы для пабликов?
Об это подробнее .

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

Как работает вики-разметка

Вики-разметка — это язык, который используется для верстки страниц. Условно его можно назвать младшим братом HTML. На вики-страницах удобно писать и форматировать текст, вставлять иллюстрации, видео, ссылки, таблицы. Можно сверстать простую статью или составить целый интерактивный гайд с главами и подзаголовками.

Ширина любой вики-страницы — 607px. Высота ограничивается только количеством знаков, всего их может быть около 16 000.

Вся вики-разметка держится на тегах, как и HTML. Есть одиночные теги (например,
— перенос строки) и парные (например, жирный текст).

Как работают теги для текста в вики-разметке

В некоторых случаях вики-разметка использует упрощенный синтаксис (теги заменены на типографские знаки). Например, для создания маркированного списка используются звездочки «*», а для нумерованного — решетки «#».

Как работают типографские знаки в вики-разметке

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

В стандартном редакторе вики-страниц есть два режима: визуальный и режим вики-разметки (кнопка переключения выглядит так: ).

Так выглядит активный режим вики-разметки

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

Как создать вики-страницу

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

Стандартный

Для группы. Зайдите в «Управление сообществом» → «Разделы» → «Материалы» и выберите пункт «Открытые» или «Ограниченные».

Как включить «Материалы» в группе

Теперь на главной странице группы появится раздел «Свежие новости». Это место для предполагаемого меню группы. Чтобы создать новую страницу, можно написать ее название прямо в режиме редактирования страницы «Свежие новости», заключить его в квадратные скобки, нажать на «Предпросмотр» и получить готовую ссылку на новую страницу.

Как создать новую страницу через «Свежие новости»

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

https://vk.com/stats?gid= 123456789

Искомое id группы — это все цифры после «gid=».

Теперь нужно ввести в адресную строку браузера такой код:

https://vk.com/pages?oid=-ХХХ&p=Нaзвание_страницы

Вместо ХХХ подставляем id паблика, вместо «Нaзвание_страницы» — то название, которое вы придумали. В названии можно использовать кириллицу, латиницу и цифры. Специальные символы использовать не запрещено, но лучше не рисковать: из-за них у вас может пропасть возможность редактирования страницы. Вставляем все данные на нужные места, нажимаем Enter, и браузер откроет созданную страницу.

С помощью приложения

Разработчики ВКонтакте рекомендуют к использованию три приложения для работы с вики-разметкой: «Мобивик» , «Исходный код» и «Вики Постер» .

В этом руководстве мы возьмем для примера приложение «Мобивик». В ноябре 2017 года оно получило второй приз в программе ВКонтакте по поддержке стартапов (Start Fellows). Работает без установки и дополнительной регистрации в десктопной, мобильной версии ВКонтакте и в приложении для телефона (разработчик рекомендует использовать версии не ранее Android 5.1, iOS 9 и Windows Phone 8.1).

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

Как создать новую страницу с помощью приложения «Мобивик»

Ссылки на новую вики-страницу в приложении «Мобивик»

А вот лайфхак для тех случаев, когда вы сделали сложную страницу с большим количеством элементов, и боитесь, что верстка поедет на маленьком экране. Скопируйте адрес из пункта «Код для вики-страницы». Зайдите в режим редактирования своей страницы и вставьте его в самое начало кода. Вы получите такое изображение:

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

Слева — страница меню сообщества LIVE, открытая на мобильном,
справа — она же, но открытая через «Мобивик»

Как получить ссылку на вики-страницу

Как найти страницу, созданную ранее? Самый простой и надежный метод — заранее скопировать все адреса вики-страниц в отдельный файл, например, в Google Таблицах. Другой способ — через любое приложение для работы с вики-страницами. Например, зайдите в «Мобивик», выберите название сообщества и нужную страницу, кликните «Получить ссылку» и скопируйте адрес из пункта «Ссылка на вики-страницу».

Как получить ссылку на ранее созданную вики-страницу

Как сделать пост со ссылкой на вики-страницу

Скопируйте ссылку на вики-страницу и вставьте в новую запись на своей стене или на стене сообщества. Если все сделано правильно, сайт сгенерирует ссылочный блок под текстовым полем записи. Теперь удалите сам текст ссылки, прикрепите баннер и нажмите «Отправить». В десктопной версии баннер тоже станет ссылкой на вики-страницу, а в мобильной — будет открываться как обычная картинка.

Прикрепленная к посту картинка станет частью ссылки на вики-страницу в десктопной версии

Текст

Возможности оформления текста в вики-разметке в целом не отличаются от возможностей рядового текстового редактора. При редактировании непосредственно текста (сделать жирным, выровнять по правому краю и т. д.) используем теги вики-разметки, не забываем их закрывать: Текст по центру .

Для структурирования текста в вики-разметке предусмотрены сочетания типографских знаков. Например, такой код « —- » поставит в тексте горизонтальную разделяющую полосу, а такой « :: » — двойной отступ перед абзацем.

На одну страничку можно поместить около 16 тысяч знаков.

Ссылки

Чтобы вместо адреса был виден текст, добавляем название ссылки:

[] — на профиль пользователя

[] — на главную страницу сообщества

[] — на другую вики-страницу

[] — на встречу ВКонтакте

Картинки

Предельная ширина изображения, которое можно использовать в вики-разметке, — 607px, это и есть ширина самой вики-страницы. Высота практически не ограничена (помним, что высота самой страницы — 16 000 знаков). Изображения можно загрузить двумя способами.

С помощью загрузчика в верхнем меню редактора.

С помощью кода. Загружаем картинку в отдельный альбом группы, открываем ее, в адресной строке видим длинный код наподобие этого

https://vk.com/club12345678?z= photo-12345_12345 %2Falbum-12345678_12345678

Копируем из него id картинки (выделено жирным). Дальше обрамляем это двойными квадратными скобками и вставляем в нужные места на странице. Получается примерно так:

[­]

Что дальше? Отредактируйте выравнивание, обтекание текстом, размер, привяжите ссылку. Для этого напишите нужные параметры после вертикальной черты и через точку с запятой. Например, в таком коде мы задали для картинки размер 300x100px и обтекание текстом справа:

Видео

Для начала нужно загрузить видео в видеозаписи сообщества. После загрузки открыть видео и скопировать из адресной строки его id (выделено жирным).

https://vk.com/videos-12345678?z= video-12345_12345 %2Fclub12345678%2Fpl_-12345678_-2.

Обрамляем это квадратными скобками и получаем такой код:

Получаем небольшую картинку со значком play, при нажатии на который разворачивается полноценный видеоплеер. Чтобы видео воспроизводилось на самой странице, разработчики ВК предлагают воспользоваться тегом player .

Но здесь мы получаем непропорциональную черную рамку вокруг видео:

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

Мы получили видео без черных рамок, оно будет воспроизводиться прямо на странице

Таблицы

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

При работе с таблицами можно использовать 4 тега: noborder (делает рамки таблицы невидимыми), nomargin (делает таблицу во всю ширину вики-страницы), nopadding (убирает отступы в ячейках) и fixed (позволяет создать таблицу фиксированных размеров). Сколько ячеек вы укажете в строке, столько столбцов будет в таблице.

Вот пример таблицы 2×2 без отступов сверху и снизу текста внутри ячеек:

Ширина первого столбца — 200px, ширина второго — 300px.

Вот что из этого получилось:

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

Как сделать вики-меню

Меню группы ВК — это не какой-то отдельный функционал, а попросту вики-страница с несколькими картинками, в каждую из которых зашита ссылка на определенную страницу. На самом деле здесь все просто.

1. Готовим обложку для меню. Можно взять любую подходящую картинку и нанести на нее текст. А можно нанять дизайнера, который отрисует вам красивые блоки и кнопки. У нас будет меню на 6 кнопок. Для этого нам нужна картинка, где будут обозначены эти кнопки. Определимся с ее размером.

При подготовке картинки для меню помните, что ширина вики-страницы — 607 px, Ширина картинки не должна быть больше, иначе изображение ужмется и потеряет в качестве. Для примера мы взяли изображение размером 510х300 px.

1. Режем эту картинку на 6 частей (по части на каждую кнопку). Это удобно делать в Adobe Photoshop инструментом «Раскройка». Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом IMGonline (режет картинки на равные части). Мы же сделали все в Photoshop.

При активном инструменте «Раскройка» кликаем правой кнопкой мыши по картинке и выбираем «Разделить фрагмент», указываем нужное количество фрагментов и нажимаем «ОК».

Как разрезать картинку в Photoshop

Наше меню будет оформлено в виде таблицы из 6 ячеек: в три строки и два столбца. Для этого мы нарезали картинку для меню на 6 равных частей размером 255×100 px. Такой же размер нужно будет проставить для каждой ячейки.

1. Создаем каркас для таблицы. Заходим в режим редактирования новой страницы и делаем таблицу. Открываем ее тегом {| и сразу задаем три важных параметра:

• nopadding — разрешит картинкам соприкасаться
• noborder — скроет видимые границы таблицы
• fixed — позволит задать точные размеры ячеек.

Указываем фиксированную ширину ячеек — 255px 255px (два раза, потому что столбцов тоже два). Дальше устанавливаем места для начала новых строк тегом |- и новых ячеек (столбцов) тегом | . Закрываем таблицу тегом |} и получаем такой каркас:

1. Помещаем картинки в ячейки и задаем для них ссылки . Поочередно открываем в альбоме сообщества нужные части картинки, копируем из строки браузера их id ( photo-12345_12345) , заключаем в двойные квадратные скобки, прописываем размеры 255x100px и тег nopadding для склеивания картинок. После вертикальной черты назначаем ссылку для каждой кнопки. Получаем такой код.

{|noborder nopadding fixed
|~255px 255px
|-

| []
|-
| []
| []
|-
| []
| []
|}

1. Готово! Нажимаем «Сохранить страницу» — и получаем удобное меню для сообщества.

Готовое меню группы в десктопной версии

Готовое меню группы в мобильной версии

Если вы делали меню для группы , то оно будет легко доступно по клику на «Свежие новости» (кстати, эту страничку можно переименовать на «Меню» в режиме редактирования).

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

Чтобы закрепить меню в группе , опубликуйте запись с баннером и ссылкой на вики-страницу от имени сообщества (если опубликовать от своего имени, закрепить страницу будет невозможно). В паблике проблем с закреплением не будет: там можно закрепить запись любого автора.

Как сделать пост со ссылкой на меню в паблике

Как закрепить меню сообщества

Новый редактор статей ВКонтакте и вики-разметка

Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации лонгридов.

Некоторые пользователи решили, что он создан взамен вики-разметки. Но пока такие выводы делать рано, ведь функционал редактора еще достаточно скудный. В нем нельзя редактировать медиафайлы (размер и выравнивание) и делать таблицы, а гиперссылки можно присвоить только тексту. Здесь нет тегов и кода, есть только визуальный режим, как в обычном текстовом редакторе.

Из этого видно, что сделать удобное меню для сообщества или вики-лендинг по-прежнему можно только с помощью вики-разметки. Что будет дальше — время покажет.

Так выглядит интерфейс нового редактора статей ВКонтакте

Что запомнить о вики-разметке

• Стандартный метод создания вики-страниц кропотливый и не очень удобный. Проще всего создать страницу через приложение «Мобивик», «Исходный код» или «Вики Постер».
• Меню сообщества нужно сделать таблицей, чтобы оно аккуратно смотрелось на мобильных устройствах.
• При редактировании вики-страницы в стандартном интерфейсе не стоит переключаться между визуальным режимом редактирования и режимом вики-разметки. Из-за этого может поехать верстка.

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

самое подробное руководство в рунете для группы или публичной страницы. Меню для привлечения посетителей

Если вы активно занимаетесь продвижением своей группы и хотите сделать её более , то вам наверняка известно, что красиво оформленная группа – это очень важный аспект развития вашего бренда, но перед тем, как задуматься об оформление паблика Вконтакте, следует подумать о предназначении своей группы ВК!

Как правило, SMM специалист после завершения создания группы ВК начинает её наполнение. Именно контент способен задерживать людей в группе. Но только необходимо сделать это качественно и грамотно! После того, как в группе будут присутствовать: описания, записи на стену, альбомы с фото и видео, аудио записи, следует приступить к внедрению функционального меню. И пусть в начале пути меню будет не суперски красивым, как мы привыкли наблюдать в начале работы, а довольно простеньким. В первую очередь важна полезность имеющегося контента!

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

Быстрая навигация:

Что такое меню группы

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

Создание меню группы Вконтакте онлайн

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

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

Принцип создания меню можно разделить на несколько шагов:

Шаг 1. Определитесь с шаблоном для оформления.

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

Шаг 2. Определите количество кнопок.

Примите решение о том, сколько кнопок-ссылок на различные страницы будет присутствовать в вашем меню.

Шаг 3. Укажите ссылки и надписи.

Шаг 4. Проверка и экспорт.

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

Шаг 5. Внесений изменений.

Если у вас возникнет необходимость внесения правок, допустим, добавить новых кнопок, исправления ссылок и надписей, изменить оформление, просто перейдите в свой аккаунт, сделайте изменения и произведите экспорт меню заново.

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

Баннер для группы Вконтакте, создать бесплатно!

Есть специализированные сайты, где без особых усилий и программного обеспечения, Вы сможете сделать себе красивый баннер для группы Вконтакте. Например https://bannermakers.ru/banners-vk/ .
Кроме создания меню таким образом есть так же способы сделать меню в группе вк и другим образом. Об этом читайте ниже.

Меню ВК вики разметка

Вики-разметка — отличный помощник в создании красивого и эффективного сообщества! Это очень удобный и эффективный способ оформления паблика в популярной сети «ВКонтакте». Эта разметка по схеме своего действия очень схожа с html кодом. Но для тех, кто не связан с программированием,

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

· Создавать спойлеры и таблицы графическим способом.

· Форматировать изображения и текст.

Итак, перейдем к разбору как же сделать меню сообществу ВК?

Конечно, в процессе оформления меню группы дополнительные рекомендации могут потребоваться, но в целом с принципом создания, можно разобраться и используя данное руководство. Если рассматривать html, то для его исследования и работы с ним нужны провести несколько суток или около недели. Работа же с Вики-разметкой при хорошей памяти потребует только некоторое время. Как же её нужно создавать? Какие нужно применять подходы?

Немного остановимся на ее истории, а затем уже поговорим о технологии. Уорд Каннингем впервые познакомил людей с понятием «вики», которое в переводе с гавайского языка означает «быстрый». Таким образом, он выразил простоту и скорость в использовании разметки.

Быстрое оформление

Теперь мы рассмотрим вопросы: «Как сделать меню в группе в ВК», и уточним, как его эффективно реализовать. В процессе можно пойти несколькими путями, каждый из которых имеет свое направление и приводит к конечной цели – наличие качественного меню группы.

Будем разбираться по порядку. Если группа несет в себе смысл социального направления, то можно внедрить текстовое меню. Его преимущества заключаются в серьезном внешнем виде. Сообществам коммерческого и развлекательного типа желательно определить ставку на меню — графику. Не стоит забывать о том, что существуют уже готовые шаблоны для меню группы вк. Использование изображений обратит внимание посетителей на то, что должно присутствовать на виду. Использование такого подхода даст вам возможность сделать нахождение в группе более увлекательным и расслабляющим. Вики – разметка позволяет сделать меню группы с картинками и фотографиями, делать таблицы, внедрять и открывать ссылки, и многое другое. Конечно, это далеко не весь перечень функций, но и оформлять меню своего сообщества легко и с довольно внушительным размахом.

Основы Wiki-разметки в создании меню для группы ВК

Создать меню группы ВК, красивым и интересным вам позволят тематические картинки и фотографии. Важно знать, что «ВКонтакте» вставить необходимую фотографию или картинку с использованием вики-разметки предоставляется возможным только тогда, когда они уже загружены в альбомы сайта. Итак, заходим в альбом, определяемся с нужной фотографией и копируем её адрес. Допустим, пускай он будет таким: photo14523_90678. Теперь нужно его захватить в двойные квадратные скобки. Должен быть такой итоге: []. А что, если к картинке или фотографии нужно прикрепить ссылку или тект? А может, есть необходимость отредактировать внешний образ? Тогда здесь поможет следующее действие: нужно, чтобы файл имел такой вид — [[ photo14523_90678|options|text/link]], и вместо трех последних слов нужно подставить то, что надо. Text — вписываем то, что нужно. Здесь наверняка дополнительные объяснения будут неуместны. Link в переводе с английского — «ссылка». Обозначается для того, чтобы машина посетителя понимала, куда ей необходимо идти. Options — здесь устанавливаются такие значения:

Noborder — удаляется рамка, расположенная около фотографии. Box — изображение расположено в окне.

Nopadding — пробелы между картинками не отображаются.

NNNxYYYpx или NNNpx — указывают на размер картинки (в пикселя).

Как правило, к текстовому и графическому меню группы вк необходимо встраивать элемент, позволяющий представить информацию в удобном для посетителя виде, а именно таблицы. Без нее обходится мало какое сообщество в «ВКонтакте». Чтобы создать таблицу используя вики-разметку, нужно применять определённый перечень символов. Далее вы ознакомитесь, за какой функционал отвечает тот или иной символ:

{| — обозначение начала таблицы. Обойтись без этого символа при создании таблицы невозможно, он обязательный атрибут.

| — применяется, для придания ячейкам эффекта прозрачности.

|+ — с помощью такого набора символов название таблицы располагают по центру. Это вовсе не обязательный атрибут, но он должен размещаться непосредственно после знаков, что характеризуют начало.

|- — так обозначаются новые строки (также и для ячеек).

Оформляет тёмный цвет. При отсутствии этого символа необходимо применять знак из пункта №2.

|} — набор символов, обозначающий конец таблицы. Это необязательный атрибут. Но применять его всё же рекомендуется, для предотвращения возникновения ошибки.

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

Теперь вы поэтапно изучили информацию как сделать меню в группе вк посредством вики – разметки. На примере составления меню для своего паблика вам станет еще все более понятней.

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

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

Итак, пособие как сделать меню в новой версии ВК быстро и что самое важное без ошибок в коде перед вами. Точно следуя указаниям, вы сможете создать меню сами, правильно и быстро! Начнем!

1. Открываем изображение меню в фотошопе или другом графическом редакторе.

2. Исследуем размер картинки и если он превышает 600пикс по ширине — меняем размер на 600, высота картинки изменяется пропорционально, вручную ее не задаем!

3. Используем инструмент «раскройка» и кроим наше изображение на кнопки.

4. Сохраняем картинку в параметре «для WEB». Теперь работа по фотошоп закончена. Переходим в сообщество.

5. Переходим в настройки сообщества в «Материалы», выбираем «Ограниченные» и жмем «Сохранить».

6. Переходим на главную страницу, во подраздел «свежие новости» кликаем «редактировать».

7. Так мы оказались в Вики редакторе, теперь начнется самая основная деятельность. Изменяем графу «свежие новости» на «меню» или любое иное и кликаем значок фотокамеры, внедряем все нарезанные кусочки из сохраненной папки.

Если вместо кода появляются сразу картинки после входа в редактор вики разметка меню необходимо переключить режим вики разметки!

Теперь перед нами код нашего меню, но его необходимо немного доработать, чтобы удалить пробелы между изображениями. Сейчас наш код выглядит таким образом: [][-][-][-][-]

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

8. Правим код: По умолчанию в вк встроено разрешение на максимальный размер изображения по ширине 400пикс, первая кнопка получается 600, меняем параметры первой кнопки 400x89px на 600рх, высоту указывать не нужен. Так же вписываем в каждую строку такой тег: nopadding обязательно через точку с запятой.

Важно! Не кликайте на ENTER после строк кода если желаете, чтобы у вас две кнопки находились рядом, в одной строке меню. Редактор автоматически перенесет на новую строку те параметры, которые не влазят! Такой код должен быть после правки:

[][-][-][-][-]

Теперь, перейдя в «предпросмотр» мы видим что все находится на своих местах. Добавляем в код необходимые ссылки на каждую из кнопок, для наглядного примера ссылка на первую кнопку здесь некликабельна! Не забывайте убрать лишний пробел между | и ].

[][-][-][-][-]

Убедившись что все сделано, как было задумано, кликаем «сохранить» и возвращаемся к странице. Обратите внимание что в новой версии 2018 отсутствует кнопка «вернуться к странице», поэтому нужно просто кликать на имя страницы вверху.

9. Теперь необходимо закрепить наше меню. Для этого скопируем ссылку на страницу с нашего меню и возвратимся на главную страницу группы.

10. В поле нового сообщения нужно вставить скопированную ссылку. После того как отобразиться кусочек меню ссылку нужно удалить! И посредством значка фотокамеры нужно добавить заранее подготовленное изображение для баннера. Ставим «от имени сообщества», кликая на кружок слева от кнопки «отправить», и жмем на «отправить»

11. Теперь закрепим меню, обновим страницу и оцениваем наш результат. На всю работу, не спеша, затрачивается примерно 15-20 минут.

Как сделать меню в группе ВК с переходами

Теперь рассмотрим, как можно сделать меню группы ВК с переходами.

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

Не забываем кликать на «Сохранить» внизу страницы! При необходимости можно изменить размер изображения и дописать в код тег nopadding, по умолчанию он отсутствует, а размер картинки должен быть максимум 400 пикселей по ширине, если изображение больше нужно исправить его на нужный размер!

1. После правки кода, сохраняем и кликаем «вернуться».

2. Проверяем в правильности отображения первого меню.

3. Если все как надо, снова кликаем «редактировать».

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

Пока ваша только что сформированная страница еще пуста, кликаем «редактировать» либо «наполнить содержанием»

Так же как мы действовали в самом начале, прибавляем отрезки второго меню, сохраняем и смотрим как выглядит новое меню.

Если все так как надо — копируем ссылочку на страницу нового меню в адресной строке вашего браузера.

Допустим, новое меню должно открываться при клике на кнопку «Отзывы» первого меню. Нужно пройти во вкладку где мы формировали первое меню и найти третью строку и вставить ссылку из буфера, сохранится и возвратиться.

Таким образом, при клике на кнопку «Отзывы» будет открываться наше второе меню.

Как сделать меню группы ВК с телефона

Если вам «посчастливилось» работать администратором групп ВК или создавать собственную группу имея в наличие лишь телефон, то если приспособиться, вполне можно сделать меню группы с телефона не испытывая при этом больших усилий.

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

Меню группы Вконтакте шаблоны

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

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

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

Шаг 1. Создаем в фотошопе шапку меню
Создаем в фотошопе документ шириной 600 пикселей. Высота может быть разная, на ваше усмотрение. Вы можете поместить в шапку любую видовую фотографию, коллаж, информационный баннер и прочие графические картинки. В данном сучае я использовала такой вот рекламный баннер размером 600х172 пикселя.

Шаг 2. Создаем в фотошопе строку навигации
Теперь нам надо создать строку навигации. В данном примере я использовала в качестве кнопок только текст. Но на ваше усмотрение можно создать цветные кнопки и уже на них написать текст. Делаем так — создаем в фотошопе прямоугольник 600х56 пикселей и в данном случае заливаем его белым цветом. Потом в строку пишем пункты меню — где-то порядка 5-6 пунктов, не больше. Большее количество пунктов будет смотреться зажато.

Шаг 3. Создаем в фотошопе строку навигации в нажатом состоянии
Теперь нам надо создать активные ссылки, так, как-будто по ним нажали. Я использовала обычное подчеркивание, но можно использовать другой цвет текста или фона для маркировки посещенной ссылки.

Шаг 4. Нарезаем готовые картинки
На данном этапе нам надо нарезать картинки из Шага 2 и Шага 3. У нас должно получиться два комплекта по пять кнопок — одна кнопка без подчеркивания, другая кнопка с подчеркиванием. Кнопки каждого отдельного пункта (с подчеркиванием и без подчеркивания) должны быть одинакового размера. На картинке ниже представлено все наше графическое оформление — десять кнопок и одна шапка меню.

Шаг 5. Создаем Вконтакте страницу Меню
Теперь переходим ВКонтакт. Наша задача — создать отдельную страницу под названием «Меню». Для этого мы воспользуемся таким кодом
http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы
где вместо ХХХ мы подставим id нашей группы, а вместо текста «Название страницы» мы напишем Меню. Теперь надо выяснить id группы. Как это сделать? Заходим на главную страницу группы и смотрим на наши записи на стене — прямо под блоком «Добавить запись» будет написано «Все записи» — нажимаем на эту ссылку.

Шаг 6. Определяем id группы и редактируем код
Переходим на страницу и видим урл такого вида https://vk.com/wall-78320145?own=1 , где цифры 78320145 в данном примере и есть id группы. Подставляем наши данные в исходный код и получаем запись такого вида:
http://vk.com/pages?oid=-78320145&p=Меню (с вашими цифрами!). Вставляем эту строку в адресную строку браузера и нажимаем Enter. Так мы создали новую страницу Вконтакте и изначально она выглядит так.

Шаг 7. Создаем Вконтакте остальные страницы навигации
Аналогичным образом мы создаем еще четыре страницы навигации: Цены, Как заказать, Техзадание и Вопросы. То есть еще четыре раза копируем в адресную строку браузера соответствующий код (с вашими цифрами id в примере ниже мои цифры):

http://vk.com/pages?oid=-78320145&p=Цены

http://vk.com/pages?oid=-78320145&p=Как_заказать

http://vk.com/pages?oid=-78320145&p=Техзадание

http://vk.com/pages?oid=-78320145&p=Вопросы
Обратите внимание, в названии страницы из двух слов (Как заказать) пробел между словами заменен на нижнее подчеркивание Как_заказать. Теперь у нас есть пять готвых страниц под каждый пункт меню. Страницу Портфолио мы не создавали поскольку она размещается на странице Меню

Шаг 8. Загружаем фотографии на первую страницу меню
На созданной, пока еще пустой странице (см. Шаг 6) Меню нажимаем на ссылку Редактировать или на ссылку Наполнить содержанием. После этого мы видим панель редактирования. Здесь нам надо нажать на значок фотоаппарат с функцией Загрузить фотографию. Важно! Обратите внимание на то, чтобы у вас стоял режим wiki-разметки. Переключение режимов регулируется значком у правого края страницы.

Шаг 9. Результат после загрузки картинок
Загружаем наши картинки, которые мы создавали в Шаге 1 и Шаге 2. После загрузки мы видим такой код, как на картинке ниже, а само меню выглядит так. После каждого изменения кода не забываем нажимать Сохранить страницу, а потом нажать предпросмотр для просмотра результата.

Шаг 10. Редактируем код картинок
Теперь наша задача заменить все свойства noborder на свойство nopadding. А у первой картинки проставить реальные размеры, поскольку Вконтакт при загрузке ужал картинку до 400 пикселей. После всех изменений мы должны получить такой код и такое меню.

Шаг 11. Проставляем ссылки для картинок
Теперь мы должны проставить ссылки для каждой картинки. Ссылку надо вставлять после nopadding| вместо пробела перед закрывающими скобками. Для первой картинки (шапка меню из Шага 1) можно дать ссылку на главную страницу группы, а можно воспользоваться свойством nolink (ставится через; после nopadding без пробелов). Для второй картики вставляем адрес страницы формата page-78320145_49821289 . То есть полный урл картинки https://vk.com/page-78320145_49821289 , до первую часть с доменом можно опустить. А вот для ссылок на внешние сайты урл ссылки надо указывать полностью.

Шаг 12. Копируем код на остальные страницы навигации
На этом, достаточно простом шаге, мы копируем последний код из предыдущего шага и вставляем его на остальные созданные страницы — Цены, Как заказать, Техзадание и Вопросы. Находимся на странице, нажимаем Редактировать или Наполнить содержанием (находимся в режиме wiki-разметки), вставляем код и нажимаем Сохранить. И потом также на следующей странице. То есть сейчас у нас есть пять страниц, на каждой из которых меню выглядит абсолютно одинаково. Но зато уже можно осуществлять навигацию по меню — при нажатии на ссылку например Цены, мы переместимся на страницу Цены итд.

Шаг 13. Делаем эффект нажатой кнопки
Теперь нам предстоит на каждой из пяти страниц поменять одну картинку (кнопку без подчеркивания заменим на кнопку с подчеркиванием). Например, на первой странице Меню мы загружаем новую картинку и потом заменяем в коде адрес старой картинки на новый (подчеркнуто красным). Потом переходим на страницу Цены, загружаем картинку с подчеркнутыми Ценами и меняем в коде на адрес новой картинки. Потом заходим на страницы Как заказать, Техзадание и Вопросы и делаем туже самую операцию аналогичным образом.

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

Меню оформленное таким образом не адаптировано под мобильные устройства. При уменьшении размера экрана картинки начинают съезжать одна под другую. Для того чтобы сделать адаптивный дизайн, нужно использовать таблицы для жесткой версти. Но это уже другая история и более продвинутая техника. А пока посмотрите на различные варианты графического формления меню.

Ни для кого ни секрет, что Париж является самым романтичным городом. И ведь не зря его так называют. Чего только стоит Эйфелева башня, Нотр-Дам де Пари, прогулка по реке Сена. Список мест, которые являются культурным наследием столицы Франции, можно продолжать до бесконечности. Фестивали, праздники, мероприятия, выставки притягивают большое количество туристов.

История Парижа

Необычное очарование Париж приобрел именно благодаря историческим событиям. Остров Сите сыграл главную роль в возникновении Парижа. В III до н. э. на острове жили кельтские галлы из племени паризиев. Поселение называлось Лютеция, что в переводе означало “болотистое место”. До 52 года до н. э. галлы оборонялись от римлян. Противостояние дошло до того, что при очередной попытке римлян подойти к городу, галлы сожгли Лютецию. В этом же году армии Юлия Цезаря всё-таки удалось установить контроль над галлами.

После принятия христианства, Хлодвиг I, в 486 году нашей эры, завоевывает город. Париж становится столицей Франции. Но при правлении Каролингов, центр империи перемещается на восток. Жители города самостоятельно борются с набегами викингов. Защитой для местного населения служил остров с укреплениями.

Род графа Одо положил конец династии Каролингов. Королем был избран Гуго Капет, Париж вновь стал центром Франции. Филипп II Август внес огромный вклад в преобразование города. Появились мощеные улочки, фонтаны, началось возведение крепости Лувр, строились новые церкви.

После Великой Французской революции Франция была провозглашена республикой. Но из-за постоянных войн и революций Париж буквально погряз в нищете.

Современный облик столица Франции приобрела благодаря барону Осману: просторные улочки, перестройка острова Сите.

Последние штрихи в Париж были привнесены в XIX-XX вв. В Париже дважды проходят Олимпийские игры — 1900 и 1924 года.

Районы Парижа

Выделяют 20 административных округов.

В этом округе расположен Луврский дворец. Если окажетесь в этом районе прогуляйтесь по саду Тюильри, загляните на Вандомскую площадь. Бюджетный турист вряд ли сможет остановится в данном районе, слишком высокие цены за комнату в отеле. Но если Вы готовы заплатить кругленькую сумму за проживание, то Вас ждёт масса культурных мероприятий.

Множество банков и бизнес-центров сосредоточены в округе. Главная достопримечательность — Бастилия. Если Вы настроены на веселый уик-энд, то этот район не для Вас. Цены здесь более приемлемы, чем в первом округе.

1. Тампль

Название округа говорит само за себя. Замок Тампль является исторической ценностью города. В округе живет в основном интеллигенция и аристократические слои населения.

Цены на отели значительно отличаются от предыдущих.

1. Отель-Де-Виль

Этот район — центр культурного наследия Парижа. Собор Парижской Богоматери, площадь Бастилии, музей Виктора Гюго. В отелях Вам будут предложено всё необходимое для комфортного проживания.

1. Пантеон

Этот округ связывают с римскими воинами, мушкетерами, Французской революцией. Сорбонна, Пантеон, ботанический сад, арены Лютеции — на всё это можно посмотреть в данном округе. Стоимость проживания не отличается от предыдущего округа. Туристам предлагают заселиться в отель, расположенный в здании с 400-летней историей.

1. Люксембург

В этом округе не так много памятников. Одним из излюбленных местом горожан является Люксембургский сад. Жители района предлагают туристам ночлег в своих квартирах. Район спокойный, хотя расположен в центре Парижа.

1. Пале Бурбон

Самый популярный район Парижа. Причина всему — Эйфелева башня! Молодой район с политическим статусом округа Парижа. Отели здесь не из дешевых. Стоимость увеличивается в зависимости от месторасположения отеля к Эйфелевой башне.

1. Элизе

Округ на правом берегу реки Сена. Триумфальная арка и Елисейские поля являются основными пунктами, которые посещают туристы. Престижный, значит дорогой. Будьте готовы к денежным затратам.

1. Опера

Тишина и спокойствие – главное отличие района. Округ востребован среди шопоголиков. Округ Опера уже не центр, цены на жилье ниже.

1. Антрепо

Улица “Красных фонарей” и эмигранты придали сомнительную репутацию этому району. Это рай для бюджетного туриста, который с легкостью найдет дешевый отель или хостел.

1. Попинкур

Любой подросток будет рад оказаться в этом районе. Здесь кипит клубная жизнь. Из-за наличия ночных заведений найти в этом районе ночлег для туриста не составит труда.

Вы устали от городской суматохи и постоянного движения? Отправляйтесь в округ Рёйи с Венсенский садом. При выборе отеля или апартаментов, обратите внимание, чтобы он не был расположен на границе 12 и 20 округов.

1. Гобелен

Округ, где зарождалась авиация и автомобилестроение. Цены на отели невысокие, а для туристов — одиночек есть отличный вариант — хостелы.

1. Обсерватория

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

1. Вожирар

Спальный район. Здесь Вы не встретите толпу туристов, дорогих магазинов, баров и клубов. Отсутствие популярности среди туристов никак не влияет на гостиничный бизнес.

1. Пасси

Триумфальная арка, музей Бальзака и подделок — всё это собрал в себе округ Пасси. Культурное наследие в сочетании с дорогими магазинами и ресторанами могут сильно ударить Вам по кошельку.

1. Батиньоль-Монсо

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

1. Монмартр

Пабло Пикассо и Ван Гог — визитная карточка района. Здесь можно остановиться в отдельных апартаментах или молодежном хостеле.

1. Шомон

Навряд ли данный район заинтересует Вас, если только Вы не любитель современной науки.

1. Менильмонтан

В этом районе Вы не встретите толпы туристов. Здесь не на что смотреть. Если только Вас не интересуют эмигранты и кладбищенские надгробия.

Музеи

Эйфелева башня бесспорно считается главной ценностью Парижа. Но быть в Париже и не посетить музеи — верх неприличия.

Лувр

Самый популярный среди туристов музей. Точное количество картин, экспонатов и статуй в Лувре не сосчитать. Картина выставляется на 3 месяца. Затем её убирают для сохранности.

Для лучшего восприятия информации музей “поделили” по частям:

• 1 этаж — античные залы, включая искусство Востока и Египта;
• 2 и 3 этаж — живопись и прикладное искусство;
• северное крыло — французские произведения искусства;
• южное крыло — итальянское искусство, включая Джоконду;
• на цокольном этаже Вы буквально прикоснетесь к истории Лувра.

Музей человека

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

В Музее человека представлено 4 основных коллекции:

• основные этапы развития человека;
• рост мирового населения;
• многообразие биологии;
• этнос Африки, Америки, Азии и Арктики.

Музей Орсе

Некогда железнодорожный вокзал, музей Орсе является на сегодня одним из часто посещаемых музеев Парижа.

В музее выделено 5 коллекций:

• Живопись
• Скульптуры
• Декоративно-прикладное искусство
• Графическое искусство
• Архитектура

Сам музей уже является неким экспонатом. Также в музее есть кафе, где можно перекусить между просмотром.

Музей Родена

Музей — особняк с огромным садом вокруг. Скульптор Огюст Роден пожертвовал Франции свои работы с условием, что в доме, где он живет, будет открыт музей. Для работ возлюбленной Родена выделен отдельный зал, как и для работ самого Родена. Не забудьте посетить часовню, в которой также представлены работы Родена.

Музей современного искусства

Экспонатов в музее насчитывается более 8 тыс. Инсталляции современного периода, созданные после 1960 года, можно встретить на первом этаже. Тут же расположены и произведения исторического периода. Второй этаж музея выделен для временных выставок.

Музей Средневековья

Музей расположен в особняке Клюни XV века. Здесь Вы не найдете кафе и разделение экспонатов по коллекциям. В облике музея смешалось несколько архитектурных направлений, что отразилось и на внутреннем облике. “Дама с единорогом”, “Шахматисты”, статуи царей Иудеи и Израиля являются изюминкой данного музея.

Музей Оранжери

Музей знаменит работами Клода Моне “Кувшинки”, которые занимают второй этаж. Восемь картин расположены рядом по желанию самого автора. На первом этаже выставлены работы д»Орсе. Также в музее представлены работы Анри Матисса, Поля Гогена, Сислея, Руссо, Дерана и многих других.

Исторические памятники и сооружения

Когда в Париже солнечная погода, советую просто погулять по городу. Париж пропитан духом истории, который выражен в архитектурных строениях.

Эйфелева башня

В 1909 году планировалось разобрать башню из-за недовольства местных жителей. Но как только поняли, что башня привлекает деньги, желание разобрать больше ни у кого не возникало. Эйфелева башня — самое высокое сооружение Парижа и пятое по высоте во Франции. Каждые 7 лет башню перекрашивают. Цвета подобраны так, чтобы она гармонично смотрелась на фоне неба. Удивительно, но башня была окрашена в желтый, красно-коричневый. Каждый слой краски увеличивает вес башни, а антенны “удлиняют” Эйфелеву башню.

Подземные каменоломни

Вход в катакомбы начинается с павильона около метро Данфер-Рошро. Вас ждут тоннели и пещеры, протяженностью до 300 км, места погребения более 6 млн. человек. Если Вы любитель острых ощущений, то прогуляйтесь по катакомбам.

Мост искусств

Самое примечательное на мосту — это множество замочков на конструкции, оставленных местными жителями и туристами. С моста открывается великолепный вид на Лувр с одной стороны и на купол Института Франции и макушку Эйфелевой башни с другой стороны.

Пон-Нёф

Старейший мост Парижа, соединяющий набережные Лувра и Конти. По середине он пересекает остров Сите. Пон-Нёф стал первым мостом, на котором не строили дома, что вызвало массу негатива у торговцев. Отсутствие сооружений было связано с желанием Генриха IV. Он не хотел, чтобы громоздкие здания закрывали вид на Лувр.

Арены Лютеции

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

Триумфальная арка

Арка является таким же символом Парижа как и Эйфелева башня. Расположена она на площади Шарля де Голля. Внутри арки-музей, со смотровой площадки открывается великолепный вид на город.

Мост Александра III

Вы уже поняли, что мосты для Парижа представляют историческую ценность. Небольшая высота моста Александра III не закрывает вид на Елисейские поля.

Дворцы

Дворцы в Париже построены по индивидуальным проектам, отвечающих требованиям будущих владельцев. Каждый дворец несет в себе уникальность и частичку истории города.

Тюильри

В центре Парижа, при правлении французов, Тюильри представлял из себя комплекс из центрального корпуса, часов и смежных павильонов Марсан и Флоры. Но после поджога коммунарами, в 1871 г., дворец полностью сгорел. Восстанавливать дворец никто и не собирался. Уцелели лишь павильоны и переходы с Лувром.

Елисейский дворец

На сегодня дворец является резиденцией президента. Высокий забор, 2 закрытых входа — это всё, что может увидеть турист в обычный день. Раз в год двери дворца открываются для всех желающих. Большинство дверей дворца закрыты даже в этот день, но те помещения, что будут доступны не оставят Вас равнодушным.

Люксембургский дворец

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

Большой дворец

Здание видно с любой смотровой площадки Парижа. Во дворце проводятся выставки, на меньшей территории расположен “Музей открытий и изобретений”. В Большом дворце прошла самая дорогая выставка Пикассо.

Бурбонский дворец

Во дворце заседает Национальное собрание Франции, перед входом на посту стоят гвардейцы, 12 колонн, поддерживают треугольный фронтон. Ещё и библиотека с ценными рукописями и книгами. Этого хватит, чтобы посетить данный музей.

Версаль

Дворец является частью дворцово-паркового комплекса. Внутреннее убранство представляет собой обилие роскошных и неповторимых произведений искусств. Этот дворец стал прототипом ансамбля в Петергофе. Падение монархии привела к упадку дворца. Реставрация началась после революции. В 2003 г. была объявлена 13-летняя реставрация Версаля.

Консьержери

Часть Дворца правосудия в западной части Сите сегодня, и бывший замок королей Франции и тюрьма в прошлом. В этом здании ждала смертного часа Мария-Антуанетта, судили Эмиля Золя и был вынесен приговор шпионке Мате Хари.

Религиозные сооружения

Средневековые здания Парижа носят религиозный характер. Чтобы посетить все сооружения не хватит года.

Собор Парижской Богоматери

Иначе Нотр-Дам де Пари, собор был свидетелем многих исторических событий. Готический стиль собора приковывает внимание туристов. Если посмотреть наверх, то Вы увидите горгулий и химер. Чтобы их рассмотреть повнимательнее, Вам придется преодолеть более 100 ступенек.

В данный момент собор находится на реставрации после пожара.

Базилика Сакре-Кёр

Храм стоит на самом высоком холме Парижа. Построен из минерала, который белеет от воды. С холма открывается захватывающий вид на Париж.

Пантеон

Храм олицетворяет всех богов Рима. Их единство проявляется в одном окне в куполе Пантеона. Из-за отсутствия окон в снежную погоду можно наблюдать завихрения из единственного отверстия.

Сен-Этьен-дю-Мон

Церковь сочетает в себе несколько архитектурных стилей. Если смотреть по уровням, то первый отделан под классику, второй — барокко, заканчивается всё крышей в готическом стиле.

Парижская соборная мечеть

Мечеть с хамамом, современным ресторан и чайной. Строилась она в честь мусульман, воевавших в Первую мировую войну. Еврейские семьи укрывались в ней от расовых гонений.

Парки

Архитектурных сооружений в Париже бесчисленное множество. Парки также представляют историческую ценность для столицы Франции.

Парк Монсо

Парк в английском стиле отличается от типичных парков Парижа. Статуи стоят в хаотичном порядке. Вы увидите уменьшенные копии египетской пирамиды, китайской крепости и ветряной мельницы Голландии.

Бют-Шомон

Парк пользуется популярностью у местного населения и туристов. Бют-Шомон расположен в карьере, из которого добывали минералы для строительства зданий Парижа. Устройте пикник среди экзотических деревьев или посетите местный ресторан.

Елисейские поля

Главная улица Парижа, на которой проходят парады. Шопоголики со всего мира приезжают за покупками в Париж. Местным не по карману снять здесь жилье, все здания заняты под бутики, офисы и рестораны.

Булонский лес

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

Сад Тюильри

Это сад отличное место для неспешных прогулок среди ровно посаженных деревьев. Парижский стиль сада перекликается со статуями XX века.

Культурные достопримечательности

Что ещё можно посмотреть в Париже? Нельзя упустить из внимания следующие ценности Парижа.

Дефанс

Деловой квартал Парижа. Подходящее время для туристов считается утро. Совершите прогулку по пешеходной зоне с фонтанами, посетите музей.

Опера Гарнье

Для культурного насыщения стоит посетить оперный театр, где выступали Шаляпин и Лифарь.

Центр Помпиду

Третий по посещаемости после Эйфелевой башни и Лувра. Это микс искусства современности, выставок, залов для концерта, включая библиотеку.

Галерея Лафайет

Поток туристов, шопоголики, бутики объединяются в магазине Лафайет. Под Рождество устанавливают пышную ель, которая становится всеобщей любимицей.

Шекспир и компания

Книжный магазин с великолепным видом на Нотр-Дам. Здесь книги повсюду, куда не посмотри. Разрешено читать книгу не меньше 2-х часов.

Мулен Руж

Канкан и красная мельница являются визитной карточкой кабаре. Здесь запрещается курить и фотографировать, и столик бронируйте заранее.

Площадь Бастилии

Раньше здесь была тюрьма Бастилия. Тюрьму снесли, вместо неё построили оперу. На площади часто устраивают шумные мероприятия.

Сорбонна

Первое учебное заведение Парижа, которое до сих пор привлекает студентов со всего мира.

Бульвар Капуцинок

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

Диснейленд

Мечта большинства детей и не только. Аттракционы, парки, сказочные герои, магазины сувениров. Это лишь малая доля. Лучше увидеть вживую мир сказки и исполнения желаний.

Памятка туристу

• Есть список книг, которые стоит почитать перед поездкой в Париж.
• Составьте план перемещений, выделив интересующие Вас места.
• Небезопасно находиться в 19 и 20 округе, особенно одиноким девушкам.
• Обменные пункты берут комиссию, уточняйте заранее.
• Перед походом в магазин уточните его режим работы.
• Нет времени на долгий перекус — скажите официанту, еду принесут гораздо быстрее.

Заключение

Париж-одно слово, а в голове уже мысленно гуляешь по улочкам, пьешь кофе с круассаном, слушаешь музыку. В Париже любой турист найдет себе развлечение. Музеи, парки, дворцы, фонтаны и много чего интересного ждёт Вас в самом романтическом и необыкновенном городе Франции.

Приветствую, дорогие друзья и гости блога. Сегодня поговорим про создание менюшек в ВК и как это делать в новом дизайне социальной сети. Есть реально существенные изменения, о которых надо знать так как если меню сделано в старом дизайне, о котором я писал , то картинки могут покоситься.

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

ВАЖНО: После смены общего дизайна в ВК, сменились и размеры картинок для меню в соц.сети. Проверьте свои работы и внесите изменения в группах о которых пойдет речь далее.

Виды меню и их особенности

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

• для информационной площадки;
• ;
• для обучающей площадки.

Основная часть относится к информационным. Это те сообщества, где пользователю предоставляется какой-либо развлекательный или познавательный контент. Для такой группы целесообразнее всего использовать меню с отображением главных тем. Так, популярные паблики создают разделы: новости, последние публикации, популярные публикации, а также разделы конкретно по тематике группы.

Меню торговой и обучающей пабликов могут быть схожими. Цель и того, и другого – помочь своему пользователю сориентироваться в ассортименте товаров или услуг. Меню для продаж, как правило, включает такие разделы, как Каталог товаров, Оплата, Доставка, Акции и скидки, а для обучения может ограничиться разделами с описанием услуг, так как здесь главное – чтобы пользователь нашел нужную ему обучающую программу или материал.

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

Весь процесс можно разделить на 2 этапа:

• Работа в фотошопе;
• Добавление разделов и картинок в самой группе.

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

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

К выбору или созданию аватарки следует отнестись со всей серьезностью, так как многие пользователь обращают на нее особое внимание. Подходящую картинку можно найти в Интернете и добавить к ней надпись или какие-либо элементы в Фотошопе, а можно самому сделать абсолютно уникальное изображение.

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

Алгоритм действий:

• Открываем Фотошоп и заходим в «файл» — «создать» и устанавливаем ширину и высоту: 760X500 соответственно.

• Выбираем инструмент «раскройка», а затем – «разделить фрагмент». Делим изображение на 3 части по горизонтали. Для фрагмента с левого или правого края в выпадающем окне (в зависимости от того, какую часть хотите видеть на аватарке) пишем значения ширины и высоты – 200XXи Y) – 560 и 0. Это будет аватарка группы.

• Для следующего фрагмента устанавливаем значения ширины и высоты – 50X500, а в координатах пишем 510 и 0. Это пространство между аватаркой группы и меню. Данная часть в дальнейшем не понадобится.

• Снова выбираем «разделить фрагмент» и делим по вертикали на 2 части. Для фрагмента сверху устанавливаем значения: ширина – 510, высота – 182, координаты – 0. Это пространство над меню. Данную часть также не будет видно в группе.

• Теперь копируем на созданный и разделенный объект выбранную или созданную картинку. Если горячие клавиши CTRL+V не поддаются, просто откройте место на компьютере, где сохранено изображение, и перетащите его в Фотошоп.

• Оставшееся пространство делим по вертикали на такое количество фрагментов, сколько разделов будет в меню. Для них значения можно не устанавливать.
  Пишем название каждого раздела.

• Последний шаг – сохранение изображений. Необходимо сохранить картинки так: файл – сохранить для Web. Этот способ подойдет для более поздних версий Фотошоп. Если в разделе «файл» надписи «сохранить для Web» нет, значит, поступаем следующим образом:

Заходим в пункт «файл», выбираем «экспортировать» — «сохранить для Web». Все параметры оставляем как есть. Снова жмем «сохранить».

Выбираем папку на компьютере и сохраняем туда изображения. Они должны выглядеть в итоге вот таким образом:

Теперь приступаем ко второму этапу, чтобы точно разобраться, как создать меню в группе Вконтакте – непосредственно добавлению меню в паблик. Для этого:

• В первую очередь нужно подключить Материалы, так как добавлять какие-либо разделы на главной странице можно только так. Чтобы сделать это заходим в Управление сообществом и в самом низу страницы выбираем «Материалы», а затем – «открытые». Сохраняем изменения.

• Загружаем все фотографии в группу, кроме аватарки и тех частей, которые не понадобятся. Чтобы фотографии отобразились на главной странице нужно зайти снова в Управление сообществом и нажать напротив вкладки «фотографии» — «открытые».
• Загружаем аватарку.
• Следующий шаг- включение режима wiki-разметки. Сделать это можно, нажав иконку с ромбиками в правой части страницы в разделе «редактировать».

• Здесь же вставляем код для разметки: [], где [] — ссылка на раздел или страницу, куда будет осуществляться переход путем нажатия на фотографию. Можно добавлять, как ссылки на разделы в самом Вконтакте, так и на внешние ресурсы.
• Данный код дублируется столько раз, сколько разделов в меню, каждый раз вставляя ссылки.
  При желании меняем также вкладку «свежую новости», например, на «меню.

• Жмем «сохранить страницу», возвращаемся в главный раздел группы и обновляем страницу. Меню по умолчанию закрытое, но пользователь, нажав на соответствующее название, сможет открыть его разделы и перемещаться по ним.

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

Сервисы для создания меню группы

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

Одним из наиболее популярных сервисов является MenuMake. После подачи заявки заказ будет готов уже через 5 минут, а затем по желанию меню будет добавлено в группу. При этом учитываются все пожелания заказчика по дизайну и количеству разделов.

С уважением, Галиулин Руслан.

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

Какой размер меню группы Вконтакте?

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

В предыдущей статье про оформление групп Вконтакте мы подробно рассмотрели размер разных элементов (аватарок и прочего), рекомендую с ней ознакомиться. Но, как говорится, «повторение – мать учения», и поэтому ниже на картинке можете ознакомиться с правильными размерами всех элементов группы Вконтакте.

Как правило, меню группы Вконтакте состоит из двух элементов: картинки, при нажатии на которую появляется меню и самого меню. Закрепленная картинка в описании группы с меню или без него, должна составлять по ширине от 510 пикселей, а высота должна быть равной ширине или меньше – это уже с учетом нового дизайна.

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

Как вставить картинку в описание группы Вконтакте?

Элементарно. Достаточно взять подходящее изображение нужного размера и добавить его на стену группы от имени сообщества.

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

Но если хотите создать уникальное и красивое изображение для описания группы Вконтакте – нужно воспользоваться программой Фотошоп. На самом деле, это не так сложно, как может показаться новичку. Но потратить свое время на его изучение придется. Могу порекомендовать Вам замечательный видеокурс — «Фотошоп с нуля в видеоформате 3.0 ». С помощью него Вы быстро освоите эту программу.

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

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

1. Первое, что нам нужно сделать – это зайти в настройки группы и активировать раздел «Материалы». Значение следует выставлять на «ограниченные» или «открытые».


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


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



Картинка была разрезана с помощью инструмента в Фотошопе «Раскройка», а затем сохранена. Каждая из выделанных частей стала отдельным изображением.

4. Затем нужно создать альбом для фотографий на своей личной странице Вконтакте. Этот альбом можно даже делать полностью закрытым. После создания альбома, залейте в него все части нашего изображения.


5. Далее зайдите в свою группу и в разделе свежие новости нажмите на кнопку «Редактировать».


6. После этого откроется страница, которой можно дать произвольное название и записать следующий текст в квадратных скобках. Далее нажмите на кнопку «Сохранить страницу».


7. Затем снова переходите на страницу своей группы или обновите ее (если она уже открыта). Нажмите на ссылку «Открыть меню». После этого появится дополнительная ссылка на страницу, которую мы создали. Нажмите на нее.


8. Далее эта страница откроется. Так как она была только что создана, в ней ничего нет и нам нужно ее наполнить. Нажмите на ссылку «Наполнить содержанием».
9. Далее пишем следующий код, так как на картинке ниже. В нем нужно указывать номер фото (для этого можно открыть фотографию, загруженную в свой альбом и скопировать ее адрес вроде этого «photo15535684_427525646»), размер фотографии (его можно узнать в свойствах фотографии), а также указать ссылку, на которую ведет эта фотография.


10. Чтобы убедиться, что мы все правильно сделали, нажимаем на кнопку «Предпросмотр». Ниже кода появится сделанное меню группы Вконтакте. Если все отображается правильно, то жмем на кнопку «Сохранить», а если нет – то ищем и исправляем ошибки.


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


12. Затем открываем нашу созданную страницу со сделанным меню группы Вконтакте и копируем на нее ссылку. Чтобы правильно скопировать ссылку, нужно нажать «Редактировать страницу». После этого появится написанный ранее код и можно будет скопировать адрес из строки браузера, который должен выглядеть так: «https://vk.com/page-119301077_51764020».
13. Далее заходим в нашу группу и в форме отправки сообщений вставляем скопированный адрес меню. А затем и фотографию, которая будет заставкой. После этого нажимаем на кнопку «Отправить».
14. Теперь осталось только закрепить эту запись. Сделайте это также, как сделал я на картинке ниже.


15. Вот так будет выглядеть наше сделанное меню для группы Вконтакте. Если хотите посмотреть его лично, то вот

самое подробное руководство в рунете для группы или публичной страницы. Полный мануал по вики-разметке вконтакте

На вопрос «как создать меню для группы ВКонтакте» есть три основных варианта ответа: заказать у специалиста, создать с помощью онлайн-конструктора или повозиться, вникнуть в некоторые тонкости вопроса и сделать все самостоятельно.

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

Итак, вот три пути создания меню:

У каждого из них, разумеется, есть свои достоинства и недостатки. Ниже мы расскажем о первых двух чуть подробнее. А для тех, кто все-таки решит пойти по третьему пути и сделать все самостоятельно, мы написали подробный гайд (инструкцию).

Кстати, для тех, кто предпочитает получать информацию через видеоролики, а не читать длинные тексты, есть видео:

Путь #1. Заказать создание меню у дизайнера-специалиста

Плюсы этого способа — относительная быстрота и минимальное участие с вашей стороны. Минусы — самая высокая цена и шанс получить красивое, но неправильное меню (об основных ошибках при создании меню мы подготовили ). Кроме того, нужно еще найти исполнителя. Тут мы можем рекомендовать искать его на сервисе kwork.ru , в разделе «Дизайн групп в соцсетях».

Путь #2. Использование онлайн-конструктора

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

Путь #3. Сделать все самостоятельно

Плюсы этого пути очевидны: он бесплатен, а вы преобретаете новые умения. Минусы такие: вам необходимы некоторые умения и довольно много времени (в первый раз). Вот, что вам необходимо:

• Уметь уверенно пользоваться графическим редактором. Например, PhotoShop. При изготовлении меню вам нужно будет сначала сделать изображение правильных размеров (до пикселя, никаких «примерно»!), а затем правильно его нарезать (разбить на фрагменты)
• Уметь вникать в инструкции и читать их внимательно
• Не сдаваться и не отчаиваться, если что-то не получается с первого раза

Если вы считаете, что вам все это по плечу, то давайте приступим.

Шаг #0. Общие сведения о том, как устроены меню групп ВК

Меню для группы делают из wiki-страниц, создание которых поддерживает ВК. Вики-страницы — это специальные страницы, которые можно создавать только в пабликах. От обычных постов они отличаются тем, что в них можно применять так называемую wiki-разметку. Эта разметка — специальный код, который преобразовывается в объекты дополнительного форматирования. Чтобы было понятнее, поясним. Например, в обычных постах вы можете использовать только простой текст, а вики-разметка позволяет выделять части текста жирным или курсивом. То есть, она вводит дополнительные возможности оформления. В частности — возможность размещать изображения, при нажатии на которые пользователь будет перенаправлен по ссылке. Именно эти дополнительные возможности форматирования и используются для того, чтобы делать меню пабликов ВК. Как именно это делать мы расскажем ниже.

Шаг #1. Подготовительный этап

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

Итак, вы создали новую группу. Давайте теперь узнаем идентификатор (ID) вашей группы. ID группы — это ее уникальный номер ВКонтакте. Зайдите в свою группу и нажмите на «Записи сообщества» (если записей в группе нет, то вместо «Записей сообщества» будет «Нет записей»). В Вы перейдете на новую страницу с адресом такого вида:

https://vk.com/wall-XXX ?own=1

Вместо XXX у вас будет набор цифр (и только цифр!). Это и есть ID вашего сообщества. Например в нашей тестовой группе это 154457305.

Теперь давайте создадим в группе новую вики-страницу. Для этого составим ссылку такого вида:

http://vk.com/pages?oid=-ID_группы &p=Нaзвание_страницы

http://vk.com/pages?oid=-154457305 &p=Меню

Откройте получившуюся у вас ссылку в браузере (скопируйте ее в адресную строку браузера и перейдите по адресу). Все, вы создали вики-страницу с названием «Меню» (если, конечно, указали «Меню» в качестве названия страницы в ссылке). Вы должны видеть такой текст: «Страница Меню пуста. Наполнить содержанием». В правом верхнем углу есть иконка-«карандаш» (). Нажмите на нее, чтобы перейти к редактированию страницы.

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

Обратите внимание на две вещи. Во-первых, слева от кнопки переключения режимов редактирования есть кнопка вызова справочной информации по wiki-разметке (). Очень полезная вещь, особенно для начинающих. Второй момент, на который нужно обратить внимание — это адрес вики-страницы. В адресной строке вашего браузера вы увидите что-то такое:

http://vk.com/page- ID_группы _XXX ?act=edit&section=edit

Часть адреса до знака «?» — это адрес вашей вики-страницы. Запишите его где-нибудь: в ВК нет возможности посмотреть список ваших вики-страниц и ссылок на них. Чтобы перейти на нужную, вам необходимо знать ее адрес или снова воспользоваться ссылкой создания вики-страницы. При использовании последнего способа имейте в виду, что страницы, если они уже существуют, не пересоздаются.

Шаг #2. Делаем простое меню для группы ВКонтакте

Итак, у нас есть созданная вики-страница «Меню». Перейдите в режим разметки редактора и добавьте следующий код:

Нажмите на кнопку «Предпросмотр», которая находится снизу редактора. Вы должны увидеть список из трех ссылок. Первые две — внешние и ведут на главные страницы «Яндекса» и Google соответственно. Третья ссылка — внутренняя. Она ведет на паблик ВК с ID «1» (это официальная группа ВК для разработчиков). Если у вас в предпросмотре отображается вас код, а не ссылки (на которые можно нажимать) — значит вы ввели код в режиме визуального редактирования , а не в режиме разметки. Будьте внимательны!

Обратите внимание, что внешние ссылки в вики-коде ВК оформляются одинарными скобками, а внутренние — двойными. При этом внутренние ссылки ВК указываются не как привычный адрес веб-сайта, а как указатель на тот или иной объект ВК. Например, указатель на группу имеет такую форму записи:

clubID_группы

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

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

А сейчас давайте разберемся как и где можно использовать вики-страницы.

Шаг #3. Где можно размещать вики-страницы ВКонтакте

Основных мест два: вы можете создать пост со ссылкой на вики-страницу или разместить ее в разделе «Материалы» вашего сообщества.

Начнем с первого варианта. Начните добавлять новую запись на стене своей группы. Сначала прикрепите к ней любую фотографию. Лучше взять достаточно большую фотографию у которой ширина больше высоты. Затем вставьте в текст создаваемой записи ссылку на созданную вами вики-страницу с простейшим меню. Именно ее мы просили вас записать чуть раньше. Напомним, что ссылка имеет такой вид (у вас будут другие цифры ):

http://vk.com/page-121237693_72827423

Теперь удалите текст ссылки из поля ввода. Сама ссылка под фотографией от этого не исчезнет. Но если вы оставите в текстовом поле адрес ссылки, то он будет отображаться как текст в посте. Опубликуйте пост, перезагрузите страницу браузера с главной страницей вашей группы и закрепите созданный пост. Еще раз перезагрузите страницу. В результате этих манипуляций у вас должно получиться что-то такое:

Нажмите на фотографию в закрепленном посте: должна появится ваша вики-страница с простейшим меню группы.

Итак, мы узнали, что вики-страницы можно прикреплять к постам. В частности — к закрепленному посту. Второе место, где можно использовать вики-разметку это раздел «Материалы».

Перейдите в настройки сообщества и найдите там управление разделами (сервисами) сообщества. Отметьте «Материалы» как «Ограниченные». Теперь в верхней части главной страницы вашего сообщества появится новый пункт. Он располагается справа от пункта «Информация». При первом включении материалов в группе этот пункт по умолчанию называется «Свежие новости». Вот как это выглядит:

Перейдите в этот новый пункт. Нажмите на плашку «Редактировать». В результате вы окажитесь в уже знакомом вам редакторе вики-страницы. Единственное отличие — тут есть поле ввода названия страницы. Поменяйте его со «Свежих новостей» на «Меню2». В режиме редактирования разметки введите следующий код:

«»»Вариант меню для раздела «Материалы»»»»

[]

Сделайте предпросмотр (должны появится уже знакомые нам ссылки) и сохраните страницу . По сути, эта страница — главная (корневая) вики-страница вашей группы. Правда, никакого особого практического смысла в этом ее отличии от остальных вики-страниц нет.

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

Мы узнали, что меню можно размещать в двух местах. Предпочтительнее сделать его и в виде закрепленной записи и в разделе «Материалы». Помните о двух нюансах:

• Закрепленную запись увидят 98% ваших посетителей, а в раздел материалы попадут только 25-40% самых любопытных, а также преданные старые пользователи вашей группы, которые знают, что там находится что-то полезное.
• Закрепленную запись с картинкой для вызова меню можно дополнить текстом. Таким образом вы не потеряете эту возможность закрепленной записи. Но переусердствовать тоже не стоит: чем больше текста, тем ниже будет ссылка на открытие вашего меню.

Вики-разметка — не самый мощный инструмент и не самый удобный. Его функционал сильно ограничен. Кроме того, он разрабатывался на заре развития «ВКонтакте» и исключительно для его браузерной версии на стационарных компьютерах и ноутбуках. Поэтому его работа в приложении и на мобильных устройствах лучше всего описывается выражением «как бог на душу положит». К сожалению, ничего лучше в ВК пока нет.

Кстати. Вы можете делать ссылки с одних вики-страниц на другие. Работает это примерно так: пользователь открывает (например, с помощью изображения-ссылки в посте) первую вики-страницу. А в ней есть ссылки на другие вики-страницы. При нажатии на эти ссылки будет открыта соответствующая вики-страница. Таким способом можно создавать довольно сложные и многоуровневые меню и, например, инструкции. Однако мы не советуем вам слишком увлекаться этим без лишней надобности.

Шаг #4. Как сделать меню в группе ВКонтакте. Графическое

Итак, основные принципы освоены. Перейдем к конструированию графического меню. Сразу оговоримся, что делать мы будем довольное простое меню: вертикальный ряд кнопок со ссылками. Но не спешите говорить «нет, я хотел суперсложное меню» и закрывать этот гайд. Сейчас объясним, почему.

Во-первых, движение от простого к сложному — обычно самый эффективный путь освоения новых знаний. Научившись делать относительно простое меню вы научитесь 90% приемов создания меню для групп ВК.

А во-вторых, как мы уже говорили, вики-разметка ВК внедрялась во времена, когда про мобильные приложения мало кто вообще слышал. Наше условно «простое» меню будет работать максимально правильно и эффективно везде: в браузерной версии ВК, в мобильных браузерах и, наконец, в приложении. Многие «сложные» меню не могут этим похвастаться. Более того, в большинстве случаев «простое» меню будет работать лучше «сложного», которое «разваливается» при его просмотре в официальном приложении ВКонтакте. Чаще всего лучше остановится именно на таком варианте меню. Да, существуют довольно витиеватые реализации меню. Вы можете поэкспериментировать и с ними. Но наш опыт говорит, что реальной пользы — конверсий, покупок и репутации они практически не добавят. А проблем — вполне могут.

Наше тестовое меню будет выглядеть так:

Всего две кнопки. Первая будет вести на главную страницу «Яндекса», а вторая — на группу ВК «Команда ВКонтакте».

Вертикальное графическое меню в ВК — это разрезанное на полосы изображение. Эти полосы помещают с помощью разметки друг под другом на вики-странице. Некоторым из этих «полос» назначают ссылки. При нажатии на такое изображение-ссылку происходит, собственно, переход по этой ссылке. Одна полоса — это одна ссылка. Некоторым полосам (например, промежуточным, которые располагаются между пунктами) наоборот, назначается отсутствие ссылки. Такие полосы становятся «некликабельны».

Изготовление вертикального графического меню для группы ВК сводится к следующей последовательности действий:

• Первым делом нужно нарисовать меню. Шириной оно должно быть строго 600px (пикселей). По высоте рекомендуем делать меню не более 900px. Результат лучше всего сохранять в формате PNG, в крайнем случае -JPG. Воспользуйтесь знакомыми и удобными вам инструментами для рисования (например Photoshop или GIMP). Результат тут на 95% зависит от ваших творческих и технических умений. Даже если вы совсем не умеете пользоваться графическими редакторами — не отчаивайтесь. Умения, которых будет достаточно приобретаются за максимум пару часов. В интернете есть огромное количество справочной и обучающей информации. Кроме того, умение хотя бы немного пользоваться графическим редактором очень и очень полезно для администраторов пабликов. Вы не потратите время зря.
• Далее рисунок с меню нарезается на горизонтальные полосы. Делать это можно любым удобным для вас способом: от привычного многим Photoshop до различных онлайн-сервисов. Если у вас нет идей, как это делается — просто задайте вопрос любимому поисковику. Мы не будем подробно описывать техническую часть процесса нарезания: способов десятки, некоторые подходят одним пользователям, но не подходят другим. При нарезке необходимо соблюдать одно простое правило: высота одной полосы не должна быть менее 60px . Иначе у вас могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: появятся т.н. «белые полосы» между изображениями.
• Нарезанные «полосы» загружаются в альбом группы или альбом на странице администратора группы. Мы рекомендуем второй вариант. В любом случае, альбом с нарезанными частями меню должен быть в открытом доступе . Иначе, те пользователи для которых изображения альбома недоступны не увидят ваше меню!
• Составляется код вики-разметки, который вставляется в нужную вики-страницу.
• В группе размещается закрепленный пост с изображением-ссылкой на вики-страницу с меню. О том, как делается такой пост мы подробно писали выше. Кроме того, код (с небольшими изменениями) может быть добавлен в корневую вики-страницу (пункт справа от пункта «Информация», появляется при разрешении раздела «Материалы». Подробнее — см. выше).

А теперь разберемся с загрузкой частей меню и wiki-кодом подробнее. Мы подготовили для вас . В нем два каталога: «1» и «2». В первом содержатся части самого примитивного и простого варианта нарезки для нашего меню — на две части. Скачайте архив, загрузите изображения (1.png и 2.png) из каталога «1» в новый альбом (у себя на странице или в группе).

У нас две «полосы»: верхняя (с кнопкой «Яндекс») и нижняя (с кнопкой «Команда ВК»). Обе будут изображениями-ссылками. В вики-разметке это делается кодом такого вида:

«ССЫЛКА» — это целевая ссылка. Например, https://yandex.ru/. Кроме обычной внешней ссылки это может быть указание на объект ВКонтакте: пост, страницу пользователя или группу. Например, чтобы после нажатия кнопки происходил переход на сообщество «Команда ВКонтакте» можно указать как его адрес (https://vk.com/team), так и указатель на него (club22822305). В принципе, разницы не будет. Внешние ссылки (те, которые ведут не на ресурсы ВК) мы рекомендуем сокращать с помощью

Перед тем как углубиться в вики — разметку, создавая интерактивное меню , необходимо сделать некоторые подготовительные действия, в первую очередь, изменить некоторые настройки в группе. Нажимаем на «Управление сообществом», открываем «Обсуждения», и подключаем «Материалы».

Теперь переходим к подготовке изображений. Если Вы не работаете с графическими редакторами, то придется обратиться к фрилансерам. Дальнейшая работа будет показана с применением Фотошопа, но может быть выполнена и в других редакторах.

Заготавливаем шаблон для группы ВКонтакте согласно изображению.

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

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

Сохранив и удалив ненужные фрагменты (фотошоп кроит и сохраняет всё изображение и белые поля тоже), переименуем фрагменты, пронумеровав их по порядку их расположения в меню.

Теперь переходим непосредственно к группе. После корректировки настроек, на стене появились две вкладки: «Свежие новости» и «Обсуждения». Кликаем по «Новая тема» в закладке обсуждений и создаем первую страничку нашего меню.

Её нужно назвать в соответствии с именем на графическом меню и заполнить поле с описанием. После заполнения всей необходимой информации, нажимаем «Создать тему».

На стене появится созданное сообщение. Таким же путем создаем нужное нам количество (в соответсвии с разделами меню) страниц.

После завершения подготовительных операций можем переходить к редактированию нашего меню. Для этого нам понадобится вкладка «Свежие новости». Наводим курсор на нее и нажимаем на «Редактировать».

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

Образец кода для рассматриваемого меню:

[]
[]
[]
[]

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

Если все сделано правильно и не допущено никакой ошибки в коде, то при возврате в нашу группу и после нажатия на название вкладки (Главное меню группы) откроется созданное нами меню, которое смотрится, как одно целое вместе с аватаром. Интерактивное меню и графическое оформление группы представляют собой единую композицию. При нажатии на разделы меню мы попадаем в соответствующие разделы группы.

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

Мы рассмотрели, как сделать интерактивное меню или оформить группу в стиле wiki. Если возникнут вопросы по самому процессу подготовки, пишите в комментариях и вместе попробуем решить их.

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

Для создания страниц используется Вики разметка . Сейчас мы разберем, что это такое.

Что такое Вики разметка?

Обычные веб-страницы создаются с помощью языка HTML. Но для создания страниц в ВК, он не применяется. Вместо него используется Вики разметка. Она также призвана дать возможность размечать элементы на странице. С ее помощью мы можем сделать ссылки (см. ), кнопки и т.д. Выглядит это вот так.

Для чего используется?

Для создания страниц и оформления групп. Используя разметку, вы сможете создавать информативные и функциональные страницы, элементы меню и т.д.

Структура Wiki разметки

Https://vk.com/wiki?w=page-87938575_51299900

Там подробно представлены все основные элементы, и приведен код.

[­]

Как начать пользоваться?

Для начала необходимо убедиться, что в вашей группе активны материалы. Идем в сообщество, открываем меню и выбираем пункт .

Идем на вкладку «Раздел» . Здесь находим пункт «Материалы» , и для него выставляем значение «Открытые» .

Сохраняем настройки и возвращаемся обратно в группу.

У нас появляется вкладка «Свежие новости» . Идем на нее, и нажимаем кнопку «Редактировать» .

Мы перейдем в режим редактирования страницы. Можете начинать ее наполнение. Не забудьте перейти в режим Wiki-разметки, нажав соответствующую кнопку в меню.

Когда закончите, сохраните страницу.

Видеоурок: оформление группы с помощью вики разметки

Вопросы?

Вконтакте

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

Как работает вики-разметка

Вики-разметка — это язык, который используется для верстки страниц. Условно его можно назвать младшим братом HTML. На вики-страницах удобно писать и форматировать текст, вставлять иллюстрации, видео, ссылки, таблицы. Можно сверстать простую статью или составить целый интерактивный гайд с главами и подзаголовками.

Ширина любой вики-страницы — 607px. Высота ограничивается только количеством знаков, всего их может быть около 16 000.

Вся вики-разметка держится на тегах, как и HTML. Есть одиночные теги (например,
— перенос строки) и парные (например, жирный текст).

Как работают теги для текста в вики-разметке

В некоторых случаях вики-разметка использует упрощенный синтаксис (теги заменены на типографские знаки). Например, для создания маркированного списка используются звездочки «*», а для нумерованного — решетки «#».

Как работают типографские знаки в вики-разметке

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

В стандартном редакторе вики-страниц есть два режима: визуальный и режим вики-разметки (кнопка переключения выглядит так: ).

Так выглядит активный режим вики-разметки

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

Как создать вики-страницу

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

Стандартный

Для группы. Зайдите в «Управление сообществом» → «Разделы» → «Материалы» и выберите пункт «Открытые» или «Ограниченные».

Как включить «Материалы» в группе

Теперь на главной странице группы появится раздел «Свежие новости». Это место для предполагаемого меню группы. Чтобы создать новую страницу, можно написать ее название прямо в режиме редактирования страницы «Свежие новости», заключить его в квадратные скобки, нажать на «Предпросмотр» и получить готовую ссылку на новую страницу.

Как создать новую страницу через «Свежие новости»

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

https://vk.com/stats?gid= 123456789

Искомое id группы — это все цифры после «gid=».

Теперь нужно ввести в адресную строку браузера такой код:

https://vk.com/pages?oid=-ХХХ&p=Нaзвание_страницы

Вместо ХХХ подставляем id паблика, вместо «Нaзвание_страницы» — то название, которое вы придумали. В названии можно использовать кириллицу, латиницу и цифры. Специальные символы использовать не запрещено, но лучше не рисковать: из-за них у вас может пропасть возможность редактирования страницы. Вставляем все данные на нужные места, нажимаем Enter, и браузер откроет созданную страницу.

С помощью приложения

Разработчики ВКонтакте рекомендуют к использованию три приложения для работы с вики-разметкой: «Мобивик» , «Исходный код» и «Вики Постер» .

В этом руководстве мы возьмем для примера приложение «Мобивик». В ноябре 2017 года оно получило второй приз в программе ВКонтакте по поддержке стартапов (Start Fellows). Работает без установки и дополнительной регистрации в десктопной, мобильной версии ВКонтакте и в приложении для телефона (разработчик рекомендует использовать версии не ранее Android 5.1, iOS 9 и Windows Phone 8.1).

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

Как создать новую страницу с помощью приложения «Мобивик»

Ссылки на новую вики-страницу в приложении «Мобивик»

А вот лайфхак для тех случаев, когда вы сделали сложную страницу с большим количеством элементов, и боитесь, что верстка поедет на маленьком экране. Скопируйте адрес из пункта «Код для вики-страницы». Зайдите в режим редактирования своей страницы и вставьте его в самое начало кода. Вы получите такое изображение:

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

Слева — страница меню сообщества LIVE, открытая на мобильном,
справа — она же, но открытая через «Мобивик»

Как получить ссылку на вики-страницу

Как найти страницу, созданную ранее? Самый простой и надежный метод — заранее скопировать все адреса вики-страниц в отдельный файл, например, в Google Таблицах. Другой способ — через любое приложение для работы с вики-страницами. Например, зайдите в «Мобивик», выберите название сообщества и нужную страницу, кликните «Получить ссылку» и скопируйте адрес из пункта «Ссылка на вики-страницу».

Как получить ссылку на ранее созданную вики-страницу

Как сделать пост со ссылкой на вики-страницу

Скопируйте ссылку на вики-страницу и вставьте в новую запись на своей стене или на стене сообщества. Если все сделано правильно, сайт сгенерирует ссылочный блок под текстовым полем записи. Теперь удалите сам текст ссылки, прикрепите баннер и нажмите «Отправить». В десктопной версии баннер тоже станет ссылкой на вики-страницу, а в мобильной — будет открываться как обычная картинка.

Прикрепленная к посту картинка станет частью ссылки на вики-страницу в десктопной версии

Текст

Возможности оформления текста в вики-разметке в целом не отличаются от возможностей рядового текстового редактора. При редактировании непосредственно текста (сделать жирным, выровнять по правому краю и т. д.) используем теги вики-разметки, не забываем их закрывать: Текст по центру .

Для структурирования текста в вики-разметке предусмотрены сочетания типографских знаков. Например, такой код « —- » поставит в тексте горизонтальную разделяющую полосу, а такой « :: » — двойной отступ перед абзацем.

На одну страничку можно поместить около 16 тысяч знаков.

Ссылки

Чтобы вместо адреса был виден текст, добавляем название ссылки:

[] — на профиль пользователя

[] — на главную страницу сообщества

[] — на другую вики-страницу

[] — на встречу ВКонтакте

Картинки

Предельная ширина изображения, которое можно использовать в вики-разметке, — 607px, это и есть ширина самой вики-страницы. Высота практически не ограничена (помним, что высота самой страницы — 16 000 знаков). Изображения можно загрузить двумя способами.

С помощью загрузчика в верхнем меню редактора.

С помощью кода. Загружаем картинку в отдельный альбом группы, открываем ее, в адресной строке видим длинный код наподобие этого

https://vk.com/club12345678?z= photo-12345_12345 %2Falbum-12345678_12345678

Копируем из него id картинки (выделено жирным). Дальше обрамляем это двойными квадратными скобками и вставляем в нужные места на странице. Получается примерно так:

[­]

Что дальше? Отредактируйте выравнивание, обтекание текстом, размер, привяжите ссылку. Для этого напишите нужные параметры после вертикальной черты и через точку с запятой. Например, в таком коде мы задали для картинки размер 300x100px и обтекание текстом справа:

Видео

Для начала нужно загрузить видео в видеозаписи сообщества. После загрузки открыть видео и скопировать из адресной строки его id (выделено жирным).

https://vk.com/videos-12345678?z= video-12345_12345 %2Fclub12345678%2Fpl_-12345678_-2.

Обрамляем это квадратными скобками и получаем такой код:

Получаем небольшую картинку со значком play, при нажатии на который разворачивается полноценный видеоплеер. Чтобы видео воспроизводилось на самой странице, разработчики ВК предлагают воспользоваться тегом player .

Но здесь мы получаем непропорциональную черную рамку вокруг видео:

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

Мы получили видео без черных рамок, оно будет воспроизводиться прямо на странице

Таблицы

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

При работе с таблицами можно использовать 4 тега: noborder (делает рамки таблицы невидимыми), nomargin (делает таблицу во всю ширину вики-страницы), nopadding (убирает отступы в ячейках) и fixed (позволяет создать таблицу фиксированных размеров). Сколько ячеек вы укажете в строке, столько столбцов будет в таблице.

Вот пример таблицы 2×2 без отступов сверху и снизу текста внутри ячеек:

Ширина первого столбца — 200px, ширина второго — 300px.

Вот что из этого получилось:

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

Как сделать вики-меню

Меню группы ВК — это не какой-то отдельный функционал, а попросту вики-страница с несколькими картинками, в каждую из которых зашита ссылка на определенную страницу. На самом деле здесь все просто.

1. Готовим обложку для меню. Можно взять любую подходящую картинку и нанести на нее текст. А можно нанять дизайнера, который отрисует вам красивые блоки и кнопки. У нас будет меню на 6 кнопок. Для этого нам нужна картинка, где будут обозначены эти кнопки. Определимся с ее размером.

При подготовке картинки для меню помните, что ширина вики-страницы — 607 px, Ширина картинки не должна быть больше, иначе изображение ужмется и потеряет в качестве. Для примера мы взяли изображение размером 510х300 px.

1. Режем эту картинку на 6 частей (по части на каждую кнопку). Это удобно делать в Adobe Photoshop инструментом «Раскройка». Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом IMGonline (режет картинки на равные части). Мы же сделали все в Photoshop.

При активном инструменте «Раскройка» кликаем правой кнопкой мыши по картинке и выбираем «Разделить фрагмент», указываем нужное количество фрагментов и нажимаем «ОК».

Как разрезать картинку в Photoshop

Наше меню будет оформлено в виде таблицы из 6 ячеек: в три строки и два столбца. Для этого мы нарезали картинку для меню на 6 равных частей размером 255×100 px. Такой же размер нужно будет проставить для каждой ячейки.

1. Создаем каркас для таблицы. Заходим в режим редактирования новой страницы и делаем таблицу. Открываем ее тегом {| и сразу задаем три важных параметра:

• nopadding — разрешит картинкам соприкасаться
• noborder — скроет видимые границы таблицы
• fixed — позволит задать точные размеры ячеек.

Указываем фиксированную ширину ячеек — 255px 255px (два раза, потому что столбцов тоже два). Дальше устанавливаем места для начала новых строк тегом |- и новых ячеек (столбцов) тегом | . Закрываем таблицу тегом |} и получаем такой каркас:

1. Помещаем картинки в ячейки и задаем для них ссылки . Поочередно открываем в альбоме сообщества нужные части картинки, копируем из строки браузера их id ( photo-12345_12345) , заключаем в двойные квадратные скобки, прописываем размеры 255x100px и тег nopadding для склеивания картинок. После вертикальной черты назначаем ссылку для каждой кнопки. Получаем такой код.

{|noborder nopadding fixed
|~255px 255px
|-

| []
|-
| []
| []
|-
| []
| []
|}

1. Готово! Нажимаем «Сохранить страницу» — и получаем удобное меню для сообщества.

Готовое меню группы в десктопной версии

Готовое меню группы в мобильной версии

Если вы делали меню для группы , то оно будет легко доступно по клику на «Свежие новости» (кстати, эту страничку можно переименовать на «Меню» в режиме редактирования).

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

Чтобы закрепить меню в группе , опубликуйте запись с баннером и ссылкой на вики-страницу от имени сообщества (если опубликовать от своего имени, закрепить страницу будет невозможно). В паблике проблем с закреплением не будет: там можно закрепить запись любого автора.

Как сделать пост со ссылкой на меню в паблике

Как закрепить меню сообщества

Новый редактор статей ВКонтакте и вики-разметка

Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации лонгридов.

Некоторые пользователи решили, что он создан взамен вики-разметки. Но пока такие выводы делать рано, ведь функционал редактора еще достаточно скудный. В нем нельзя редактировать медиафайлы (размер и выравнивание) и делать таблицы, а гиперссылки можно присвоить только тексту. Здесь нет тегов и кода, есть только визуальный режим, как в обычном текстовом редакторе.

Из этого видно, что сделать удобное меню для сообщества или вики-лендинг по-прежнему можно только с помощью вики-разметки. Что будет дальше — время покажет.

Так выглядит интерфейс нового редактора статей ВКонтакте

Что запомнить о вики-разметке

• Стандартный метод создания вики-страниц кропотливый и не очень удобный. Проще всего создать страницу через приложение «Мобивик», «Исходный код» или «Вики Постер».
• Меню сообщества нужно сделать таблицей, чтобы оно аккуратно смотрелось на мобильных устройствах.
• При редактировании вики-страницы в стандартном интерфейсе не стоит переключаться между визуальным режимом редактирования и режимом вики-разметки. Из-за этого может поехать верстка.

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

Привет, мои дорогие!

Сегодня я подробно расскажу, как сделать меню для группы вконтакте . По моему опыту меню в группе в контакте увеличивает количество звонков и заявок на 20%. Важно ответственно подойти к вопросу создания меню группы. Поэтому я подготовил для вас шаблон PSD меню, чтобы облегчить вам работу.

Начну с того, что на сегодняшний день существует два варианта меню:

Вариант 1: Закрытое меню группы

Закрытое меню, открывается при нажатии на ссылку. В примере ниже меню открывается при нажатии на ссылку «ОТКРОЙТЕ МЕНЮ ГРУППЫ!».

Вариант 2: Открытое меню группы (закрепленный пост)

Открытое меню, по сути это закрепленный пост с активной ссылкой.

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

В обеих вариантах используется wiki-разметка. Wiki-разметка позволяет легко и быстро оформить внешний вид группы, создавая графические таблицы и спойлеры, форматируя текст и работая с изображениями, ссылками и якорями. Подробно останавливаться на разметке не буду, т.к. вконтакте есть встроенный визуальный редактор, который автоматически переводит ваш контент в wiki-разметку. Здесь же приведу лишь основные коды, без которых невозможно сделать меню.

Как сделать открытое меню вконтакте

Процесс создания меню будем разбирать на примере Варианта 2, т.е. открытое меню.

Чтобы вам было проще ориентироваться, я подготовил для вас PSD шаблон меню : [Внимание. Дизайн ВКонтакте изменился. Новый макет и другая актуальная информация в ]

Шаблон меню группы PSD

Для создания внешнего меню требуется 2 картинки: аватар (справа) и центральная (картинка-действие).

Размеры аватара: 200 x 332 px

Размеры центральной картинки: 395 x 282 px

Шаг 1.

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

Шаг 2.

Зайдите в вашей группе в «Управление сообществом» (справа под аватаром). Найдите пункт «Материалы» (на вкладке «Информация») и сделайте их «Ограниченные».

Шаг 3.

Теперь вернитесь на главную страницу своей группы и нажмите «Редактировать» в появившемся блоке «Материалы» (Я уже переименовал в Меню группы).

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

Шаг 4.

В моем примере https://vk.com/page-42211349_47355854,

Первые цифры 42211349 — это id вашей группы

Вторые цифры 47355854 – это id страницы

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


https://vk.com/pages?oid=-хххххххх&p=pagename
где,
хххххххх – это id вашей группы
pagename – название вашей страницы

Шаг 5.

И опубликуйте запись.

Шаг 6.

Теперь загрузите аватар группы (картинка справа). На стене появится дубликат картинки аватара – удалите его.

Шаг 7.

Теперь внимание. Нажимаем на ВРЕМЯ ПУБЛИКАЦИИ ЗАПИСИ (левый нижний угол поста).

И нажимаем «Закрепить». Закрываем это окно и обновляем страницу вашей группы (F5).

Шаг 8.

Пишем статус группы (используйте только 1 строчку), чтобы выровнять картинки, если рисунок на аватарке у вас начинается не с самого верха (в моем шаблоне аватарка вариант 2). И вот что у нас получилось:

ИТОГ.

Меню готово! Теперь при нажатии на центральную картинку открывается ваше меню:

Здесь его можно редактировать, размешать фото, видео, создавать новые разделы, размещать ссылки.

Внутри основного меню тоже можно сделать графическое меню (подменю). Его ширина не должна превышать 600 px. В высоту размер неограничен. Что позволяет создавать отличные лендинги вконтакте.

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

Свои вопросы или мнения пишите в комментариях ниже.

Рекомендуем также

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

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

И так, все начинается в фотошопе, мы создаем картинку того меню которое вы хотите. В основном — это какой-то фон с наименованием рубрик. Мне как раз попросил знакомый сделать красивую группу для его фирмы aero-stomadent, занимается промышленной вентиляцией, вот я и займусь ею.

Я нашел замечательный фон природы Аляски, собственно на нем и буду все делать.
На фоне пишем само меню. Я, например, пишу, то чем занимается фирма. Это и будут кнопки, на которые потом я буду делать еще страницы. Каждое слово будет в дальнейшем кнопкой меню.
Справа сделайте так, чтобы в будущем эта часть была аватаркой группы.
Теперь режим картинку на маленькие изображения. Выбираем в меню функцию «Раскройка», затем правой кнопкой мыши на полотно и нарезайте так, чтобы каждое слово было отдельно.

Желательно, чтобы нарезано приблизительно так.
После нарезки сохраняем файл, не просто а через «Сохранить для Web и устройств…» (или Alt+Shift+Ctrl+S), оно создаст папу с всеми уже нарезанными файлами.

Сейчас еще не идем в группу, нам еще нужно создать вики разметку. Или другими словами создать страницу.

Как создать Wiki – страницу в Вконтакте?

Открываем новую вкладку браузера и вставляем туда такую ссылку: http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы где XXX — ид вашей группы. Например, у меня было так.
http://vk.com/pages?oid=-91934542&p=меню

Затем нажимаем Наполнить содержанием. Тут видим очень простой редактор, выбираем функцию фотоаппарат чтобы добавить все наши фотографии меню. Должно получится что-то на подобии как у меня.
Но между картинками есть пробелы, чтобы убрать пробелы — входим в режим wiki-разметки (это сверху в правом углу знак кавычек <>) вписываем такой тег «option;nopadding;» перед размерами фотографий. Например [[photo21149523_358738572|option;nopadding;400x45px| ]]

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


Нажимаем сохранить, смотрим что получилось, у меня все сошлось если нажать переходит по ссылкам «https://vk.com/page-91934542_49969122»
Затем уже перехожу в группу и перед этим делаю такую картинку которая будет отображаться для людей в группе.
И просто делаю пост. Вставляю ссылку на меню и добавляю фотографию которую сделал сделал только что.
Нажимаю опубликовать.
Теперь для того, чтобы перенести этот пост вверх — нажимаем на него, перелистываем вниз и там видим такую функцию как «Закрепить».
Получилось вот такое.
Теперь собственно добавляем саму аватарку, которая уже у нас сохраненная лежит и ждет.
Я с первого раза не попал, чтобы картинки у меня сошлись, так что загружайте несколько раз аватарку чтобы было как можно лучше.
Ну вот, а тут у меня уже все сошлось. Таким образом я вместе с вами сделал группу с красивым меню.
Как раскрутить группу с помощью рекламы вы можете почитать тут.

Как создать меню вконтакте. Делаем скрытое меню открытым

Здравствуйте, уважаемый читатель. Очень часто я просматриваю Вопросы и ответы майл и сама пользуюсь этим сервисом. На днях несколько человек задали вопросы, касаемые оформления своей группы вконтакте и темы меню. Сама посещала красиво оформленные группы и захотелось мне сделать что-нибудь подобное. Через несколько часов изучения этой темы я наконец сделала это – красивый баннер и графическое меню, причем не скрытое меню, а меню открытое. Оказалось создать меню вконтакте очень просто! 

Если вкрадце, то метод такой. Создаются в фотошопе одновременно две картинки из одной, потом одну из них надо нарезать на несколько частей. Дальше на страничке редактирования меню вставляется специальный код с внешними ссылками. А чтобы сделать меню открытым, еще одну картинку закрепляем на стене и все готово!

Я понимаю что фотошопом не все владеют, тогда поищите на просторах интернета просто картинки по теме. Принципиального отличия нет. Просто сложнее картинки подобрать.

Для знатоков фотошопа я описываю процесс в коротком варианте.

Этап1.

Создать в фотошопе новый документ размером приблизительно 700х800 пикселей, залить  его белым цветом. Вырезать в слое два окна 200х710 пикселя и 382х442 пикселя простым выделением и командой дел. Хочу уточнить, что высота может и меняться, в зависимости от картинки и Вашего желания. На нижнем слое должна быть нужная иллюстрация. Совместим прямоугольники по низу.

Теперь можно написать нужный текст и поместить кнопки меню в нужное место.

Вы видите, что я создала 2 кнопки.

 

Правый прямоугольник можно сохранить отдельной картинкой размером 200х710 пикселя. Ее загружаем в правый верхний угол группы, где написано Загрузить фотографию. Левая картинка нуждается в нарезке. У меня получается две, у Вас может быть и больше. Высоту делайте не меньше, чем 50 пикселей.

Этап 2.

Загружаем наши три картинки в альбом странички вконтакте или группы. На странице группы видим Свежие новости и кликаем Редактировать.

Справа, в редакторе, выбираем режим wiki-разметки и вставляем следующее. 

 

и вставляем следующее.

[[photo-номер|размер px;nopadding|ссылка/]]

Для каждой картинки своя строчка. Внимание! Создавать эти записи надо только в текстовом редакторе! Не в ворде. У меня получилось такое.

[[photo-55593982_328727262|382x144px;nopadding|http://vkpluss.ru/]]

[[photo-55593982_328727264|382x88px;nopadding|http://vkpluss.ru/glavnaya/]]

Не забудьте сохранить.

Где брать номер картинки? Если правой клавишей кликнуть по картинке и открыть ее в новом окне, то в браузере увидите номер такого вида https://vk.com/photo156539370_328142608. Это он. Если там будут какие-то еще значки, их не надо учитывать.

Все готово! Единственно меню получается скрытое меню. Надо кликнуть на меню чтобы увидеть всю красоту!

Ах, да, забыла. Для совмещения картинок надо будет поиграть со строчками описания группы. Приблизительно в целом должно быть 12.

Этап 2.

Если нам не нужное скрытое меню, делаем открытое.

Кликнув правой кнопкой мыши открывайте уже созданное меню в новой вкладке. После этого, на странице с меню, нужно нажать на ссылку Редактировние. 

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

Надо ее скопировать.

Теперь, вернувшись в свою группу, делайте запись как обычно. То есть сначала выбирайте загрузку фото. Это то, что будет открытым меню. Его тоже можно создать в фотошопе или взять любую подходящую. Затем вставляйте в сообщение скопированную ссылку. Внизу откроется изображение нашего созданного меню. Больше ссылка в сообщении нам не нужна, смело стираем и сохраняем запись.

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

Для совмещения картинок надо будет поиграть  размерами самих картинок.

Все очень просто! Теперь Вы знаете как создать красивое меню вконтакте.

Удачи!

P.S. Если у вас нет фотошопа, можно скачать бесплатно(без смс и так далее) графическое приложение gimp-org. 

 

 

 

P.S. Небольшая тренировка мозга

Когда человек находится дома без головы?

Ответ на задачу

Читайте также:

http://vkpluss.ru/poleznaya-informaciya/kak-sozdat-menyu-vkontakte-delaem-skrytoe-menyu-otkrytym.html2014-05-10T13:22:20+00:00НадеждаСофт и просто полезноескрытое меню открытым,создать меню вконтакте

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

Надежда Трофимова[email protected]Блог vkpluss.ru

Как зарегистрироваться и создать аккаунт ВК на Free Fire (FF) без application

Кто любит играть в бесплатные игры Fire? Вау, многим людям приходится поднимать руки. Знаете ли вы, что в последнее время любили игры в жанре Battle Royal, особенно благодаря присутствию Джо Таслима в качестве персонажа Джоты в Free Fire. Чтобы играть в нее сейчас, вы должны сначала зарегистрироваться в ВКонтакте. Тогда как мне без приложения создать аккаунт ВК для Garena Free Fire (FF)?

Это просто несложно.Для тех из вас, у кого такой же вопрос, в этой статье мы обсудим, как это сделать в новостных играх. Но прежде чем обсуждать что-либо еще, неплохо сначала узнать, что такое учетная запись ВКонтакте, для чего она нужна и каковы отношения между ВК и игрой Garena Free Fire (FF).

Во-первых, ВКонтакте (ВКонтакте) — одна из крупнейших социальных сетей в России. ВК была основана в 2006 году компанией Mail.Ru Group. Как и другие социальные сети, ВКонтакте позволяет пользователям отправлять сообщения, публиковать страницы, создавать группы, делиться статусом, аудио, видео и браузерными играми.На сегодняшний день у ВКонтакте более 280 миллионов активных пользователей по всему миру.

Тогда при чем тут ВКонтакте Free Fire? Конечно, ВК необходим для защиты вашей игровой учетной записи FF, если однажды она будет потеряна или забыта. Чтобы оставаться в этой учетной записи, вам необходимо привязать свою учетную запись FF к VK. Уникально то, что созданную вами учетную запись ВКонтакте можно использовать для привязки нескольких игровых учетных записей.

Как зарегистрироваться и создать аккаунт ВК без приложения

На самом деле, есть три способа войти в игру Free Fire (FF).Помимо входа в систему через ВК, вы также можете войти через свою учетную запись Facebook или в качестве гостя. Но на этот раз мы собираемся обсудить, как создать учетную запись ВКонтакте в Free Fire (FF) без использования каких-либо сторонних приложений на Android, таких как упомянутые выше социальные сети.

Чтобы пользователи смартфонов могли зарегистрировать учетную запись ВКонтакте на Android, войдите в PlayStore и введите VKontake в поле поиска. Для пользователей iOS: откройте приложение и сделайте то же самое. Для тех из вас, кто хочет зарегистрироваться без помощи приложения, вы можете посетить официальный сайт ВКонтакте прямо в браузере Chrome.

Когда вы найдете домашнюю страницу на главной странице сайта ВКонтакте, просто щелкните столбец регистрации, чтобы зарегистрироваться, после чего вы попадете на экран регистрации. Заполните регистрационную форму, указав правильные данные. Введите свои имя и фамилию, дату рождения и пол, затем нажмите «Далее». Пропустите капчу, проверив соответствующий столбец, чтобы убедиться, что вы не робот.

Если вы хотите зарегистрироваться, не забудьте подготовить активный номер мобильного телефона.Потому что вам будет предложено ввести номер мобильного телефона для проверки учетной записи. Далее выберите страну Индонезия и введите свой номер. После этого номер вашего мобильного телефона, который начинается с цифры 0, автоматически изменится на +62, а затем номер мобильного телефона. Не паникуйте, +62 — это код страны для Индонезии. Завершите процесс, нажав кнопку «Отправить код».

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

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

Регистрация учетной записи ВКонтакте прошла успешно, для продолжения нажмите кнопку Далее.После этого вы попадете на экран, где вы заполните полную информацию о своей стране и название города, в котором вы живете, название университета, факультета, степени и т. Д. Если да, нажмите «Далее».

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

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

Готово! Теперь вы можете войти в игру Free Fire с учетной записью ВКонтакте, введя созданный вами номер телефона и пароль. Следите за последними новостями об играх, гаджетах и ​​аниме только на Kabar Games.

Как изменить название вики-страницы ВКонтакте. Вики-разметка ВКонтакте для начинающих

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

Как работает разметка вики Разметка

Wiki — это язык, используемый для макета страницы. Условно его можно назвать младшим братом HTML. На вики-страницах удобно писать и форматировать текст, вставлять иллюстрации, видеоролики, ссылки, таблицы. Вы можете набрать простую статью или создать целое интерактивное руководство с главами и подзаголовками.

Ширина любой вики-страницы составляет 607 пикселей. Высота ограничена только количеством знаков, их может быть около 16000.

Вся разметка вики помечена тегами, как и HTML. Есть одиночные теги (например,
— разрыв строки) и парные (например, thumbnail ).

Как текстовые теги работают в вики-разметке

В некоторых случаях в вики-разметке используется упрощенный синтаксис (теги заменены типографскими символами). Например, звездочки «*» используются для создания маркированного списка, а решетка «#» — для нумерованного списка.

Как типографские знаки работают в вики-разметке

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

Стандартный редактор вики-страниц имеет два режима: визуальный и режим разметки вики (кнопка переключения выглядит так :).

Так выглядит активный режим разметки вики

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

Как создать вики-страницу

Кнопки «Создать новую страницу» нет в самом интерфейсе ВКонтакте.Поэтому речь идет о двух методах: стандартном и расширенном (с использованием приложения).

Стандартный

Для группы. Перейдите в «Управление сообществом» → «Разделы» → «Контент» и выберите «Общедоступный» или «Ограниченный».

Как включить «Контент» в группе

Теперь на главной странице группы будет раздел «Последние новости». Это место для предполагаемого группового меню. Чтобы создать новую страницу, вы можете написать ее название прямо в режиме редактирования страницы «Последние новости», заключить его в квадратные скобки, нажать «Предварительный просмотр» и получить готовую ссылку на новую страницу.

Как создать новую страницу через «Свежие новости»

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

https://vk.com/stats?gid= 123456789

Желаемый идентификатор группы — это все цифры после «gid =».

Теперь вам нужно ввести в адресную строку браузера следующий код:

https: // vk.com / pages? oid =-ХХХ & p = Имя_страницы

Вместо XXX подставляем id паблика, вместо «Page_name» — имя, которое вы придумали. В названии можно использовать кириллицу, латиницу и цифры. Не запрещено использовать специальные символы, но лучше не рисковать: из-за них вы можете потерять возможность редактирования страницы. Вставьте все данные в нужные места, нажмите Enter, и браузер откроет созданную страницу.

Использование приложения

Разработчики ВКонтакте рекомендуют к использованию три приложения для работы с вики-разметкой: «Mobivic», «Источник» и Вики Плакат.

В этом руководстве мы возьмем приложение Mobivic в качестве примера. В ноябре 2017 года занял второе место в программе VKontakte Start Fellows. Работает без установки и дополнительной регистрации в десктопной, мобильной версии ВКонтакте и в приложении для телефона (разработчик рекомендует использовать версии не ранее Android 5.1, iOS 9 и Windows Phone 8.1).

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

Как создать новую страницу с помощью приложения Mobivic

Ссылки на новую вики-страницу в приложении Mobivic

А вот лайфхак для тех случаев, когда вы сделали сложную страницу с большим количеством элементов и боитесь, что макет уйдет на маленький экран. Скопируйте адрес из кода для вики-страницы. Перейдите в режим редактирования вашей страницы и вставьте его в самое начало кода. У вас получится вот такое изображение:

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

Слева — страница меню сообщества LIVE, открытая на мобильном телефоне,
справа — она ​​же, но открывается через «Мобивик»

Как получить ссылку на вики-страницу

Как мне найти страницу, созданную мной ранее? Самый простой и надежный способ — заранее скопировать все адреса вики-страниц в отдельный файл, например, в Google Sheets. Другой способ — через любое вики-приложение. Например, зайдите в Mobivic, выберите название сообщества и нужную страницу, нажмите «Получить ссылку» и скопируйте адрес из пункта «Ссылка на вики-страницу».

Как получить ссылку на ранее созданную вики-страницу

Как сделать пост со ссылкой на вики-страницу

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

Изображение, прикрепленное к сообщению, станет частью ссылки на вики-страницу в настольной версии

Текст

Возможности форматирования текста в вики-разметке в целом не отличаются от возможностей обычного текстового редактора. При редактировании текста напрямую (выделите его жирным шрифтом, выровняйте по правому краю и т. Д.) Используйте теги разметки вики, не забудьте закрыть их: Центр текста .

Комбинации типографских символов предназначены для структурирования текста в вики-разметке.Например, следующий код «—- «Поставлю в текст горизонтальную разделительную черту и тому подобное» :: »- двойной отступ перед абзацем.

На одной странице можно разместить около 16 тысяч знаков.

Ссылки

Чтобы текст был виден вместо адреса, добавьте название ссылки:

[] — в профиль пользователя

[] — на главной странице сообщества

[] — на другую вики-страницу

[] — для встречи ВКонтакте

Фотографии

Максимальная ширина изображения, которое можно использовать в разметке вики, составляет 607 пикселей, что соответствует ширине самой страницы вики.Высота практически не ограничена (помните, что высота самой страницы — 16 000 знаков). Изображения можно загружать двумя способами.

Использование загрузчика в верхнем меню редактора.

Использование кода. Загружаем картинку в отдельный альбом группы, открываем, в адресной строке видим длинный код вроде этого

https://vk.com/club12345678?z= фото-12345_12345 % 2Falbum-12345678_12345678

Скопируйте из него id изображения (выделено жирным шрифтом).Затем мы заключаем его в двойные квадратные скобки и вставляем в нужные места на странице. Получается примерно так:

[]

Что дальше? Редактировать выравнивание, перенос текста, размер, привязку. Для этого укажите желаемые параметры после вертикальной черты и разделите их точкой с запятой. Например, в этом коде мы устанавливаем размер изображения 300×100 пикселей и обтекание текста вправо:

Видео

Сначала вам нужно загрузить свое видео в Community Videos.После загрузки откройте видео и скопируйте его идентификатор из адресной строки (выделен жирным шрифтом).

https://vk.com/videos-12345678?z= видео-12345_12345 % 2Fclub12345678% 2Fpl_-12345678_-2.

Заключим его в квадратные скобки и получим следующий код:

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

Но здесь мы получаем непропорциональную черную рамку вокруг видео:

Чтобы его убрать, нужно изменить размер плеера под размер самого видео. Например, в нашем случае подошли следующие параметры:

У нас получилось видео без черных рамок, будет воспроизводиться прямо на странице

Таблицы

Если вы хотите красиво структурировать содержимое своей вики-страницы и аккуратно отображать его на мобильных устройствах, необходима таблица.Здесь нужны простые знаки вроде этого:

При работе с таблицами можно использовать 4 тега: noborder (делает границы таблицы невидимыми), nomargin (делает таблицу во всю ширину вики-страницы) nopadding (удаляет отступы в ячейках) и fixed (позволяет создавать таблицу из фиксированные размеры) .Сколько ячеек вы укажете в строке, сколько столбцов будет в таблице.

Вот пример таблицы 2 × 2 без полей выше или ниже текста внутри ячеек:

Первый столбец имеет ширину 200 пикселей, а второй — 300 пикселей.

Вот что из этого вышло:

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

Как сделать вики-меню

Групповое меню ВКонтакте — это не какой-то отдельный функционал, а просто вики-страница с несколькими картинками, каждая из которых имеет ссылку на определенную страницу. На самом деле здесь все просто.

1. Готовим обложку для меню. Вы можете сделать любой подходящий снимок и нанести на него текст.Или вы можете нанять дизайнера, который нарисует для вас красивые блоки и кнопки. У нас будет меню с 6 кнопками. Для этого нам понадобится картинка, на которой будут обозначаться эти кнопки. Определимся с его размером.

При подготовке изображения для меню помните, что ширина вики-страницы составляет 607 пикселей. Ширина изображения не должна быть больше, иначе изображение будет сжиматься и терять качество. В качестве примера мы взяли изображение размером 510×300 пикселей.

1. Разрежьте эту картинку на 6 частей (по одной части на каждую пуговицу).Это удобно делать в Adobe Photoshop с помощью инструмента Cutting. Если не хотите заморачиваться, воспользуйтесь, например, онлайн-сервисом IMGonline (разрезает картинки на равные части). Все сделали в фотошопе.

При активном инструменте «Вырезание» щелкните изображение правой кнопкой мыши и выберите «Разделить фрагмент», укажите необходимое количество фрагментов и нажмите «ОК».

Как вырезать картинку в фотошопе

Наше меню будет оформлено в виде таблицы из 6 ячеек: трех строк и двух столбцов.Для этого мы разрезаем картинку для меню на 6 равных частей размером 255 × 100 пикселей. Для каждой ячейки необходимо установить одинаковый размер.

1. Создайте каркас для таблицы. Заходим в режим редактирования новой страницы и составляем таблицу. Открываем его тегом (| и сразу задаем три важных параметра:

• nopadding — позволит изображениям касаться
• noborder — скрыть видимые границы таблицы
• fixed — позволяет установить точный размер ячеек.

Укажите фиксированную ширину ячеек — 255 пикселей 255 пикселей (дважды, потому что также есть два столбца). Далее мы устанавливаем места для начала новых строк с помощью | — теги и новые ячейки (столбцы) с | … Закрываем таблицу тегом |) и получаем следующий скелет:

1. Помещаем картинки в ячейки и устанавливаем на них ссылки … По очереди открываем нужные части картинки в альбоме сообщества, копируем их id из строки браузера (фото-12345_12345), заключаем в двойные квадратные скобки , прописываем размеры 255х100px и тег nopadding для склейки картинок.После вертикальной полосы назначьте ссылку каждой кнопке. Получаем следующий код.

(| noborder nopadding фиксированный
| ~ 255px 255px
| —

| []
| —
| []
| []
| —
| []
| []
|}

1. Готово! Нажимаем «Сохранить страницу» — и мы получаем удобное для сообщества меню.

Готовое групповое меню в настольной версии

Готовое групповое меню в мобильной версии

Если вы сделали меню для группы , то оно будет легко доступно, нажав на «Свежие новости» (кстати, эту страницу можно переименовать в «Меню» в режиме редактирования).

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

Чтобы закрепить меню в группе , опубликуйте сообщение с баннером и ссылкой на вики-страницу от имени сообщества (если вы публикуете от своего имени, закрепить страницу будет невозможно). В паблике проблем с фиксацией не возникнет: там можно закрепить пост любого автора.

Как сделать пост со ссылкой на меню в паблик

Как закрепить меню сообщества

Новый редактор статей ВКонтакте и вики-разметки

Администрация ВКонтакте объявила о запуске редактора статей 22 декабря 2017 года и позиционирует его как инструмент для публикации лонгридов.

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

Из этого видно, что по-прежнему можно создать удобное меню для сообщества или целевой страницы вики только с помощью разметки вики.Что будет дальше — покажет время.

Так выглядит интерфейс нового редактора статей ВКонтакте

Что нужно помнить о вики-разметке

• Стандартный метод создания вики-страниц кропотлив и не очень удобен для пользователя. Самый простой способ создать страницу — использовать приложение Mobivic, исходный код или Wiki Poster.
• Меню сообщества необходимо сделать в виде электронной таблицы, чтобы оно выглядело аккуратно на мобильных устройствах.
• При редактировании вики-страницы в стандартном интерфейсе не переключайтесь между режимом визуального редактирования и режимом разметки вики. Из-за этого может пойти расклад.

Необязательно запоминать все теги, достаточно сохранить ссылку на

Социальная сеть ВК постоянно совершенствуется, предлагая пользователям широчайшие возможности для общения, продвижения товаров и услуг. Одно из нововведений — так называемые вики-страницы. Что это такое и как сделать вики-страницу ВКонтакте для группы, мы вам расскажем в этой статье.

Ссылка! Разметка Wiki позволяет создавать по-настоящему яркие и красочные сообщества с большим количеством графических и текстовых элементов. К ним относятся полужирный шрифт, подчеркивание, списки, заголовки и многое другое.

На первый взгляд создание вики-страниц для вашего веб-сайта может показаться сложной задачей. Но достаточно один раз понять это, чтобы потом не возникло трудностей.

Ссылка! На общедоступной странице отсутствует прямое средство для создания вики-разметки. Поэтому вам придется использовать специальную ссылку.

Вот краткое руководство по созданию вики-страницы для публики:

• Скопируйте ссылку https://vk.com/pages?oid\u003d-***&p\u003d Название страницы. Вставьте его в адресную строку вашего браузера.
• Измените слово «Заголовок» на заголовок будущей страницы. И вместо *** укажите публичный ID. Нажмите Ввод.

• В окне откроется форма для создания вики-страницы. Осталось только правильно его залить.

• В верхней строке напишите название будущей страницы.Например, Меню, Правила группы, Мы предлагаем и т. Д.

• В нижнем поле напишите текст и расположите его в соответствии со своими пожеланиями. Здесь вы можете создавать маркированные списки, выделять заголовки и использовать полужирный и курсивный текст.
• Также страницу можно дополнять фотографиями, видео и аудио файлами, ссылками на внешние сайты и внутренние страницы ВКонтакте.

• В левом нижнем углу экрана находится гиперссылка доступа к странице, которая ограничивает круг пользователей, которые могут просматривать новый контент (все пользователи, только подписчики, только редакторы и администраторы).

• Чтобы просмотреть промежуточный результат, нажмите кнопку «Предварительный просмотр». Когда работа будет завершена, нажмите кнопку Сохранить страницу.

На этом процесс создания вики-страницы в паблике ВКонтакте можно считать завершенным.

Как сделать вики страничку в группе ВК

Сделать вики-страницу в группе ВКонтакте даже проще, чем в публичной. Никакой предварительной подготовки здесь не требуется, весь функционал находится в прямом доступе администраторов и владельцев групп.

Вопрос знатокам: что такое вики-страницы ВКонтакте?

С уважением, NaDu SiK

Лучшие ответы

Положительный:

Как википедия, наверное

Кирилл Вноградов:

Вы когда-нибудь видели красиво оформленные группы Вконтакте? это делается с помощью специальной разметки WIKI. И почему именно разметка WIKI — это потому, что эту разметку придумала Википедия, а потом попала во Вконтакте. Если ошибаюсь, поправьте меня

Wiki — (англ. Wiki) веб-сайт, структуру и содержимое которого пользователи могут коллективно изменять с помощью инструментов, предоставляемых самим сайтом.Самый известный вики-сайт — это Википедия. Термин «вики» впервые был использован для описания веб-сайта в 1995 году Уордом Каннингемом, разработчиком первой вики-системы WikiWikiWeb, который позаимствовал гавайское слово, обозначающее «быстро». Позже это слово было придумано английским бэкронимом What I Know Is….

Видеоответ

Это видео поможет вам понять

Ответы экспертов

~ Вреда ~:

выбираем меню — редактируем — а там вверху справа — wiki =))

Владимир Посетили:

Удалить страницу невозможно, об этом можно только забыть.Измените все свои данные и забудьте об этом. Со временем модераторы уберут его.

Вот что об этом пишет Wiki:
Сделать удаленными имя и фамилию Удалено, удалить страницу и не отображаться там в течение месяца. Он будет удален автоматически.
Если начнешь спамить, тебя быстро удалят)))
«Дуров и компания» говорит, что перейдя в раздел «Настройки», в подразделе «видимость страницы» можно указать «не показывать, удалять страницу» .
По данным блога Вконтакте, через месяц данные вашей учетной записи должны быть удалены из базы данных Сервиса.Названия ссылок говорю по памяти, потому что все делал. Я просто не уверен, так ли это на самом деле [что информация была удалена] — потому что я тоже не могу проверить.
Мои настройки>> Конфиденциальность>> Кто может просматривать мою страницу>> Никто, удалить страницу>> Сохранить
Это приведет к тому, что вся информация на вашей странице будет удалена и вы никогда не будете получать единичное уведомление с сайта.

наталимо:

Ежедневно в контакте регистрируется около 90 тысяч человек.Среди них время от времени встречаются желающие удалить свою страницу.

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

Мои настройки>> Конфиденциальность>> Кто может просматривать мою страницу>> Только я>> Сохранить

Это приведет к тому, что вся информация на вашей странице и вашей странице будет скрыта от всех пользователей сайта, и вы никогда не получите ни одного уведомления с сайта.Если вам когда-нибудь понадобится восстановить страницу, вы можете использовать форму напоминания пароля.

Вопросы и ответы:

Q: Почему нельзя сразу удалить всю информацию без возможности восстановления?
A: До 80% запросов на немедленное удаление, которые мы получали, исходили от злоумышленников, завладевших чьей-либо учетной записью. Представьте, что после работы в компьютерном классе или клубе вы забыли нажать кнопку «Выйти». После этого ваш аккаунт может быть немедленно удален без возможности восстановления.Это привело к потоку жалоб.
Кроме того, как выяснилось, большинство уезжающих обратилось с просьбой «вернуть все обратно и восстановить информацию» в течение недели.

Игорь Счастливцев:

Как создать автоматизированного бота Telegram для публикации в вашем канале / группе Telegram

Каналы Telegram

являются жизненно важными инструментами для трансляции сообщений теоретически неограниченной аудитории. Что касается групп Telegram (поддерживающих сообщества до 200000 и их количество), они выполняют аналогичную функцию, только участники могут, помимо прочего, напрямую взаимодействовать друг с другом.

Сами по себе

каналов и групп Telegram может потребовать много работы. Если вы не собираетесь удерживать своих подписчиков надолго, вам необходимо регулярно транслировать свежий контент. Некоторые каналы предпочитают пересылку контента из других каналов и групп помимо создания периодического оригинального контента. Как вы понимаете, это настоящий труд любви. Разумным ходом будет создание собственного бота Telegram для автоматизации процесса.

Реклама — Продолжить чтение ниже

Для создания бота Telegram не требуется степень в области робототехники или что-то в этом роде.У любого домработника бот может быть установлен и запущен менее чем за 10 минут. Вам даже не потребуется никакого опыта программирования. Я не шучу.

В этом посте мы покажем вам, как создать бота Telegram для автоматической публикации интересных статей из Twitter, YouTube, ВКонтакте и RSS-канала с вашим легионом подписчиков / участников. По общему мнению, это лучше, чем обмениваться этим контентом вручную.

Шаг 1. Создайте канал Telegram

1. Просто перейдите в гамбургер-меню в верхнем левом углу приложения Telegram.Это относится как к приложениям для смартфонов, так и к настольным приложениям.
2. Выберите «Новый канал» (тот, который отмечен значком трансляции).
3. Вперед, введите имя вашего канала и, при необходимости, соответствующее описание канала.
4. Вы можете сделать его общедоступным или закрытым, в зависимости от ваших намерений. Как общедоступный канал, пользователи могут найти его, используя окно поиска. С другой стороны, частный канал требует наличия ссылки для приглашения.

Вуаля! Один упал, осталось двое!

---

Подробнее:

---

Шаг 2. Создайте бота Telegram для своего канала / группы Telegram

Как любит говорить Telegram, BotFather — единственный бот, который правит ими всеми.Вот с чего начать при создании новых ботов и управлении существующими ботами. Итак, это наша следующая остановка.

1. Открыть BotFather. Введите Botfather в поле поиска Telegram. Щелкните по нему, чтобы открыть бота.
2. Введите команду / newbot , чтобы создать нового бота. Выберите имя для вашего нового бота. Если вы не хотите, чтобы это был общедоступный бот, имя не имеет значения. Наш бот будет управлять шоу из-за кулис.
3. Теперь выберите имя пользователя для вашего нового бота.Имена пользователей могут содержать от 5 до 32 символов без учета регистра. Как правило, имя пользователя должно заканчиваться суффиксом -bot, то есть dignitedfanbot .
4. Как только вы закончите, вы получите токен HTTP API. то есть что-то вроде: 435074775: AAHRQTtAOhQ1POBw9L98ru6Giek0qafTvME. Держите этот токен в надежном месте и храните его в надежном месте. Если кто-то завладеет этим токеном, он сможет полностью контролировать вашего бота.

Шаг 3. Используйте Manybot для автоматической публикации сообщений в вашем канале / группе Telegram

Теперь, когда у нас есть работающий бот, мы будем использовать другого бота, чтобы упростить процесс.@Chatfuel_bot — популярный выбор, но у меня есть личный фаворит, @Manybot. Manybot будет связующим звеном между вашим каналом и созданным вами ботом. Чтобы автоматически размещать контент из RSS-канала, Twitter и YouTube, выполните следующие действия:

1. Открыть Manybot .
2. Используйте команду / addbot, чтобы создать своего первого бота. (Мы это уже сделали, так что ура!)
3. Пропустите шаг, чтобы создать нового бота с помощью Botfather, как мы это уже сделали.
4. Нажмите « Я скопировал токен API.’ Скопируйте и вставьте токен, который вы получили после создания бота в Botfather.
5. После того, как токен будет принят, напишите краткое описание своего бота или пропустите этот шаг.
6. Ваш бот готов! Выберите «Отправить подписчикам новое сообщение».

Вы будете перенаправлены на ваш вновь созданный бот. Отсюда вы можете отправлять подписчикам новые сообщения, развертывать собственные команды, формировать ответы и все такое. Но давайте пока будем простыми. Перейдите в Настройки внизу.Вы увидите следующее: Каналы / Автопостинг / Часовой пояс / Отмена.

• Нажмите « каналов », чтобы начать.
• Выберите « Добавить канал »
• Введите имя канала / ссылку. например, Tech356 или https://t.me/tech356

Ой! На этом этапе мы столкнемся с загвоздкой. Так что давайте вернемся к нашему каналу. Мы установим нашего бота как администратора. Для этого мы переходим к настройкам канала, а затем к администраторам. Затем мы добавим нашего бота в качестве администратора.А теперь продолжим…

• Вернитесь к своему боту и добавьте свой канал.
• По завершении выберите « Вернуться »
• Выберите ‘ Autoposting ‘
• Выберите источник контента, например Twitter (@username), канал YouTube, VK и RSS-канал (например, feed: //dignited.com/feed)
• Успех!

Видеоурок о том, как настроить автопостинг на вашем канале / группе Telegram