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

leadinlife.info

Где настройки группы в ВК

Приветствую!

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

Давайте посмотрим, как открыть настройки группы и что там можно изменить.

Инструкция по открытию настроек группы на ВК

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

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

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

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

   Это название, описание, ссылка-адрес группы, категория, дата основания.

   Имеются и другие страницы с настройками:

   • Разделы – здесь включаются и отключаются функциональные блоки, к примеру, поддержка аудио, видео, обсуждений и т.д. в вашей группе.
   • Комментарии – здесь можно включить или наоборот отключить возможность комментирования записей, что вы размещаете в вашей группе. А также имеется возможность включения фильтра нецензурных выражений.
   • Ссылки – здесь можно указать ссылки, что будут отображаться в боковом меню группы. Это могут быть ссылки на другие тематические группы, людей, или вовсе на сторонние сайты.
   • Работа с API – данный блок настроек предназначен для разработчиков. Если ваша группа очень популярна, у неё несколько миллионов подписчиков, то с помощью специальных программных решений можно в некоторой степени автоматизировать управление ею.
   • Участники – на данной странице отображается список участников вашей группы. Там же можно назначить права руководителя кому-либо из участников.
   • Сообщения – здесь можно включить возможность отправить сообщение через группу. Пользователь напишет сообщение вашей группе, а получите его вы, т.к. являетесь его администратором.
   • Приложения – здесь можно добавить интерактивное приложение в вашу группу. Настроить его.
   • Денежные переводы – тут можно включить или отключить возможность перевода денег вашей группе на ВК от других пользователей.

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

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

В свою очередь, Вы тоже можете нам очень помочь.

Просто поделитесь статьей в социальных сетях и мессенджерах с друзьями.

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

(cбор пожертвований осуществляется через сервис «ЮMoney»)

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

Номер банковской карты: 5331 5721 0220 5546
Кошелёк ЮMoney: 410015361853797
Кошелёк WebMoney: P865066858877
PayPal: [email protected]
BitCoin: 1DZUZnSdcN6F4YKhf4BcArfQK8vQaRiA93

Оказавшие помощь:
Сергей И. — 500руб
<аноним> — 468руб
<аноним> — 294руб
Мария М. — 300руб
Валерий С. — 420руб
<аноним> — 600руб
Полина В. — 240руб

Деньги пойдут на оплату хостинга, продление домена, администрирование и развитие ресурса. Спасибо.
С уважением, создатель сайта IT-Actual.ru

Группа в вк вики разметка. Вики разметка Вконтакте. Что это такое

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

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

|-
|}

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

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

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

Заключение

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

Для оформления группы в социальной сети есть удобная и простая wiki-разметка для группы В Контакте. Она действует аналогично html коду, но интуитивно более легка и понятна для простого пользователя, владельца группы. Такая разметка применяется в Wikipedia (свободной энциклопедии), и отсюда пошло ее название.
Wiki-разметкой можно оформить группу своеобразно или традиционно, при этом лезть в дебри html, где можно застрять на недели, вам не придется. Разметка wiki настолько проста в изучении, что покорится самому неопытному пользователю всего лишь за один час. Эта разметка справляется и с форматированием рисунка и текста, якорями, спойлерами, ссылками, графическими таблицами и другими элементами, способными качественно изменить внешний вид любой группы.

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

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

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

Для этого надо применить такую вики разметку — []. Слово «options» можно заменить другими значениями, каждое из которых изменит вид фотографии. А значения следующие:

• noborder сделает рисунок без рамки;
• nopadding соединит вместе изображения, убрав между ними пробелы;
• plain сделает из рисунка ссылку;
• NNNpx позволит изменить размер картинки;
• box откроет в новом окне.

Работа с таблицами при помощи Вики-разметки?

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

• {| без этого первоначального символа невозможно создать таблицу;
• |+ необязательный символ, с помощью которого таблица располагается по центру
• |- с этого символа начинается новая строка;
• | этот символ отвечает за прозрачность ячеек;
• ! с помощью этого символа можно сделать ячейку темного цвета;
• |} этим необязательным символом заканчивается таблица.

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

{|
|-
|

[[Головоломки]]

[[Квесты]]

[[Аркады]]

[[Обсуждения игр]]

Оформление ссылок с помощью вики

В контакте для оформления группы wiki-разметкой можно использовать три вида ссылок.

• Традиционная ссылка:

• Обычная ссылка + текст:

• Ссылка в виде картинки: []

Работа с графическим меню?

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

• Нарежьте в редакторе необходимую графику и «сохраните для web»;
• Загрузите графику как обычные картинки, без использования flash, чтобы не ухудшить их качества;
• Соберите меню с помощью специального тега «nopadding»;
• Пропишите внимательно все ссылки;
• Красивое меню для вашей развлекательной группы готово.

Несколько секретов wiki-разметки

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

• Допустимая ширина картинки составляет не больше 610px;
• Изменение ширины автоматически меняет и высоту картинки;
• Рисунки меньше 134px меняют качество в худшую сторону;
• В строчке разметки может присутствовать лишь 7 элементов списка;
• Более 18 незакрытых тегов на одной странице приведут к ее искажению и ошибкам.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[]
[]
[]
[]

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

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

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

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

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

Практика и еще больше практики! Я буду описывать процесс на примере реальной группы — Футуристичный копирайтинг.

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

Первое, что вы должны сделать — создать новую группу:

• Откройте раздел «Группы».
• Нажмите на кнопку «Создать сообщество».

Создаем новое сообщество

• Введите название. Указывайте любое — его можно менять в любой момент сколько угодно раз.
• Теперь выберите вид сообщества: группа или публичная страница. Разница описана выше.

Группа или публичная страница?

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

Выбираем тип страницы

• Нажмите «Создать страницу».

Ура, сообщество создано!

Редактирование информации о сообществе

Сразу после создания новой группы вы попадете на страницу «Редактирование информации». Что здесь есть:

• Название . Думаю, объяснять не надо. Единственное обязательное для заполнения поле.
• Описание сообщества . Напишите пару слов о себе и своей группе. Много писать не стоит — никто не станет это читать.

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

Еще настройки

Когда закончите с настройками — нажмите «Сохранить».

Группа создана

Теперь можно загрузить основное изображение. Нажмите на «Загрузить фотографию» справа.

Давайте загрузим изображение для страницы

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

Выделите нужную область с помощью рамки

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

Размер круга тоже можно менять

Вот, что у нас получилось. Страница стала на 35% привлекательней!

Красота!

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

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

Как узнать ID группы

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

Для скрипта вам понадобится узнать ID вашей группы. Если вы не меняли ее адрес — то это цифры в адресной строке, которые идут после слова «club». Я уже поменял, поэтому мне такой простой способ выцепить ID недоступен.

Кликните по любому посту на стене, чтобы открыть его. Если ничего нет — напишите что-нибудь. Что угодно.

Создайте любой пост и нажмите на него

В адресной строке появятся новые данные. То, что находится посередине между «wall-» и «_» (нижним подчеркиванием) — и есть ID вашей страницы. Сохраните его где-нибудь.

Мой ID — 124301131

Создание wiki-страницы

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

http://vk.com/pages?oid=-124301131&p=Имя

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

Будьте внимательны! Название вики-страницы изменять нельзя. Если будут опечатки — придется создавать новую.

Давайте для начала сделаем главную страницу. Я назвал ее «Меню».

Скопируйте скрипт в адресную строку

Нажмите «Наполнить содержанием».

Откройте редактор страницы

Здесь находится редактор страницы. Но нам пока что нужен не он, а ссылка. Посмотрите на адресную строку. Вам нужно все, что расположено до слов «?act=edit&section=edit».

Обязательно сохраните ID страницы и ссылку на нее

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

Я советую создать отдельный файл, в котором будет храниться структура вашей группы. Оформите его в виде «Название — ссылка — ID страницы». ID — это «page-124301131_50771728». Оно вам еще понадобится.

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

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

Что делать, если вы сохранили только ID страницы, но забыли про ссылки? Введите в адресную строку адрес «https://vk.com/page-124301131_50771728». Естественно, подставьте ID своей страницы.

Закрепление вики-страницы в группе

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

Просто скопируйте ссылку на страницу в пост

Кнопка останется, даже если удалить текстовую ссылку

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

Я сделал вот такую штуку

Нажмите отправить. Теперь кликните по значку в виде трех точек в правом верхнем углу поста. И нажмите «Закрепить».

Теперь закрепите пост со ссылкой

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

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

Клик по картинке откроет прикрепленную вики-страницу

Если кликнуть по картинке или по кнопке «Посмотреть» — откроется wiki-страница.

Пока что она пустая

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

Верстка вики-страницы Вконтакте

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

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

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

Перейдите в режим вики-разметки

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

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

Теперь добавим фотографию. Кликните по значку в виде фотоаппарата и укажите путь к изображению.

Нажмите на значок в виде фотоаппарата на панели инструментов

Вот и наша фотография

Я хочу, чтобы текст обтекал картинку, поэтому добавлю ей параметр «left». И я не хочу, чтобы люди могли открывать полную версию фотографии, поэтому добавил атрибут «nolink». Подробнее об атрибутах почитайте в группе, на которую я дал ссылку выше.

Добавляем параметры «nolink» и «left»

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

Не очень красиво

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

Укажите нужные размеры в режиме вики-разметки

Теперь оформим список. Выделите нужную строку и нажмите на значок списка.

Эта кнопка ставит тег *, который создает пункт списка

Перед ним появится символ «*». Это и есть тег списка. Вы можете ставить его вручную или пользоваться кнопкой на панели инструментов. Отметьте остальные пункты списка.

Уже красивее

Теперь нужно выделить заголовки. На панели инструментов есть кнопки для оформления заголовков h2-h4.

Используйте кнопки или поставьте теги вручную

«Обо мне» я сделаю заголовком первого уровня. А фразу перед списком — третьего уровня.

Почти готово

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

Добавляем пустую строку

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

Пожалуй, можно выделить жирным отдельные слова. Выделите нужный фрагмент и нажмите на кнопку «B» или используйте комбинацию клавиш Ctrl+B.

Комбинация Ctrl+B тоже работает

Вот что получилось в итоге.

По-моему, неплохо

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

Теперь сделаем удобное портфолио для клиентов. Я вижу 2 способа:

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

Для примера я оформлю 2 работы в портфолио — каждую своим способом.

Портфолио-альбом

Чтобы создать альбом, откройте меню «Управление сообществом».

Зайдите в настройки сообщества

Здесь установите галочку напротив пункта «Фотоальбомы». Теперь вы сможете их создавать. Сохраните изменения.

Добавьте блок с фотоальбомами

На странице сообщества нажмите на кнопку «Добавить фотографии» и укажите путь к нужным файлам.

Добавим в альбом скриншоты наших работ

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

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

У меня получилось 4 кусочка текста и миниатюра. Наведите курсор на любое изображение и нажмите на значок «Переместить фотографию».

Переместим новые изображения в новый альбом

Создайте новый альбом.

Нажмите «В новый альбом»

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

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

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

Выбираем уже созданный альбом из списка

Вот что у нас получилось в итоге.

Альбом с кусочками текста

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

Откройте список альбомов своей группы

Теперь кликните по кнопке «Создать альбом» в правом верхнем углу. Дайте ему название и загрузите туда новую порцию скриншотов с помощью кнопки «Добавить фотографии».

Создайте альбом для нового текст в портфолио

Все, теперь у нас есть 2 альбома, в которых хранятся скриншоты 2 статей. Хватит, пожалуй.

2 альбома со скриншотами

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

Кликните по значку «Добавить фотографию».

Добавляем новую картинку на страницу

Нажмите на «Выбрать из фотографий сообщества». Откройте нужный альбом и выберите свою миниатюру.

Найдите свою миниатюру, добавленную в альбом

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

Вставьте ссылку между символами | и ]]

Так вы получите миниатюру, при клике на которую откроется нужный альбом или скриншот с началом текста (смотря на что вы укажете ссылку).

Портфолио-страница

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

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

Теперь выключите режим вики-разметки (если он был включен).

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

Неплохо, но маловато будет. Кликните по первой картинке. В открывшихся настройках задайте ширину (левая ячейка) — 607 px. Это максимально допустимый размер изображения на странице. Высота изменится автоматически.

Задайте ширину картинки — 607 px

Вот что получилось. Точно так же увеличьте все остальные фрагменты текста.

Первый фрагмент стал ощутимо больше

Таким образом вы можете засунуть на вики-страничку текст любой длины. Главное, чтобы его можно было прочитать при ширине 607 px.

Целый скриншот текста на вики-странице

Наконец-то нам понадобятся ID страниц, которые вы записывали. Откройте свою страницу «Портфолио».

Загрузите на нее миниатюру (из созданного альбома или с компьютера). Теперь вставьте ID страницы с текстом между закрывающимися квадратными скобками ]] и вертикальной чертой |.

Скопируйте ID страницы с текстом между символами | и ]]

Собственно, все. Теперь при клике по миниатюре посетитель перейдет на страницу с текстом.

2 наши миниатюры-ссылки

Оформление списка работ

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

Добавьте немного информации о каждой работе

Оформление страницы «Услуги и цены»

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

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

Как сделать меню в вк +(в паблике, в группе и т.д.) / Статьи / SMM-PARTNER

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

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

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

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

После этого, выбрав в инструментах “Нож для нарезки” (Slice Tool), остается нажать на панели “Нарезать по направляющим” (Slices from Guides).

Теперь вы можете сохранить вашу менюшку в отдельных файлах, выбрав “Файл — Сохранить для веб”. Результат будет примерно таким.

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

Далее вам нужно нажать на ссылку “Управление сообществом” в боковом меню, после чего вы увидите такие настройки. Здесь необходимо установить “Материалы — ограниченные”.

Так вы получите право на добавление на основную страницу тематических материалов, изначально озаглавленных, как “Свежие новости”. Вам необходимо нажать там кнопку “Редактировать”

После этого вы попадаете в редактор текста и нажимаете обведенную красным кнопку вики-разметки.

Первым делом я поменял “Свежие новости на “Меню группы”. А в тексте, как видите, 8 почти одинаковых строк, соответствующих 8 частям изображения, на которые я разрезал меню. [[photo-64057754_318657406|370px;noborder;nopadding|vk.com]] Что означает этот код?

photo-64057754_318657406 — это адрес картинки, который можно подсмотреть в адресной строке браузера.
370px;noborder;nopadding — это ширина картинок и указание браузеру не отображать границ между ними.
vk.com — адрес, на который перейдет человек, кликнув по ссылке (подсмотреть его тоже можно из адресной строки, зайдя в нужный альбом, сообщение с правилами группы или обсуждение).

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

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

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

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

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

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

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

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

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

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

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 — задает размер фото в пикселях.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот так: []

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

Фото: теги используемые для разметки

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

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

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

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

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

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

• {| символ начала таблицы, без него таблицы быть не может. Используется всегда;
• |+ отвечает за расположение названия таблицы по центру. Ставят после символов начала таблицы. Используется по желанию;
• | обозначает начало новой строки и ячейки;
• | символ, делающий ячейку прозрачной;
• ! делает ячейку темным цветом. При его отсутствии обязательно нужно применять предыдущий знак;
• |} означает конец таблицы. Необязательный символ, однако, используется, чтоб предотвратить возникновение ошибки.

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

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

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

С целью избегания основных ошибок следует ознакомиться с основными из них:

1. необходимо быть внимательными, при изменении размера картинки – если она менее 131 пикселя, ее качество значительно ухудшится;
2. ширина картинки не должна превышать 610px;
3. на одной wiki-странице запрещено размещать больше 17 незакрытых тегов;
4. при изменении ширины картинки, ее высота изменяется автоматически и пропорционально;
5. список внутри таблицы следует создавать с помощью тега
   ;
6. в одной строке разметки должно быть не больше 8 элементов списка.

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

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

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

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

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

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

Шаг 1
Создаем в фотошопе новый документ размером примерно 900х700 пикселей, заливаем его белым цветом. Теперь нам надо вырезать в слое два окна, через которые будет проглядывать собственно само графическое оформление. Сначала выделяем прямоугольник размером 200х500 пикселя (аватар) и нажимаем Del. Потом выделяем прямоугольник размером 510х352 (выравниваем по нижней линии аватара и делаем расстояние между фигурами 50 пикселей) и также нажимаем Del.
После очередного апдейта дизайна ВКонтактом (31.10.2016) размеры баннера стали 510х307 (а не 510х352).

Шаг 2
Теперь ниже белого слоя кладем какую-нибудь единую картинку, которая и будет составлять основу оформления.

Шаг 3
После этого дополняем картинку различными элементами — логотипом, текстовыми надписями и кнопкой, призывающей кликнуть по меню. Затем сохраняем на компьютере две отдельных картинки — одна аватар (справа), вторая меню с кнопкой кликнуть (слева).

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

Шаг 5
Нарезаем наше меню на несколько горизонтальных полосок в соответствии с количеством пунктов меню. Сохраняем в виде отдельных файлов.

Шаг 6
Заходим в нашу группу Вконтакте, нажимаем «Управление сообществом» (при нажатии на три точки под автаром открывается выпадающее меню) и проверяем правильность установок. Группа должна быть открытая и материалы тоже открыты.

Шаг 7
Теперь загружаем новый аватар. Подводим мышкой к месту аватара и на всплывающем меню выбираем «Обновить фотографию». Загружаем правую фотографию из Шага 3, растягиваем область выделения вверх и вниз до краев картинки, нажимаем «Сохранить» и потом выбираем область для круглой миниатюры.

Шаг 8
Теперь нужно создать внутреннюю страницу. О том, как это сделать, подробно расписано в уроке . Еще один альтернативный способ создания внутренней страницы расписан в уроке « » в Шаге 5 и 6.

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

Шаг 10
Теперь нам надо создать графическое меню из пяти пунктов. Для этого мы загружаем в альбом группы наши пять картинок из Шага 5. Мы нажимаем на значок фотоаппарата и загружаем нарезанные картинки с компьютера. Хранится картинки будут где-то на серверах ВКонтакта с привязкой к группе, поэтому создавать отдельный альбом для картинок-нарезок не обязательно. Загружать картинки нужно в режими Вики-разметки.

Шаг 11
Теперь в режиме вики-разметки мы будем создавать графическое меню. Очень важно создавать именно в режиме вики-разметки (иконка в правом верхнем углу из двух треугольных скобочек), а не в визуальном режиме редактирования. Подробнее о создании кода в вики-разметке рассказано в Шаге 4 и Шаге 5 урока « «. Там же приведен шаблон кода для вставки. Если все сделано правильно, то должно получиться готовое графическое меню, как на рисунке ниже.

Шаг 12
Теперь возвращаемся на главную страницу группы, берем урл нашей внутренней страницы (он должен быть такого вида https://vk.com/page-78320145_49821289) и вставляем в окошко, где создаются новости. Автоматически должно прикрепиться окошко со ссылкой на эту самую внутреннюю страницу. После этого мы подводим курсор к надписи «Прикрепить» и прикрепляем к записи фотографию, а именно нашу картинку слева из Шага 3. После этого стираем строку с урл внутренней страницы, оставив пустое место. Важно! На данном шаге надо поставить галочку (если есть такие права, в основном это касается групп с открытой стеной) в чекбоксе «От имени группы». Если эту галочку не поставить, то запись невозможно будет закрепить. В конце нажимаем «Отправить».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итак, давайте по порядку.

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

1. Создайте в адресной строке вашего браузера ссылку вида:

• ххх – id вашей группы или публичной страницы;
• Название_страницы – любое слово, которым вы назовете свою страницу.

Как узнать id вашего сообщества? Если id не содержится в ссылке, например, https://vk.com/make_community , его можно узнать следующим образом. Нажимаете на заголовок стены группы, где написано количество публикаций.

Откроется отдельно стена вашего сообщества. В адресной строке будут цифры. Это и есть id вашего сообщества.

2. Перейдите по созданной вами ссылке и нажмите “Наполнить содержанием”.

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

Затем разрезаем ее на отдельные кнопки. В данном конкретном случае у нас должно получится четыре картинки-кнопки.

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

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

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

Создаем меню.

Должна получится вот такая запись на стене вашей группы Вконтакте:

Как закрепить меню?

Нам остается закрепить меню наверху группы. Для этого жмем на текст перед картинкой в записи. В открывшемся окне внизу справа нажимаем “Закрепить”.

Все. Теперь у нас должно получится вот так:

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

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

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

), сделать меню.

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

Делаем красивую графику

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

• Аватар для группы — 200×300 пикс
• Баннер в описании — 510×271 пикс

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

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

Для начала загружаем аватарку. Идем в группу, и нажимаем «Загрузить фотографию» .

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

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

Идем на стену. Здесь в блоке «Добавить запись» , нажмите на значок «Фотография» .

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

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

Теперь обновите страницу, и посмотрите результат.

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

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

Давайте вернемся к нашему примеру и представим, что необходимо сделать кнопку «Подробнее» . Она уже есть на картинке. Как нам сделать ее именно кнопкой, чтобы при нажатии, человек попадал на наш основной сайт? Сейчас покажу.

Чтобы сделать активные кнопки меню, мы должны их вырезать отдельными картинками. Для этого нам понадобится Photoshop .

Открываем нашу картинку в редакторе, и активируем инструмент «Раскройка» .

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

Теперь нажимаем Alt+Ctrl+Shift+S , чтобы сохранить готовые изображения.

Https://vk.com/pages?oid=-120208137&p=меню

Смотрите, после символов «odi=- » , вам нужно вставить id своей группы (см. ). А в самом конце ссылки, напишите название для вашей страницы с меню. В примере мы так и оставим «Меню» .

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

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

Далее переходим в раздел «Редактирование» . Здесь для каждого изображения нам нужно убрать отступы, чтобы они слились в единую картинку. Для этого в коде добавьте вот такое значение «nopadding;» . И добавьте ссылку на нужную страницу или сайт, прописав значение «https://site.ru/page.html» (указывайте свои адреса!). В нашем примере кнопка «Подробнее» , должна вести на сайт сайт. Вот что должно получиться.

[] []

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

Https://vk.com/page-120208137_52523487

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

Вот такое меню у нас получилось в итоге.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Первый и последний элементы меню не должны быть кнопками — у меня на рисунке это всего лишь графический элемент без ссылки на внутреннюю страницу, поэтому к ним прописываем дополнительно параметр «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). В принципе, разницы не будет. Внешние ссылки (те, которые ведут не на ресурсы ВК) мы рекомендуем сокращать с помощью

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

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

Выбираем данный инструмент и начинаем «резать». У меня получилось 7 частей.

Далее заходим в “Файл” – “Сохранить под Web” – выбираем расширение jpeg и качество 100%, жмем “Сохранить”. У нас должно появиться 7 файлов. Все! С фотошопом покончено! Все необходимые работы по созданию меню выполнены. Приступим к установке меню вконтакте. Для этого:

1) Заходим в свою созданную группу. Там находим “Альбомы” – “Добавить” (выделено красным прямоугольником на рисунке 1). Ищем кнопку “Выберите файл”. Нажимаем и загружаем созданные 7 файлов.

Добавление фото в альбом группы вконтакте

Рисунок 1

Добавление фото в альбом группы вконтакте

2) Внимание! У кого не включены «Свежие новости», а по умолчанию они не включены, нужно выбрать «Управление сообществом», найти «Материалы» и включить их (Рисунок 2).

Рисунок 2

3. Наводим мышкой на “Свежие новости” и правее появляется ссылка “Редактировать”, нажимаем на неё (Рисунок 3).

Рисунок 3

4. Появляется окошко как на рисунке 4. Нас интересует кнопка «Режим wiki разметки» (выделено красным прямоугольником». Нажимаем на нее.

Рисунок 4

После этого в пустую область ниже вводим wiki — код, который и отобразит наше будущее меню. У меня он получился следующим (Рисунок 5):

Рисунок 5

Wiki — код нужно ввести точно так и в такой последовательности, как указано на рисунке 5. Дальше Вы уже можете сами поэкспериментировать.

Пример синтаксиса добавления картинки следующий:

[], где

photo-41875814_286789280 – ID загруженной картинки, который можно посмотреть в адресной строке в браузере (рисунок 6).

Рисунок 6

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

370px – ширина картинки, смотрим это значение в свойствах файла.

https://www.. То есть по нажатию по данной кнопке, пользователь перейдет из группы в контакте на данный сайт.

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

Вот собственно и все! Мое первое меню создано! Вот так оно выглядит в группе (рисунок 7).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Итог

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

как создать портфолио и блог Вконтакте

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

Практика и еще больше практики! Я буду описывать процесс на примере реальной группы — Футуристичный копирайтинг.

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

У вас уже есть группа? Читайте, как привлекать в нее больше подписчиков.

Навигация по руководству

Почему не сайт?

Сайт — это прекрасно. Вы ни от кого не зависите. Вы можете сделать на нем что угодно: форум, собственный полезный сервис (привет, Главред), систему автоматического приема заказов. Любой дизайн, любые эффекты — никаких ограничений.

Но группа Вконтакте — тоже отличный вариант:

• Полностью бесплатно. Никаких доменов и хостингов. Конечно, они недорогие (1500-2000 в год), но все равно.
• Ее легко создать. Гораздо легче, чем самый примитивный сайт на WordPress. Можно управиться за вечер, даже не имея опыта.
• Легко привлекать читателей. Вы зовете в группу коллег, публикуете что-то интересное — и оно попадает в их новостную ленту.
• Быстро индексируется. Новые статьи попадают в поиск почти мгновенно.

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

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

Группа или публичная страница?

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

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

Кто-то увидит вашу группу и захочет перейти в нее (возможно)

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

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

Обсуждения в публичных страницах

Обсуждения в группах

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

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

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

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

Первое, что вы должны сделать — создать новую группу:

• Откройте раздел «Группы».
• Нажмите на кнопку «Создать сообщество».

Создаем новое сообщество

• Введите название. Указывайте любое — его можно менять в любой момент сколько угодно раз.
• Теперь выберите вид сообщества: группа или публичная страница. Разница описана выше.

Группа или публичная страница?

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

Выбираем тип страницы

• Нажмите «Создать страницу».

Ура, сообщество создано!

Редактирование информации о сообществе

Сразу после создания новой группы вы попадете на страницу «Редактирование информации». Что здесь есть:

• Название. Думаю, объяснять не надо. Единственное обязательное для заполнения поле.
• Описание сообщества. Напишите пару слов о себе и своей группе. Много писать не стоит — никто не станет это читать.

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

• Адрес страницы. Ссылка на вашу группы. Вместо скучного номера вы можете придумать уникальное название.
• Категория. Что-то вроде вида сообщества. Это надпись под названием страницы в списке групп.  Ни на что больше не влияет. Выбирать не обязательно.

Категория сообщества

• Веб-сайт. Если у вас есть сайт — укажите ссылку на него. Если нет — можно указать, например, свой профиль на бирже или адрес страницы на Facebook.
• Фильтр комментариев. Блокирует сообщения, в которых есть маты или указанные ключевые слова.
• Дата основания. День создания группы. Или любая другая дата, которая вам нравится.
• Обратная связь. Разрешает или запрещает комментировать ваши записи.
• Комната в Snapster. Интеграция с сервисом Snapster. Я им не пользуюсь.
• Экспорт в Twitter. Все записи на стене сообществе будут дублироваться на вашем Twitter. Просто нажмите на кнопку «Настроить» и авторизуйтесь.
• Сообщения сообщества. Другие пользователи смогут вам писать личные сообщения, а вы — отвечать им от имени сообщества.
• Другие разделы. Подключает блоки с фотографиями, видео, обсуждениями и так далее.

Еще настройки

Когда закончите с настройками — нажмите «Сохранить».

Группа создана

Теперь можно загрузить основное изображение. Нажмите на «Загрузить фотографию» справа.

Давайте загрузим изображение для страницы

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

Выделите нужную область с помощью рамки

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

Размер круга тоже можно менять

Вот, что у нас получилось. Страница стала на 35% привлекательней!

Красота!

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

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

Как узнать ID группы

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

Для скрипта вам понадобится узнать ID вашей группы. Если вы не меняли ее адрес — то это цифры в адресной строке, которые идут после слова «club». Я уже поменял, поэтому мне такой простой способ выцепить ID недоступен.

Кликните по любому посту на стене, чтобы открыть его. Если ничего нет — напишите что-нибудь. Что угодно.

Создайте любой пост и нажмите на него

В адресной строке появятся новые данные. То, что находится посередине между «wall-» и «_» (нижним подчеркиванием) — и есть ID вашей страницы. Сохраните его где-нибудь.

Мой ID — 124301131

Создание wiki-страницы

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

http://vk.com/pages?oid=-124301131&p=Имя

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

Будьте внимательны! Название вики-страницы изменять нельзя. Если будут опечатки — придется создавать новую.

Давайте для начала сделаем главную страницу. Я назвал ее «Меню».

Скопируйте скрипт в адресную строку

Нажмите «Наполнить содержанием».

Откройте редактор страницы

Здесь находится редактор страницы. Но нам пока что нужен не он, а ссылка. Посмотрите на адресную строку. Вам нужно все, что расположено до слов «?act=edit&section=edit».

Обязательно сохраните ID страницы и ссылку на нее

Скопируйте ссылку и сохраните ее где-нибудь. Получится что-то вроде такого: «https://new.vk.com/page-124301131_50771728».

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

Я советую создать отдельный файл, в котором будет храниться структура вашей группы. Оформите его в виде «Название — ссылка — ID страницы». ID — это «page-124301131_50771728». Оно вам еще понадобится.

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

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

Что делать, если вы сохранили только ID страницы, но забыли про ссылки? Введите в адресную строку адрес «https://vk.com/page-124301131_50771728». Естественно, подставьте ID своей страницы.

Закрепление вики-страницы в группе

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

Просто скопируйте ссылку на страницу в пост

Теперь удалите текст. Сама ссылка никуда не денется.

Кнопка останется, даже если удалить текстовую ссылку

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

Я сделал вот такую штуку

Нажмите отправить. Теперь кликните по значку в виде трех точек в правом верхнем углу поста. И нажмите «Закрепить».

Теперь закрепите пост со ссылкой

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

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

Клик по картинке откроет прикрепленную вики-страницу

Если кликнуть по картинке или по кнопке «Посмотреть» — откроется wiki-страница.

Пока что она пустая

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

Верстка вики-страницы Вконтакте

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

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

На странице редактирования есть 2 режима: обычный и режим разметки. Обычный почему-то нещадно глючит — постоянно ломает ссылки. И большинство функций в нем недоступны. Поэтому я стараюсь в нем не работать. Чтобы перейти в режим wiki-разметки, кликните по значку <> справа вверху.

Перейдите в режим вики-разметки

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

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

Напишите текст прямо здесь или скопируйте его из редактора

Теперь добавим фотографию. Кликните по значку в виде фотоаппарата и укажите путь к изображению.

Нажмите на значок в виде фотоаппарата на панели инструментов

Вот и наша фотография

Здесь есть ссылка на фото, размеры и параметр «noborder»

Я хочу, чтобы текст обтекал картинку, поэтому добавлю ей параметр «left». И я не хочу, чтобы люди могли открывать полную версию фотографии, поэтому добавил атрибут «nolink». Подробнее об атрибутах почитайте в группе, на которую я дал ссылку выше.

Добавляем параметры «nolink» и «left»

Чтобы посмотреть на результат — перейдите в обычный режим с помощью кнопки <>.

Не очень красиво

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

Укажите нужные размеры в режиме вики-разметки

Теперь оформим список. Выделите нужную строку и нажмите на значок списка.

Эта кнопка ставит тег *, который создает пункт списка

Перед ним появится символ «*». Это и есть тег списка. Вы можете ставить его вручную или пользоваться кнопкой на панели инструментов. Отметьте остальные пункты списка.

Уже красивее

Теперь нужно выделить заголовки. На панели инструментов есть кнопки для оформления заголовков h2-h4.

Используйте кнопки или поставьте теги вручную

«Обо мне» я сделаю заголовком первого уровня. А фразу перед списком — третьего уровня.

Почти готово

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

Добавляем пустую строку

Если вам нужно пропустить только 1 строку — <br/> для этого не нужен. Он используется, если вы хотите получить 2 и больше пустых строк подряд.

Пожалуй, можно выделить жирным отдельные слова. Выделите нужный фрагмент и нажмите на кнопку «B» или используйте комбинацию клавиш Ctrl+B.

Комбинация Ctrl+B тоже работает

Вот что получилось в итоге.

По-моему, неплохо

Здесь планируется ссылка на портфолио, но такой страницы у нас пока что нет.

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

Теперь сделаем удобное портфолио для клиентов. Я вижу 2 способа:

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

Для примера я оформлю 2 работы в портфолио — каждую своим способом.

Портфолио-альбом

Чтобы создать альбом, откройте меню «Управление сообществом».

Зайдите в настройки сообщества

Здесь установите галочку напротив пункта «Фотоальбомы». Теперь вы сможете их создавать. Сохраните изменения.

Добавьте блок с фотоальбомами

На странице сообщества нажмите на кнопку «Добавить фотографии» и укажите путь к нужным файлам.

Добавим в альбом скриншоты наших работ

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

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

У меня получилось 4 кусочка текста и миниатюра. Наведите курсор на любое изображение и нажмите на значок «Переместить фотографию».

Переместим новые изображения в новый альбом

Создайте новый альбом.

Нажмите «В новый альбом»

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

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

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

Выбираем уже созданный альбом из списка

Вот что у нас получилось в итоге.

Альбом с кусочками текста

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

Откройте список альбомов своей группы

Теперь кликните по кнопке «Создать альбом» в правом верхнем углу. Дайте ему название и загрузите туда новую порцию скриншотов с помощью кнопки «Добавить фотографии».

Создайте альбом для нового текст в портфолио

Все, теперь у нас есть 2 альбома, в которых хранятся скриншоты 2 статей. Хватит, пожалуй.

2 альбома со скриншотами

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

Кликните по значку «Добавить фотографию».

Добавляем новую картинку на страницу

Нажмите на «Выбрать из фотографий сообщества». Откройте нужный альбом и выберите свою миниатюру.

Найдите свою миниатюру, добавленную в альбом

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

Вставьте ссылку между символами | и ]]

Так вы получите миниатюру, при клике на которую откроется нужный альбом или скриншот с началом текста (смотря на что вы укажете ссылку).

Портфолио-страница

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

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

Теперь выключите режим вики-разметки (если он был включен).

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

Неплохо, но маловато будет. Кликните по первой картинке. В открывшихся настройках задайте ширину (левая ячейка) — 607 px. Это максимально допустимый размер изображения на странице. Высота изменится автоматически.

Задайте ширину картинки — 607 px

Вот что получилось. Точно так же увеличьте все остальные фрагменты текста.

Первый фрагмент стал ощутимо больше

Таким образом вы можете засунуть на вики-страничку текст любой длины. Главное, чтобы его можно было прочитать при ширине 607 px.

Целый скриншот текста на вики-странице

Наконец-то нам понадобятся ID страниц, которые вы записывали. Откройте свою страницу «Портфолио».

Загрузите на нее миниатюру (из созданного альбома или с компьютера). Теперь вставьте ID страницы с текстом между закрывающимися квадратными скобками ]] и вертикальной чертой |.

Скопируйте ID страницы с текстом между символами | и ]]

Собственно, все. Теперь при клике по миниатюре посетитель перейдет на страницу с текстом.

2 наши миниатюры-ссылки

Оформление списка работ

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

Добавьте немного информации о каждой работе

Чтобы сделать гиперссылку, используйте конструкцию вида [[Ссылка|Текст]]. Если нужно переходить на вики-страницу — вместо ссылки указывайте ID.

Оформление страницы «Услуги и цены»

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

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

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

Размечаем таблицу с помощью специальных символов

Вот как это будет выглядеть.

Готовая таблица с услугами и ценами

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

Оформление блога

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

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

• #books@future_copy — обзоры на книги.
• #good4copy@future_copy — полезное для копирайтеров.
• #cases@future_copy — кейсы.
• #smm@future_copy — статьи про SMM.

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

Что нужно сделать:

• Создать вики-страницу и написать на ней свою статью.
• Опубликовать на стене анонс с хештегом. Не забыть прикрепить ссылку на страницу к посту.
• Кликнуть по хештегу.
• Скопировать адрес открывшейся страницы.
• Сделать гиперссылку на wiki-странице своего блога.
• Profit!

Вот как выглядит код моего меню по блогу.

Блог: вид изнутри

А вот как оно выглядит в живую.

Блог: вид снаружи

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

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

Оформление главной страницы

Есть 2 способа оформить главную страницу:

• Сделать на ней навигационное меню. В большинстве групп (в том числе в моем блоге и в «Подслушано» ) вы увидите именно это.
• Разместить на ней продающий текст. А меню сделать сверху — как на сайтах.

Создание меню

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

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

Меню моей группы состоит только из кнопок

Совет: если хотите, чтобы между изображениями не было никаких промежутков — добавьте им атрибут «nopadding».

Совет №2: если вы помещаете много картинок в ряд — в мобильной версии меню будет выглядеть ужасно. Чтобы этого не случилось — создайте таблицу и помещайте каждое изображение в отдельную ячейку.

Создание продающей страницы

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

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

И так сойдет

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

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

Делаем текстовое меню сверху страницы

Вот что у нас получилось.

Красота!

Мне нравится, как выглядит меню, если его оформить в виде цитаты. Выделите его и кликните по кнопке «Добавить цитату».

Оформляем меню в виде цитаты

Уже гораздо солиднее, правда?

Настоящее меню!

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

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

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

Заключение

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

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

Уберите галочку с опции «Личный документ»

Или используйте онлайн-брифы, созданные в Google Forms. Их не надо скачивать — только перейти по ссылке.

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

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

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

), сделайте меню.

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

Создание красивой графики

В новом дизайне сайта ВКонтакте изменены размеры на графику. Ниже вы найдете текущие значения.

• Аватар группы — 200 × 300 пикселей
• Баннер в описании — 510 × 271 Pix

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

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

Для начала загрузки аватара. Заходим в группу, и нажимаем «Загрузить фото».

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

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

Идем по стене. Здесь в блоке «Добавить заметку» нажмите на значок «Фото».

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

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

Теперь обновите страницу и посмотрите результат.

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

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

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

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

Открываем нашу картинку в редакторе, и активируем инструмент «Вырезка».

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

Теперь нажмите Alt + Ctrl + Shift + S, чтобы сохранить готовые изображения.

https://vk.com/pages?Oid\u003d-120208137&p=May

Смотрите, после символов «ODI = -» нужно вставить ID своей группы (см.).А в самом конце ссылки напишите название своей страницы из меню. В этом примере мы выйдем из «Меню».

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

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

Далее переходим в раздел «Редактирование». Здесь для каждого изображения нам нужно убрать отступы, чтобы они сливались в единое изображение. Для этого добавьте это значение nopadding; .И добавьте ссылку на нужную страницу или сайт, произнося значение «https://site.ru/page.html» (укажите свои адреса!). В нашем примере кнопка «Еще» должна вести на сайт сайта. Вот что должно произойти.

[] []

Сохраните страницу. Не забудьте скопировать его из адресной строки. Должен быть вид:

https://vk.com/page-120208137_52523487.

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

Это меню произошло в конце концов.

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

Как вы, наверное, знаете, ВК предоставляет 3 варианта создания групп [Сообщества]:

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

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

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

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

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

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

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

Зайдя на Яндекс видно, что …

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

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

В идеале формат имени выглядит так:

Интернет-магазин женской одежды | Lovandzzoo.

где «Интернет-магазин женской одежды» — ключевой запрос

Lovandzzoo — название вашего бренда

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

Аватар сообщества — это лицо вашей компании, и на нем также должно отражаться позиционирование компании и контактные данные. Для записи необходимо:

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

Пример хорошей авы:

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

Обратите внимание на последнюю крышку и стрелки на:

• логотип
• марка
• что такое Паблиш
• что пригодится подписчикам
• и что получит пользователь, если подпишет

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

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

Пример хорошего и привлекательного меню.

В зависимости от нишевого вики-меню оно может содержать следующие разделы.

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

Еще один пример хорошего меню:

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

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

Content Is King.

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

А как правильно делать посты, чтобы они лежали и делились?

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

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

Старайтесь не указывать оригинальные ссылки или ссылки с метками UTM, а уменьшить их с помощью сервиса vk.com/cc. В заголовке, под заголовком пост. Пользователи ВК игнорируют посты с длинными ссылками (особенно в начале). Их интересует контент. Cress ссылается на посты с вк. . ком. / куб.

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

Старайтесь не использовать банальные и банальные заголовки.Цель заголовков — привлечь внимание подписчиков сообщества в ленте новостей. Например, заголовок «16 + 1 по эффективным и лечебным свойствам тыквенного масла, о которых не догадываются 95% людей на планете» . Он подействует на внимание аудитории лучше, чем несомненные свойства тыквенного масла. » Попробуйте добавить в заголовок цифры и конкретику. Тогда пост привлечет внимание.

Готовы бросить вызов своей мечте и реализовать свои идеи и идеи в Интернете, начать зарабатывать серьезные деньги в Интернете?

Определите минимум 30 тем (потребностей), которые могут непосредственно касаться вашего направления, и с помощью таймера запустите публикацию.

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

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

Узнай,

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

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

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

Орудие!

Раздел Товары — Цены указаны в возрастающем порядке — на витрине должны быть самые низкие цены.

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

Заполните раздел обсуждения и создайте в нем подразделы — «Ваши вопросы», «Как заказать», «Вакансии».Также для разнообразия можно составить анкету.

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

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

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

Вот пример, насколько грамотно должно быть описание в сообществе:

Ну что скажешь? Был ли контент полезен?

Разобрался, как надо группу в ВКонтакте оформить?

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

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

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

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

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

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

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

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

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

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

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

Группа ВКонтакте URL

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

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

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

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

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

Пример №1

Пример №2.

Пример № 3.

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

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

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

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

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

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

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

Регистрация группы ВК

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Наличие языка

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

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

Захват деталей

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

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

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

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

Оформление текста

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

Правые звенья

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

Оптимальное время для размещения контента

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

Заключение

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

Мне нравится 0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1.
Создайте новый документ в фотошопе размером где-то 850х700 пикселей, залите его белым цветом. В этом примере я сразу оставил интерфейс ВКонтакте для наглядности. Теперь нам нужно вырезать в слое два окна, через которые будет отображаться сам графический дизайн. Сначала мы выделяем прямоугольник размером 200×500 пикселей и нажимаем DEL. Затем выделяем прямоугольник размером 510×309 и также нажимаем DEL.

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

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

Шаг 3.
Теперь правый прямоугольник (аватар) сразу сохранит отдельную картинку размером 200×500 пикселей. Это готовая картинка для оформления группы. Загружается в блок в правом верхнем углу группы, где написано «обновить фото». А левую картинку нужно разрезать на несколько картинок по количеству пунктов меню. В данном случае это 5 картинок шириной 510 пикселей.

Шаг 4.
На этом шаге нам нужно загрузить наши нарезанные картинки во ВКонтакте.Для этого сразу под описанием группы выберите блок «Свежие новости», на мой взгляд он называется в оригинале. Переименовал в «Меню». Щелкните «Редактировать». Важный! Во-первых, у вас должна быть открытая группа, а не страница. Так как на странице этого пункта просто нет. И второе, в меню «Управление сообществом»> «Информация»> «Материалы» должен быть выбран пункт «Открыть».

Шаг 5.
Итак, во вкладке «Редактирование» щелкаем значок камеры и загружаем наши пять нарезанных изображений меню.ВКонтакте скачает их по-своему, уменьшив размер до 400 пикселей по ширине и назначив картинку тега NOBORDER. На следующем шаге мы немного поправили код.

Шаг 6.
А именно, устанавливаем исходный размер картинок и меняем тег NOBORDER на теге nopadding. Нам также нужно поместить ссылку на ulla из каждого пункта меню. В этом случае первая ссылка ведет на внутреннюю страницу ВКонтакте, а остальные четыре ссылки ведут прямо на страницы моего сайта.

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

[] [] []

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

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

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

Скидка для читателей

К счастью для вас, smmbox.com предоставляет скидки.
Сегодня Скидка 15% на пользование услугой.Вам просто нужно зарегистрироваться и ввести промокод при оплате smmbox_blog

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

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

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

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

• кнопочное меню;
• ссылки картинки;
• спойлеры;
• анкеры;
• мини-игры.

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

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

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

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

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

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

• Определитесь с типом страницы и сделайте ее макет. Есть такие виды: ВК-лендинг, ВК-пост, интерактивная страничка.
• После того, как вы определились с внешним видом вашего мини-сайта, вы можете приступить к созданию вики-страницы. Создайте меню, сделайте кнопки меню активными. Наполните страницы контентом. Делайте ссылки на товары. Подключите видео или аудиозаписи и многое другое. Все зависит от вашей фантазии.
• Художественно оформляйте сообщество. Вставка изображений, логотипов, аватаров, фотографий продуктов …
  Мы покажем конкретный пример того, как разработать интерфейс существующей группы с использованием вики-разметки. Давайте создадим тестовое сообщество и шаг за шагом пройдемся по всему процессу.

Чтобы создать вики-страницу, нам нужно скопировать ссылку в строку поиска браузера https://vk.com/pages?oid=-***&p=NAME.

Вместо *** нужно вставить уникальный Id сообщества.

В нашем случае это 105722542.

Id располагается в адресной строке браузера после / club; / event или / public.

Вместо «ИМЯ» — вбейте название вики-страницы, например, «каталог товаров».

Обратите внимание, что вы больше не сможете изменить имя.

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

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

В режиме разметки необходимо ввести следующий код.

(| nomargin *** с помощью этой команды мы удаляем границы
| — *** начать создание надписи
|

Скопируйте их в «?» Это то, что у вас должно получиться на каждой странице.

Код домашней страницы

https://vk.com/page-105722542_54261370

*** (Каталог продукции) |

https://vk.com/page-105722542_54261943

*** (О нас) |

https://vk.com/page-105722542_54261944

*** (Контакты) |)

*** Примечание

Остальные кнопки меню выполнены аналогично коду «главной страницы». «.

Сохраняем все изменения на каждой странице.

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

Ждем пока не появится пункт меню. После этого нужно удалить ссылку и нажать кнопку «отправить». Рядом с кнопкой выберите пункт «От имени сообщества».

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

Добавим заголовок и аватар.

Сделать их можно по видеоуроку

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

.

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

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

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

Какие возможности дает знание вики-разметки?

Легко освоив форматирование текста:

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

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

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

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

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

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

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

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

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

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

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

Вики меню Вконтакте — это красиво оформленный список ссылок на страницы с важной информацией.

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

Для оформления группы в социальной сети существует удобная и простая вики-разметка для группы ВКонтакте. Он действует аналогично html-коду, но более интуитивно понятен и понятен простому пользователю, владельцу группы.Эта разметка используется в Википедии (бесплатной энциклопедии), отсюда и ее название.
С помощью разметки Wiki вы можете создать группу необычным или традиционным способом, при этом вам не придется погружаться в джунгли html, где вы можете застрять на несколько недель. Разметку вики настолько легко изучить, что она покорит даже самого неопытного пользователя всего за один час. Эта разметка также отлично справляется с форматированием изображений и текста, анкерами, спойлерами, ссылками, графическими таблицами и другими элементами, способными качественно изменить внешний вид любой группы.

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

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

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

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

• noborder сделает рисунок без рамки;
• nopadding объединяет изображения, удаляя пробелы между ними;
• plain сделает ссылку из картинки;
• NNNpx позволит вам изменить размер изображения;
Коробка
• откроется в новом окне.

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

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

• (| без этого начального символа невозможно создать таблицу;
• | + необязательный символ, используемый для центрирования таблицы
• | — с этого символа начинается новая строка;
• | этот символ отвечает за прозрачность ячеек;
• ! с помощью этого символа можно сделать клетку темного цвета;
• |) этот необязательный символ завершает таблицу.

Такое меню будет получено с помощью следующего очень простого кода:

{|
| —
|

[[Головоломка]]

[[Квесты]]

[[Аркады]]

[[Обсуждения игр]]

Связывание с вики

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

• Ссылка в виде картинки: []

Работа с графическим меню?

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

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

Несколько секретов вики-разметки

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

• Допустимая ширина изображения не более 610 пикселей;
• При изменении ширины автоматически изменяется высота изображения;
• Снимки размером менее 134 пикселей меняют качество в худшую сторону;
• В строке разметки может присутствовать только 7 элементов списка;
• Более 18 незакрытых тегов на одной странице приведут к искажениям и ошибкам.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 3. Укажите ссылки и метки.

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

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

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

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

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

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

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

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

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

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

· Графическое создание спойлеров и таблиц.

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

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

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

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

Быстрая регистрация

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

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

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

Тематические картинки и фото позволят вам создать меню группы ВК, красивое и интересное.Важно знать, что во «ВКонтакте» можно вставить нужную фотографию или картинку с помощью вики-разметки только тогда, когда они уже были загружены в альбомы сайта. Итак, зайдите в альбом, определитесь с желаемой фотографией и скопируйте ее адрес. Допустим, пусть будет так: photo14523_
. Теперь нужно заключить его в двойные квадратные скобки. Должен быть такой результат: []. Но что, если вам нужно прикрепить ссылку или текст к картинке или фотографии? А может есть необходимость отредактировать внешнее изображение? Тогда здесь поможет следующее действие: вам нужно, чтобы файл выглядел так — [[photo14523_
| варианты | текст / ссылка]], а вместо последних трех слов нужно подставить то, что вам нужно.Текст — введите то, что вам нужно. Дополнительные пояснения здесь, безусловно, будут неуместны. Ссылка переводится с английского как «ссылка». Обозначается, чтобы машина посетителя понимала, куда ей нужно ехать. Параметры — здесь задаются эти значения:

Noborder — убирает рамку вокруг фотографии. Коробка — изображение находится в окне.

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

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

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

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

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

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

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

Окрашивает темным цветом … При отсутствии данного символа необходимо использовать знак из пункта 2.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

8. Исправьте код: По умолчанию ВК имеет встроенное разрешение для максимального размера изображения по ширине 400 пикселей, первая кнопка оказывается 600, измените параметры первой кнопки с 400x89px на 600px, вы не Не нужно указывать высоту. Мы также вводим следующий тег в каждую строку: nopadding должен быть разделен точкой с запятой.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаблоны группового меню Вконтакте

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

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

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

Для чего нужна вики-разметка? Это специальные теги, которые помогают стилизовать:

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

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

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

Заходим в редактор, чтобы оформить Меню с использованием вики-разметки.

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

Переименование раздела «Последние новости»

При редактировании информации о группе в текстовом поле «Свежие новости» впишите необходимое вам новое имя и нажмите «Сохранить». Не включайте символы в заголовок страницы, иначе это поле может исчезнуть и дальнейшее редактирование раздела будет невозможно. Если это уже произошло — обращайтесь только на сайт поддержки https://new.vk.com/support

Создание вики-страницы в группе

В разделе «Последние новости» напишите заголовок будущей страницы в двойных квадратных скобках [[Заголовок страницы]] и перейдите по полученной ссылке.Это будет новая созданная страница, которая останется заполненной контентом.

Создание вики-страницы на публичной странице

Создайте ссылку, подобную этой:
http://vk.com/pages?oid=-XXX&p=Page_name
Или скопируйте это — заменив его собственными данными, где XXX — это идентификатор вашей общедоступной страницы, а «Page_name» — любое слово, которым будет названа ваша вики-страница.
Это будет новая созданная страница, которая останется заполненной содержимым.

История изменений Wiki-страницы

Перейти на специальную вкладку «История» вверху.Здесь вы можете узнать всю историю изменений, сравнить страницы, а также узнать их размер текста на них.

Таблица содержит теги для форматирования текста только на вики-страницах, их нельзя использовать на стене сообщества!

Текст форматируется двумя тегами 1 (открытый тег) и 2 (закрытый тег), между ними пишем текст.
Например:
Я хочу написать текст и вычеркнуть его, написать открывающий тег затем я пишу нужный мне текст и помещаю закрывающий тег
Я хочу написать зачеркнутый текст
Результат:
Я хочу написать зачеркнутый текст
Вы можете выделить (например, зачеркнуть) как все предложение, так и одно слово.
То же самое и с другими тегами, перечисленными в таблице.

Не забывайте закрывать теги! Отсутствие закрывающего тега часто приводит к ошибкам в коде и работать не будет.

Заголовки могут использоваться для разделения разделов на вики-странице.

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

Эта функция доступна в самом редакторе вики. Просто выделите нужное слово или предложение и нажмите:
h2 Is «Добавить заголовок»
h3 Is «Добавить субтитр»
h4 Is «Добавить субтитр второго уровня»
Вы также можете зарегистрировать его вручную, заголовки формируются с помощью знака «=».

Результат:

Отступы используются для выделения абзацев и формируются с помощью символа (двоеточия) «: »В редакторе вики это невозможно.

Например:

: Первый абзац
:: Второй абзац
::: Третий абзац

Результат:

Первый абзац

Второй абзац Третий абзац

Списки формируются с помощью звездочки « *». ”Эта опция доступна в редакторе вики-страниц

Например:

* Первый уровень ** Второй уровень *** Третий уровень

Результат:

Нумерованные списки формируются с использованием знака решетки « #». »В редакторе вики это невозможно.
Например:

# Первая точка # Вторая точка ## Первая подточка второй точки ## Вторая подточка второй точки

Результат:

1. Первая точка
2. Вторая точка
   1. Абзац первый абзаца второй
   2. Абзац второй абзаца второго

Используется в конце страницы, если вы хотите указать автора, дату или время (удобно в случае, когда вы не знаете id своей страницы) id записывается автоматически, когда вы пишете 3 тильды подряд, даже если у вас есть буквенный адрес страницы, в редакторе вики-страницы такой возможности нет.
Для подписи введите 3, 4 или 5 тильд подряд:

Пример:

Результат:

Надежда Пирожникова
Надежда Пирожникова 16:12 30.04.2016 MSK
16:12 30.04.2016 MSK

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

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

Загружаем фото, нажав на камеру, автоматически получаем следующее:

, где результатом будет ваша загруженная фотография

Давайте проанализируем — это код фотографии: «photo239952196_323
5″ после косой черты «|» размер фото: «100x66px».

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

Чтобы переход был на внутреннюю или внешнюю ссылку, альбомы, видео и т.д. к ней после косой черты «|» запишите адрес ссылки.

Примеры привязки ссылок:

Код ссылки профиля пользователя с id:

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

Код ссылки на главную страницу вашей группы

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

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

Аналогично форматируются коды внешних ссылок. Коды
выдаются на внутренние ссылки в контакте с адреса http: //

результат: при наведении на фото должен отображаться адрес сайта

Есть такие команды для редактирования фото:

plain — превратить фото в текстовую ссылку

результат:

nopadding — фото без пробелов

результат:

пикселей — количество пикселей — пропорциональное изменение размера фотографии
пример изменения размера фотографии с теми же пропорциями без деформации самого изображения:

результат:

пример изменения ширины:

результат:

пример изменения высоты:

результат:

справа — обтекание изображения текстом слева

результат:

слева — обтекание изображения текстом справа

результат:

Вы можете добавить видео на страницу с помощью функции «Добавить видео» на панели инструментов

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

Например:

https://vk.com/videos58516770?z= [] % 2Fpl_58516770_-2

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

Сначала нужно перейти к списку аудиозаписей, выбрать нужную аудиозапись и щелкнуть, чтобы воспроизвести ее щелкните правой кнопкой мыши. — Вылезет меню со списком действий. Я работаю в Google Chrome, если у вас другой браузер, то список меню может быть другим. В этом меню нужно выбрать «Просмотреть код элемента». Получается так:

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

Вы не сможете копировать отдельные цифры кода, только весь код целиком, или вы можете просто переписать эти цифры в блокноте.

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

Аудиозапись добавляется со следующим кодом:

Из профиля пользователя: [],

Из сообщества: [].

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

Как заполнить таблицу?

Необходимые элементы записываются в нем после вертикальной косой черты или восклицательного знака («|» или «!»).

Сводные столы

Любые 2 таблицы можно выровнять по вертикали. Для этого создайте новую пустую строку в первой из них в самом низу (перед закрытием) и вставьте вторую таблицу вместо косой черты («|» или «!»).

Варианты оформления и расширения столов:
Вариант 1, регистрация

результат:

Вариант 2 Дополнительные ячейки

результат:

Вариант 3 Дополнительные строки

результат:

Вариант 4 Комбинация

результат:

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

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

Вы можете обратиться к разделу статьи:

Пример

Внешние ссылки

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

Категории и подкатегории

Результат в навигаторе

то же самое с видео.

Спойлер Скрытый / показывающий объект с заголовком и содержанием.

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

Код закрытого спойлера:

результат:

Открытый код спойлера:

результат:

Спойлер внутри таблицы

результат:
Сближение спойлера 2 и более, код:

результат:

Таблица внутри спойлера

результат:

Br tag — используется в вики-разметке в основном для перевода строки в том месте, где находится этот тег (аналог Enter’a).

результат:
Примеры использования тега в тексте

Без тега:

результат:

Текст с тегами

результат:

Расширение таблицы

Тег br можно использовать для регулировки высоты стола. Для минимального расширения таблицы необходимо указать 2 тега. Один br используется, если вы переводите строку после центрированного текста.
Примеры: , где один br соответствует одному разрыву строки.
Пустая таблица без разрыва строки

результат:

Таблица с минимальным разрывом строки

результат:

Разрыв строки после центрированного теста

# Заголовок заголовка на странице Текст ссылки]]
Для корректной работы якоря на странице должен быть заголовок, указанный в тексте якоря.

Установка анкеров

Якорь не позволяет перейти к какому-либо разделу, потому что страница не имеет этого заголовка.
Ссылка на заголовок, расположенный на текущей или другой вики-странице группы:
[[Заголовок страницы # Заголовок | Текст ссылки]]

1 После «|» желательно всегда указывать название самого якоря. В противном случае в названии привязки будет отображаться символ #
2. Если заголовок, на который должна ссылаться привязка, находится на другой странице, заголовок этой страницы вводится перед четким символом #.
3 Если страница находится в другой группе, то перед именем страницы должен быть указан clubID, где ID — это идентификатор группы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 3. Укажите ссылки и метки.

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

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

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

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

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

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

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

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

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

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

· Графическое создание спойлеров и таблиц.

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

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

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

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

Быстрая регистрация

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

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

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

Тематические картинки и фото позволят создать групповое меню ВК, красивое и интересное.Важно знать, что во «ВКонтакте» можно вставить нужную фотографию или картинку с помощью вики-разметки только тогда, когда они уже были загружены в альбомы сайта. Итак, зайдите в альбом, определитесь с желаемой фотографией и скопируйте ее адрес. Допустим, пусть будет так: photo14523_
. Теперь нужно заключить его в двойные квадратные скобки. Должен быть такой результат: []. Но что, если вам нужно прикрепить ссылку или текст к картинке или фотографии? А может есть необходимость редактировать внешнее изображение? Тогда здесь поможет следующее действие: вам нужно, чтобы файл выглядел так — [[photo14523_
| варианты | текст / ссылка]] и замените последние три слова на то, что вам нужно.Текст — введите то, что вам нужно. Дополнительные объяснения здесь, наверное, будут неуместны. Ссылка переводится с английского как «ссылка». Обозначается, чтобы машина посетителя понимала, куда ей нужно ехать. Параметры — здесь задаются эти значения:

Noborder — убирает рамку вокруг фотографии. Коробка — изображение находится в окне.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. Инструментом «вырез» нарежьте наше изображение на пуговицы.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. Убедитесь, что первое меню отображается правильно.

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

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

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

Как и в самом начале, добавляем сегменты второго меню, сохраняем и смотрим, как выглядит новое меню.

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

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

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

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

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

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

Шаблоны группового меню Вконтакте

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

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

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

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

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

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

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

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

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

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

http: // vk.com / pages? oid = 78320145 & p =Prices

http://vk.com/pages?oid=-78320145&p=How_order

http://vk.com/pages?oid=- 78320145 & p = Условия использования

http://vk.com/pages?oid=Questions
Обратите внимание, что в заголовке страницы из двух слов (Как заказать) пробел между слова заменяются подчеркиванием How_order. Теперь у нас есть пять готовых страниц для каждого пункта меню.Мы не создавали страницу портфолио, так как она находится на странице меню

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

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

Шаг 10. Редактирование кода изображения
Теперь наша задача заменить все свойства noborder на свойство nopadding. И проставьте реальные размеры для первой картинки, так как Вконтакте при загрузке сжал картинку до 400 пикселей.После всех изменений у нас должен получиться такой код и такое меню.

Шаг 11. Размещение ссылок на картинки
Теперь нам нужно добавить ссылки для каждого изображения. Ссылка должна быть вставлена ​​после nopadding | вместо пробела перед закрывающими круглыми скобками. Для первого изображения (заголовок меню из шага 1) вы можете указать ссылку на главную страницу группы или использовать свойство nolink (поставить после; после отсутствия заполнения без пробелов). Для второго изображения вставьте адрес страницы формата page-78320145_49821289 … То есть полный url картинки https://vk.com/page-78320145_49821289 , первую часть с доменом можно опустить. Но для ссылок на внешние сайты url-ссылки должны быть указаны полностью.

Шаг 12. Скопируйте код на остальные страницы навигации
На этом довольно простом шаге мы копируем последний код с предыдущего шага и вставляем его на остальные созданные страницы — Цены, Как сделать заказ, Техническое задание и вопросы. Мы находимся на странице, нажимаем Edit или Fill with content (мы находимся в режиме wiki-разметки), вставляем код и нажимаем Save.А потом тоже на следующей странице. То есть теперь у нас есть пять страниц, на каждой из которых меню выглядит точно так же. Но, с другой стороны, вы уже можете перемещаться по меню — когда вы нажимаете ссылку, например, Цены, мы переходим на страницу Цены и т. Д.

Шаг 13. Создание эффекта нажатия кнопки
Теперь нам нужно изменить по одному изображению на каждой из пяти страниц (мы заменим кнопку без подчеркивания на кнопку с подчеркиванием). Например, на первой странице меню мы загружаем новое изображение, а затем заменяем адрес старого изображения в коде новым (подчеркнуто красным).Затем переходим на страницу Цены, загружаем картинку с подчеркнутыми ценами и меняем ее в коде на адрес новой картинки. Затем мы переходим на страницы Как заказать, Техническое задание и Вопросы и проделываем ту же операцию таким же образом.

Финал.
В результате мы получили эффект навигации, когда вы нажимаете на ссылку меню, и она становится активной. Но поскольку графический дизайн на всех страницах практически одинаков, за исключением активной ссылки, создается иллюзия навигации, хотя по сути это переход на другую страницу.

Меню, оформленное таким образом, не адаптировано для мобильных устройств. Когда размер экрана уменьшается, изображения начинают скользить друг под другом. Чтобы создать адаптивный дизайн, вам нужно использовать таблицы жесткого типа. Но это другая история и более продвинутая техника. А пока ознакомьтесь с различными вариантами графических меню.

Не секрет, что Париж — самый романтичный город.И не зря его так называют. Это только Эйфелева башня, Нотр-Дам-де-Пари, прогулка по Сене. Список мест, являющихся культурным наследием столицы Франции, бесконечен. Фестивали, праздники, мероприятия, выставки привлекают большое количество туристов.

Именно благодаря историческим событиям Париж приобрел свое необычное очарование. Остров Сите сыграл важную роль в возникновении Парижа. В III в. До н. Э.е. На острове жили кельты галлы из парижского племени. Поселок назывался Лютеция, что в переводе означает «заболоченное место». До 52 г. до н. Э. галлы защищались от римлян. Противостояние дошло до того, что при следующей попытке римлян приблизиться к городу галлы сожгли Лютецию. В том же году армии Юлия Цезаря все же удалось установить контроль над галлами.

После принятия христианства Хлодвиг I в 486 году нашей эры завоевывает город.Париж становится столицей Франции. Но под властью каролингов центр империи перемещается на восток. Жители города самостоятельно борются с набегами викингов. Остров с укреплениями служил защитой для местного населения.

Семья графа Одо положила конец династии Каролингов. Гуго Капет был избран королем, Париж снова стал центром Франции. Филипп II Август внес огромный вклад в преобразование города.Мощеные улицы, появились фонтаны, началось строительство крепости Лувр, возведены новые церкви.

После Великой французской революции Франция была провозглашена республикой. Но из-за постоянных войн и революций Париж буквально погряз в нищете.

Столица Франции приобрела современный вид благодаря барону Осману: просторные улицы, реконструкция Иль-де-ла-Сите.

Последние штрихи к Парижу были внесены в XIX и XX веках.Олимпийские игры проводятся в Париже дважды — в 1900 и 1924 годах.

Всего 20 административных округов.

В этом районе расположен Лувр. Если вы окажетесь в этом районе, прогуляйтесь по садам Тюильри и взгляните на Вандомскую площадь. Бюджетному туристу вряд ли удастся остановиться в этом районе, цены на номер в отеле завышены. Но если вы готовы выложить кругленькую сумму за проживание, то вас ждет масса культурных мероприятий.

В районе сосредоточено много банков и бизнес-центров. Главная достопримечательность — Бастилия. Если вы настроены на веселые выходные, то этот район не для вас. Цены здесь более разумные, чем в первом районе.

1. Храм

Название округа говорит само за себя. Храмовый замок — историческое достояние города. Район в основном является домом для интеллигенции и аристократических слоев населения.

Цены на отели существенно отличаются от предыдущих.

1. Hotel De Ville

Этот район является центром культурного наследия Парижа. Собор Парижской Богоматери, площадь Бастилии, музей Виктора Гюго. В отелях вам предложат все необходимое для комфортного проживания.

1. Пантеон

Этот район ассоциируется с римскими солдатами, мушкетерами и Великой французской революцией. Сорбонна, Пантеон, ботанический сад, арены Лютеции — все это можно увидеть в этом районе. Стоимость проживания не отличается от предыдущего округа.Туристам предлагают заселиться в отель, расположенный в здании с 400-летней историей.

1. Люксембург

Памятников в этом районе немного. Одно из любимых мест горожан — Люксембургский сад. Жители района предлагают туристам размещение в своих квартирах. Район спокойный, хотя и находится в центре Парижа.

1. Бурбон бледный

Самый популярный район Парижа. Причина тому — Эйфелева башня! Молодой район с политическим статусом округа Парижа.Гостиницы здесь не из дешевых. Стоимость увеличивается в зависимости от расположения отеля на Эйфелевой башне.

1. Элиза

Район на правом берегу Сены. Триумфальная арка и Елисейские поля — основные места, которые посещают туристы. Престижно — значит дорого. Будьте готовы тратить деньги.

1. Opera

Тишина и спокойствие — главные отличия этого района. Район пользуется спросом у шопоголиков. Округ Опера больше не центр, цены на жилье ниже.

1. Entrepos

Красные фонари и эмигранты создали этому району сомнительную репутацию. Это рай для путешественника с ограниченным бюджетом, который легко находит дешевый отель или хостел.

1. Popincourt

Любой подросток будет рад оказаться в этом районе. Здесь кипит клубная жизнь. Благодаря наличию ночной жизни туристу не составит труда найти жилье в этом районе.

Устали от городской суеты и постоянного трафика? Отправляйтесь в район Рюэйи с Венсенским садом.Выбирая отель или апартаменты, обратите внимание, что они находятся не на границе 12 и 20 округов.

1. Гобелен

Район зарождения авиационной и автомобильной промышленности. Цены на отели невысокие, а для одиноких туристов есть отличный вариант — хостелы.

1. Обсерватория

Один из самых популярных туристических районов. Квартал Монпарнас, катакомбы не дадут вам скучать в путешествии.

1. Вожирар

Площадь общежития.Здесь вы не найдете толпы туристов, дорогих магазинов, баров и клубов. Отсутствие популярности у туристов никак не сказывается на гостиничном бизнесе.

1. Пасси

Триумфальная арка, музей Бальзака и подделок — все это собрано в районе Пасси. Культурное наследие в сочетании с дорогими покупками и ресторанами может сильно ударить по вашему кошельку.

1. Батиньоль-Монсо

Туристы сюда никуда не торопятся. Здесь нет исторических зданий и бутиков.Но есть недорогие отели и отдельные квартиры.

1. Монмартр

Пабло Пикассо и Ван Гог — визитная карточка этого района. Здесь можно поселиться в отдельных квартирах или в молодежном хостеле.

1. Шомон

Вряд ли эта территория вас заинтересует, если только вы не любитель современной науки.

1. Menilmontand

В этом районе вы не найдете толп туристов. Здесь не на что смотреть.Если вас не интересуют эмигранты и кладбищенские надгробия.

Эйфелева башня, несомненно, считается главной ценностью Парижа. Но находиться в Париже и не посещать музеи — это верх неприличия.

Самый популярный музей среди туристов. Точное количество картин, экспонатов и статуй в Лувре не сосчитать. Картина выставляется 3 месяца. Затем он удаляется на хранение.

Для лучшего восприятия информации музей «разделен» на части:

• 1 этаж — античные залы, в том числе искусства Востока и Египта;
• 2 и 3 этаж — живопись и прикладное искусство;
• северное крыло — французское искусство;
• южное крыло — итальянское искусство, в том числе «Джоконда»;
• на первом этаже, вы буквально прикоснетесь к истории Лувра.

Необычный музей.Здесь нет огромных залов с картинами и статуями. Цель музея — показать, как люди жили, что им приходилось терпеть, как менялась наша планета. Обо всем этом вам расскажут реликвии из разных уголков планеты.

В Музее Человека 4 основных собрания:

• основных этапов развития человека;
• прирост мирового населения;
• разнообразие биологии;
• этносы Африки, Америки, Азии и Арктики.

Музей Орсе, когда-то бывший железнодорожной станцией, сегодня является одним из самых посещаемых музеев Парижа.

В музее 5 коллекций:

• Живопись
• Скульптура
• Декоративно-прикладное искусство
• Графика
• Архитектура

Сам музей уже является своеобразным экспонатом. Также в музее есть кафе, где в перерывах между просмотрами можно перекусить.

Музей представляет собой особняк с огромным садом вокруг. Скульптор Огюст Роден подарил свои работы Франции при условии открытия музея в доме, где он живет.Отдельный зал выделен для работ возлюбленной Родена, а также для работ самого Родена. Обязательно посетите часовню, в которой также представлены работы Родена.

В музее более 8 тысяч экспонатов. На первом этаже находятся инсталляции современного периода, созданные после 1960 года. Здесь же находятся произведения исторического периода. Второй этаж музея отведен под временные выставки.

Музей расположен в особняке 15 века в Клюни. Здесь вы не найдете кафе и разделения экспонатов по коллекциям. В облике музея смешалось несколько архитектурных направлений, что нашло отражение в интерьере. «Дама с единорогом», «Шахматисты», статуи царей Иудеи и Израиля — изюминка этого музея.

Музей знаменит работами Клода Моне «Кувшинки», которые занимают второй этаж.Восемь картин расположены рядом по просьбе самого автора. На первом этаже представлены работы д’Орсе. В музее также представлены работы Анри Матисса, Поля Гогена, Сислея, Руссо, Дерана и многих других.

В солнечную погоду в Париже , Советую просто прогуляться по городу.Париж пропитан духом истории, который выражается в архитектурных постройках.

В 1909 году планировалось демонтировать башню из-за недовольство местных жителей.Но как только поняли, что башня привлекает деньги, больше ни у кого не возникло желания разбирать. Эйфелева башня — самое высокое сооружение в Париже и пятое по высоте во Франции. Башню перекрашивают каждые 7 лет. Цвета подобраны так, чтобы он гармонично смотрелся на фоне неба. Удивительно, но башня была окрашена в желтый, красно-коричневый цвет. Каждый слой краски увеличивает вес башни, а антенны удлиняют Эйфелеву башню.

Вход в катакомбы начинается с павильона у метро Danfer-Rochereau.Вас ждут туннели и пещеры протяженностью до 300 км, захоронения более 6 миллионов человек. Если вы любитель острых ощущений, то прогуляйтесь по катакомбам.

Самое примечательное на мосту — множество замков на сооружении, оставленное местными жителями и туристами. С моста открывается великолепный вид на Лувр с одной стороны и купол Института Франции и вершину Эйфелевой башни с другой стороны.

Самый старый мост в Париже, соединяющий набережные Лувра и Конти.В середине он пересекает остров Сите. Pont Neuf стал первым мостом, на котором не было построено домов, что вызвало массу негатива среди купцов. Отсутствие построек было связано с желанием Генриха IV. Он не хотел, чтобы громоздкие здания закрывали вид на Лувр.

Арены расположены в центре Парижа. Однако найти их непросто. Попасть на арену можно только через дверь на улице Монж. Поскольку амфитеатр скрыт от посторонних глаз, толп туристов здесь не встретишь.

Арка — такой же символ Парижа, как Эйфелева башня. Он расположен на площади Шарля де Голля. Внутри арки-музея со смотровой площадки открывается великолепный вид на город.

Вы уже поняли, что мосты для Парижа имеют историческую ценность. Небольшая высота моста Александра III не закрывает вид на Елисейские поля.

Дворцы в Париже построены по индивидуальным проектам, отвечающим требованиям будущих владельцев. Каждый дворец несет в себе уникальность и является частью истории города.

В центре Парижа, под властью Франции, Тюильри представлял собой комплекс центрального здания, часов и прилегающих павильонов Марсана и Флоры. Но после сожжения коммунарами в 1871 году дворец полностью сгорел.Никто не собирался восстанавливать дворец. Уцелели только павильоны и переходы с Лувром.

Сегодня дворец является резиденцией президента. Высокий забор, 2 закрытых входа — все, что турист может увидеть в обычный день. Раз в год двери дворца открываются для всех желающих. Большинство дверей дворца закрыты и в этот день, но и комнаты, которые будут доступны, не оставят вас равнодушными.

Дворец изначально был резиденцией Марии Медичи.До сих пор статус и предназначение дворца часто менялись. Первоначальный облик не сохранился. После передачи дворца Сенату вход ограничили, оставив только одно крыло для выставок. Но любоваться экстерьером можно круглый год.

Здание видно с любой смотровой площадки Парижа. Во дворце проходят выставки, на меньшей территории находится Музей открытий и изобретений.Самая дорогая выставка Пикассо прошла в Большом дворце.

Во дворце сидит Национальное собрание Франции, перед входом гвардейцы на посту, 12 колонн, поддерживают треугольный фронтон. Также есть библиотека с ценными рукописями и книгами. Этого достаточно, чтобы посетить этот музей.

Дворец является частью дворцово-паркового комплекса.Внутреннее убранство — это обилие роскошных и уникальных произведений искусства. Этот дворец стал прообразом ансамбля в Петергофе. Падение монархии привело к упадку дворца. Реставрация началась после революции. В 2003 году было объявлено о 13-летней реставрации Версаля.

Сегодня часть Дворца правосудия в западной части Сите и бывший замок королей Франции и тюрьма в прошлом.В этом здании Мария-Антуанетта ждала своего часа смерти, Эмиля Золя судили и вынесли приговор шпионке Мате Хари.

Средневековые постройки в Париже носят религиозный характер. Чтобы обойти все постройки, не понадобится год.

Собор Нотр-Дам де Пари стал свидетелем многих исторических событий. Готический стиль собора привлекает внимание туристов.Если вы посмотрите вверх, вы увидите горгулий и химер. Чтобы рассмотреть их поближе, вам предстоит преодолеть более 100 шагов.

В настоящее время собор восстанавливается после пожара.

Храм стоит на самом высоком холме в Париже. Изготовлен из минерала, который отбеливает водой. С холма открывается захватывающий вид на Париж.

Храм олицетворяет всех богов Рима.Их единство проявляется в одном окне в куполе Пантеона. Из-за отсутствия окон в снежную погоду можно наблюдать завихрения из единственной лунки.

Церковь сочетает в себе несколько архитектурных стилей. Если посмотреть на уровни, то первый выполнен в классическом стиле, второй — в стиле барокко, и все заканчивается крышей в готическом стиле.

Мечеть с хамамом, современным рестораном и чайной.Он был построен в честь мусульман, сражавшихся в Первой мировой войне. Еврейские семьи укрылись в нем от расовых преследований.

В Париже бесчисленное множество архитектурных сооружений. Парки также представляют историческую ценность для французской столицы.

Парк в английском стиле отличается от типичных парков Парижа. Статуи расположены хаотично. Вы увидите миниатюрные копии египетской пирамиды, китайской крепости и голландской ветряной мельницы.

Парк пользуется популярностью у местных жителей и туристов. Бют-Шомон расположен в карьере, из которого добывали полезные ископаемые для строительства зданий в Париже. Устройте пикник среди экзотических деревьев или посетите местный ресторан.

Главная улица Парижа, на которой проходят парады. Шопоголики со всего мира съезжаются в Париж за покупками. Снять здесь квартиру у местных жителей не по карману, все дома заняты бутиками, офисами и ресторанами.

В парке много увлечений: теннис, ипподром, детский парк, оранжерея. Находиться в парке после наступления темноты небезопасно.

Этот сад — прекрасное место для неспешных прогулок среди ровно посаженных деревьев. Парижский стиль сада перекликается со статуями 20 века.

Что еще можно увидеть в Париже? Не стоит упускать из виду следующие ценности Парижа.

Деловой район Парижа. Утро считается хорошим временем для туристов. Прогуляйтесь по пешеходной зоне с фонтанами, посетите музей.

Для культурного насыщения стоит посетить оперный театр, где выступали Шаляпин и Лифарь.

Третий по посещаемости после Эйфелевой башни и Лувра.Это смесь современного искусства, выставок, концертных залов, в том числе библиотеки.

В магазине Lafayette объединяются потоки туристов, шопоголиков, бутиков. На Рождество устанавливается пышная ель, которая становится всеобщим любимцем.

Книжный магазин с прекрасным видом на Нотр-Дам. Здесь книги везде, куда ни глянь. Книгу разрешено читать не менее 2 часов.

Канкан и Красная мельница являются визитной карточкой кабаре. Курение и фотосъемка здесь запрещены, столик бронируйте заранее.

Ранее здесь находилась тюрьма Бастилия. Тюрьму снесли, на ее месте построили оперу. На площади часто проходят шумные мероприятия.

Первое учебное заведение в Париже, которое по-прежнему привлекает студентов со всего мира.

Монастырь дал название этому бульвару. Находясь здесь, вы ощутите дух Парижа и почувствуете себя настоящим парижанином.

Мечта большинства детей и не только. Аттракционы, парки, сказочные персонажи, сувенирные лавки. Это лишь небольшая часть. Лучше увидеть вживую мир сказок и исполнения желаний.

• Есть список книг, которые нужно прочитать перед поездкой в ​​Париж.
• Составьте план путешествия, выделив достопримечательности.
• Находиться в 19-м и 20-м округах небезопасно, особенно для одиноких девушек.
• Обменные пункты берут комиссию, уточняйте заранее.
• Перед тем, как отправиться в магазин, уточните его режим работы.
• Нет времени на перекус — скажите официанту, еда будет доставлена ​​намного быстрее.

Париж — это одно слово, а в голове уже мысленно гуляешь по улицам, пьешь кофе с круассаном, слушаешь музыку.Любой турист найдет развлечение в Париже. Музеи, парки, дворцы, фонтаны и многое другое ждут вас в самом романтичном и необычном городе Франции.

Приветствую вас, дорогие друзья и гости блога. Сегодня мы поговорим о создании меню в ВК и о том, как это сделать в новом дизайне социальной сети. Есть действительно существенные изменения, о которых нужно знать, так как если меню выполнено в старом дизайне, о котором я писал, то картинки могут выглядеть перекосами.

Меню группы Вконтакте Это ее лицо. Именно его пользователь видит, когда он впервые входит в сообщество, и все ли доступно и красиво оформлено, во многом зависит от того, станет ли он постоянным членом группы.

ВАЖНО: После изменения общего дизайна в ВК изменились и размеры картинок для меню в соцсети. Проверьте свою работу и внесите изменения в группы, которые будут обсуждены позже.

Типы меню и их особенности

Первым шагом в создании сообщества является определение его главной цели.От этого зависит будущий дизайн меню и его функциональные особенности.
В зависимости от целей группы меню может быть:

• для информационной площадки;
• ;
• для учебной площадки.

Основная часть информационная. Это сообщества, в которых пользователю предоставляется любой развлекательный или образовательный контент. Для такой группы наиболее целесообразно использовать меню с отображением основных тем. Итак, популярные паблики создают разделы: новости, свежие публикации, популярные публикации, а также разделы специально по тематике группы.

Меню для торговли и обучения публики могут быть похожими. Их цель — помочь пользователю ориентироваться в ассортименте продуктов или услуг. В меню продаж, как правило, входят такие разделы, как Каталог товаров, Оплата, Доставка, Акции и скидки, а для обучения его можно ограничить разделами с описанием услуг, так как здесь главное, чтобы пользователь нашел программу обучения. или материал, который ему нужен.

Как создать меню в группе Вконтакте: пошаговая инструкция

Весь процесс можно разделить на 2 этапа:

• Работа в фотошопе;
• Добавление разделов и картинок в самой группе.

Чтобы точно ответить на вопрос, как создать меню в группе Вконтакте, следует визуально представить будущий дизайн со всеми разделами, а потом, в процессе, можно добавлять элементы, которые еще приходят в голову.

На первом этапе создается аватар группы и изображения для самого меню. Единое изображение будет гармоничнее смотреться как для аватара, так и для меню.

К выбору или созданию аватара нужно отнестись очень серьезно, так как многие пользователи уделяют ему особое внимание.Вы можете найти в Интернете подходящую картинку и добавить к ней надпись или какие-то элементы в программе Photoshop, а можете сделать абсолютно уникальное изображение самостоятельно.

Так как нам еще нужно сделать выпадающее меню, мы ищем или создаем картинку, которая лучше всего подходит к теме группы, или просто берем красивый фон. Работа с изображением будет происходить в Adobe Photoshop, так как функционала обычных фоторедакторов не хватит на все необходимые операции. Все размеры задает сама соцсеть Вконтакте, а существенные отклонения вверх или вниз приведут к тому, что аватарка либо вообще не загрузится, либо не будет одной с меню.

Алгоритм действий:

• Откройте Photoshop и перейдите в «файл» — «создать» и установите ширину и высоту: 760X500 соответственно.

• Выбираем инструмент «вырезание», а затем — «расколоть фрагмент». Разделите изображение на 3 части по горизонтали. Для фрагмента с левого или правого края в выпадающем окне (в зависимости от того, какую часть вы хотите видеть на аватаре) напишите значения ширины и высоты — 200XX и Y) — 560 и 0. Это будет аватаром группы.

• Для следующего фрагмента задаем значения ширины и высоты — 50X500, а в координатах пишем 510 и 0. Это пространство между аватаркой группы и меню. Эта деталь в будущем не понадобится.

• Снова выберите «разбить фрагмент» и разделить по вертикали на 2 части. Для фрагмента вверху задайте значения: ширина — 510, высота — 182, координаты — 0. Это пространство над меню. Эта часть также не будет видна в группе.

• Теперь скопируйте выделенное или созданное изображение на созданный и разделенный объект. Если сочетания клавиш CTRL + V не работают, просто откройте папку на своем компьютере, где сохранено изображение, и перетащите его в Photoshop.

• Разделите оставшееся пространство по вертикали на столько фрагментов, сколько разделов в меню. Для них значения можно не указывать.
  Пишем название каждого раздела.

• Последний шаг — сохранение изображений.Сохранять картинки нужно так: файл — сохранить для Интернета. Этот метод подходит для более поздних версий Photoshop. Если в разделе «файл» нет надписи «сохранить для Интернета», то действуем следующим образом:

Заходим в пункт «файл», выбираем «экспорт» — «сохранить для Web». Все параметры оставляем как есть. Снова нажмите «Сохранить».

Выберите папку на вашем компьютере и сохраните в ней изображения. В итоге они должны выглядеть так:

Теперь переходим ко второму этапу, чтобы разобраться, как именно создать меню в группе Вконтакте — напрямую добавить меню в паблик.Для этого:

• В первую очередь необходимо подключить Материалы, так как только таким образом можно добавлять любые разделы на главной странице. Для этого зайдите в Управление сообществом и в самом низу страницы выберите «Материалы», а затем — «Открыть». Сохраняем изменения.

• Загружаем в группу все фото, кроме аватарки и тех частей, которые не нужны. Чтобы фотографии отображались на главной странице, вам нужно вернуться в Управление сообществом и щелкнуть напротив вкладки «фотографии» — «открыть».
• Загружаем аватарку.
• Следующим шагом является включение режима разметки вики. Это можно сделать, щелкнув значок ромба в правой части страницы в разделе «Редактировать».

• Здесь мы вставляем код для разметки: [], где [] — ссылка на раздел или страницу, на которую можно перейти, нажав на фотографию. Вы можете добавлять как ссылки на разделы в самом Вконтакте, так и на внешние ресурсы.
• Этот код дублируется столько раз, сколько разделов в меню, каждый раз вставляя ссылки.
  При желании также меняем вкладку «свежие новости», например, на «меню.

• Нажимаем «сохранить страницу», возвращаемся в основной раздел группы и обновляем страницу. По умолчанию меню закрыто, но пользователь, нажав на соответствующее имя, сможет открывать его разделы и перемещаться по ним.

На этом весь процесс завершен, но вы обязательно должны проверить, работают ли ссылки и совпадают ли границы фотографии.

Услуги по созданию группового меню

Если вы все еще не понимаете, как создать меню в группе Вконтакте и пошаговая инструкция вам не помогла, можно воспользоваться специальными сервисами, которые создадут и даже добавят в группу красиво оформленное меню
.

Один из самых популярных сервисов — MenuMake. После подачи заявки заказ будет готов через 5 минут, а затем при желании меню будет добавлено в группу. При этом учитываются все пожелания заказчика относительно конструкции и количества секций.

С уважением, Галиулин Руслан.

Красивый дизайн группы Вконтакте — один из залога ее успешного продвижения. Но помимо красоты очень важно и удобство использования. К сожалению, вариантов оформления группы не так много, в отличие от вариантов оформления созданного сайта. Однако есть один интересный вариант — составить меню. В этой статье вы узнаете, как сделать меню в группе Вконтакте .

Какой размер группового меню Вконтакте?

Прежде чем что-то создать, нужно определиться с его размером.Это очень важно, так как изображение неправильного размера может сильно исказиться. Итак, какой размер меню группы Вконтакте нужно выбрать?

В предыдущей статье о дизайне групп Вконтакте мы подробно разобрали размер разных элементов (аватарок и прочего), рекомендую ознакомиться с ним. Но, как говорится, «повторение — мать учения», а потому на картинке ниже вы можете ознакомиться с правильными размерами всех элементов группы Вконтакте.

Как правило, групповое меню Вконтакте состоит из двух элементов: картинки, при нажатии на которую появляется меню и самого меню. Прикрепленное изображение в описании группы с меню или без него должно быть 510 пикселей по ширине, а высота должна быть равна ширине или меньше — это уже с учетом нового дизайна.

Размер группового меню Вконтакте 607 пикселей в ширину. Она может быть самой разной по высоте. Так что места для любого дизайнерского решения хватит.

Как вставить картинку в описание группы Вконтакте?

Элементарно. Все, что вам нужно сделать, это взять подходящее изображение нужного размера и добавить его на стену группы от имени сообщества.

Многим создать картинку будет намного сложнее. Благо, новый дизайн Вконтакте менее капризен к размеру изображения, и если выбранное вами изображение соответствует размерам, описанным в статье выше, то оно будет отображаться хорошо.Итак, вы можете скачать готовое изображение, обрезать его по ширине или высоте, и все готово.

Но если вы хотите создать уникальное и красивое изображение для описания группы Вконтакте, вам необходимо воспользоваться программой Photoshop. На самом деле это не так сложно, как может показаться новичку. Но вам придется потратить свое время на его изучение. Могу порекомендовать замечательный видеокурс — «Фотошоп с нуля в видео формате 3.0». С его помощью вы быстро освоите эту программу.

Как сделать меню в группе Вконтакте? Инструкция

А теперь перейдем к созданию меню.Составим процесс действий в виде инструкций. Чтобы сделать меню в группе Вконтакте , вам потребуется выполнить несколько простых шагов:

1. Первое, что нам нужно сделать, это зайти в настройки группы и активировать раздел «Материалы». Значение должно быть установлено на «ограничено» или «открыто».


2. Далее готовим картинку для группового меню Вконтакте. Если не хотите возиться, вы можете оформить меню в текстовом виде, но это будет менее привлекательно.В качестве примера возьмем следующую картинку, которую можно увидеть ниже.


3. Кстати, этот рисунок был создан в фотошопе менее чем за полчаса. В другом редакторе сделать это будет сложнее. Поэтому рекомендую вам ознакомиться с курсом, о котором я писал выше. После того, как рисунок выделен, его нужно разрезать на части и сохранить на компьютере.



Изображение было вырезано с помощью инструмента «Вырез» в Photoshop и затем сохранено. Каждая из выделенных частей стала отдельным изображением.

4. Затем нужно создать альбом для фотографий на личной странице Вконтакте. Этот альбом даже можно сделать полностью закрытым. После создания альбома заполните его всеми частями нашего изображения.


5. Далее зайдите в свою группу и в разделе последних новостей нажмите кнопку «Редактировать».


6. После этого откроется страница, которой можно дать произвольное имя и написать следующий текст в квадратных скобках. Затем нажмите кнопку «Сохранить страницу».


7. Затем вернитесь на страницу своей группы или обновите ее (если она уже открыта).Щелкните ссылку «Открыть меню». После этого появится дополнительная ссылка на созданную нами страницу. Нажмите здесь.


8. Далее откроется эта страница. Поскольку он только что был создан, в нем ничего нет и нам нужно его заполнить. Щелкните ссылку «Наполнить содержанием».
9. Далее мы пишем следующий код, как на картинке ниже. В нем нужно указать номер фотографии (для этого вы можете открыть фотографию, загруженную в свой альбом, и скопировать ее адрес типа «photo15535684_427525646»), размер фотографии (его можно найти в свойствах фотографии. ), а также указать ссылку, на которую ведет данное фото.


10. Чтобы убедиться, что мы все сделали правильно, нажмите кнопку «Предварительный просмотр». Под кодом появится сформированное меню группы Вконтакте. Если все отображается правильно, то нажимаем на кнопку «Сохранить», а если нет, то ищем и исправляем ошибки.


11. Теперь нам нужна картинка, которая станет заставкой нашего меню и будет в описании нашей группы. Размеры картинки для описания группы Вконтакте мы писали выше, но если кто забыл — в ширину от 510 пикселей, а в высоту равную ширине или меньше.Можно использовать большие размеры, но в тех же пропорциях.


12. Затем открываем нашу созданную страницу с составленным меню группы Вконтакте и копируем ссылку на нее. Чтобы правильно скопировать ссылку, нужно нажать «Редактировать страницу». После этого появится написанный ранее код, и вы сможете скопировать адрес из строки браузера, которая должна выглядеть так: «https://vk.com/page-11

    77_51764020».

13. Далее заходим в нашу группу и вставляем скопированный адрес меню в форму для отправки сообщений.А потом фото, которое будет заставкой. После этого нажмите кнопку «Отправить».
14. Теперь остается закрепить эту запись. Сделайте это так же, как я сделал на картинке ниже.


15. Вот так будет выглядеть наше меню для группы Вконтакте. Если хотите посмотреть лично, то здесь

комментариев для меню и для всех

Нет журналов, есть разные варианты различных вариантов одежды для общественной одежды для всей группы или сообщества.Существуют боты, мессенджеры и специальные программы, которые постоянно работают над уникальной системой для всех групп.

Sur VKontakte, chaque administrateur peut se vanter d’un en-tête unique de sa communauté. Комментарий faire? Maintenant, parlons de cela en détail. Afin de créer une couverture unique, vous devez lire внимательные инструкции.

• Премьерная запись. Certes, beaucoup de gens pensent que créer un plafond en VK est facile et qu’il n’y a rien de Complqué à cela.Mais en fait, ce n’est pas très facile à faire, et il faut le prendre au sérieux. Ainsi, afin de créer votre propre couverture unique, vous devez d’abord vous rendre dans votre groupe et, pour cela, vous devez être au maximum propriétaire ou administrator. Начать работу с «точками приостановки» и кликнуть по выбору «Управление сообществом».
  
• Deuxième étape. En sélectionnant cette section, vous accéderez automatiquement aux «Paramètres».Этот раздел — это плюс важная и необходимая вещь, вы можете выбрать и выбрать «Community Cover».
  
  
• Troisième étape. À faire beau chapeau en groupe en VK, vous devez cliquer sur «Télécharger». Une fenêtre s’ouvrira devant vous dans laquelle vous devrez sélectionner l’image dont vous avez besoin. Soyez prudent lorsque vous choisissez une image, elle doit être non seulement intéressante, mais aussi de haute résolution 1590 × 400….
  
  
• Quatrième étape. Après cela, vous pouvez «Augmenter» ou «Réduire» l’image, l’essentiel est de se rappeler que plus la qualité est élevée, plus l’image est claire.
• Cinquième étape. Ainsi, après evoir décidé de l’image et de la taille, vous devez cliquer sur «Enregistrer» в тот момент, vous verrez une notification indiquant que l’image a été ajoutée avec succès, mais ce n’est pas tout. Vous devez cliquer à nouveau sur «Enregistrer» et ce n’est qu’après cela que l’en-tête sera ajouté.
  
  

Si soudainement, vous mettez accidentellement le mauvais chapeau dans le groupe VKontakte , et ne sais pas comment s’en débarrasser, alors on s’empresse de vous faire plaisir, ce problème peut être résolu! Il Suffit de tout répéter exactement согласно схеме и простоте использования образа souhaitée au lieu d’une image aléatoire.

Création d’un en-tête à l’aide de Programs

Parfois, de nombreux utilisateurs demandent de l’aide programme intéressants, avec l’aide duquel vous pouvez créer un chef-d’œuvre.

• dycover.ru — ce service en ligne est très demandé par les utilisateurs. Leurs Principaux Avantages sont la simplicité, la rapidité, la товара и fiabilité.
• V k-oblozhki.ru — это сервис, который готовит готовые блюда к потребителям, выбирает и украшает одежду.

Maintenant, vous savez comment définir un en-tête dans un groupe VKontakte. Comme vous pouvez le voir, ce n’est pas la selected la plus facile à faire.Mais, si vous lisez Внимание et suivez correctement ces instructions, vous réussirez sureement.

Nous avons publié un nouveau livre «Le marketing de contenu dans dans les réseaux sociaux: Comment Entrer dans la tête des abonnés et tomber amoureux de votre marque.»

L’apparence de tout service est très importante для создания положительного отношения, одежда для мужчин, для товаров и т. Д. Les réseaux sociaux ne font pas non plus, исключение. Il y a plusieurs années, de nouvelles options de concept sont apparues dans les groupes VK — les couvertures.Кроме того, некоторые разработчики предлагают создание динамических блоков для сомнений публики с учетом изменений, элементов управления, элементов управления и т. Д. CRM и других модулей.

De nombreux utilisateurs, которые задают вопросы: comment créer un en tête en haut du groupe VKontakte, quelle devrait être sa taille, existe-t-il des modèles prêts à l’emploi, pouvez-vous les Trouver dans le PSD, comment l ‘ajouter (установщик)? Faisons le tri dans l’ordre.

Некоторые администраторы преференциально относятся к обществу — аватар с отправленным сообщением.Используйте изображение максимального размера 200×500, создавая изображение в размере 510×308 пикселей. Au lieu d’une image, vous pouvez joindre une vidéo qui poursuivra stylistiquement l’avatar.
Si un en-tête séparé est installé, l’avatar deviendra une miniature (une image ronde recadrée de l’avatar).

• L’en-tête (couverture) Doit Avoir l’une des deux tailles — 795x200px или 1590×400 пикселей.
• Le deuxième format vous permet de Convoir Magnifiquement для группы VK для визуализации для больших мониторов.
• La partie supérieure est crée dans n’importe quel éditeur graphique, dont nous parlerons un peu plus tard.
• Pour éviter que l’image ne soit déformée, является необходимым для использования в «Регистраторе для веб-сайта» для регистрации в Photoshop, различных sélectionnez sRGB. Эти манипуляции éliminera les ondulations.

Комментарий télécharger une image finie

• Si vous accédez au public sous le login de l’administrateur, lorsque vous pasz la souris sur sa partie supérieure, des Symboles apparaissent — une flèche vers le haut, une cellule et une urne.Lorsque vous sélectionnez une flèche, vous pouvez télécharger une image, lorsque vous cliquez sur une cellule, vous pouvez la modifier et lorsque vous cliquez sur une poubelle, vous pouvez la supprimer.

• Момент зарядки, рекомендации и форматы аппаратного обеспечения. Vous pouvez également télécharger une image en allant dans les paramètres. Sous le type public se Trouve un lien pour télécharger l’image Principale.

• Il faut garder à l’esprit que pour versions mobiles clé éléments graphiques ne doit pas être sur le bord droit de l’image, ni sur la gauche ou en haut.Il est nécessaire de se retirer des côtés de 197 px et du haut — 83.

Editeur graphique

Alors, комментарий Convez-vous une unité graphique et quel logiciel pourrait vous être utile?

Tout d’abord, c’est le puissant Photoshop bien connu. Sélectionnez «Créer un fichier» et définissez les необходимые размеры. Ensuite, nous chargeons l’image à partir du modèle (pour l’éditer) ou en dessinons une nouvelle. Après la fin du travail, nous l’enregistrons pour le WEB.

Двойной вариант предварительно установлен в редакторе Windows Peindre.

Parmi les services en ligne, Canva is connu com le plus simple free to creer des images.

Vous pouvez choisir un modèle prêt à l’emploi. Ensuite, pointez sur les graphiques pour les medias sociaux.

Lors du travail, il est nécessaire de modifier les tailles, les arrière-plan, de Compléter la couverture avec des textes. Le program est payant, son période d’essai- 30 дней.

Комментарий choisir (créer) une couverture Attrayante

Une casquette en VK peut appartenir à l’un des types, selon l’affichage.

• Отправить сообщение о всех событиях, рекламных акциях, событиях и т. Д.
• Affiche une offre spéciale ou le produit le plus populaire.
• Change tous les mois (semaine, trimestre, pour un événement и т. Д.).
• Avec une personne célèbre dans un collage.
• Посланники посетителей на сайт или предложение вернуться в группу.

Требования для графики и текстов

• Les images dans l’en-tête doivent être de bonne qualité.
• Il ne devrait y Aucun encombrement d’éléments.
• La couverture devrait bien paraître sur les PC et les téléphones.
• Il doit correre à la concept du public.
• Doit être Individual.
• Contraste avec le fond ВКонтакте.

Quelles images et quels textes doivent être utilisés

• Émotionnel — tout sentiment incite une personne à agir.
• Соответствует — doit correre aux intérêts des abonnés.
• Belles couleurs — лучшее преобразование. Orange et jaune — améliorent l’humeur, le vert parle d’argent et d’écologie, le bleu — de la fiabilité, le rouge — des actions.
• Il n’est pas Recommandé d’utiliser plus de 3 couleurs, car une perche de couleur s’installe.
• La Police correcte transmet le thème du public en un coup d’œil.
• Mots — официальное публичное сообщение.
• Visages et images de personnes dans un collage (1-2 человека) — наряд, внимание, привлекательность.
• Coordonnées.
• Appel à l’action.
• Les gens regardent toujours directement la flèche, alors n’hésitez pas a la dessiner et a la pointer sur le bouton Rejoindre.

Модные модели

Vous pouvez télécharger des couvertures toutes faites à partir de différents sites (You-ps, Vk-oblozhki). В VK существует несколько опубликованных предложений по загрузке данных в формате PSD.Parmi eux se Trouvent Psdboxteam, Bankshab, Covertovk, Psdforvk.

En-tête Dynamique

Nous sommes tous постоянный посетитель aux images statiques. L’ajout de haut-parleurs à votre couverture est fasile. Il existe des services spéciaux sur le Web qui vous permettent de le faire en quelques минут.
Par instance, LETSCOVER (плательщик). Après l’enregistrement, l’utilisateur accède на странице VK, clique sur «Créer une couverture» и Entre dans un éditeur spécial.

Charge l’en-tête prêt à l’emploi précédemment créé dans l’éditeur.Ensuite, il sélectionne les widgets souhaités.

Vous pouvez modifier les polices, les avatars, les position des widgets, и т. Д. Возможна конфигурация после того, как будет доступна новая версия couverture. Ensuite, vous devez enregistrer les модификаций. Подобное обслуживание является жанром Dycover et d’autres du même.

Создан динамический код программы PHP. Например, l’API Callback de VK peut fournir des fonctionnalités étendues pour compter les utilisateurs, les like, afficher les taux de change, les embouteillages и т. Д.

Nous espérons que nos consils vous aideront à créer un trafic groupe intéressant, qui deviendra un ajout digne au réseau social bien connu.

Si vous êtes propriétaire d’un groupe sur VKontakte, vous voulez absolument la voir belle et attributyante, avec un grand nombre abonnés actifs. Une couverture colorée peut vous aider. Malgré le fait que VK предлагает длительные возможности для открытия крупных групп, частных владельцев групп, которые используются в прошлом, и так далее.Dans cet article, je vous exploer comment faire un chapeau dans un groupe en VK et quelles nuances doivent être prises en compte.

Création d’un en-tête

La meilleure façon de créer un en-tête est d’utiliser éditeur graphique Photoshop, car il sait comment enregistrer des modeles d’images, ce qui peut s’avérer utile à l’avenir. Выполните программу и в меню «Главное меню», кликните на «Fichier» — «Nouveau» (или вы можете просто использовать Ctrl + N, если вы нетерпеливы).

Dans la fenêtre qui s’ouvre, vous devez spécifier la taille de l’image créée. ВКонтакте требуется больше 1590 пикселей и выше 400 пикселей. Специально и надежно, что «пикс» и «не см» — это выбор в соответствии с маркой права собственности на высокое и большое, синон l’image ne tiendra pas sur trois moniteurs. Cliquez sur OK.

La toile vierge est prête, обслуживание votre créativité entre en jeu. Ajoutez chaque nouvel élément de l’image sous forme de calques différents.Une fois terminé, enregistrez le modèle d’en-tête sur psd au cas où vous auriez besoin de modifier l’en-tête à l’avenir. Залейте ВКонтакте, зарегистрируйтесь в формате jpg, png или gif.

Ajouter un en-tête à un groupe

Залейте установщик сразу после того, как вы получите доступ к странице после открытия группы. Право, sous l’avatar, cliquez sur les points de Suspension à côté de l’avatar «Действия». Une liste déroulante s’ouvrira, dans laquelle nous nous intéressons à l’élément «Gestion».

Vous vous retrouverez dans les paramètres du groupe. Узнайте больше о «Couverture de groupe» и клике по «Télécharger».

Une fenêtre s’ouvrira avec des recmandations de VK sur la taille Recommandée de la casquette, mais nous le savons déjà, n’est-ce pas? Нажмите на «Sélectionner un fichier» et sélectionnez l’image créée. VK предлагает выборочную зону для изображения для лица, делает выбор в пользу инструкций по эксплуатации, автоматический выбор сыворотки, простой клик для «Регистратора и продолжателя».

VKontakte devrait Automatiquement vous rediriger vers les paramètres et afficher une уведомления, касающегося возобновления заряда изображения. Mais ne vous précipitez pas pour quitter les paramètres, sinon rien ne sera enregistré! Pour tout enregistrer, vous devez en outre cliquer sur le bouton «Enregistrer» tout en bas de la page. Это странное решение для концепции gâté beaucoup de nerfs pour les propriétaires de la communauté, soyez prudent.

En vous rendant sur la page d’accueil de votre groupe, vous pouvez évaluer votre en-tête en ligne.Regardez de plus près à quel point tous les éléments de l’en-tête sont clairement visibles. Нажмите на страницу с Ctrl + и Ctrl-. En règle générale, les utilisateurs définissent au moins 70 et pas plus de 120% de l’échelle.

Vous souhaitez modifier or supprimer un en tête? Pour ce faire, vous n’avez plus besoin d’aller dans les paramètres, il суточный пропуск le curseur de la souris sur l’en-tête для 3 бутонов cachés à droite. Le premier est chargé de remplacer, le second de modifier la sélection, le troisième, avec l’image d’une poubelle, de le supprimer.Si vous oubliez qui est responsable de quoi, pasz simplement le curseur de la souris sur le bouton souhaité et vous verrez un indice.

Ajout d’un en-tête через офис клиента на Android, практика по другому методу ci-dessus. La seule différence est l’interface du ruban de l’application, qui affiche tout sous forme de ruban vertical. En conséquence, l’élément «Community Management» n’est pas situ à droite, mais au center.

Комментарий le chapeau contribue-t-il au succès d’un groupe VK?

Un beau chapeau de grande qualité dress de nouveaux abonnés au groupe.En raison de son emplacement central et supérieur, c’est la première выбрал qu’un utilisateur voit lorsqu’il accède à une page de communauté. Sur l’entête, vous pouvez (et devez!), Указывающий на логотип votre groupe / marque / produit et ses correonnées. Mais avec ce dernier, il vaut mieux ne pas en faire trop — маленький логотип, accroché de tous les côtés avec d’énormes numéros de téléphone et adresses, эстетическая эстетика воздуха. Воспользуйтесь игрой гармоничного сочетания цветов. Le texte bleu sur fond rouge forcera les abonnés Potentiels non seulement à fermer la page avec le groupe, mais aussi à la mettre sur liste noire.

Проблемы и возможные решения

La création d’un en-tête peut être délicate. Considérons les problèmes les plus courants:

• Le chapeau a l’air flou. Vérifiez la résolution de l’image. Si elle est inférieure à la valeur Recommandee, alors VK étirera automatiquement l’image, la rendant «flouée».
• Lorsque vous essayez de mettre un en-tête, il indique «mauvais format». ВКонтакте принимает уникальные изображения в дополнительных форматах jpg, png и gif. Если вы хотите получить изображение с расширением jpeg, используйте простое изображение в формате jpg.C’est la même selected, mais VK nécessite jpg.

L’image est chargée verticalement. Peut-être que les balises méta de l’image sont affichées verticalement. Mais vous n’avez pas besoin de Photoshop для модификатора — внимание уделяется флешам на основе заряда изображения. En cliquant dessus, vous pouvez faire pivoter l’image de 90 degrés à gauche et à droite. Voir aussi quelle couverture ou bannière est la meilleure dans l’article

Bonjour à tous, mes chers amis et invités de mon blog.Vous avez probablement remarqué que dans les groupes et publics VKontakte, en plus des avatars постоянные, ils mettent parfois de nouveaux en-têtes, qui sont situés en haut de la page Horizontalement, pas verticalement. Mais, il s’est avéré que tout le monde ne sait pas comment faire une casquette pleine largeur dans un groupe en VK. C’est à cela que sera consacré mon article d’aujourd’hui. Ne t’en fais pas. Il n’y a rien de Complqué ici.

Entraînement

Pour beginr, vous devez choisir l’Suhaitée ou la créer vous-même, par instance, dans le même Photoshop.Mais la выбрал la plus important à considérer est la taille de l’image. L’image doit faire au moins 795 пикселей de large и 200 пикселей de high, mais VKontakte lui-même Recommande de prendre des images 2 fois plus grandes, c’est-à-dire 1590 * 400.

À titre d’exemple , je vais créer une telle image dans Photoshop, en l’ajustant à toutes les tailles pour vous фасилитатор la tâche. Mais si soudainement vous n’êtes plus intéressé par les moment de creation et d’ajustement of images, alors n’hésitez pas à passer à la section suivante.

Soit dit en passant, sur lequel je suis passé il n’y a pas si longtemps, il y une leçon séparée sur ce sujet. Все нюансы создания телесных изображений. Là, vous pouvez faire un très beau chapeau communautaire.

Pour ce faire, nous devons effectuer les opérations suivantes:

Rendez-vous maintenant sur la page d’accueil de votre communauté et voyez à quoi ressemble Notre Nouvelle Couverture Horizontale. Si vous n’aimez pas quelque selected, vous pouvez le remplacer par un autre à tout moment.

Il semble, d’une part, qu’il ne soit pas difficile de télécharger une couverture dans un groupe, mais pour la créer à partir de zéro, et avec une haute qualité, vous avez besoin de определенных компетенций. Donc, si vous le souhaitez, vous pouvez acquérir de telles compétences dans marathon en ligne sur la concept de groupe en vk.

Eh bien, là-dessus, je vous dis au revoir. J’espère que le tutoriel d’aujourd’hui vous a été utile. N’oubliez pas de vous abonner aux mises à jour de mon blog, ainsi que de partager des article sur les réseaux sociaux.Bonne Chance à toi. Пока-пока!

Привет, Дмитрий Костин.

Готовый дизайн группы ВКонтакте. Как красиво оформить группу в ВК (ВКонтакте) своими руками

Графическое оформление контактирующей группы состоит из нескольких картинок разного размера. Каждый из них выполняет свою роль, поэтому изготавливается по отдельному техническому заданию.

• Аватар. До недавнего времени верхняя крышка играла важную роль в обществе.Но приверженцы старого стиля все же могут использовать его в базе. Аватар должен содержать основную информацию о компании: логотип, название компании, контактные данные и несколько слов о направлении деятельности. Одна из самых важных частей аватара — это миниатюра, видимая в поисковой системе контактов и в ленте новостей. Аватар имеет ширину 200 пикселей.
• Крышка. В новом дизайне обложка стала основным элементом графического оформления сообщества. При входе в группу первое, на что обращает внимание человек, — это обложка, поэтому она должна максимально отражать вашу деятельность.Также здесь должна быть размещена контактная информация и логотип компании. Рекомендуемый размер обложки указывается в настройках группы при загрузке.
• Баннер перехода в меню. Традиционно кнопка меню в стиле сообщества размещается на изображении перехода. Дополнительно рекомендуем разместить там потенциально интересное предложение для покупателей.
• Изображение с пунктами меню. Элемент навигации, который позволяет пользователям последовательно перемещаться по содержимому группы. В меню вы можете разместить всю необходимую для участников информацию: доставку, оплату, контакты, о компании, каталог и многое другое.При создании рисунка лучше выбрать его так, чтобы можно было легко добавлять новые кнопки в меню, или заранее продумывать пункты меню, избегая дальнейшего переделки.
• Навигационные картинки для внутренних страниц. Эти элементы используются для удобной навигации пользователя по разделам сообщества и получения удовольствия от внешнего вида внутренних страниц.

Как сделать дизайн группы ВКонтакте эффективным? Этот вопрос задают многие владельцы сообществ. Из статьи вы узнаете, как именно дизайн влияет на клиентов, увеличивая прибыль, и что гарантирует производитель или администратор.

Дизайн группы ВКонтакте упрощает взаимодействие пользователя с информацией в сообществе и увеличивает процент достижения целевого действия. Посетители, попавшие в структурированное и хорошо спроектированное сообщество, смогут легче понять навигацию по разделам.

Продуманный дизайн группы ВКонтакте вызывает доверие у покупателя. Группа начинает работать как полноценный сайт. Правда, есть несколько отличий — это менее тяжелые условия содержания и легче справиться с содержанием и продвижением по службе.Это существенное преимущество.

Так что если вы хотите повысить лояльность к своему бренду и привлечь больше пользователей, то стоит заказать дизайн группы ВКонтакте у дизайнеров, хорошо знакомых с маркетингом, в том числе SMM. Ребята по ссылке именно такие, и это видно на примерах их работы.

Основные элементы дизайна группы ВКонтакте

Чтобы создать группу, вы должны знать принципы дизайна таких элементов, как обложка, аватар, миниатюра и меню.Поговорим о каждом элементе отдельно и узнаем, как оформить группу в ВК.

Крышка

Это довольно новое введение, поэтому многие либо не знают, либо забывают о возможности улучшить дизайн своей группы ВКонтакте. На фоне столь медленных конкурентов грамотное использование этого элемента может привлечь к вам больше посетителей и даже улучшить общение с покупателями и пользователями. Как? За счет динамической обложки для группы ВКонтакте. Если вы не знакомы с этим понятием, то пора изучить необходимые детали, чтобы с пользой его использовать.

Динамическая обложка для группы ВКонтакте выглядит так же, как обычная, но может меняться в автоматическом режиме с разными временными интервалами: от 1 минуты до 1 дня. Это поможет вам эффективно обновлять информацию для ваших клиентов и поддерживать с ними связь.

Вы можете разместить на нем дату обновления, курс обмена, отобразить новых подписчиков, а также другие данные на ваше усмотрение. Таким образом, динамическое покрытие — необычное и интересное решение для повышения эффективности работы группы.

Аватар

Аватар группы ВКонтакте очень помогает в продвижении и создает необходимую цветовую гамму, которая при правильном подходе к делу будет гармонично сочетаться с меню и создавать целостную картину. Но стоит помнить, что при использовании обложки у вас не получится использовать полноценный аватар; вместо этого ВК предлагает использовать миниатюру.

Миниатюра

По сути, миниатюра — это небольшое красиво оформленное изображение, которое прикрепляется рядом с обложкой и выделяется в комментариях от имени сообщества, в переписке с клиентами и т. Д.

Миниатюра имеет очень важные функции, так как именно она способствует узнаваемости вашей компании как в ленте новостей ваших подписчиков, так и во внутреннем поиске ВКонтакте.

Если у вас есть фирменный логотип или символ, то лучше разместить его на миниатюре и со временем сохранить, изменив цветовые и дизайнерские вариации. Заинтересованные лица не потеряют доступ и будут помнить вас.

Меню

Еще один важный элемент, напрямую влияющий на конверсию сообщества.Когда пользователь видит красиво оформленное меню, в котором легко перемещаться по разделам, желание что-то заказать или купить становится более очевидным и, следовательно, более реализуемым.

Люди всегда отдают предпочтение удобству, которое понятно, а меню создает удобное и органичное деление, делая процесс ознакомления с вашим предложением и предоставления всей необходимой информации более понятным.

Что можно включить в меню? Это, в первую очередь, информация о вас, история компании или обратная связь с вами, ответы на часто задаваемые вопросы (FAQ), рейтинги, формы заказа и многое другое.

Баннер

Это изображение, которое ведет к основному оформлению меню. Обычно он закрепляется сверху и создается полная композиция с аватаркой группы.

Как правильно создать дизайн группы ВКонтакте?

Чтобы заказать грамотный дизайн, нужно знать, чего именно вы хотите от него добиться, и разбираться в азах поиска и цветовых решений, о которых мы сейчас и поговорим.

Дизайн — это сложная система, состоящая из источников.Источником является изображение, которое составляет основу дизайна и остается в конечном продукте после обработки и необходимых манипуляций.

Если вы хотите использовать интересные и новые картинки, а не заезженные опции, которые постоянно мелькают в тысячах групп, то воспользуйтесь сервисом pinterest, freepik, flaticon или google для поиска. Запросы следует подавать на английском языке. Если вы не уверены в своих знаниях, то воспользуйтесь любым переводчиком, набрав ключевые слова для поиска.

Вы имеете право воспользоваться услугами профессионального фотографа или художника, но этот вариант будет стоить намного дороже, хотя и будет оригинальным.

Вы можете выбрать предпочитаемый шрифт и его размер. Красиво написанное имя и публичный адрес на одном из элементов дизайна придадут группе современный и аккуратный вид. Но помните, что разнообразие шрифтов — не всегда хороший вариант, равно как и слишком большая палитра цветов. Это создает неопрятное впечатление и отпугивает покупателей.

Помните правила типографики. Хороший дизайнер сможет красиво разместить текст и составить связное изображение из невзрачных букв, которое можно выгодно использовать в маркетинге.

Типография — инструмент выражения общей концепции дизайна. С его помощью профессионалы могут гармонично сочетать текст и визуальный материал. Эта техника требует опыта и зоркости.

Цвета и комбинации можно увидеть на палитрах, которые легко найти в Интернете. Для бизнес-компаний обычно используются синий, голубой, белый и другие светлые цвета. Если вы продаете специализированные товары, вы также можете отразить их характер с помощью цвета.

Итак, вы узнали об основных компонентах дизайна и о его влиянии на поведение посетителей сообщества.Правильный дизайн группы ВКонтакте подчеркивает ваш профессионализм и выгодно отличает вас от других компаний, проявляя ответственность и увеличивая продажи.

Общение с вашими клиентами и облегчение работы с ними очень важно, и дизайн может сделать именно это.

Решение заказать дизайн группы Вконтакте у профессионалов — важное приобретение, которое поможет достичь поставленных целей.

Вконтакте радует своих пользователей большим количеством интересно оформленных групп.Многие из них внешне не уступают полноценному сайту. Такой эффект обеспечивает грамотное оформление группы, в частности меню и аватарок. Опытные пользователи легко справятся с этой задачей, но если вы новичок, то статья будет вам полезна.

Как красиво оформить группу в ВКонтакте

Создание баннера

При просмотре группы пользователь в первую очередь обращает внимание на аватарку и меню. Ниже я расскажу, как создать в Photoshop две картинки, правильно вырезать одну из них и написать специальный код, указывающий

Stage 1

Откройте Photoshop, создайте новый документ размером 630×725 пикселей.Залейте его белым. Вырежьте в слое два окна. Графический дизайн Контакта будет смотреться через эти окна. Сначала выделите прямоугольную область размером 200×710 пикселей, нажмите кнопку «Del». Затем выделите прямоугольную область размером 382×442 пикселя, выровняйте получившиеся прямоугольники по низу и нажмите клавишу «Del».

Stage 2

Поместите графический дизайн группы под получившийся слой. Желаемый текст лучше всего заранее написать на картинке с основным фоном, а также создать необходимое количество пунктов меню.

Stage 3

Далее правая прямоугольная область размером 200×710 пикселей. сохраните его как отдельное изображение. В результате получился полностью законченный рисунок для украшения группы. Его нужно загрузить в блок, расположенный в правом верхнем углу страницы. Для этого нажмите кнопку «Загрузить фото».

Для чего левое изображение? Разрезаем на несколько частей (в зависимости от количества пунктов меню). Например, в нашем меню 5 пунктов, а это значит, что на выходе будет 5 изображений размером 382×50 пикселей.

Stage 4

Пять полученных изображений необходимо загрузить в альбом группы. Затем перейдите на страницу группы и выберите блок «Новости», переименуйте его в «Меню группы», а затем нажмите «Изменить».

Этап 5

Итак, мы подошли к завершающему этапу гайда «Как красиво оформить группу во ВКонтакте». Откройте вкладку с названием «Оригинал, который находится в нижнем окне, необходимо скопировать, а затем вставить в« Исходный код ». В тексте кода замените фото на имена файлов и отметьте высоту файла (382 пикселей).Теперь вставьте адреса ссылок меню. Название файла взято из альбома.

Stage 6

Для идеального выравнивания изображений необходимо выполнение нескольких условий:

Имя группы должно помещаться в одну строку;

Адрес сайта тоже одна строка.

Описание должно состоять из 10 строк.

Вконтакте вики-разметка

Чтобы понять, как красиво оформить, также необходимо ознакомиться с концепцией вики-разметки.

Что это такое?

Итак, разметка Wiki — это система редактирования страниц, аналогичная HTML. Прежде чем приступить к оформлению группы Вконтакте, определитесь с ее внешним видом. Дизайн может быть графическим и текстовым.

Текстовое оформление меню

Код для меню будет выглядеть так:

Начало и конец кода обозначаются тегами. Каждый значок будет иметь вид [], за которым следует описание.

Графическое меню

Код такого меню будет составлен по следующему принципу:

! !! !!

Конечно, эта информация лишь поверхностно относится к теме разметки Wiki.Подробнее об этом можно узнать, посетив официальную группу В контакте с. Есть много полезной информации и видеоуроков, как красиво украсить

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: как попасть в голову подписчикам и полюбить свой бренд. «

Группа ВКонтакте — это ваше лицо, поэтому дизайн группы Вконтакте требует особого внимания … Конечно, вы можете заказать дизайн группы Вконтакте у специалистов.В этом случае стоимость будет зависеть от объема работ и специфики. В среднем сложное оформление группы в контакте с макетом меню и другими серверами стоит от 1000 рублей и выше. Если вас интересует самостоятельное оформление группы Вконтакте, то эта статья для вас. Прежде всего, укажем, что это абсолютно реально.

Размеры элемента

Ниже представлена ​​памятка с габаритами оформления группы ВК, а точнее ее основных элементов.

Давайте рассмотрим каждый элемент отдельно:

Конструируем шапку

Создание группы ВК немыслимо без шапки.Ответ на вопрос, как оформить группу в контакте, обязательно должен начинаться с шапки. Чаще всего в шапке размещается реклама, меню навигации и самые интересные посты. Самый рациональный способ — сделать чепчик в виде чехла. Новый дизайн группы в ВК позволяет добавлять большие и привлекательные обложки. Для этого нажмите «Скачать» напротив «Обложки сообщества», как показано на картинке:

Вот несколько вариантов того, что вы можете поместить в заголовок:

Аватар

Думаете, как красиво оформить группу в контакте? Тогда не игнорируйте кропотливую работу над аватаркой.Это эффективный маркетинговый инструмент, который при правильном использовании позволяет достичь желаемого результата.

Хорошая миниатюра аватара соответствует следующим критериям:

1. Текст на нем крупный и хорошо виден, легко читаемый.
2. Изображение и текст четкие, не пытайтесь втиснуть в аватар слишком много.
3. Лучше использовать оригинальный образ, сделанный вами, а не загруженный.
4. Используйте яркие цвета, чтобы выделиться на фоне остальных изображений, умело используйте контраст.
5. Аватарки, выполненные в стиле минимализм, смотрятся эффектно: минимум текста и лишних деталей, максимум красоты и простоты.
6. Включите воображение, чтобы привлечь и заинтересовать пользователя — черный квадрат, горящий значок сообщения и т. Д.

А вот несколько вариантов размещения информации в миниатюре: анонсы, преимущества, контакты, низкие цены, акции, конкурсы и так далее.

Требования к аватарам:

1. Качество.Для этого используйте изображения в 2-3 раза больше необходимого размера.
2. Единый стиль. Все элементы должны сочетаться в цветовой гамме и общем стиле.
3. Разнообразие. Лучше, если эскиз и сам аватар будут разными изображениями.

На самом аватаре можно разместить домен официального сайта компании, название бренда, логотип, контакты, часы работы, информацию о конкурсах и акциях, наиболее популярных товарах, информацию о доступном мобильном приложении, ваших основных преимуществах, анонсы событий и так далее.

Виджеты

Это обязательная часть регистрации группы в ВК. С их помощью пользователю удобно выполнять полезные для вас действия: подписываться, участвовать в конкурсе, оформлять заказ, писать комментарий и так далее.

Картинки для постов

Лучше всего, когда посты сопровождаются изображениями в едином стиле … Это придает группе оригинальность и креативность. Вот несколько отличных примеров:

Как видно из примера, компании создают уникальные шаблоны оформления для группы ВК, а точнее изображения для ее постов, а потом просто дополняют / меняют их.Сделать такой шаблон довольно просто, вот несколько хитростей:

Для создания качественных и привлекательных картинок, которые помогут сделать красивый дизайн группы Kkontakte, рекомендуется использовать Photoshop. Если вы владеете данной программой, воспользуйтесь одним из упрощенных аналогов программы: Fotor.com или Canva.com.

Редактирование статей

Как зарегистрировать группу ВК? Отредактируйте статьи в нем с помощью редактора, вы можете найти его по этой иконке:

О том, как работать с редактором статей в ВК, мы писали в другой статье.

Разметка Wiki

Как правильно оформить группу в ВК с помощью вики-разметки? Это самая сложная и в то же время самая интересная часть. Разметка вики — это специализированный язык для работы с текстами на сайтах, упрощающий доступ к функциональным возможностям. Язык HTML … При стилизации контакта в группе разметка вики используется для форматирования текстового материала, добавления к нему изображений и разработки меню навигации. В этом случае используется специализированный редактор ВКонтакте.

Давайте разберемся, как создать вики-страницу: откройте браузер и вставьте в адресную строку: http: // vk.com / pages? oid = -111 & p = Created_page, где «111» — это идентификатор группы, а «Created_page» — это название статьи со словами, написанными с подчеркиванием. Мы часто переключаемся в режим кода, поэтому сразу же посмотрим, как это сделать:

Текст форматируется в простом и понятном редакторе, похожем на Word. Но у него нет возможности менять шрифты, вместо этого используются теги: h2, h3, h4, жирные выделения и курсив.

При необходимости вы можете вставить ссылку в текст с помощью шаблона: [ссылка на статью | текст ссылки].

Чтобы вставить картинку, кликните по иконке камеры, удобнее это делать в кодовом режиме, который позволит сразу указать нужные размеры и поместить картинку посередине.

Есть и более сложные версии:

Здесь сначала делается изображение в Photoshop, которое затем делится на части с помощью «Вырезки», затем готовые изображения вставляются в пост вики и к ним прикрепляются ссылки.

Важно закрепить разработанное меню в шапке страницы: сначала делаем меню в вики-разметке, а потом сохраняем ссылку на него.После этого вставьте эту ссылку в сообщение, как показано:

Теперь делаем изображения для меню и добавляем их в пост, убираем ссылку из специального текстового поля и нажимаем «Отправить».

Осталось только обезопасить почту.

Вместо вывода

Несколько советов, как оформить группу Вконтакте:

1. Когда вы разрабатываете дизайн (неважно, используете ли вы старую версию или думаете, как оформить группу Вконтакте в новом дизайне) всегда думайте, как он будет выглядеть в мобильной версии, все ли понятно и удобный.
2. Не стесняйтесь экспериментировать и разрабатывать решения, которые не используют ваши конкуренты. Это просто плюс.
3. Абсолютно плоское и симметричное меню иногда может показаться скучным, поэтому не зацикливайтесь на идеальных формах.

Надеемся, этот материал о том, как сделать дизайн группы Вконтакте, будет вам полезен. Спасибо, подписчики!

Хотите узнать, как оформить группу во ВКонтакте в 2018 году? И не просто оформить, а сделать самому правильно и красиво! Если ваш ответ «Да», то эта статья специально для вас!

Социальная сеть ВКонтакте — одна из самых популярных.Соответственно, здесь можно найти больше общения, единомышленников и просто друзей, а также продвигать свои услуги и товары. Благодаря созданным сообществам можно быстро найти все об интересующем мероприятии, продукте, услуге и т. Д.

На странице управления нажмите «Загрузить» и выберите изображение. Выглядит это так: название группы, затем миниатюра аватара, статус.

Извините, мобильный пока не поддерживает эту функцию … Но поскольку это нововведение произошло не так давно, оно будет актуально для продвижения, как и все остальное.

Для более удобного доступа к предлагаемым материалам можно составить меню. А о том, как это сделать самому, мы расскажем в следующий раз.

Прикрепленный пост

Секреты оформления группы ВК

В качестве бонуса мы делимся секретами создания группы ВКонтакте и нашим личным опытом, что позволит вам сразу же завершить дизайн на продвинутом уровне самостоятельно. Например, вы можете настроить такой красивый блок из различных приложений, который повысит вовлеченность в несколько раз!

бесплатных приложений. Перейдите в Управление сообществом и перейдите в Приложения, чтобы изменить свои настройки.

Здесь вы можете добавить приложение на выбор, которое станет отличным дополнением к функционалу группы. Например, как и в нашей группе, которая бесплатно создает полезный контент, есть кнопка «Поддержи сообщество», нажав на которую можно пожертвовать в пользу сообщества любую сумму от 100 рублей. Это также может быть продуктовый магазин, анкета, тесты, онлайн-чат, подписка на рассылку новостей и многое другое.

Другие полезные виджеты и приложения:

• анкеты;
• тестов;
• регистрация на услуги;
• отправка сообщений;
• магазин товаров;
• и т. Д.

Обсуждения. Сделайте сразу несколько тем, посвященных основным вопросам, которые будут интересны клиентам или подписчикам. Если это коммерческое сообщество, то это отзывы, часто задаваемые вопросы, информация по оплате, гарантиям и доставке.Если сообщество носит информационный характер, то основные темы обсуждения должны быть посвящены темам, которые затрагивает группа.

Заключение

Если вы хотите добиться успеха, то обязательно найдите время, чтобы оформить его правильно и красиво. Чем тщательнее вы подойдете к этому вопросу и продумаете все сценарии поведения пользователей после перехода на страницу группы, тем выше будет переход на подписку, а затем и на покупку.

Мобильность и гендерные различия российских инженеров по материалам социальной сети ВКонтакте

Авторы

DOI:

Ключевые слова:

Аннотация

Статья основана на данных социальной сети ВКонтакте (более 36 тысяч профилей) и анализирует географическую и внутриобразовательную мобильность, а также гендерный разрыв среди российских инженеров. Мобильность (географическая и образовательная) и гендерные различия рассматриваются как важные элементы инновационного развития: первая предполагает мобильность навыков, людей и знаний из одной отрасли в другую и из одного места в другое; второй предполагает доступ к образованию и работе в новых инновационных областях для людей разного пола.Наш анализ показал, что российские инженеры, как правило, неподвижны (большинство работают в том же городе, где они получили образование). Исключение составляют Москва и Санкт-Петербург, где работает и живет больше инженеров, чем училось. Хотя данные свидетельствуют о том, что в инженерной профессии преобладают мужчины, мы определили специальности, в которых женщин численно больше: микробиология, химия, экология и картография. Мы обнаружили, что в России отток женщин из инженерного образования увеличивается по мере роста его уровня.Женщины-инженеры чаще работают на второстепенных нетехнических должностях и выполняют бюрократические задачи.

Благодарности. Настоящее исследование финансировалось ПФБР, проект № 20-011-00690 А «Инженерная карьера в современной России: профессиональные, организационные и институциональные преобразования».

Биографии авторов

Руденко Николай Иванович, Европейский университет в Санкт-Петербурге.Петербург

• Европейский университет в Санкт-Петербурге, Санкт-Петербург, Россия
  • канд. Sci. (Соц.), Научный сотрудник Центра исследований науки и технологий

Роман В. Малюшкин

Проблема

Раздел

Социология профессий

Как подать объявление «в контакте».Товары ВКонтакте

В контакте с Запущена возможность добавлять и продавать товары в социальной сети без создания группы или публичной страницы. Чуть ниже главного меню появилась вкладка «Товары», которая все еще находится в режиме бета-тестирования. Перейдя на эту вкладку, вы попадете на страницу, где увидите товары, которые добавили ваши друзья.

Также через поиск здесь можно найти все предложения пользователей ВК, по категориям и описанию. Оплата товаров в настоящее время предполагается через внутреннюю систему денежных переводов, что избавит от необходимости проведения наличных расчетов.

Как добавить свой товар (объявление) ВКонтакте?

В этом же разделе вы можете сами добавить любой товар и даже продвигать его с помощью таргетированной рекламы. Для этого нужно выбрать в меню слева пункт «Товары» и на открывшейся сверху странице нажать «Подать объявление».

Кроме того, разработчики обещают улучшить продвижение пользователей, интеграцию с другими сервисами рекламных сервисов, а также доработку рекламы внутри самой сети.Сервис будет бесплатным для пользователей.

Если вы зашли сюда, то наверняка знакомы с такой социальной сетью, как Вконтакте. Там вы можете общаться с другими людьми по всему миру, слушать музыку, смотреть различные видео и при этом иметь много интересных и полезных дел, в том числе для рекламы наших проектов. Сегодня в этой статье мы постараемся разобрать, как размещать рекламу в ВК, не потратив ни копейки, а также насколько эффективна реклама во ВКонтакте.

Как подать объявление бесплатно

Представьте себе ситуацию: у вас есть щедрое предложение продать любую вещь или даже большое количество вещей, но у вас нет покупателей ни в реальной жизни, ни на сайтах типа Avito.Конечно, в Вконтакте покупателей будет намного больше, чем на всех других сайтах, но вы не имеете ни малейшего представления, куда и как поступить в этой социальной сети. Для решения этой проблемы есть несколько способов, каждый из которых мы рассмотрим подробно:

Рекламируйте свой товар на стене персональной страницы

Скажем так, этот способ подходит только тем, на личной странице которых есть довольно большой список людей, не менее 200.Вы и ваша реклама должны видеть людей в их ленте новостей. Чтобы реклама не терялась в большом количестве информации, ее нужно создать максимально яркой и заметной.

Необычный и красочный рисунок, четкие фото вещей (если одежда на теле модели) на контрастном фоне, информативное описание цен и необходимая информация о товаре. Если рекламируете услуги — поделитесь. При покупке нескольких товаров возможны скидки.

Создайте собственную группу, посвященную вашим товарам или услугам

Это довольно сложный способ, так как вам придется как-то привлекать людей в группу.Скорее всего, для хорошего результата надо, но как сделать рекламу своему сообществу бесплатно, мы расскажем позже. Преимущество метода в том, что все внимание будет уделено именно вашему предложению, и среди людей будут только те, кто заинтересован в сотрудничестве с вами.

Разместить объявление на стене сообщества

Есть особые группы и паблики, позиционирующие себя как «блошиные рынки». Именно это слово часто встречается и в названии такого сообщества.Можно незаметно выложить заранее подготовленное объявление на стене стены (иногда нужно нажать на кнопку «Предложить новость» и дождаться, пока объявление выложат и вы получите оповещение).

Поделиться объявлениями-фотографиями в группах альбомов

В группах с открытой стенкой эффективнее размещать рекламу в ВК в виде фотографий товаров в альбомах, специально подготовленных и разбитых на категории.Затем в описании необходимо информативно указать информацию о продукте. Кстати, чтобы ваше предложение выгодно отличалось от остальных, размещайте фото в стиле картинок из журналов. Иногда для большей эффективности владелец группы просит заплатить. Разобраться в этом вопросе можно лично у администратора, если вам не только интересно.

Как бесплатно размещать рекламу во ВКонтакте

Мы уже говорили, что во ВКонтакте можно бесплатно продвигать целые группы и сообщества, в которых вы собираетесь предлагать свои товары и услуги.Сами по себе частные сообщества являются наиболее эффективной рекламой, однако их все же необходимо «продвигать». Сразу отметим, что каждый из способов будет очень трудоемким, затратным по времени и не будет лишен разного рода рисков. Вы можете получить вознаграждение, чтобы привлечь к процессу друзей и знакомых, или нанять специальную команду, которая поможет вам разместить рекламу в контакте. При этом вы можете не сразу заметить результат, но со временем ваша рекламная кампания обязательно даст о себе знать.Итак, несколько способов, как это обычно делается:

Спам в личных сообщениях

Первый метод начинается с поиска сообществ с тематикой, аналогичной выбранной вами. Из вариантов: Сообщества-конкуренты, общие (искусство, фотография, путешествия), паблики с интересующей вас целевой аудиторией. Вам необходимо перейти в список участников и тем, у кого есть личные сообщения, начать рассылку рекламы своей группы. Обычно подписываются три человека из десяти.Рекламу рассылают не все подряд, а только ваша целевая аудитория. Но как это определить? Это можно сделать, опираясь на некоторые правила:

Преимущество метода в том, что вы даже можете найти единомышленников и хорошие связи, так как мы напрямую общаемся с потенциальными клиентами. Вы открыты для публики, и это создает хорошее мнение о вас как о честном предпринимателе. Но есть масса минусов.

• Во-первых, с одной страницы можно отправить не более 20 сообщений тем, у кого нет в друзьях (именно для этого нужны помощники с другими аккаунтами).
• Во-вторых, недовольные люди будут жаловаться на спам от вас и вашей группы, поэтому вы можете заблокировать вас вместе с группой. Как видите, метод очень медленный, рутинный и не слишком эффективный. Аккаунты будут блокироваться часто и надолго, если не навсегда, поэтому нужно внимательно искать людей, которым действительно будет интересно ваше предложение.

Спам в группах

Метод очень похож на описанный в предыдущем абзаце. Вам нужно найти сообщества, которые сами предлагают бесплатно оставлять на своей стене рекламу в контакте.Способ, наверное, даже менее эффективен, чем предыдущий, так как в таких пабликах в основном сидят только рекламодатели, бескорыстно реагировать на чужую рекламу. К тому же это та самая рутина, которая не принесет особого результата, какой бы красивой была ваша реклама. Но никаких ограничений нет.

Спам в альбомах

Опять аналогично. Если вы оставили рекламу на стене, то в этом сообществе мы имеем полное право оставить вашу рекламу и в фотоальбоме.Вы можете добавить фото товаров или услуг или любую красочную рекламу. Обязательно пишите информативные описания. Конечно, прибавка будет крайне небольшой, но проблем с блокировкой и ограничениями нет.

Соревнований в вашей группе

Если у вас набралось определенное количество постоянных участников, вы можете устроить конкурс на активность в группе. Надо наградить тех (или тех), кто больше всех ставил «лайки», писал комментарии и делился новостями.Об этом можно узнать из статистики, которую можно раздать каждому. Также пусть победитель позже напишет отзыв о получении подарка.
В качестве призов за победу в конкурсе выбирайте только ваши товары и услуги или скидки на их оплату. Так вы привлечете только целевую аудиторию. Если у вас есть денежное вознаграждение за участие в конкурсе, вы рискуете привлечь только охотников за деньгами, которых ваш товар совершенно не интересует.

Обмен рекламой с другими группами

Если ваш друг также решил заняться чем-то с вами, вы можете настроить взаимную рекламу в своих сообществах, согласившись сделать репост новости за один раз, призывать присоединиться к сообществу или просто написать обзорный отзыв.В более широкой публике они также знают, как создать рекламу для своего сообщества, поэтому иногда самые интересные и большие надежды группы предлагают им бесплатную рекламу в обмен на свою рекламу. Некоторые бывают просто хорошими и беспроблемными, но это случается крайне редко. Это наиболее эффективный бесплатный способ, который, однако, бывает бесплатным. Кстати, репозиторий нужно делать в определенное время не чаще четырех раз в день.

В каких группах в ВК можно делать бесплатную рекламу

И напоследок стоит показать вам целый список, в какие группы стоит выкладывать свою рекламу и рекламу.Их не так сложно найти в сети Интернет ВКонтакте, однако мы сделали ваш поиск намного быстрее. Групп, конечно, намного больше, но мы решили предложить вам самые базовые варианты. Вы можете искать варианты с более узким контролем.

https://vk.com/reclampr

https://vk.com/club53809318.

https://vk.com/russianpoweron

https://vk.com/reklama.Besplatno.

https://vk.com/reclame_free

https://vk.com/music.audio.

Блошиные рынки:

https://vk.com/baraholkaua — Украина.

https://vk.com/networksales — закрытая стена.

https://vk.com/baraholkaby — Беларусь.

https://vk.com/objava — Питер.

https://vk.com/postermsk — Москва.

https://vk.com/poiskmuzikantov — мюзикл.

https://vk.com/sell1000moscow — до 1000 руб.

Надеемся, что этот материал был для вас полезным и информативным. Оставляйте свои дополнения и предложения в комментариях, делитесь статьей в социальных сетях с друзьями и обязательно посещайте другие интересные статьи на нашем сайте.

— новый раздел в популярной социальной сети, который теперь доступен не только сообществам, но и обычным пользователям. По сути, это не что иное, как знакомый всем сервис Avito, только теперь он встроен в любимую «сетку». ВКонтакте теперь можно размещать бесплатные объявления о продаже товаров или услуг. Как работает новая функция, как добавить товар и разместить рекламу, расскажем дальше.

Как снять ограничение при прослушивании музыки в ВК —

На данный момент новый раздел доступен исключительно в десктопной версии социальной сети.Но в ближайшее время разработчики хотят реализовать аналогичную функцию и в мобильном приложении на iOS / Android. Смысл нового чипа — продавать вещи, товары, услуги через Вконтакте, что намного проще, чем использовать некоторые сторонние сервисы. Социальная сеть вплотную занялась развитием внутренней экосистемы, например, были анонсированы Голосовые отчеты ВКонтакте, востребованные пользователями.

Как добавить товар в ВК? Как подать объявление?

Обращаем ваше внимание, что веб-версия ВКонтакте также содержит разделы «Избранные товары» и «Каталог товаров», где вы можете быстро просмотреть товары (рекламу) своих друзей ВКонтакте или с учетом заданных параметров по всему миру.Есть встроенный поиск, можно быстро искать по геолокации или имени.

Какие товары можно добавлять в ВК?

Одежда, Детские товары, Аксессуары, Электроника, Компьютерная техника, Авто, Транспорт, Дом и дача, Всевозможные услуги и т. Д. Словом, теперь Вы легко можете продать через Вконтакте любую вещь или услугу.

Специального сервиса для размещения рекламы в социальной сети «ВКонтакте» нет. Ранее он существовал, однако был упразднен из-за большого количества спама и сообщений от мошенников.В настоящее время социальная сеть «ВКонтакте» предлагает пользователям удобную стену на личной странице для размещения разного рода информации, различные диалоговые системы, тематические сообщества, оформление подписки и многое другое. Все это поможет вам разместить рекламу и сделать ее доступной большому количеству людей.

Публикации на стене

Стена, или микроблог — основной инструмент для размещения рекламы и другой интересной информации. Заранее составьте текстовую рекламу и найдите одно или несколько подходящих изображений.Разместите сообщение на стене, предварительно настроив подходящие параметры конфиденциальности в общих настройках. Вы можете сделать так, чтобы рекламу видели только ваши друзья, только пользователи социальных сетей или все пользователи Интернета. В конце объявления добавьте запрос на его репозиторий — отзывчивые люди могут отправить копию записи на вашу стену, нажав соответствующую кнопку, что увеличит количество просмотров звонка.

Обращение к друзьям

Если у вас много друзей в списке контактов, попробуйте создать чат в системе диалогов и пригласить всех или выбранных «Друзей» сразу.Отправьте свое объявление выбранной группе и ждите отклика. Вы также можете попросить их проделать ту же операцию, которая снова повысит популярность вашего объявления.

Публикации в сообществе

Выберите одно или несколько подходящих сообществ «ВКонтакте» для публикации объявления. Обратите внимание на специально предназначенные для этой публики, особенно на те из них, которые наиболее раскручены и находятся в вашем городе. Перед публикацией объявления изучите правила сообщества. Некоторым из них разрешено публиковать информацию только по определенной теме, а некоторые позволяют делать это только на платной основе.Лучше связаться с администратором группы и согласовать с ним публикацию.

Ни в коем случае не спите. Вам не нужно размещать объявление во всех группах подряд, забивать стены других пользователей и рассылать его через сообщения. В этом случае ваша страница будет быстро забанена, и восстановить ее будет невозможно.