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

Узнаем как изготовить меню в группе в ВК: вики-разметка

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

Чем является Wiki-разметка?

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

1. Создавать графические спойлеры и таблицы.
2. Форматировать текст и изображения.
3. Работать с якорями и ссылками.

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

Способы создания вики-разметок

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

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

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

Работа с изображениями

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

1. Plain — ссылка на изображение оформлена как текст, в ней отсутствует картинка.
2. Noborder — убирается рамка около фотографии.
3. Box — изображение открывается в окне.
4. Nolink — ссылка на фотографию убирается.
5. Nopadding — пробелы между изображениями не отображаются.
6. NNNxYYYpx или NNNpx — указывают, какой размер будет иметь картинка в пикселях. Первый вариант предусматривает ширину и высоту. При желании можно «сжать» картинку. И второй вариант предусматривает редактирования ширины.

Как создавать таблицы с использованием вики-разметки?

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

1. {| — так обозначается начало таблицы. Обойтись без него при создании данного элемента невозможно, он является обязательным атрибутом.
2. | — используется, чтобы давать ячейкам эффект прозрачности.
3. |+ — с помощью этого набора символов располагают название таблицы по центру. Это не обязательный атрибут, но он должен быть размещен сразу после знаков, что обозначают начало.
4. |- — так обозначают новые строки (в том числе и для ячеек).
5. ! — даёт тёмный цвет. При эго отсутствии необходимо использовать знак из пункта №2.
6. |} — набор символов, которые обозначает конец таблицы. Он является необязательным атрибутом. Но использовать его всё же рекомендуется, чтобы предотвратить возникновение ошибки.

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

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

Здесь будут использованы опции noborder и nolink. Они уберут рамку картинки и ссылку. Также у изображений будет изменён размер, а вторая строка ячеек таблицы будет иметь тёмную заливку, благодаря использованию атрибута !. А вот и сам пример:

{|
|-
|<center>”’Новое в науке”’</center>||
|-
!<center>[[photo12345_67890|nolink;noborder;150x70px| ]]</center>!!
|-
|<center>
[[Новости науки|Новости]]<br/>
[[Открытия]]<br/>
|<center>
[[Конференции]] <br/>
[[Разработки]]<br/>
[[Книги]]<br/>
[[Симпозиумы]]<br/>
|<center>
Разделы:<br/>
[[Медицина|1]] | [[Физика|2]] | [[Математика|3]] | [[Экономика|4]]<br/>
[[Химия|5]] | [[Биология|6]] | [[Программирование|7]] | [[Электротехника|8]]<br/>
|-
|}

Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» весьма лёгок.

Важность Wiki-разметки при продвижении своего проекта

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

Заключение

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

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

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

Редактирование

Затем:
внесите желаемые изменения в исходный текст;
кратко опишите смысл своей правки в строке «Описание изменений»;
для проверки правильного отображения страницы нажмите кнопку «Предварительный просмотр»;
если со страницей всё в порядке, опубликуйте свою новую версию нажатием кнопки «Записать страницу».

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

Дополнительные возможности

Выше текстовой формы редактирования находятся кнопки для форматирования текста, ниже — панель быстрой вставки специальных символов, элементов вики-разметки и шаблонов.
Кнопка «Внесённые изменения» позволяет сравнить исходный код с тем, что у вас в окне редактирования.
Зарегистрированным участникам также доступны:
флажок «Малое изменение», позволяющий отметить ваши изменения как незначительные;
флажок «Включить эту страницу в список наблюдения» для наблюдения за дальнейшими изменениями этой статьи.
Часто бывает удобно предварительно скопировать текст в текстовый редактор (через буфер обмена), отредактировать, а затем перенести обратно в форму редактирования в браузере. Для этих целей следует использовать текстовый редактор, поддерживающий юникод.
Кроме того, вы можете обсуждать статьи с другими участниками. Практически у каждой статьи в Википедии существует параллельная страница с её обсуждением. Участники просто редактируют эту страницу, так же, как и статьи: перейдите к странице «обсуждение» и там нажмите «править». В обсуждениях, опять же, следует придерживаться правил; главное — избегайте резкости и подписывайтесь (четыре тильды niska 14:39, 14 июня 2007 (MSD) в коде страницы).

Вики-разметка

Ниже приведена справочная таблица по редактированию в Википедии.

Разделы, абзацы, списки и строки

Начните раздел со строки заголовка:

Новый раздел ==
=== Подраздел ===
==== Под-подраздел ====

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

Но пустая строка начинает новый абзац.

С помощью тега «br» можно разрывать строки, не начиная новый абзац

Сделать список очень просто

• каждая строка начинается со звёздочки;
  • чем больше звёздочек — тем глубже уровень;
    отступ внутри можно делать и с помощью двоеточия

* каждая строка начинается со звёздочки;
** чем больше звёздочек — тем глубже уровень;
**: отступ внутри можно делать и с помощью двоеточия

Нумерованные списки тоже хороши:

1. Нумерованные списки тоже хороши:
   1. очень организованные;
   2. легко читаются

# Нумерованные списки тоже хороши:
## очень организованные;
## легко читаются

Можно также делать смешанные списки:

• Можно также делать смешанные списки:
  1. и вкладывать их
     • как, например,
  2. здесь.

* Можно также делать смешанные списки:
*# и вкладывать их
*#* как, например,
*# здесь.

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

Двоеточие в начале строки делает отступ абзаца.

Простой перенос строки при этом начинает новый абзац.

Примечание: это применяется в основном на страницах обсуждения.

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

* вставки преформатированного текста;
* описания алгоритмов;
* исходного кода программ
* ascii art (создание изображений при помощи
текстовых символов).

Центрированный текст.

Центрированный текст.

Горизонтальная разделительная линия:
четыре пунктира подряд (—-)

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

С параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

По умолчанию принято выравнивание по левому краю.

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

Текст абзаца

Ссылки, URL

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

Таким образом, приведённая выше ссылка ведёт на http://ru.wikipedia.org/wiki/Общественный_транспорт , которая является статьёй с названием «Общественный транспорт».

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

Пример:
Лондон располагает хорошим общественным транспортом .

В Лондоне хороший [[общественный транспорт]].
Лондон располагает хорошим [[общественный транспорт|
общественным транспортом]].

Окончания сливаются со ссылкой: тестирование ,
гены

Автоматически скрывается заключённое в круглых скобках: царство .

Автоматически скрывается пространство имён: Портал сообщества .

Автоматически скрывается заключённое в круглых скобках:
[[царство (биология)|]].
Автоматически скрывается пространство имён:
[[Википедия:Портал сообщества|]].

Можно ссылаться на подраздел в самой статье, указав его после «решётки»: Ссылайтесь .

Можно ссылаться на подраздел в самой статье,
указав его после «решётки»:
[[Википедия:Правила и указания#Ссылайтесь|Ссылайтесь]].

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

niska

или четыре для получения имени пользователя плюс дата/время:

niska 14:39, 14 июня 2007 (MSD)

Именно вариант с датой и временем является предпочтительным.

При добавлении комментариев к странице обсуждения,
следует их подписать. Это можно сделать, добавив
три тильды для получения имени пользователя:
: ~~~
или четыре для получения имени пользователя плюс
дата/время:
: ~~~~
Именно вариант с датой и временем является предпочтительным.
Внешняя ссылка: ,
для ссылок не на русском языке желательно
указывать язык: {{ref-en}}

Или просто укажите URL:
http://www.nupedia.com.

Этот адрес приведён для примера, не используйте его.

Указать e-mail можно так:

[[Медиа:Sg_mrob.ogg|Звук]]
[[Медиа:Tornado.jpg|Изображение торнадо]]

ISBN 0123456789X

Форматирование текста

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

структурное выделение

логическое ударение в структурном выделении (или наоборот)

.

• Это двойные и тройные апострофы, а не кавычки.

«»логическое ударение»»
«»»структурное выделение»»»
«»»»»логическое ударение в структурном выделении (или наоборот)»»»»».

Вы также можете писать курсивом и жирным, если вас интересует определенный стиль шрифта, а не логическое выделение, например, в математических формулах:
F = ma

:F
= m
a

Моноширинный шрифт для технических терминов
технических терминов

технических терминов

Специальное форматирование для фрагментов исходного кода
исходного кода

исходного кода

Вы можете использовать маленький текст для заголовков
маленький текст для заголовков

маленький текст>

Вы можете перечёркивать удалённый материал и подчёркивать новый материал
перечёркивать удалённый материал и подчёркивать новый материал

перечёркивать удалённый материал и подчёркивать новый материал

Сегодня проработаем очень интересную и важную тему — вики разметка вконтакте, т.е. создание wiki-страниц и работа с ними.

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

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

Переходим в «Управление группой», в раздел «Настройки»

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

Мы можем сменить название главного меню сообщества. Чтобы редактировать ее, нужно вернуться в группу и нажать на «Свежие новости».

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

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

[[Название]]

Или с указанием текста:

На новых вики-страницах, картинки можно размещать шириной не более 607 px, а код объемом не более 16300 знаков.

Итак, мы создадим несколько вики страниц.

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

И в двойных квадратных скобках прописываем название наших страниц:

[[декоративная косметика]]
[[уход за кожей]]
[[контакты]]

Сохраняем страницу. Просмотрим — у нас получилось три страницы.

Затем, переходим в группу и обновляемся! Открываем меню, видим три наши вики страницы, кликаем на первую и видим, что она у нас пустая. Добавляем информацию, чтобы привлечь нашу целевую аудиторию.

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

В нижнем левом углу мы можем настроить доступ к странице. В правом нижнем углу можно сохранить страницу.

Вставляем заготовленный текст и видим, что он не отформатирован, начинаем его редактировать.

Можно выбрать заголовок, выделить часть текста жирным. Добавить картинку, цитату. Если мы нажмем на картинку в визуальном режиме, она увеличится.

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

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

Более подробно, по шагам, можно посмотреть в видео под этой статьей.

P.S. Надеюсь вам понравилась эта информация!

P.S.S. Пользуйтесь вики разметкой вконтакте, и пусть вам сопутствует удача!

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

Как правило, 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. Теоретическое понимание Вики разметки.
2. Возможность практического ее применения.

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

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

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

Wiki разметка имеет:

• схожесть с профессиональным языком программирования;
• Преимущество перед языком HTML в виде более простого его понимания и отсутствия необходимости изучения объемной информации.

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

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

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

Номер в группе соответствует номеру ID сообщества.

Работа с изображениями

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

1. Вставить картинку в группу предоставляется возможным только при наличии ее в альбоме на сайте;
2. Необходимо скопировать адрес изображения в фотоальбоме аккаунта;
3. Для создания Вики адреса, добавить к обыкновенному адресу двойные квадратные скобки.

Создание таблиц с помощью wiki-разметки

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

1. Начало таблицы {|
   ;
   
2. Заголовок таблицы |+
   ;
   
3. Новая строка |-
   ;
   
4. Новая ячейка прозрачного цвета |
   ;
   
5. Новая ячейка темного цвета !
   ;
   
6. Конец таблицы |}.
   

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

Оформление ссылок при помощи wiki-разметки

Как сделать графическое меню в группе?

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

Меню можно оформить в:

• текстовом стиле;
• графическом стиле.

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

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

Шаблоны разметки для меню группы (картинки, теги, таблицы, спойлеры)

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

Особенности и секреты wiki-разметки

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

1. Необходимо группу подключить к сервису «новости»
   . Подключение происходит путем нанесения «галочки» напротив раздела «новости» в функционале «настройки»;
2. Картинка
   вставляется в Вики страницу только в том случае, когда изображение размещено на основной странице аккаунта в выделенном альбоме;
3. На одной Вики странице не может размещаться более семнадцати открытых и незакрытых тегов
   ;
4. В одной разметочной строке может содержаться до восьми списочных элементов
   ;
5. Ширина вставляемого изображения
   не может превышать величину 610 пикселей;
6. При редактировании величины изображения
   , все пропорции картинки меняются пропорционально своим соотношениям значений.

Приложения в контакте для wiki-разметки

Для простоты понимания Вики разметки были созданы специальные приложения разнонаправленного смысла:

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

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

Вот несколько примеров, чтобы все понимали, о чем речь.

Такие группы позволяют выделиться среди своих конкурентов и привлекать больше пользователей. Особенно, если еще и контент интересный:)
В рамках данной статьи мы поговорим о том, как это всё делается. Чтобы более подробно всё разобрать и вникнуть во все тонкости, возьмем конкретный пример. Будет небольшой мастер-класс по оформлению групп.

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

Объясняю на пальцах. Паблик
— это что-то сравни блогу. Лента новостей. Иными словами, мы рассказываем своим подписчикам о каких-то вещах и они не смогут писать на стене нашего сообщества. Максимум — комментировать.

Группа
позволяет создать более открытое к беседе и обсуждениям сообщество, где люди смогут от своего имени делать посты в ленте. В неё также можно добавлять друзей из своего списка. В паблике такой возможности нет. Кроме того, в группе немного больше возможностей по интегрированию вики-разметки (здесь есть раздел «Новости», в который можно интегрировать меню).

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

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

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

Контента море, начинаем воплощать идею в жизнь!

Создание группы

Чтобы создать группу, переходим в «Мои группы» в правом меню аккаунта Вконтакте и нажимаем на синюю кнопку вверху «Создать сообщество».

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

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

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

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

Всё. Группа создана!

Теперь можно начинать ее оформлять.

Оформление группы Вконтакте

Этот этап можно разбить на 2 составляющие: графическая и техническая. Для работы нам потребуется шаблон для создания аватарки группы и меню, а также немного воображения и базовые знания фотошопа (он же Adobe Photoshop).

Шаблон разметки

Что представляет из себя шаблон и что это вообще такое? Шаблон — это своего рода заготовка. В данном случае, в *.psd формате у нас размечены области для картинки под меню и аватарки группы.

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

Чтобы стало понятнее, вот пример.

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

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

Мы же тем временем приступаем непосредственно к графическому оформлению своей новой группы. Здесь я выбираю путь наименьшего сопротивления и для поиска частей дизайна отправляюсь в Google Картинки. Можно использовать и Яндекс. Кому что больше нравится.

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

На левом фрагменте (где надпись «Меню») можно также добавить несколько триггеров. В данном случае я решил делать без них. Всё. Дизайн аватарки готов. Жмем в фотошопе сочитание горячих клавиш Shift+Ctrl+Alt+S и сохраняем наши фрагменты в папку на жесткий диск.

Первый этап работы с графикой завершен. Возвращаемся в контакт.

Установка аватара и меню для группы

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

Добавляем картинку. Указываем поля и выбираем миниатюру. Здесь всё просто и проблем быть не должно.

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

Эти цифры после «?gid=» и есть искомое id группы. Вставляем полученное значение в форму скрипта и пишем название для той страницы, которую хотим создать. В данном случае, я вбиваю «Меню».

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

Если всё сделано правильно, откроется вот такая страница.

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

Я у себя написал «Меню» и моя страница после сохранения стала выглядеть следующим образом.

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

Здесь создаем пост следующего содержания: вставляем туда картинку и ссылку на страницу меню для группы.

Нажимаем отправить. После чего щелкаем по времени отправки сообщения и выбираем там среди всех вариантов пункт «Закрепить». Обновляем страничку (клавиша F5 на клавиатуре) и, если всё сделано правильно, получаем первый результат: группа обрела аватарку и ссылку для перехода в раздел меню.

Wiki-разметка меню группы Вконтакте

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

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

Минимум полей. Вертикальная раскладка. Идеальный формат для адаптивного меню. То есть, на мобилах ничего никуда не поедет. Всё будет в точности, как на экранах компьютеров и планшетов. Ширину беру 500 px, чтобы потом ничего не ужалось и не потерять в качестве изображения дважды. Высота не принципиальна.

Разрезаем изображение на фрагменты и сохраняем их.

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

Для этого возвращаемся на главную страницу группы (там, где лента и наша ссылка-картинка, ведущая в меню). Щелкаем мышкой на изображение меню и попадаем на ту самую страничку, которую ранее создали для менюшки.

Если вы администратор или создатель группы (в нашем случае это так и есть), то в верху страницы будет ссылка «Редактировать». Щелкаем по ней.

Затем переходим в режим wiki-разметки (под кнопкой закрыть в верхнем правом углу странички нарисована такая рамочка с внутри). Когда нужный режим активирован, данная кнопка обведена серым.

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

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

и к уже вложенному параметру «noborder» дописываю второй параметр «nopadding». Первый отключает обводку фрагментов и границы у ячеек таблиц. Второй убирает отступы от края.

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

В моем случае код меню выглядит следующим образом.

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

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

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

После чего вставляем в вики-код менюшки ссылки на новые страницы в виде page-102302049_51013384, где первое число — это id группы, а второе — номер страницы. Хотя, это в общем-то и не важно. Ведь нам нужно всего лишь скопировать этот фрагмент URL и вставить в разметку.

В итоге код меню принимает следующий вид.

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

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

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

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

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

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

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

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

Путь #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. В высоту размер неограничен. Что позволяет создавать отличные лендинги вконтакте.

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

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

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

Навигационное меню вконтакте. Чтобы клиент не заблудился: создаем меню группы ВК

Разделы:

[[Медицина|1]] | [[Физика|2]] | [[Математика|3]] | [[Экономика|4]]

[[Химия|5]] | [[Биология|6]] | [[Программирование|7]] | [[Электротехника|8]]

|-
|}

Как видите, ответ на вопрос: «Как сделать меню в группе в ВК?» весьма лёгок.

Важность Wiki-разметки при продвижении своего проекта

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

Заключение

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

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

Первые секунды пребывания формируют дальнейшие действия гостя. Именно поэтому интерфейс играет большую роль.

Факторы оставляющие гостя:

• аватарка;
• описание;
• название;
• красивое и практичное меню;
• красочность;
• контент.

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

Каким должно быть меню

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

Три основные цели групп:

1. продажи;
2. увеличение трафика;
3. увеличение активных посестителей.

Для продаж навигация в группе заменяет витрину в магазине.

Здесь должны быть самые важные кнопки:

1. каталог;
2. стоимость;
3. доставка;
4. акционные предложения;
5. отзывы.

Для увеличения посещаемости акцент делается на контент и изюминку сайта или блога.

Приблизительный вариант набора кнопок:

• интересные статьи;
• полезная информация;
• подписаться;
• отзывы.

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

Предлагаем такие кнопки:

• подписаться на новости;
• задать интересный тематический вопрос;
• акции;
• опросник;
• голосование.

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

Создаем по этапам

Создание навигации – процесс интересный, сложный и длительный. Но результат того стоит
.

Весь процесс условно делиться на 2 этапа:

• работа с фотошопом;
• техническое добавление.

видео: меню для паблика

Работаем с фотошопом

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

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

Делается это с помощью инструмента «Прямоугольная область»:

Работа с графикой:

Приблизительно должно получиться вот так:

Сохраните прямоугольник, расположенный справа отдельной картинкой, задав размер 200х500 пикс. Это готовая аватарка, загружается через кнопку «Загрузить фотографию» в группе вк.

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

Для начала следует сделать разметку:

Создаем фрагменты:

Сохранение изображений:

Как очистить компьютер от ненужных программ? Инструкция тут.

Техническая часть

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

Важно! Заливка меню отличается от обычно загрузки фото или картинок.

Все по порядку:

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

1. найдите необходимую запись;
2. кликните по ней левой кнопкой мыши;
3. скопируйте URL в адресной строке.

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

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

Внимание! Изменения могут не сразу отобразиться. Рекомендуется выйти на свой основной профиль, а затем снова зайти в группу.

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

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

Данный инструмент позволяет создавать:

• эффекты;
• необычные меню;
• таблички;
• элементы навигации;
• форматировать текст.

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

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

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

Видео: меню с поиском по рубрикам

Нюансы создания

Собственно, то, что было сделано выше (разделение и загрузка картинки) это уже элементы разметки. В этом и преимущество данного инструмента. Автоматическое превращение в теги, при простой загрузке картинок.

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

Вот так: []

Основные теги представлены в таблице ниже:

Работа с картинками

[]
.

Где options заменяется на:

• noborder
  — снятие рамки вокруг изображения;
• nopadding
  — снятие пробелов между изображением;
• plain
  — вставка ссылки на картинку. Оформляется в виде текста, без графики;
• nolink
  — снятие ссылки на картинку;
• box
  — открытие изображения в окне;
• NNNxYYYpx или NNNpx
  — задает размер фото в пикселях.

Создание таблицы

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

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

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

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

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

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

А вот пример неудачного решения:

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

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

Теперь давайте посмотрим на все это с технической точки зрения.

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

Первым делом создадим графический макет будущей менюшки. Для этой цели мы будем использовать программу Photoshop (для простенькой картинки вполне сгодится стандартный Paint). Откройте программу и создайте новый документ:

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

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

Затем напишите на фоновой картинке заранее продуманные разделы, кнопки и телефоны. Их мы в последующем превратим в ссылки:

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

Последним шагом будет разрез объектов. Чтобы это сделать кликните по кнопке “фрагменты по направляющим” (Slices From Guides) на верхней панели инструментов:

Сохраняем каркас для web устройств. Формат картинки ставим JPG, выбираем максимальное качество и сохраняем, например, на рабочий стол:

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

Вывод меню с помощью Wiki разметки

В своей группе зайдите в “управление сообществом” и проверьте, подключен ли раздел “материалы”. Если раздел выключен, то подключите его:

После этого в группе появиться вкладка “свежие новости”. Нажмите на кнопку “редактировать”, Вас перебросит в текстовый редактор:

Вместо стандартного заголовка, пропишите свой, а также включите режим wiki разметки, нажав на пиктограмму ромба:

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

Вместо значения “photo133337_133701019” нужно вставить ссылку на фотографию

Вместо значения “page-13333337_13333337” нужно вставить ссылку на нужную страницу или раздел группы

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

Нажав на кнопку “Просмотр” можно посмотреть, как меню будет смотреться в группе. Если все устраивает, то жмем “Сохранить результаты” и радуемся проделанной работе.

ВАЖНОЕ ОБНОВЛЕНИЕ
: эта статья сильно устарела, поскольку появился специальный сервис MenuMake , который позволяет создать меню для группы автоматически. В ручном подходе больше нет необходимости. Однако, оставляю эту статью для истории.

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

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

Поговорим об идеологии

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

Меню для привлечения посетителей

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

Меню для продаж

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

Первый этап – работаем в фотошоп

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

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

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

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

Учитывая, что это меню не в группе, а на странице (паблике) вконтакте, я решила показать вам как все это делается! Давно меня уже дергали вопросами: как сделать меню в паблике, как сделать так, что бы меню было открытым, как сделать закреп и т.д.. Вот вам и инструкция!

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

Меню в паблике? Проще простого!

Пересмотрите еще раз статьи: и , сейчас нам пригодятся эти знания!

3 шага к красивому меню паблика!

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

Шаг №1: Создаем внутреннюю страницу меню

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

Вариант 1: (обычный)

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

где XXX — ID Вашей публичной страницы,

а «Название_страницы» — любое слово, которым будет названа страница

Вариант 2: (облегченный, но )

Итак, мы создаем вики-страничку и заполняем её точно так же, как если бы мы заполняли меню для группы. То есть прописываем там все изображения и переходы. У нас должно получиться примерно следующее:

Это вики-код меню

Внимание! Если вы еще не умеете создавать визуальные менюшки в контакте, то повторюсь, статью! Если все ок. то у вас получится подобная картинка:

А это готовая страничка меню

Шаг №2: Создаем пост на стене

Теперь мы должны добавить наше меню на стену сообщества вконтакте. Для этого копируем ссылку на внутреннюю страницу
и добавляем её в пост, вот так:

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

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

Картинка повторяет меню и привлекает внимание посетителей страницы

Шаг №3: Закрепляем пост

Наконец-то у нас все готово и пост висит с картинкой и ссылкой на стене! Теперь нам нужно перенести его в шапку группы, закрепить пост на главной, сделать закреп… Для этого щелкаем на дату/время поста (под каждым постом есть дата публикации), мы попадаем на внутреннюю страницу поста, листаем его вниз и ищем там кнопку «закрепить». Смотрите на картинке, что вам нужно найти:

Нажимаем на эту кнопку и обновляем страницу. Вуаля, все готово! Наслаждаемся красивым меню!

vk.com/frilkacom

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

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

У меня на это все! Делитесь статьей с друзьями, добавляйте в избранное и следите за обновлениями блога, чтобы не пропустить новые интересные статьи!

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

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

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

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

Если у вас есть фотошоп и вы умеете им пользоваться, все еще проще. Я делала в 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 года и позиционирует его как инструмент для публикации лонгридов.

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

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

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

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

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

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

Полный мануал по вики-разметке ВКонтакте

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

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

Статьи

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

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

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

Ссылки на вики-публикации можно размещать в других смм-пабликах и получать с них трафик

Контентные статьи часто выходят в топ Яндекса и Гугла наравне со статьями из блогов. Для продвижения сообществ можно использовать SEO-оптимизацию контента.

Моя статья «60 способов» иногда попадает в топы выдачи, но довольно редко

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

Меню

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

Сначала мы видим публикацию в сообществе

Вариантов, как именно сделать меню — много, большая часть описана в сообществе Wiki. В Кайросе сделали подобие лендинга с плашкой для навигации.

wiki-lending

Игры

С помощью вики-публикаций можно создавать простенькие квест-игры:

Мы рассмотрели три самых популярных причины использования вики-публикаций для сообществ во ВКонтакте. Давайте разберемся с технической стороной.

Создание вики-публикаций

Я знаю три варианта создания вики-публикаций. Для пабликов, для групп и через дополнительные приложения: «Исходный код» и «Мобивик».

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

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

Заменить -XXX на id вашего сообщества и «Название страницы» на верное название страницы. Если в названии несколько слов, то между ними вместо пробела ставится нижнее подчеркивание. Более подробно способ описан в СММщиках.

Способ для групп. На странице группы в разделе «Управление» → «Разделы» есть графа «Материалы».

Выбираем «Открытые» или «Ограниченные» и жмем «Сохранить»

На главной странице группы появится раздел «Свежие новости».

Нажатие кнопки «Редактировать» перекинет вас на окно создания страницы. Когда создадите и сохраните, результат появится под «Редактировать»

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

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

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

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

Когда получите ссылку на страницу, перейдите по ней и нажмите в правом верхнем углу вики-публикации карандашик для редактирования

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

Самая главная кнопка, переключающая визуальный режим и режим кода

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

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

Самые «важные» коды вики-разметки*

*Которые я чаще всего использую

Заголовок первого уровня. Для оформления заголовка первого уровня используются символы « == » с двух сторон заголовка.

Отступ от края страницы. Для отступа используется символ « : » перед абзацем. Чем больше двоеточий, тем больше отступ. Я использую эту разметку, чтобы показать примеры и отделить их от основного уровня текста.

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

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

Таблица начинается с « {| », а заканчивается « |} », чтобы обозначить строку, используется код « |- », а для того, чтобы разбить строку на ячейки, используется « | ».

В таблице, часто использую:

• Невидимые границы таблицы: noborder;
• Расширить таблицу на ширину страницы (по умолчанию таблица создается на 500 px, а ширина вики-страницы 600 px): nomargin;
• Колонки фиксированной ширины (по умолчанию таблица растягивается в зависимости от контента). Если нужно сделать три столбца одинаковой ширины, после того как прописали код, открывающий таблицу, пишите на следующей строке |~33 33 33.

Цитата со встроенной таблицей с тремя колонками

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

Как переименовать неправильно названные страницы

Раньше считалось, что если ошибиться в названии страницы, то придется создавать новую страницу с правильным названием. Но «СММщики» нашли лазейку, нужно при открытой вики-странице с неправильным названием в конце адресной строки прописать /market и перейти на новую страницу.

Если открывать страницу в новом окне – данный способ не сработает, поэтому только во всплывающем окне (поверх сообщества).

Появится кнопка редактирования названия страницы, подробнее способ описан в материале «Как изменить название вики-страницы».

Подытожим

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

Чтобы проще было создавать страницы, используйте «Исходный код» или «Мобивик».

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

Вики-страницы можно редактировать. Пользуйтесь этим.

Вики-страницы нужно seo-оптимизировать. Используйте это.

Получить еще больше знаний о продвижении во ВКонтакте можно на мастер-классе продвинутого уровня Реклама во ВКонтакте для гиперпрофи от SMM.school.

Статья обновлена. Первая публикация 20 сентября 2017 года

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

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

В каких целях используется?

Меню в группе ВК может выполнять следующие цели:

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

Ну вот разве не красотища?

• Мотивация совершения целевого действия. Вы сами можете подтолкнуть пользователя к прочтению или просмотру определенной информации, клику по определенной кнопке и т.д. Качественное и продуманное оформление способно сделать кликабельное меню, которое будет и привлекать внимание пользователей, и заинтересовывать их, и призывать к действию (call to action).

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

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

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

Итак, как сделать меню в группе ВКонтакте:

1. Заходим в «Управление» сообществом.
2. Справа выбираем пункт «Разделы».
3. Находим «Материалы» и включаем их.

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

4. Сохраняем изменения и переходим на страницу группы. Нужный блок мы подключили, теперь осталось создать само меню. Вы должны были заметить, что после подключения на главной странице паблика появилась новая вкладка «Свежие новости».
5. Переходим во вкладку «Свежие новости».
6. Нажимаем «Редактировать».
7. Меняем название на соответствующее (например, «Меню»).
8. Далее в правом углу включаем «Режим wiki-разметки».

При наведении на кнопку <>, должна появляться надпись «Визуальный режим редактирования». Если появляется «Режим wiki-разметки», это значит, что он не включен.

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

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

14. Если все сделано правильно, нажимаем кнопку «Сохранить страницу».

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

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

Ниже представлен пример такой записи:

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

Статья в тему: “Вики-страницы в группах ВК: что это такое и как с ними быть?“.

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

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

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

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

1. Открываем «Свежие новости» и нажимаем «Редактировать».
2. Включаем «Визуальный режим редактирования».
3. Добавляем созданные в фотошопе изображения.
4. Нажимаем на каждое изображение. В появившемся меню задаем размеры (рекомендуется использовать ширину стены – 610 пикселей, длина проставиться автоматически при сохранении пропорций).
5. Далее переключаемся на «Режим wiki-разметки».
6. После размеров каждой картинки добавьте «;nopadding», чтобы избавиться от видимых пробелов между изображениями.
7. После вертикальной черты добавляем ссылки, куда пользователь попадем после клика.
8. Сохраняем изменения.

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

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

Использование шаблонов

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

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

Как наличие меню способствует успеху сообщества?

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

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

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

Смотрите также как оформить группу в ВК и какие инструменты помогут в соответствующей статье.

Итог

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

А о том, как создать и оформить группу в Одноклассниках, читайте материал по ссылке.

Автор публикации

не в сети 3 года

Amelie

Комментарии: 12Публикации: 1604Регистрация: 19-06-2018

MainStage Vintage B3 Roland VK — режим Korg CX

В таблице показаны назначения MIDI-контроллеров, когда режим MIDI установлен на Roland VK или Korg CX. Выберите любую настройку, если вы используете тяговый орган Roland VK или Korg CX-3 в качестве пульта дистанционного управления для Vintage B3.

тяга

5 1/3 ‘

23 Уровень

922 9220006 Тип вибрато

23

109

23 900

Искажение

900 06

Free Robux Generator 2021 VK

Прочтите всю статью и узнайте, как получить бесплатный Robux.Медленный цикл обновления оборудования Free Roblox Robux Generator способствует разработке игр. В настоящее время разработка бесплатного генератора кодов Robux часто занимает три-пять лет.

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

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

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

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

Однако есть несколько простых способов минимизировать риск. Во-первых, как упоминалось выше, не сообщайте своему ребенку пароль от его учетной записи Roblox. Причина этого кроется в мошенничестве с «бесплатными Robux», которое распространяется в Интернете. Эти сайты получают ваши данные, маскируясь под сайты, которые выглядят как официальная страница Roblox, и побуждают людей войти в свою учетную запись Roblox через свою страницу, чтобы потребовать «бесплатного Robux». Если вы сделаете это, вы только что предоставили мошенникам всю информацию, которая им необходима, чтобы захватить учетную запись и очистить ее.Независимо от того, насколько заманчивы эти сайты, вы должны знать, что НЕТ ТАКОГО БЕСПЛАТНОГО ROBUX. Покупайте Robux только описанными выше способами.

БЕСПЛАТНЫЙ ROBUX БЕЗ ПРОВЕРКИ ЧЕЛОВЕКОМ КАК ПОЛУЧИТЬ 3 ROBUX БЕСПЛАТНО

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

FREE ROBUX GENERATOR FREE ROBUX THUMBNAIL

TL; DR состоит в том, что генераторы Robux — это мошенничество, предназначенное в лучшем случае для добавления вас в маркетинговые электронные письма или, в худшем случае, для кражи вашей конфиденциальной личной информации.

GetMoving — Speedy Shades (необходимо активировать в Island of Move)

FREE ROBUX FREE ROBUX 2020

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

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

БЕСПЛАТНЫЙ ROBLOX — БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX

Roblox — это этап интернет-игры и платформа для создания игр, созданная Roblox Corporation.Это позволяет клиентам программировать игры и возиться с разными клиентами. Сцена, созданная Дэвидом Басуки и Эриком Касселем в 2004 году и поставленная в 2006 году, была обработана клиентом различных видов, закодированных на языке программирования Lua. Для подавляющего большинства опыта Roblox это было умеренно мало, как в качестве сцены, так и в качестве организации, из-за того, что главный сторонник Baszucki не уделял должного внимания участию в прессе, а также из-за того, что он был «потерян среди группы» на огромном количестве этапов. доставлен примерно в то же время.Roblox начал быстро заполнять вторые 50% 2010-х годов, и это развитие ускорила пандемия COVID-19.

Все обещают «бесплатный» Robux для простого заполнения некоторых личных данных или ответа на опрос.

Бесплатный генератор Roblox — Бесплатный генератор Robux

БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX БЕЗ ПРОВЕРКИ ЧЕЛОВЕКОМ БЕСПЛАТНАЯ ПРОВЕРКА ROBUX 2020

БЕСПЛАТНЫЕ КОДЫ ROBUX 2020

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

БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX БЕЗ ПРОВЕРКИ ЧЕЛОВЕКОМ БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX БЕЗ ПРОВЕРКИ НА ЧЕЛОВЕК 2018

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

БЕСПЛАТНЫЙ ROBUX GENERATOR FREE ROBUX МГНОВЕННО

FREE ROBUX БЕЗ ПРОВЕРКИ ЧЕЛОВЕКА БЕСПЛАТНАЯ ЗОНА ROBUX

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

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

FREE ROBUX ROBLOX — БЕСПЛАТНЫЙ ROBUX GENERATOR

Промокоды — время от времени появляются промокоды, чтобы получить бесплатные внутриигровые предметы, но речь не идет о robux. Однако благодаря этим промокодам мы можем получать объекты и скины, за которые обычно платим robux.

Опять же, чтобы по-настоящему поразить это, вот что компания Roblox сообщает на своей странице поддержки:

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

Бесплатный генератор Roblox — Бесплатный генератор Robux

Вы можете приобрести все, выполнить все миссии, игры и в конечном итоге получить номер 1.

БЕСПЛАТНЫЙ ROBUX БЕЗ ПРОВЕРКИ ЧЕЛОВЕКА 5 000 БЕСПЛАТНО ROBUX

БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX БЕЗ ПРОВЕРКИ НА ЧЕЛОВЕКЕ A FREE ROBUX OBBY

FREE ROBUX FREE ROBUX JUST JOIN GROUP

FREE ROBLOX — БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX

Roblox работает как платформа для создания игр.Он существует уже более 10 лет.

Bloxy News — это неофициальный источник новостей Roblox, представляющий контент, связанный с тем, что происходит на сцене. Это было сделано 27 августа 2017 года компанией BloxzBox. Обычно он публикует отчеты о Roblox в Twitter, Instagram и YouTube. На YouTube обычно публикуются записи, например, новые моменты и обновления Roblox, обучающие упражнения и особые возможности.

Чтобы получить бесплатные драгоценные камни в Roblox Wacky Wizards, вам нужно победить мистера Рича, также известного как босс Циклопа.Приготовьте 5 ядерных зелий, объединив 5 ушей гиганта и 5 динамита. После этого приготовьте 5 горячих зелий из 5 перцев чили. Соберите все зелья и поместите их в пушку, нацеливаясь на босса Циклопа. Выстреливайте их одного за другим и уничтожьте все здоровье мистера Рича. Имейте в виду, что зелья нужно помещать в пушку в быстрой последовательности, так как мистер Рич начнет восстанавливать здоровье, если вы потратите слишком много времени.

БЕСПЛАТНЫЙ ROBUX ROBLOX — БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX

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

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

БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX БЕЗ ПРОВЕРКИ ЧЕЛОВЕКОМ БЕСПЛАТНЫЙ ROBUX 2020 АВГУСТ

БЕСПЛАТНЫЙ ROBUX БЕЗ ПРОВЕРКИ БЕСПЛАТНО ROBUX СДЕЛАНО FORTNITE

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

По словам одного из руководителей Apple, который участвовал в судебном разбирательстве Epic против Apple, у игры есть начало, конец и проблемы. Рад, что смог быстро решить эту проблему для вас. Roblox (компания), чего стоит, говорит Roblox (приложение), предлагает «впечатления».

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

FREE ROBUX FREE ROBUX YOUTUBE

FREE ROBUX GENERATOR FREE ROBUX CODES 2020

Одно изображение, в частности, показывает содержимое Call of Duty: Vanguard Ultimate Bundle. Вы можете увидеть три скина оператора для Call of Duty: Warzone, а также уникальное оружие для каждого, а также бустеры опыта, уникальное оружие и ранний доступ к открытой бета-версии игры. Дата открытого бета-тестирования не указана.

БЕСПЛАТНЫЙ ROBUX БЕЗ ПРОВЕРКИ ЧЕЛОВЕКА БЕСПЛАТНЫЙ ROBUX ПОДТВЕРЖДЕН FORTNITE

БЕСПЛАТНЫЙ ROBUX ANDROID 1 БЕСПЛАТНЫЙ ROBUX

БЕСПЛАТНЫЙ ROBUX БЕСПЛАТНЫЙ ROBUX ДА ПРОВЕРКА ЧЕЛОВЕКА

БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX БЕСПЛАТНАЯ ВЕРИФИКАЦИЯ БЕСПЛАТНАЯ ВЕРИФИКАЦИЯ WINDOWS WINDOWS 904 ввел драгоценные камни в качестве новой валюты.Как и в случае с Робуксом, драгоценные камни можно использовать для покупки премиальных ингредиентов и шкур котлов в игре. Помимо покупки драгоценных камней за реальные деньги, игроки также могут использовать бесплатную альтернативу для приобретения драгоценных камней.

Ретро-шутер, по сути, находился на аппарате жизнеобеспечения с июня 2019 года, едва соскребая вместе три цифры одновременных игроков в любой момент. Затем в июле этого года популярность Splitgate внезапно резко возросла, вызвав массовый приток новых игроков, что вынудило разработчика 1047 Games постоянно обновлять свои серверы, чтобы не отставать от спроса.

FREE ROBUX ROBLOX — БЕСПЛАТНЫЙ ROBUX GENERATOR

Roblox’s Bronstein более оптимистичен. «В то время как общий опыт в Метавселенной сегодня связан с совместным веселым делом, в будущем они будут касаться буквально всего, что люди могут делать вместе в реальной жизни: учиться вместе, играть вместе или работать вместе». Другими словами, Roblox хочет заменить рабочее место и класс, паб и теннисный клуб.

БЕСПЛАТНЫЙ ROBLOX — БЕСПЛАТНЫЙ ROBUX GENERATOR

БЕСПЛАТНЫЙ ROBUX GENERATOR FORTNITE FREE 2 ROBUX

БЕСПЛАТНЫЙ ROBUX БЕЗ ПРОВЕРКИ ЧЕЛОВЕКА БЕСПЛАТНЫЙ ROBUX 5K

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

БЕСПЛАТНЫЙ ROBUX ROBUX HACK ДЛЯ IPHONE 6

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

Если вы подпишетесь на премиум-членство, вам автоматически будет выплачиваться стипендия в размере такого количества Robux каждый месяц. Если вы платите 4,99 доллара в месяц, вы получите 450 Robux, а те, кто платит 9 долларов.99 в месяц будет предоставляться 1000 робуксов в месяц.

БЕСПЛАТНЫЙ ROBLOX — БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX

Как и в любой другой служебной игре с аналогичными характеристиками, в Roblox мы находим систему free-to-play с микропагосами для получения различных предметов, скинов и прочего. Эти игровые деньги называются Robux, и мы можем покупать их пачками по 400, 800 и 1700 от 5 до 21 евро соответственно. Тем не менее, есть способы получить его, не просматривая коробку, и, следовательно, совершенно бесплатно, хотя обычно они требуют определенных усилий и времени с нашей стороны.Мы расскажем вам об этом ниже, не говоря уже о том, что у вас также есть доступный предмет, в котором мы объясняем, как вы можете использовать бесплатные коды или промокоды.

Благодаря постоянному и неограниченному запасу Robux, пользователи могут делать все, что захотят, играя в свои любимые игры Roblox.

FREE ROBUX GENERATOR FREE ROBUX 100K

Как и в любой другой сервисной игре с аналогичными характеристиками, в Roblox мы находим систему free-to-play с микропагосами для получения различных предметов, скинов и прочего.Эти игровые деньги называются Robux, и мы можем покупать их пачками по 400, 800 и 1700 от 5 до 21 евро соответственно. Тем не менее, есть способы получить его, не просматривая коробку, и, следовательно, совершенно бесплатно, хотя обычно они требуют определенных усилий и времени с нашей стороны. Мы расскажем вам об этом ниже, не говоря уже о том, что у вас также есть доступный предмет, в котором мы объясняем, как вы можете использовать бесплатные коды или промокоды.

БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX БЕСПЛАТНЫЙ ROBUX, КОТОРЫЙ РАБОТАЕТ

Каким бы увлекательным ни был Roblox без Robux, в какой-то момент вам захочется взять несколько Robux, чтобы увидеть некоторые из премиальных функций, которые может предложить платформа.К сожалению, не у всех есть реальная валюта для покупки Robux.

FREE ROBUX FREE ROBUX 2020 ИЮЛЬ

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

В 2006 году Baszucki и Cassel запустили Roblox Studio. По словам Бронштейна, это была «иммерсивная творческая машина», сочетающая игры, творчество и социальные сети.Roblox может иметь внешний вид видеоигры, но, возможно, точнее было бы описать его как набор инструментов, которые пользователи могут использовать для создания своих собственных видеоигр (или «опыта», как иногда их называют в компании) для размещения. на платформе Roblox. Эти инструменты создания призваны быть менее сложными для разработчика начального уровня, чем профессиональные игровые движки, а полностью настраиваемые фреймворки существуют во многих жанрах. К ним относятся бегуны по лабиринту, шутеры от первого лица, симуляторы магнатов и жанры «ролевых игр» в свободной форме, в которых разработчики создают миры — школы, города, исторические эпохи, научно-фантастические антиутопии и т. Д. — для пользователей, чтобы проецировать на них свои собственные истории. , информированные по их взаимодействиям с настройкой и другими пользователями.

БЕСПЛАТНЫЙ ГЕНЕРАТОР ROBUX БЕСПЛАТНО ROBUX ЗАРАБАТЫВАТЬ ПРОСТО

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

Free Roblox Generator — бесплатный Robux Generator

Datamined Call of Duty: Vanguard иллюстрации и издания подтверждают настройку WW2, открытую бета-версию и многое другое

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

Free Robux часто воспринимается как слишком хороший, чтобы быть правдой. Тем не менее, это не относится к нашему генератору Robux. Здесь, в Cheatdaily, мы бесплатно раздаем Robux всем, кто использует наш инструмент.

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

бесплатный robux бесплатный генератор robux бесплатно robux взлом без проверки бесплатные коды robux 2021 не используется бесплатные коды robux 2021 реальный

как получить бесплатные коды robux 2021 промокоды roblox 2021 не просрочен roblox бесплатный генератор robux бесплатно

генератор robux без проверки человеком или опросы бесплатный генератор robux 2021 roblox бесплатный генератор robux roblox

генератор без проверки промокодов для robux 2021 промокоды roblox август 2021 бесплатные промокоды robux 2021 10000 код robux бесплатные коды robux 2021 как получить бесплатные промо коды robux

коды для robux 2021 настоящий генератор robux настоящий генератор robux 2021 реальный рабочий генератор robux бесплатный генератор взлома robux бесплатно взлом robux 2021 бесплатные коды robux как получить бесплатно robux easy freerobux для детей бесплатный генератор robux 2021 бесплатные коды robux ноябрь 2021 генератор кодов robux бесплатно robux no human

проверка бесплатные коды robux 2021 не используется бесплатный генератор robux 2021 бесплатный генератор robux n o человек

проверка

Выявление проблемы стоимостью 1000 долл. США в месяц путем анализа ключевых слов поиска

Здравствуйте! Какой у вас опыт и над чем вы работаете?

Привет, я Алекс Московский, и я делаю и монетизирую программное обеспечение.Menumake — это один из моих экспериментов, который я построил для российского рынка и, в частности, для Vk.com (русский Facebook).

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

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

В декабре 2016 года Menumake заработала около 1200 долларов, и я думаю, что январь будет еще лучше.

Что побудило вас начать работу с Menumake? Как вам в голову пришла эта идея?

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

Затем, внезапно, Postio начал получать относительно большой объем трафика от Google и Яндекс (российская поисковая система) с ключевыми словами, которые не имеют ничего общего с самим Postio … такие вещи, как «создать меню», » сделать меню в группе вк »и тд.

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

Это сработало, и пользователи были готовы за это платить.

Что было сделано для создания вашего MVP? Как скоро вы будете готовы к запуску?

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

Кортленд от Indie Hackers

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

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

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

Какие маркетинговые стратегии вы использовали? Как вы привлекли пользователей и вырастили Menumake?

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

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

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

Этих мер было достаточно, чтобы гарантировать быстрый и стабильный рост.

Как работает ваша бизнес-модель? Какова история вашего дохода?

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

Платежи собираются с помощью Яндекс Касса, одного из крупнейших платежных шлюзов на российском рынке.Stripe хорош для глобальных стартапов, но для небольшого домашнего игрока, такого как Menumake, Yandex Kassa более чем достаточно.

С какими самыми большими проблемами вы столкнулись? Что бы вы сделали по-другому, если бы вам пришлось начать все сначала?

Menumake — не первый мой проект в этой нише, поэтому единственное, о чем я сожалею, это то, что я не построил его раньше, когда впервые заметил SEO-трафик с соответствующими ключевыми словами. Разница могла легко составить дополнительные 12 000–14 000 долларов на моем банковском счете.

Каковы были ваши самые большие преимущества? Было ли что-нибудь особенно полезным?

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

Что вы посоветуете начинающим инди-хакерам?

Кортленд от Indie Hackers

Нет мотивации к отправке? Тогда запускай раньше и грязнее. Например, Тайлер Трингас построил Storemapper за 36 часов.Как говорит Рид Хоффман, если вас не смущает ваше приложение, значит, вы запустили его слишком поздно.

Одно слово: корабль.

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

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

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

При этом я рекомендую прочитать эти книги, когда у вас будет время:

Где мы можем узнать больше?

Я написал статью, в которой объясняется все, что я делал для создания и продвижения Menumake.В нем я раскрываю некоторые приемы, которые помогли проверить идею, и представляю много данных из проекта. Взгляните — это весело.

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

Спасибо, что прочитали, и не стесняйтесь спрашивать меня о чем угодно!

—

Алекс Московский

, Создатель Menumake

Хотите построить свой собственный бизнес, как Menumake?

Вам следует присоединиться к сообществу инди-хакеров! 🤗

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

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

—

Кортленд Аллен

, Основатель Indie Hackers

Создайте аккаунт ВКонтакте — Присоединяйтесь к крупнейшей социальной платформе в России.

Вконтакте или Simply VK — самая популярная социальная сеть в России.Создайте учетную запись ВКонтакте, чтобы добавлять друзей, размещать видео и фотографии, создавать фан-страницы и многое другое.

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

Также широко используется как полноценный сайт знакомств в России. Подключиться к платформе VK очень просто из-за ограниченной возможности конфиденциальности.

Как создать аккаунт ВКонтакте с ПК / ноутбука?

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

• Загрузите сайт ВКонтакте из браузера.
• Заполните регистрационную форму сразу под полями входа.

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

• Введите пятизначный код, который вы получите на свой телефон с помощью звонка или SMS.

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

• Наконец, нажмите Присоединитесь к VK , чтобы завершить процесс создания учетной записи.

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

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

Учетная запись ВКонтакте Регистрация с помощью мобильного телефона

Вы также можете создать учетную запись ВКонтакте с помощью мобильного приложения.Приложение ВКонтакте доступно как для Android, так и для iPhone. Одним из преимуществ регистрации через мобильное приложение является то, что вы можете создать новую учетную запись с помощью Facebook или Google.

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

• Откройте приложение ВКонтакте на своем мобильном телефоне.
• Нажмите на подписку. В приложении вы также можете создать учетную запись ВКонтакте, используя существующий профиль в соцсети; Facebook.

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

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

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

×

सूचना

शिष्यवृत्ती / सरकारी अनुदान बँकेच्या खात्यात जमा होण्यासाठी आपल्या खात्याला आधार गरजेचे आहे. तरी काही विद्यार्थ्यांना बँक खात्यात आधार सीड नसल्यामुळे पोस्ट मॅट्रिक शिष्यवृत्ती जमा येत आहे. असे विद्यार्थी जवळच्या पोस्ट ऑफिसला भेट देऊन ‘इंडिया पोस्ट पेमेंट्स बँकेचे’ आधार सीड असलेले खाते उघडण्याचा लाभ घेऊ शकतात.खाते उघडण्यासाठी पुढील बाबींची आवशकता आहे.-

1. 1 मोबाईल क्रमांक
2. 2 आधार क्रमांक
3. 3 पॅनकार्ड (उपलब्ध असेल तर)
4. 4 शिष्यवृत्ती अँप्लिकेशन क्रमांक.

‘इंडिया पोस्ट पेमेंट्स बँकेचे’ खाते साधारण बचत खाते असल्याने ते उघडणायची सुविधा इतर विद्यार्थी तथा नागरिकांना पण उपलबध आहे. हे खाते तात्काळ उघडले जाते आणि त्यासाठी कुठल्याही कागदपत्राची गरज भासत नाही.तरी सर्वानी ह्या संधीचा फायदा घ्यावा.

Уведомление

Раздача Aadhaar на банковский счет является важным требованием для бенефициаров различных схем DBT для получения преимуществ DBT на счет. Настоящим сообщается, что студенты, которые не могут получить DBT на стипендию Post Matric Scholarship из-за проблем с раздачей Aadhaar, могут посетить ближайшее почтовое отделение, чтобы открыть счет в почтовом платежном банке Индии (IPPB) с раздачей Aadhaar.Для открытия счета необходимы следующие документы —

1. 1 Мобильный номер
2. 2 Номер Aadhaar
3. 3 PAN карта (при наличии)
4. 4 Идентификатор заявки на стипендию в случае неполучения DBT из-за проблем с заполнением Aadhaar

Эта возможность для открытия счетов в IPPB с раздачей Aadhaar доступна для получения пособий DBT для других студентов и общественности.Открытие счета происходит в режиме реального времени и в безбумажной форме.

VK group проектируют новый дизайн. Как оформить группу в контакте с закрепленным верхним меню под новым дизайном ВК. Какими способами можно зарегистрировать группу в ВК

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

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

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

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

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

2. Вертикальный аватар
Теперь обратим внимание на старый добрый групповой аватар размером 200×500 пикселей. Пока что это также способ создания группы. Обычно на аватаре располагается следующая информация: логотип, сопроводительный текст или слоган, контакты, звонок для присоединения к группе. На мобильных устройствах аватар не виден полностью, видна только его часть — миниатюра. Для украшения группы можно использовать либо горизонтальный заголовок (обложку), либо вертикальный баннер. Если у вас есть заголовок, вертикальный аватар не отображается.На аватаре не может быть никаких рабочих кнопок, на которые можно было бы нажимать — собственно, это картинка и все.

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

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

4. Баннер
Баннер (англ. Banner — флаг, знамя) — графическое изображение информационного, рекламного или побудительного характера. Баннер прикрепляется к сообщению в виде изображения и может иметь только одну внутреннюю ссылку. Многие до сих пор убеждены, что с баннера на главной странице можно сделать несколько ссылок.Это не тот случай, всего одна ссылка и все. Я бы выделил следующие типы баннеров.

4.1 Информационный баннер
Распространенный тип баннера, содержащий общую информацию о компании, группе, услуге или мероприятии с подробным списком преимуществ и другими сопутствующими материалами. Часто используется как закрепленный пост в группе. Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с аватаркой. Если ссылки с аватаркой нет, то можно использовать любой размер.Например, я использую 600×350 пикселей. Формат квадрата 510х510 пикселей тоже удобен и сейчас набирает популярность — при таком размере баннер занимает максимально большую площадь в ленте новостей.

4.2 Баннер для входа во внутреннее меню
Если мы добавим к баннеру из предыдущего абзаца броскую надпись «Открыть меню», то мы получим баннер, основная задача которого — служить точкой входа во внутреннее меню. Иногда делают уловку в виде нескольких кнопок на баннере, но это иллюзия, когда пользователь нажимает, пользователь все равно попадает на внутреннюю страницу, и там каждая кнопка имеет свою ссылку.Размер такого баннера 510х307 пикселей. При таком размере баннер внизу совпадает с аватаркой. Если вход в меню не привязан к аватарке, то можно сделать баннер любого размера, даже узкую кнопку с надписью «Открыть меню». Главное, чтобы ширина баннера была не менее 510 пикселей.

4.3 Карточка для репостов, акций
В последнее время особую актуальность приобрели карточки для репостов или акций. Его задача — призывать к конкретным действиям.В основном это «Присоединяйтесь к группе, делайте репост или ставьте лайк и выигрывайте приз». Такие баннеры используются в рамках рекламных кампаний или акций как в собственных группах, так и для продвижения в других группах. Я обычно использую 600×350 пикселей.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шапка группы ВКонтакте

Включает название сообщества, URL, статус, описание. Эти блоки играют важную роль, так как влияют на ранжирование (внутренний поиск социальной сети + поисковые системы).Они также являются отличительной чертой любого сообщества. Именно на это обращает внимание пользователь при первом посещении группы. Заголовок должен содержать ключевую информацию о деятельности компании. Посетитель страницы должен сразу понимать, чем вы занимаетесь и какие услуги / товары вы предлагаете.

Название группы ВК

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

При написании имени запрещено использовать Caps Lock. Это не сыграет вам на руку при продвижении сообщества, а только разозлит подписчиков и клиентов. Также необходимо соблюдать основные правила русского языка. Не пытайтесь быть хитрее системы.

Статус сообщества

Это специальное поле, которое помещается под названием группы. В нем можно написать что-то заманчивое, интересное или важное. Например:

• Оповестить аудиторию о новых акциях и скидках;
• Оставьте контактные данные для обратной связи с менеджером.

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

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

VK группа URL

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

Для этого откройте раздел «Управление сообществом». Далее заходим в «Настройки». Там вы найдете исходный URL.Сотрите все лишнее и добавьте новый вариант имени (оно должно быть написано латиницей).

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

Описание группы

Вы ввели название группы. А теперь пора рассказать, чему / кому он посвящен. Что вы делаете? С кем ты работаешь? Сколько лет на рынке? Многие владельцы или администраторы сообществ игнорируют эти логические вопросы, ответами на которые могут быть точные описания.Вместо этого они создают что-то вроде этого:

Пример # 1

Пример № 2

Пример № 3

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

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

Придут ли они уверенности компании, которая даже не может рассказать о себе внятно?

А теперь пора поговорить о том, как создать грамотное и красивое описание сообщества. Следуйте этим правилам при заполнении информации:

• Нейтральное приветствие или беглое вступление.Он должен иметь прямое отношение к деятельности компании. Не бойтесь начинать с ключевых слов;
• Краткий перечень основных услуг. Чтобы пользователям было легче читать, расположите его в виде списка;
• Особенности вашей компании. Кратко опишите основные преимущества бренда. Что отличает вас от конкурентов? (на самом деле, а не в самых смелых фантазиях). Если вы занимаетесь самовосхвалением, всегда добавляйте аргументы в поддержку;
• Укажите контактную информацию (желательно несколько вариантов).

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

У вас уже была возможность ознакомиться с неудачными вариантами описания. А теперь рассмотрим хороший пример:

ВК группа дизайн

Раздумываете, что лучше выбрать — аватарку или обложку? Теперь вы поймете, почему чехол — лучший вариант.На это есть причины:

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

Контактные данные

Информация о компании (преимущества)

Название и логотип

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

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

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

Взгляните на хороший пример обложки для сообщества ВКонтакте (кулинарная тематика). Красота, правда?

Стильно, уместно, радует глаз.

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

Но хватит стандартной комбинации: Обложка + Аватар + Меню. Вот что из этого можно получить:

Контент группы ВКонтакте

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

Собственно, все предыдущие действия были предприняты для публикации этой информации. Пора отправляться в дальнее плавание! Идеальный контент в сообществе ВК — это 80% полезной / информативной / важной информации и 20% рекламы.

Вы начали создавать контент. Учтите следующие нюансы:

Доступность языка

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

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

Зацепить детали

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

Публикуйте авторский, уникальный и оригинальный контент. Ищите или создавайте что-то редкое, особенное. Если вы используете изображения из Интернета, убедитесь, что они обновлены. Хотите добавить мем? Сделай это! Но он должен быть на пике своей популярности. Уплотнения? Без проблем! Найдите хорошее фото.

Форматы контента

Здесь нужно различать только одно правило: РАЗНООБРАЗИЕ. Чередуйте фотографии, видео, аудиофайлы, инфографику и многое другое. Взаимодействуйте с аудиторией, отвечайте на вопросы, проводите конкурсы и прямые трансляции.

Форматирование текста

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

Правильные ссылки

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

Оптимальное время для публикации контента

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

Заключение

1. Создайте грамотную и привлекательную шапку;
2. Позаботьтесь об оригинальном и стильном дизайне группы;
3. Оптимизировать все ключевые разделы в сообществе;
4. Размещайте правильный контент.

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

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

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

Типы меню и их особенности

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Последний шаг — сохранение изображений.Сохранять картинки нужно так: файл — сохранить для Интернета. Этот метод подходит для более поздних версий Photoshop. Если в разделе «файл» нет надписи «save for Web», то действуем следующим образом:

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

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

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

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

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

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

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

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

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

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

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

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

Здравствуйте, друзья.

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

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

Когда вы создаете паблик или группу, вы видите перед собой пустой шаблон.

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

• На фото справа аватар группы, который будет отображаться в сообщениях и уведомлениях для подписчиков. Минимальный размер аватара — 200 × 200 пикселей, максимальный — 200 × 500 пикселей.

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

Определились с техническими параметрами. Теперь займемся оформлением основных разделов.

Аватар и миниатюра

Это изображение является «лицом» сообщества. Его видят пользователи рядом с сообщениями от имени публики и в списке подписок. Цель этой картины — привлечь внимание и быть узнаваемой.

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

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

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

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

На свой аватар можно разместить краткую и полезную информацию:

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

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

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

Обложка

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

И рядом с подписью «Обложка сообщества» нажмите на подпись «Добавить».

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

После этого закройте окно и обновите страницу. Вот что я сделал.

Проверка того, как картинка выглядит на мобильном телефоне.

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

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

Информация

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

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

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

Прикрепленный пост

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

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

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

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

Что еще можно исправить в шапке сообщества:

• самый популярный пост, который уже получил много лайков и комментариев;
• объявление о важном событии;
• сообщение о скидках и акциях;
• розыгрышей;
• опросов;

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

Один из примеров того, как смена дизайна в группе — это паблик, посвященный здоровому питанию — вк.com / goodiet. Здесь публикуются различные рецепты для людей, занимающихся спортом и следящих за своим питанием.

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

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

vk.com/goodiet — Это вкусные котлеты из куриной капусты. Здоровое питание для занятий спортом.

Средняя стоимость одного абонента была примерно 3-4 рубля. Достигнув первых 50 000 участников, администраторы решили изменить их дизайн и заказали у дизайнеров обложку и аватар.

Благодаря этому процент конверсии в подписчиков увеличился, а цена за участника также снизилась до 1,5 рубля.

Групповое оформление

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

Крышка

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

Оформление аватара при оформлении группы

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

При нажатии на аву открывается в новом окне в полном размере.

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

Оформление меню

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

Карты товаров

Используется в пабах, торгующих товарами или услугами.

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

Как изменить дизайн группы ВК?

Прежде всего, определитесь, какие элементы вы измените.

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

В окне «Основная информация» нажмите кнопку «Загрузить» напротив раздела «Обложка сообщества».

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

Выберите желаемое фото на вашем ПК.

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

Для этого перейдите в раздел управления и откройте меню «Разделы».

В открывшемся меню включите раздел товаров.

Установите образ.

Оптимальные размеры

Обложка — 1590х400 пикселей.

Аватар — 200x 200 пикселей.

Баннер меню — 510x 510 пикселей.

Изображение для карточки товара 834x 834 пикселя.

Готовые шаблоны обложек и аватаров для групп ВКонтакте

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

Рассмотрим 5 сайтов, на которых можно найти шаблоны:

1. FreePSD … Паблик ВК, автор которого выкладывает шаблоны оформления групп для бесплатного скачивания. Здесь вы можете скачать исходники psd для самых популярных тем и изменить их в соответствии со своим стилем.

1. You — шт. ru … Сайт, на котором размещены бесплатные шаблоны обложек, аватарок и меню для Вконтакте. Также здесь вы можете найти подробные уроки по работе с источниками в Photoshop.

1. Ероховец. ru … Большой выбор шаблонов для нового дизайна Вконтакте на большинство популярных тем.

1. Все — Для — Вконтакте. На сайте представлен огромный выбор изображений для меню, аватарок и баннеров.

1. Бесплатные psd шаблоны … Еще один паблик ВКонтакте, где регулярно публикуются шаблоны обложек, баннеров, аватарок и постов.

Редактирование шаблонов

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

Запустите Photoshop, откройте меню «Файл» и выберите «Открыть».

Откройте требуемый источник на вашем компьютере.

Поскольку мы используем шаблон, все, что нам нужно изменить, — это текстовые элементы.

Для этого выберите инструмент со значком «T» и щелкните любой из текстовых элементов.

Введите свой текст.

Пример создания баннера.

После того, как вы полностью закончили редактирование — сохраните результат в формате png или jpg.

Для этого откройте меню «Файл» и нажмите «Сохранить как …».

В открывшемся окне измените тип файла с psd на нужный вам.

Возможные проблемы

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

Низкое качество изображения

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

Отсутствие идей

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

Результат

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

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

.