Как сделать меню вконтакте для группы: Attention Required! | Cloudflare

Содержание

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

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

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


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

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

  • Аватар для группы — 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-разметки (под кнопкой закрыть в верхнем правом углу странички нарисована такая рамочка с внутри). Когда нужный режим активирован, данная кнопка обведена серым.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

clubID_группы

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

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

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

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

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

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

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

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

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

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

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

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

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

[]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбираем данный инструмент и начинаем «резать». У меня получилось 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% элементов остаются без внимания. Меню же, в свою очередь, способно сфокусировать внимание пользователя на определенных вещах, на определённой информации, которая в нем содержится.

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

Итог

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Важно!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

{|
|-
|

”Новинки”’||”’Игры”’||”’Все жанры”’
|-
![]!![]!![]
|-
|
[[Новинки online игр|Новинки]]

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

|
[[Шарики]]

[[Квесты]]

[[Аркады]]

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

|-
|}

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

-разметки
?

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

  • Традиционная ссылка:
  • Обычная ссылка + текст:
  • Ссылка в виде картинки: []

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

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

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

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

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

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

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

В статье речь пойдет о том, что такое вики и для чего они предусмотрены системой. Этот термин введен Уордом Каннингемом в 1995 году. Именно в это время и появилась первая вики-среда. Стоит отметить, что слово «вики» заимствовано у гавайцев. Оно обозначает в переводе «быстрый».

Существует несколько значений термина «вики»:

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

Что собой представляет вики-разметка?

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

Какова организация подобных ресурсов?

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

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

Какова связь между вики и «ВКонтакте»?

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

Создавать оригинальное меню;
делать метки;
разрабатывать таблички;
добавлять новые навигационные компоненты.

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

Достоинства вики

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

Вики-секреты

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

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

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

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

Создание ссылки-якоря

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

Сначала необходимо создать кнопочку. Чтобы добавить изображение, можно воспользоваться словом «photo», набрав его номер в альбоме группы. Затем нужно снова заключить всю информацию в скобки. Сначала следует прописать фотографию, а после − ссылку. В результате должна получиться приблизительно такая кнопка: []. Следует уделить должное внимание и функциям, которые доступны для работы с данным изображением:

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

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

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

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

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

Оформление меню

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

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

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

Где научиться создавать вики-разметку?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

где:

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

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

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


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

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

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

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

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

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

 

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

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

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

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

 

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

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

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

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

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

Всё.

на своем сайте.

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

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

32

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

 
 

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

 
 

Шаг 1
Для начала идем в свою группу и в блоке «Свежие новости» (в данном случае я переименовала ее в «Меню») нажимаем ссылку «Редактировать», которая появляется при наведении. Важно! Во-первых, у вас должна быть именно Открытая группа, а не Страница. Поскольку на Странице такого пункта просто нет. И второе, в меню Управление сообществом > Информация > Материалы должен быть выбран пункт «Открытые».

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

Шаг 3
После этого рядом с кнопкой появится ссылка «Предпросмотр», на нее и жмем. Ниже откроется предпросмотр нашего меню, где мы видим появившуюся снизу ссылку «Веб-дизайн теория».

Шаг 4
Жмем на эту ссылку и переходим на созданную страницу с названием «Веб-дизайн теория». После жмем на ссылку «Наполнить содержанием». Далее редактируем текст как в обычном текстовом редакторе — вставляем картинки, тексты, видео и прочие объекты. При этом наша созданная страница будет иметь урл вида https://vk.com/page-15865937_43819846.

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

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

Создание меню группы в контакте. Меню для группы вКонтакте, шаблоны оформления

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Важно!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ВАЖНО:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Открываем Фотошоп и заходим в «файл» — «создать» и устанавливаем ширину и высоту: 760X500 соответственно.
  • Выбираем инструмент «раскройка», а затем – «разделить фрагмент». Делим изображение на 3 части по горизонтали. Для фрагмента с левого или правого края в выпадающем окне (в зависимости от того, какую часть хотите видеть на аватарке) пишем значения ширины и высоты – 200XXи Y) – 560 и 0. Это будет аватарка группы.
  • Для следующего фрагмента устанавливаем значения ширины и высоты – 50X500, а в координатах пишем 510 и 0. Это пространство между аватаркой группы и меню. Данная часть в дальнейшем не понадобится.
  • Снова выбираем «разделить фрагмент» и делим по вертикали на 2 части. Для фрагмента сверху устанавливаем значения: ширина – 510, высота – 182, координаты – 0. Это пространство над меню. Данную часть также не будет видно в группе.
  • Теперь копируем на созданный и разделенный объект выбранную или созданную картинку. Если горячие клавиши CTRL+V не поддаются, просто откройте место на компьютере, где сохранено изображение, и перетащите его в Фотошоп.
  • Оставшееся пространство делим по вертикали на такое количество фрагментов, сколько разделов будет в меню. Для них значения можно не устанавливать.
    Пишем название каждого раздела.
  • Последний шаг – сохранение изображений. Необходимо сохранить картинки так: файл – сохранить для Web. Этот способ подойдет для более поздних версий Фотошоп. Если в разделе «файл» надписи «сохранить для Web» нет, значит, поступаем следующим образом:

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

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

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

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

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

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

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

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

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

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

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

После того, как мы подобрали изображение, которое будем использовать. При этом размер изображения может быть практически любой, который возможно загрузить в фотоальбом. (UPD:
Это не совсем точная информация. Точнее о размерах можно прочитать в комментарии ниже. Для этого, просто нажмите на ссылку: /otkrytoe-menyu-gruppy-vkontakte/#comment-7633)

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

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

Но при этом не нужно изменять код. Просто нажимаем на ссылку «Вернуться к странице». Это нужно, для получения ссылки на страницу с меню.

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

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

Когда изображение добавлено в запись, мы ее пока не публикуем.

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

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

Теперь нажимаем на дату новости.

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

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

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

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

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

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

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

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

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

Шаг 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[
[
photo133337_133701019|370px;nopadding;|page-
13333337
_13333337]
]

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

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

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

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

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

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

Примеры:

Еще

И еще

Ярко, сочно, вкусно. Далее я расскажу вам, как сделать так же. 

Для старта нам нужна сетка. Чтобы её сделать, мы делаем скриншот страницы группы и забрасываем в проект, в моем случае в Photoshop.

После чего сочетанием клавиш CTRL+R вызываем линейки и расставляем направляющие по краям аватара и закрепа. Для того, чтобы вытянуть направляющую, нужно зажать ЛКМ на линейке и потянуть в сторону нашего макета.

 

Размер аватара, который мы видим в браузере без масштабирования, 200х500 пикселей. А закреп в таком виде 395х237 пикселей.

Мы сделали разметку, теперь приступим к порезке. Почему сейчас? Да потому, что это уже почти конец моего гайда.
Для порезки нам нужен инструмент «Раскройка» (в англ. версии «Slice tool»)

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

 

После работы над нашим дизайном сохраняем порезанные части с помощью CTRL+SHIFT+ALT+S или Файл->Сохранить для web…

В данном окне с зажатым Shift выбираем наш аватар и закреп нажимаем сохранитьНо тут тоже еще не все. В появившемся окне, пункт фрагменты, выбрать «Только выделенные фрагменты» и нажать сохранить. После чего фотошоп отрежет из всего макета область с аватаром и закрепом.В папке куда мы сохраняли порезку мы увидим примерно такое.

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

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

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

 

Полезные статьи на похожей тематики:

 

Забавное видео (местами и не поймешь «фотошоп» или нет)

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

Ставьте лайки, оставляйте комментарии, бросайте маффины или помидоры в нашей группе Ardens.pro. С вами был Роман Литвинов, до скорых встреч в наших кейсах и статьях  😉

Поделиться

Твитнуть

Отправить

Запостить

Поделиться

Отправить

Интересно также:

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

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

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

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

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

Делаем красивый Инстаграм: оформляем блок «Актуальное»

«Актуальное», закрепы, хайлайтс – именно так называют эти яркие кругляшки в Инстаграме под описанием.

Зачем они нужны:

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

Как сделать:

Сама механика загрузки «Актуального» проста, как 3 рубля. =) Заливаем нужное фото или видео в сторис, затем в поле под описанием профиля выбираем «Актуальное из историй» и кликаем на кругляшок «Новое».

Далее выбираем нужные нам сторис, прописываем название блока и выбираем обложку.

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

Хотите относиться ко второму типу? Ловите парочку рекомендаций.

Полезные советы по заполнению «Актуального» в Инстаграме:


  1. Единообразные обложки

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


  2. Общий стиль

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


  3. Два способа оформления обложек

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

    Если же есть силы и желание, вы можете озаботиться поиском красивого фона, на который разместите иконки, соответствующие теме блока. Найти их можно в любой поисковой системе или на фотостоке. Также наборы платных и бесплатных фонов с иконками есть в приложениях. Например, в Канве, о ней мы, кстати, не так давно писали, так что рекомендую заглянуть сюда. Также можете поработать с приложениями PicsArt, HighlightCover, StoryArt. Получится нечто подобное:


  4. Умеренное количество отрывков в историях

    Конечно, в наполнении «Актуального» вам хочется рассказать о себе, показать все свои работы, похвастаться всеми приятными отзывами. Но подумайте: вот объективно, сколько сторис одного человека вы просматриваете? Здесь, конечно, ответ у каждого будет свой, но ориентируйтесь приблизительно на 10 слайдов. Взгляните на пример, вы бы просмотрели столько слайдов?


  5. Умеренное количество блоков

    Самих разделов тоже не должно быть чересчур много. Ориентируйтесь на 5-7 блоков. Откажитесь от устаревшей информации («Актуальное» ведь не зря так называется =)), не помещайте второстепенную информацию, которую с успехом можно подать в основной ленте. И главное. ГЛАВНОЕ! В разделе бизнес-профиля не должно быть вашей личной жизни. Согласитесь, нелепо, когда потенциальный клиент видит у вас в «Актуальном» «Прайс», «Акции», «Отзывы», «Турция», «Любимка», «Мой годовасик» и т.д. Как говорила мой преподаватель в университете Татьяна Дмитриевна: «увижу – убью». Только она шутила, а я вот не шучу.


  6. Хотя бы один уникальный блок

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


  7. Порядок блоков

    Если вам нужно, чтобы в «Актуальном» разделы шли в определенном порядке, например, «Цены», «Акции», «Кейсы», то добавлять блоки следует с конца – сначала заливаем в «Актуальное» «Кейсы», затем «Акции» и, наконец, «Цены».


  8. Аккуратность внутреннего наполнения

    Что касается оформления самого наполнения «Актуального», очевидно, что оно должно быть красиво сверстано, либо анимировано. Шаблоны для верстки сторис есть в той же Канве, приложениях Mixgram, StoryArt, а анимированные сторис вы без проблем в пару кликов сможете сделать в Mojo и в том же StoryArt. А можно максимально заморочиться и без шаблонов самим сделать годную анимацию в InShot и ему подобных приложениях.



  9. Поиск вдохновения

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

    Это все основные советы по оформлению «Актуального». Но лучший учитель – практика, так что дерзайте, экспериментируйте! В рамках разумного, конечно. =)

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

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

Итак, зачем нам вообще вики-меню:

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

Оформляем меню:

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

  • Верстать меню необходимо через режим вики-разметки, так у вас все будет работать корректно. Собственно, меню, сверстанное через разметку, выглядит (слабонервным не смотреть =)) вот так:

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

Все кажется сложным и страшным? Это нормально, если вы никогда не работали с кодом. =) Успокою вас, сказав, что есть отличный ресурс по работе с вики-разметкой, где все смогли научиться верстке, так что научитесь и вы. =) Чтобы постичь науку, переходите сюда.

И, конечно, ловите парочку советов:


  1. Кнопки

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



  2. Подключение раздела Меню

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


  3. Яркость подачи

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


  4. Умеренность в подразделах

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


  5. Ответственный подход

    Исключительно мое мнение: лучше вообще оставить группу без меню, чем делать как попало. Либо хорошо, либо никак – подумайте об этом на досуге.


  6. Умеренность в количестве информации

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


  7. Работа в рамках площадки

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


  8. Первоначальное наполнение группы

    Создавать меню и при этом не заниматься группой? В чем смысл? Если вы не готовы тратить силы и деньги в развитие группы, то зачем вам нужно меню в ней? Да и сама группа зачем нужна? =) Это я к тому, что очень важно первоначальное наполнение группы: правильный заголовок, статус, описание, аватар и обложка. А уже затем стоит задуматься о вики-меню и о блоке «Товары», чтобы группа была оформлена с максимальным числом возможностей соцсети.

Как итог: «Актуальному» в Инстаграме и вики-меню в ВКонтакте быть

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

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

P.S. Не пропустите наш крутой кейс по комплексному продвижению в соцсетях.

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

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

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

Авто-продвижение в Инстаграм без блоков

Рекомендовано : Jesica — это приложение для продвижения Instagram (от создателей Instaplus.меня). Установите Jesica на свой телефон или компьютер с Android, и приложению понравится, подпишется и откажется от подписки, как если бы вы делали это сами:

  • Нет блоков. Пределы работают так, как если бы вы все это делали вручную.
  • Безопасно. Вам не нужно вводить пароль для своей учетной записи.
  • Высокая скорость. Вы можете ставить до 1000 лайков и 500 подписок в день.

Попробовать 5 дней бесплатно >>
Реклама

Читайте также: Как зарегистрировать группу ВКонтакте

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

Что можно добавить в меню

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

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

Каждый пункт меню (ссылку) можно настроить: добавить заголовок и обложку. Имя может содержать до 20 символов. Минимальный размер обложки — 376 × 256 пикселей. Помимо ссылок, в меню отображаются приложения сообщества и магазин, если он подключен в сообществе.

Как настроить

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

Шаг 1 … Заходим в настройки сообщества: «Настройки — Меню».

Шаг 2 … Щелкните «Новая ссылка».

Шаг 3 … Установить связь по точкам:

  • Загрузить обложку (минимальные размеры 376 × 256 пикселей).
  • Введите имя (до 20 символов).
  • Введите адрес ссылки.

Готово! Таким образом вы можете добавить 7 пунктов в групповое меню.

Как удалить или изменить ссылку в меню

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

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

Интересно: Как раскрутить группу в ВК самому

Как использовать

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

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

Как отключить или убрать меню в группе ВК

Меню в целом хорошее начало, но с одной большой оговоркой.

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 5. Изменения.

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

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

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

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

Меню ВКонтакте Wiki Маркировка

Разметка

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

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

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

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

Итак, переходим к катастрофе Как сделать меню Community Menu?

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

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

Быстрая отделка

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

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

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

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

. Теперь вам нужно заключить его в двойные квадратные скобки. Должно быть в результате: []. А что, если вам нужно прикрепить ссылку или технологию к картинке или фотографии? А может есть необходимость отредактировать внешнее изображение? Тогда тут поможет следующее действие: необходимо, чтобы файл был такого типа — [[photo14523_

| варианты | текст / ссылка]], а вместо последних трех слов нужно подставить то, что нужно.Текст — подходит под то, что вам нужно. Тут, наверное, дополнительные пояснения будут неуместными. Ссылка В переводе с английского — «Ссылка». Он указывается для того, чтобы машина посетителя понимала, куда ей нужно ехать. Опции — вот эти значения установлены:

NOBORDER — рядом с фото убрана рамка. Коробка — изображение находится в окне.

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

NNNXYYYPX или NNNPX — укажите размер картинки (в пикселях).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. С помощью инструмента «Вырезка» раскроем наше изображение до кнопок.

4. Сохраняем картинку в параметре «Для Интернета». На этом работа над фотошопом окончена. Идите в сообщество.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаблон меню группы ВКонтакте

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

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

.

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

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

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

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

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

  • NOBORDER сделает картинку без рамки;
  • nopadding соединяет между собой изображения, удаляя промежутки между ними;
  • plain сделает ссылку с картинки;
  • NNNPX позволит вам изменить размер картинки; Коробка
  • откроется в новом окне.

Работа с таблицами с вики-разметкой?

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

  • (| Без этого начального символа невозможно создать таблицу;
  • | + необязательный символ, с которым таблица находится в центре
  • | — С этого символа начинается новая строка ;
  • | Этот символ отвечает за прозрачность ячейки;
  • ! С помощью этого символа можно сделать ячейку темного цвета;
  • |) Этот необязательный символ завершает таблицу.

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

{|
| —
|

«Новинка» ‘|| «‘ Игры» ‘|| «‘ Все жанры» »
| —
! [] !! [] !! []
| —
|
[[Новинки онлайн-игр | Новое]]]

[[Пазлы]]

|
[[Воздушные шары]]

[[Квесты]]

[[Аркады]]

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

| —
|}

Ссылки с wiki

— Light ?

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

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

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

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

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

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

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

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

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

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

Существует несколько значений термина «вики»:

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

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

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

Какова организация таких ресурсов?

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

Разметка

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

Какая связь между Вики и Вконтакте?

Вначале стоит задаться вопросом: какую пользу этот инструмент приносит социальной сети «ВКонтакте»? Такая разметка позволяет реализовать:

Создать оригинальное меню; Тег
;
разрабатывать знаки;
Добавить новые компоненты навигации.

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

Вики Достоинства

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

Вики Секреты

Чтобы получить уровень профессиональной wiki-разметки, нужно потратить много времени.Но сначала пользователь должен узнать некоторые моменты об этой системе. Например, изображения размером не более 131 пикселя становятся некачественными. Есть определенные правила: на одной странице должно быть до 17 тегов, а в строке не более 8 компонентов. При установке ширины картины ее высота изменяется автоматически в соответствии со всеми пропорциями.

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

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

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

Создание якорной ссылки

Что касается ссылок, то они могут быть разными. Есть не только симпатичные пуговицы, но и серьезные якоря. С помощью вики ВКонтакте создание разрешено создавать и то, и другое. При этом необходимо помнить одно важное правило: текст должен располагаться только справа от ссылки, а изображение — слева. После этого стоит научиться присоединяться к Якорю. Для этого нужно раскрыть квадратные скобки и вставить нужную ссылку.Затем устанавливаем знак разделения элементов — |, далее пишем сам текст. После этого можно закрывать скобки. Примерно так: [[Link.ru | Мой сайт]].

Для начала нужно создать кнопку. Для добавления изображения вы можете использовать слово «Фото», набрав его номер в групповом альбоме. Затем нужно заключить всю информацию в скобки. Необходимо сначала прописать фото, а после — ссылку. В итоге должна получиться примерно такая кнопка: []. Особое внимание следует уделить функциям, которые доступны для работы с этим образом:

Plain — текстовая ссылка на фото без картинок;
NOBORDER — убрать рамку с изображения;
Box — открыть чертеж в новом окне;
NOLINK — Удалить ссылку на фото;
nopadding — убирать пробелы между изображениями;
Nnnpx — ширина стены;
NNNXYYYPX — размеры фотографии.

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

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

(| — открытие таблицы;
| + — заголовок, выровненный по центру;
| — — Новая строка;
| — создание прозрачности;
! — темные ячейки;
|) — закрытие таблицы.

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

Дизайн меню

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

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

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

Где научиться создавать вики-разметку?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь можно приступить к разложению.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Написал «Меню» и моя страничка после сохранения стала выглядеть вот так.

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

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

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

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

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

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

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

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

Все. Пришло время финального аккорда — собираем меню уже в самой группе.

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

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

Далее переходим в режим Wiki-разметки (под кнопкой закрытия в правом верхнем углу страницы рисуется такая рамка с внутренней). Когда активирован правый режим, эта кнопка становится серой.

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

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

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

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

В моем случае код меню следующий.

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

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

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

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

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

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

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

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

Практика и еще раз практики! Опишу процесс на примере реальной группы — футуристического копирайтинга.

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

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

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

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

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

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

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

Выбрать тип страницы

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

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

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

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

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

Настройки неподвижного изображения

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

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

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

Давай прогоним страницу за страницей

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

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

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

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

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

Красота!

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

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

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

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

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

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

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

Новые данные появятся в адресной строке. Что находится посередине между «Wall-» и «_» (нижнее подчеркивание) — это идентификатор вашей страницы. Сохраните его где-нибудь.

Мой ID — 124301131

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

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

http://vk.com/pages?Oid=-124301131&p=dima

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

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

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

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

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

Редактор открытых страниц

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

Обязательно сохраните идентификатор страницы и ссылку на него.

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

Советую создать отдельный файл, в котором будет храниться структура вашей группы.Возьмите его в виде «Заголовок — ссылка — ID страницы». Идентификатор: Page-124301131_50771728. Вам это понадобится.

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

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

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

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

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

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

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

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

Я сделал это

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

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

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

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

Нажмите на картинку, чтобы открыть прикрепленную вики-страницу

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

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

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

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

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

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

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

Перейти в режим маркировки Wika

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

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

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

Щелкните значок в виде камеры на панели инструментов

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

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

Добавьте параметры «NOLINK» и «LEFT»

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

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

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

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

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

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

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

Более красивое

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

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

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

Почти готово

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

Добавить пустую строку

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

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

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

Вот что в итоге и произошло.

На мой взгляд неплохо

Регистрационное портфолио Вконтакте

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

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

Например, я выполню в портфолио 2 работы — каждый раз.

Альбом-портфолио

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вот что мы в итоге сделали.

Альбом с фрагментами текста

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

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

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

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

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

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

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

Щелкните значок «Добавить фото».

Добавить новое изображение на страницу

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

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

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

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

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

Страница портфолио

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

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

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

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

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

Установите ширину картинки — 607 пикселей.

.

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

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

Таким образом можно засунуть текст любой длины на вики-страницу.Главное, чтобы его можно было читать при ширине 607 пикселей.

Полный скриншот текста на вики-странице

Наконец, нам понадобится ID записанных вами страниц. Откройте страницу своего портфолио.

Загрузите на него миниатюру (из созданного альбома или с компьютера). Теперь вставьте идентификатор страницы с текстом между закрывающими квадратными скобками]] и вертикальным элементом |.

Копировать идентификатор страницы с текстом между символами | и]]

Собственно все.Теперь при нажатии на миниатюру посетитель перейдет к тексту с текстом.

2 Наши миниатюры Артикулы

Оформление списка работ

А теперь сделаем наше портфолио более презентабельным и удобным. Я добавлю к нему заголовок, названия вакансий, небольшие описания и ссылки на сайт, где они опубликованы. Вот что случилось.

Добавьте информацию о каждом задании

Оформление страницы «Услуги и цены»

У нас уже есть страничка «О себе» и красивое портфолио.Пожалуй, пора показать покупателям ценник. Думаю, мы разместим его в виде таблицы. Просто и понятно. Создайте новую вики-страницу, сохраните ID — и поехали.

Подробно про все бирки, которые нужны при сервировке стола, можете прочитать

Меню для шаблонов групп ВКонтакте. Как сделать красивое меню для группы ВКонтакте. Завершающий этап регистрации

Не секрет, что Париж — самый романтичный город. И не зря его так называют.Это только Эйфелева башня, Нотр-Дам-де-Пари, прогулка по Сене. Список мест, являющихся культурным наследием столицы Франции, бесконечен. Фестивали, праздники, мероприятия, выставки привлекают большое количество туристов.

История Парижа

Именно благодаря историческим событиям Париж приобрел свое необычное очарование. Остров Сите сыграл важную роль в возникновении Парижа. В 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

Самый старый мост в Париже, соединяющий набережные Лувра и Конти. В середине он пересекает остров Сите. Pont Neuf стал первым мостом, на котором не было построено домов, что вызвало массу негатива среди купцов. Отсутствие построек было связано с желанием Генриха IV.Он не хотел, чтобы громоздкие здания закрывали вид на Лувр.

Арены Лютеции

Арены расположены в центре Парижа. Однако найти их непросто. Попасть на арену можно только через дверь на улице Монж. Поскольку амфитеатр скрыт от посторонних глаз, толп туристов здесь не встретишь.

Триумфальная арка

Арка — такой же символ Парижа, как Эйфелева башня. Он расположен на площади Шарля де Голля.Внутри арки-музея со смотровой площадки открывается великолепный вид на город.

Мост Александра III

Вы уже поняли, что мосты для Парижа представляют историческую ценность. Небольшая высота моста Александра III не закрывает вид на Елисейские поля.

Дворцы

Дворцы в Париже построены по индивидуальным проектам, отвечающим требованиям будущих владельцев. Каждый дворец несет в себе уникальность и является частью истории города.

Тюильри

В центре Парижа, под властью Франции, Тюильри представлял собой комплекс центрального здания, часов и прилегающих павильонов Марсана и Флоры. Но после поджога коммунаров в 1871 году дворец полностью сгорел. Никто не собирался восстанавливать дворец. Сохранились только павильоны и переходы от Лувра.

Елисейский дворец

Сегодня дворец является резиденцией президента.Высокий забор, 2 закрытых входа — все, что турист может увидеть в обычный день. Раз в год двери дворца открываются для всех желающих. Большинство дверей дворца закрыты и в этот день, но и комнаты, которые будут доступны, не оставят вас равнодушными.

Люксембургский дворец

Дворец изначально был резиденцией Марии Медичи. До сих пор статус и предназначение дворца часто менялись. Первоначальный облик не сохранился.После передачи дворца Сенату вход ограничили, оставив только одно крыло для выставок. Но любоваться внешним видом можно круглый год.

Большой дворец

Здание видно с любой смотровой площадки Парижа. Во дворце проходят выставки, на меньшей территории находится Музей открытий и изобретений. Самая дорогая выставка Пикассо прошла в Большом дворце.

Дворец Бурбонов

Во дворце сидит Национальное собрание Франции, перед входом гвардейцы на посту, 12 колонн, поддерживают треугольный фронтон.Также есть библиотека с ценными рукописями и книгами. Этого достаточно, чтобы посетить этот музей.

Версаль

Дворец является частью дворцово-паркового комплекса. Внутреннее убранство — это обилие роскошных и уникальных произведений искусства. Этот дворец стал прообразом ансамбля в Петергофе. Падение монархии привело к упадку дворца. Реставрация началась после революции. В 2003 году было объявлено о 13-летней реставрации Версаля.

Conciergerie

Сегодня часть Дворца правосудия в западной части Сите и бывший замок королей Франции и тюрьма в прошлом. В этом здании Мария-Антуанетта ждала своего часа смерти, Эмиля Золя судили и вынесли приговор шпионке Мате Хари.

Религиозные постройки

Средневековые постройки в Париже носят религиозный характер. На то, чтобы обойти все постройки, не понадобится год.

Собор Парижской Богоматери

Собор Нотр-Дам де Пари стал свидетелем многих исторических событий. Готический стиль собора привлекает внимание туристов. Если вы посмотрите вверх, вы увидите горгулий и химер. Чтобы рассмотреть их поближе, вам предстоит преодолеть более 100 шагов.

В настоящее время собор восстанавливается после пожара.

Базилика Сакре-Кер

Храм стоит на самом высоком холме в Париже.Изготовлен из минерала, который отбеливает водой. С холма открывается захватывающий вид на Париж.

Пантеон

В храме воплощены все боги Рима. Их единство проявляется в одном окне в куполе Пантеона. Из-за отсутствия окон в снежную погоду можно наблюдать завихрения из единственной лунки.

Сент-Этьен-дю-Мон

Церковь сочетает в себе несколько архитектурных стилей. Если посмотреть на уровни, то первый оформлен в классическом стиле, второй — в стиле барокко, и все заканчивается крышей в готическом стиле.

Парижская соборная мечеть

Мечеть с хамамом, современным рестораном и чайной. Он был построен в честь мусульман, сражавшихся в Первой мировой войне. Еврейские семьи укрылись в нем от расовых преследований.

Парки

В Париже бесчисленное множество архитектурных сооружений. Парки также представляют историческую ценность для французской столицы.

Парк Монсо

Парк в английском стиле отличается от типичных парков Парижа.Статуи расположены хаотично. Вы увидите миниатюрные копии египетской пирамиды, китайской крепости и голландской ветряной мельницы.

Бют-Шомон

Парк пользуется популярностью у местных жителей и туристов. Бют-Шомон расположен в карьере, из которого добывали полезные ископаемые для строительства зданий в Париже. Устройте пикник среди экзотических деревьев или посетите местный ресторан.

Елисейские поля

Главная улица Парижа, на которой проходят парады.Шопоголики со всего мира съезжаются в Париж за покупками. Снять здесь квартиру у местных жителей не по карману, все дома заняты бутиками, офисами и ресторанами.

Булонский лес

В парке много увлечений: теннис, ипподром, детский парк, оранжерея. Находиться в парке после наступления темноты небезопасно.

Сад Тюильри

Этот сад — прекрасное место для неспешных прогулок среди ровно посаженных деревьев.Парижский стиль сада перекликается со статуями 20 века.

Культурные достопримечательности

Что еще можно увидеть в Париже? Не стоит упускать из виду следующие ценности Парижа.

Defense

Деловой район Парижа. Утро считается хорошим временем для туристов. Прогуляйтесь по пешеходной зоне с фонтанами, посетите музей.

Опера Гарнье

Для культурного насыщения стоит посетить оперный театр, где выступали Шаляпин и Лифарь.

Центр Помпиду

Третий по посещаемости после Эйфелевой башни и Лувра. Это смесь современного искусства, выставок, концертных залов, в том числе библиотеки.

Galeries Lafayette

В магазине Lafayette объединяются потоки туристов, шопоголиков, бутиков. На Рождество устанавливается пышная ель, которая становится всеобщим любимцем.

Шекспир и компания

Книжный магазин с прекрасным видом на Нотр-Дам.Здесь книги везде, куда ни глянь. Книгу разрешено читать не менее 2 часов.

Moulin rouge

Канкан и Красная мельница являются визитной карточкой кабаре. Курение и фотосъемка здесь запрещены, бронируйте заранее.

Площадь Бастилии

Ранее здесь находилась тюрьма Бастилия. Тюрьму снесли, на ее месте построили оперу. На площади часто проходят шумные мероприятия.

Сорбонна

Первое учебное заведение в Париже, которое по-прежнему привлекает студентов со всего мира.

Бульвар Капучинок

Монастырь дал название этому бульвару. Находясь здесь, вы ощутите дух Парижа и почувствуете себя настоящим парижанином.

Диснейленд

Мечта большинства детей и не только. Аттракционы, парки, сказочные герои, сувенирные лавки. Это лишь небольшая часть. Лучше увидеть вживую мир сказок и исполнения желаний.

Памятка для туристов

  • Есть список книг, которые стоит прочитать перед поездкой в ​​Париж.
  • Составьте план путешествия, выделив достопримечательности.
  • Находиться в 19-м и 20-м округах небезопасно, особенно для одиноких девушек.
  • Обменные пункты берут комиссию, уточняйте заранее.
  • Перед тем, как отправиться в магазин, уточните его режим работы.
  • Нет времени на перекус — скажите официанту, еда будет доставлена ​​намного быстрее.

Заключение

Париж — это одно слово, но в голове вы уже мысленно идете по улицам, пьете кофе с круассаном, слушаете музыку.Любой турист найдет развлечение в Париже. Музеи, парки, дворцы, фонтаны и многое другое ждут вас в самом романтичном и необычном городе Франции.


Для создания меню в группе Вконтакте нужен какой-то графический редактор. Самым распространенным является Adobe Photoshop … С его помощью можно составить меню для группы Вконтакте.

В Интернете есть множество шаблонов и шаблонов, вы можете использовать их, если не можете создать самостоятельно.

Создание меню в графическом редакторе

Сначала нужно создать шаблон меню, а уже потом добавлять его во Вконтакте. Ширина фона меню не должна превышать 370 пикселей. Если он больше, он все равно уменьшится до этого размера. Вы уже можете выставить высоту пропорционально ширине, чтобы все подходило вам, и при этом она была не очень длинной. Перед созданием меню продумайте фон, текст, который должен быть на кнопках меню.

Запустить фотошоп, создать новый документ (файл — создать или ctrl + N).Устанавливаем параметры созданного файла. Максимальная ширина 370 пикселей, я сделал 200 пикселей, высоту 250 пикселей. Вы можете сделать его намного меньше и компактнее. Добавьте в созданный файл картинку, которая будет фоном. Теперь создаем текст. Мой пример самый простой, можно сделать намного красивее, компактнее.

Я такое меню создал. Я выбрал Режущий инструмент и вырезал им на картинке три части, обозначенные цифрами 1,2,3 — это будут кнопки. После вырезания сохраните созданное меню.Щелкните Файл — сохранить для Интернета и устройств.

В появившемся окне ничего не меняйте, нажмите сохранить. Выберите место для сохранения и нажмите «Сохранить».

Все, доделали работу в фотошопе.

Добавление меню к контакту

Теперь созданные изображения после сохранения будут в папке изображений. Загружаем их в контакт с помощью стандартного загрузчика фото. Вы можете загрузить эти файлы в групповой фотоальбом. Проще говоря — добавлено как обычное фото, которое вы загрузили в контакт.Теперь убедитесь, что в настройках группы включено следующее. Зайдите в свою группу, нажмите на управление сообществом (находится под основной фотографией группы справа). Затем ниже находим материалы предмета, там должны быть подключены. После того, как вы выбрали подключение, нажмите «Сохранить». Если вы не нажмете «Сохранить», изменения не вступят в силу.

После этого переходим на главную страницу нашей группы, а там, где есть информация о группе (описание, расположение), идет строка свежих новостей.Последние новости направляем на надпись, в левой части нажимаем редактировать.

В появившемся окне нужно указать код []. Вы можете скопировать и вставить его прямо из статьи. Теперь вам просто нужно изменить свои данные.

фото-40781312_285

5– код фото. Его можно посмотреть в адресной строке. Этот код виден при переходе к фото. Сам адрес там намного больше, но нужно скопировать ту часть кода, которая начинается со слова фото и заканчивается цифрами.Обычно после цифр может стоять, например, знак процента.

Nopadding — эта команда удаляет пробелы между картинками.

100px — ширина меню (если это отдельная кнопка, то это будет ширина кнопки).

club40781312 — ссылка на раздел, куда человек перейдет, нажав на эту кнопку (картинку). Он также находится в адресной строке браузера, в тот момент, когда вы находитесь в разделе, куда человек должен перейти, когда он нажмет на кнопку.Вам нужна только последняя часть кода, которая идет после последней наклонной линии / (также называемой косой чертой). В моем случае при нажатии на кнопку (картинку) в моей группе произойдет переход на главную страницу группы. Вы помещаете свой код в свой раздел.

Вы также можете изменить заголовок. Например, вместо срочных новостей я написал меню группы. Вы пишете то, что хотите. После того, как вы закончили редактировать свой код, нажмите «Сохранить». Мы делаем это с каждой кнопкой, которую вы создали для меню в контакте.Если вы разместите код под кодом, кнопки займут то же место. Если вы поместите следующий код справа от кода, то кнопки меню также будут расположены точно так же, как вы вставили код

Если вы не получили ответа на вопрос, как сделать групповое меню

Не удалось получить ответ на вопрос как сделать меню в группе Вконтакте по инструкции, которую вы читали, напишите нам, нажав задать вопрос … Запишите вашу проблему и шаги, которые вы предприняли. Ответим лично.

  • Видео по созданию группового меню

На вопрос «как создать меню для группы ВКонтакте» можно три основных ответа: заказать у специалиста, создать с помощью онлайн-конструктора или мастерицы, вникнуть в некоторые тонкости вопроса и все делать самому.

В этой статье мы последовательно рассмотрим все три варианта. Кстати, если вы все еще сомневаетесь в необходимости меню для вашей группы или паблика, то обязательно прочтите.

Итак, вот три способа создания меню:

Каждый из них, конечно же, имеет свои достоинства и недостатки. Ниже мы поговорим о первых двух более подробно. А для тех, кто все же решится пойти по третьему пути и сделать все самостоятельно, мы написали подробное руководство (инструкцию).

Кстати, для тех, кто предпочитает получать информацию через видео, а не читать длинные тексты, есть видео:

Путь # 1.Заказать создание меню у специалиста-дизайнера

Преимущества этого метода — относительная скорость и минимальное участие с вашей стороны. Минусы — самая высокая цена и шанс получить красивое, но неправильное меню (про основные ошибки при создании меню мы подготовили). К тому же еще нужно найти художника. Здесь мы можем порекомендовать поискать его на сервисе kwork.ru, в разделе «Дизайн групп в социальных сетях».

Путь # 2. Использование онлайн-конструктора

Здесь мы, конечно же, порекомендуем наш конструктор, на сайте которого вы сейчас находитесь.Вы можете попробовать это бесплатно. Оплата производится только в том случае, если результат вас устраивает и вы решили загрузить получившееся меню в свою группу. Преимущества этого пути в том, что он самый быстрый. Кроме того, при необходимости вы всегда можете быстро отредактировать и перезагрузить свое меню за половину стоимости создания. Это удобнее, чем искать дизайнера каждый раз, когда нужно, например, добавить или удалить пункт из меню. Недостатки метода — здесь придется немало сделать, но поработать самостоятельно.

Путь №3. Сделай сам

Преимущества этого пути очевидны: он бесплатный, и ты приобретаешь новые навыки. Минусы: вам понадобится немного навыков и довольно много времени (впервые). Вот что вам нужно:

  • Уметь уверенно пользоваться графическим редактором. Например, Фотошоп. При составлении меню вам сначала нужно будет сделать изображение правильного размера (с точностью до пикселя, без «примерно»!), А затем правильно его обрезать (разбить на фрагменты)
  • Уметь понимать инструкцию и читать их внимательно
  • Не сдавайтесь и не отчаивайтесь, если что-то не получится с первого раза

Если вы думаете, что справитесь со всем, тогда приступим.

Шаг №0. Общие сведения о том, как устроены меню групп ВКонтакте

Меню для группы составлено из вики-страниц, создание которых поддерживает ВК. Вики-страницы — это специальные страницы, которые можно создавать только публично. Они отличаются от обычных сообщений тем, что могут использовать так называемую вики-разметку. Эта разметка представляет собой специальный код, который преобразуется в дополнительные объекты форматирования. Чтобы было понятнее, поясним. Например, в обычных сообщениях вы можете использовать только обычный текст, в то время как разметка вики позволяет выделить части текста жирным шрифтом или курсивом.То есть вводит дополнительные варианты дизайна. В частности — возможность размещать изображения, при нажатии на которые пользователь будет перенаправлен на ссылку. Именно эти дополнительные параметры форматирования используются для того, чтобы сделать общедоступное меню ВКонтакте. Как именно это сделать, мы расскажем ниже.

Шаг 1. Подготовительный этап

Если у вас уже есть группа, рекомендуем создать новую. Для тестирования и экспериментов. Иначе в процессе обучения вы рискуете завалить своих подписчиков странными и ненужными обновлениями.

Итак, вы создали новую группу. Давайте теперь узнаем ID вашей группы. ID группы — это ее уникальный номер ВКонтакте. Зайдите в свою группу и нажмите «Сообщения сообщества» (если в группе нет сообщений, то вместо «Сообщения сообщества» будет «Нет сообщений»). Вы перейдете на новую страницу с таким адресом:

https://vk.com/wall- XXX ? own = 1

Вместо XXX у вас будет набор цифр (и только цифр!). Это ваш идентификатор сообщества.Например, в нашей тестовой группе это 154457305.

Теперь давайте создадим новую вики-страницу в группе. Для этого создайте ссылку следующего вида:

http://vk.com/pages?oid=- Group_id & p = Page_name

http://vk.com/pages? oid =- 154457305
& p = Меню

Откройте получившуюся ссылку в своем браузере (скопируйте ее в адресную строку браузера и перейдите по адресу). Вот и все, вы создали вики-страницу с названием «Меню» (если, конечно, вы указали «Меню» в качестве имени страницы в ссылке).Вы должны увидеть такой текст: «Страница меню пуста. Наполните содержанием. «В правом верхнем углу есть значок карандаша (). Щелкните по нему, чтобы перейти к редактированию страницы.

Редактор вики-страницы ВКонтакте имеет два режима: графический и режим разметки. Режимы переключаются кнопкой в ​​верхнем правая часть редактора (). Когда кнопка подсвечена синим цветом, это означает, что включен режим макета. Режим визуального редактирования более удобен, поскольку позволяет обойтись без знания синтаксиса разметки вики, но его функциональность чрезвычайно limited: в нем можно делать только самые простые вещи.По сути, приходится иметь дело с режимом верстки.

Обратите внимание на две вещи. Во-первых, слева от кнопки переключения режимов редактирования находится кнопка вызова справочной информации по вики-разметке (). Очень полезная штука, особенно для новичков. Второй момент, на который следует обратить внимание, — это адрес вики-страницы. В адресной строке браузера вы увидите что-то вроде этого:

http://vk.com/page- Group_id _ XXX ? act = edit & section = edit

Часть адреса перед знаком «?» это адрес вашей вики-страницы.Запишите где-нибудь: в ВК нет возможности увидеть список ваших вики-страниц и ссылок на них. Чтобы перейти к нужному вам, вам нужно знать его адрес или использовать ссылку для повторного создания вики-страницы. При использовании последнего метода имейте в виду, что страницы, если они уже существуют, не воссоздаются.

Шаг №2. Делаем простое меню для группы ВКонтакте

Итак, мы создали вики-страницу «Меню». Переключитесь в режим разметки редактора и добавьте следующий код:

Нажмите кнопку «Предварительный просмотр», расположенную в нижней части редактора.Вы должны увидеть список из трех ссылок. Первые два являются внешними и ведут на главные страницы Яндекс и Гугл соответственно. Третья ссылка внутренняя. Выводит в паблик ВК с ID «1» (это официальная группа ВК для разработчиков). Если в предварительном просмотре отображается код, а не ссылки (на которые можно щелкнуть) — , значит, вы ввели код в режиме визуального редактирования , а не в режиме макета. Будь осторожен!

Обращаем ваше внимание, что внешние ссылки в вики-коде ВКонтакте оформляются одинарными скобками, а внутренние — двойными.При этом внутренние ссылки ВК указываются не как обычный адрес сайта, а как указатель на конкретный объект ВКонтакте. Например, указатель на группу имеет такое обозначение:

club Group_id

Во «ВКонтакте» есть указатели не только на группы, но и на отдельные фотографии, посты, вики-страницы, страницы пользователей, аудиозаписи и т. Д. У каждого указателя есть свои обозначения. Мы воспользуемся некоторыми из них позже и рассмотрим их поближе.

Обязательно сохраните страницу.По сути, мы только что создали базовую страницу навигации. Что представляет собой не что иное, как простейшее меню для группы ВКонтакте … Конечно, это еще не графическое меню, но даже оно может справиться с основной задачей меню — быстро направлять пользователей в нужное публичное место . Чуть позже мы рассмотрим, как сделать графическое меню.

А теперь разберемся, как и где можно использовать вики-страницы.

Шаг № 3. Где я могу разместить вики-страницы ВКонтакте

Есть два основных места: вы можете создать сообщение со ссылкой на вики-страницу или разместить его в разделе «Контент» вашего сообщества.

Начнем с первого варианта. Начните добавлять новый пост на стену вашей группы. Сначала прикрепите к нему любую фотографию. Лучше сделать снимок достаточно большого размера, шириной больше высоты. Затем вставьте ссылку на созданную вами вики-страницу с помощью простого меню в текст создаваемого вами сообщения. Мы просили вас записать это немного раньше. Напомним, ссылка выглядит так ( у вас будут разные номера ):

http://vk.com/page-121237693_72827423

Теперь удалите текст ссылки из поля ввода.Сама ссылка под фото от этого никуда не исчезнет. Но если вы оставите адрес ссылки в текстовом поле, он будет отображаться в сообщении как текст. Опубликуйте сообщение, перезагрузите страницу браузера с главной страницей вашей группы и закрепите созданный пост. Перезагрузите страницу еще раз. В результате этих манипуляций у вас должно получиться что-то вроде этого:

Нажмите на фото в закрепленном посте: должна появиться ваша вики-страница с простым групповым меню.

Итак, мы узнали, что вики-страницы можно прикреплять к сообщениям.В частности, на назначенную должность. Второе место, где вы можете использовать вики-разметку, — это раздел «Материалы».

Зайдите в настройки сообщества и найдите там управление разделами (услугами) сообщества. Отметьте «Материалы» как «Ограниченное». Новый элемент появится вверху главной страницы вашего сообщества. Он находится справа от пункта «Информация». Когда вы впервые включаете материалы в группу, этот элемент по умолчанию называется «Последние новости». Вот как это выглядит:

Перейти к этой новинке.Щелкните по табличке «Редактировать». В результате вы попадете в уже знакомый вам редактор вики-страниц. Единственное отличие состоит в том, что есть поле для ввода заголовка страницы. Измените его с «Свежие новости» на «Меню2». В режиме редактирования разметки введите следующий код :

«» «Пункт меню для раздела» Материалы «» «»

[]

Сделайте предварительный просмотр (должны появиться уже знакомые нам ссылки) и сохраните страницу … По сути, эта страница является главной (корневой) вики-страницей вашей группы.Правда, особого практического смысла в этом отличии от других вики-страниц нет.

Зайдите на домашнюю страницу вашей группы, перезагрузите ее и посмотрите, что произойдет. Рекомендуем смотреть свою группу из мобильного браузера и из приложения ВКонтакте. Вы заметите, что расположение элементов и логика работы везде немного различаются. Необходимо хорошо понимать, что к чему относится и где это показано.

Мы узнали, что меню можно размещать в двух местах. Желательно делать это как в виде фиксированной записи, так и в разделе «Материалы».Запомните две вещи:

  • Закрепленный пост увидят 98% ваших посетителей, и только 25-40% самых любопытных, а также лояльных старых пользователей вашей группы, которые знают, что есть что-то полезное, получат в раздел.
  • К закрепленному сообщению можно добавить текст с изображением, чтобы открыть меню. Таким образом, вы не потеряете функцию закрепленной записи. Но не переусердствуйте: чем больше текста, тем ниже будет ссылка для открытия вашего меню.

Wiki-разметка — не самый мощный инструмент и не самый удобный.Его функциональность очень ограничена. Кроме того, он был разработан на заре развития ВКонтакте и исключительно для его браузерной версии на стационарных компьютерах и ноутбуках. Поэтому его работу в приложении и на мобильных устройствах лучше всего описать выражением «как Бог положит на вашу душу». К сожалению, лучше в ВК пока ничего нет.

Кстати. Вы можете переходить с одной вики-страницы на другую. Это работает так: пользователь открывает (например, используя изображение ссылки в сообщении) первую страницу вики.Он также содержит ссылки на другие вики-страницы. При нажатии на эти ссылки откроется соответствующая вики-страница. Таким образом, вы можете, например, создавать довольно сложные и многоуровневые меню и инструкции. Однако мы не советуем вам слишком увлекаться этим без надобности.

Шаг №4. Как сделать меню в группе ВКонтакте. Graphic

Итак, основные принципы усвоены. Перейдем к созданию графического меню. Сразу оговоримся, что мы будем делать довольно простое меню: вертикальный ряд кнопок со ссылками.Но не спешите говорить «нет, я хотел сверхсложное меню» и закрывайте это руководство. Поясним, почему именно сейчас.

Во-первых, переход от простого к сложному обычно является наиболее эффективным способом овладения новыми знаниями. Научившись составлять относительно простое меню, вы освоите 90% приемов создания меню для групп ВКонтакте.

А во-вторых, как мы уже говорили, вики-разметка ВКонтакте была введена в то время, когда о мобильных приложениях мало кто слышал. Наше условно «простое» меню будет максимально корректно и качественно работать везде: в браузерной версии ВКонтакте, в мобильных браузерах и, наконец, в приложении.Многие «сложные» меню этим похвастаться не могут. Более того, в большинстве случаев «простое» меню будет работать лучше, чем «сложное», которое «разваливается» при просмотре в официальном приложении «ВКонтакте». Чаще всего лучше остановиться на этом пункте меню. Да, есть несколько довольно богатых реализаций меню. С ними тоже можно поэкспериментировать. Но наш опыт говорит, что реальной выгоды — конверсий, покупок и репутации они вряд ли добавят. И у них вполне могут быть проблемы.

Наше тестовое меню будет выглядеть так:

Всего две кнопки.Первый будет вести на главную страницу «Яндекса», а второй — в группу VK Team ВКонтакте.

Вертикальное графическое меню в ВК представляет собой изображение, нарезанное полосками. Эти полосы расположены друг под другом на странице вики. Некоторым из этих «бэндов» присвоены ссылки. При нажатии на такую ​​ссылку-изображение, собственно, и происходит переход по этой ссылке. Одна полоса — это одно звено. Напротив, некоторым полосам (например, промежуточным, расположенным между точками) присваивается отсутствие ссылки.Такие полосы становятся «не кликающими».

Создание вертикального графического меню для группы ВК сводится к следующей последовательности действий:

  • Первым делом нужно нарисовать меню. Ширина должна быть строго 600px (пикселей). Рекомендуем делать меню не более 900 пикселей в высоту. Результат лучше всего сохранить в формате PNG, в крайнем случае -JPG. Воспользуйтесь знакомыми и удобными инструментами рисования (такими как Photoshop или GIMP). Результат здесь на 95% зависит от ваших творческих и технических навыков.Даже если вы совсем не умеете пользоваться графическими редакторами, не отчаивайтесь. Навыков, которых хватит, можно приобрести максимум за пару часов. В Интернете огромное количество справочной и обучающей информации. Кроме того, возможность хоть немного использовать графический редактор очень и очень полезна для публичных администраторов. Вы не будете тратить зря время.
  • Далее картинка с меню нарезается на горизонтальные полосы. Сделать это можно любым удобным для вас способом: от привычного многим Photoshop до различных онлайн-сервисов.Если вы не знаете, как это сделать, просто задайте вопрос своей любимой поисковой системе. Мы не будем подробно описывать техническую часть процесса резки: существует несколько десятков методов, одни подходят для одних, но не подходят для других. При обрезке нужно соблюдать одно простое правило: высота одной полосы не должна быть меньше 60px … В противном случае могут возникнуть проблемы с отображением меню в приложении и в мобильных браузерах: т. Н. «Белые полосы» между изображениями.
  • Нарезанные «полоски» загружаются в альбом или альбом группы на странице администратора группы. Мы рекомендуем второй вариант. В любом случае альбом с нарезанными частями меню должен быть в открытом доступе
    … В противном случае те пользователи, для которых недоступны изображения из альбомов, не увидят ваше меню!
  • Код разметки вики компилируется и вставляется на нужную страницу вики.
  • Группа содержит закрепленное сообщение с изображением-ссылкой на вики-страницу с меню.Мы подробно писали выше, как делается такой пост. Кроме того, код (с небольшими изменениями) можно добавить на корневую вики-страницу (элемент справа от элемента «Информация» появляется, когда включен раздел «Материалы». Подробнее см. Выше).

Теперь давайте более подробно рассмотрим загрузку частей меню и кода вики. Мы подготовили для вас. Он содержит два каталога: «1» и «2». Первый содержит части самого примитивного и простого варианта нарезки для нашего меню — на две части.Скачайте архив, загрузите изображения (1.png и 2.png) из каталога «1» в новый альбом (на свою страницу или в группу).

У нас две «полоски»: верхняя (с кнопкой Яндекс) и нижняя (с кнопкой ВКонтакте). Оба будут ссылочными изображениями. В вики-разметке это делается с помощью следующего кода:

«ССЫЛКА» — целевая ссылка. Например, https://yandex.ru/. Помимо обычных внешние ссылки могут быть указанием на объект ВКонтакте: пост, страницу пользователя или группу.Например, чтобы после нажатия на кнопку происходил переход в сообщество Команды ВКонтакте, можно указать как его адрес (https://vk.com/team), так и указатель на него (club22822305). В принципе разницы не будет. Внешние ссылки (те, которые не ведут на ресурсы ВК) мы рекомендуем сокращать с на

В этой статье я расскажу, как красиво оформить группу в контакте. Согласитесь, чем красивее группа, тем приятнее на нее подписываться.При этом у группы будет удобное меню, в которое нужно просто зайти и просмотреть его содержимое.

Поменьше разговоров, приступим меню для группы во Вконтакте .
Во-первых, вам нужно создать саму группу, о чем я писал в предыдущей статье.

Итак, все начинается в фотошопе, мы создаем картинку того меню, которое вам нужно. В основном — это какой-то фон с названиями заголовков. Друг просто попросил меня сделать красивую группу для его компании aero-Stomadent, он занимается промышленной вентиляцией, так что я сделаю это.

Нашла чудесный фон природы Аляски, собственно говоря, все сделаю на нем.

В фоне пишем само меню. Например, я пишу, чем занимается фирма. Это будут кнопки, на которых я сделаю больше страниц. Каждое слово будет тогда кнопкой меню.

Справа сделайте в этой части аватарку группы в будущем.

Теперь режим картинки для маленьких картинок. Выберите в меню функцию «Вырезание», затем щелкните правой кнопкой мыши на холсте и вырежьте так, чтобы каждое слово было отдельным.

Желательно нарезать примерно так.

После вырезания сохраните файл, не только через «Сохранить для Интернета и устройств …» (или Alt + Shift + Ctrl + S), он создаст папку со всеми уже вырезанными файлами.

Сейчас мы еще не собираемся в группу, нам еще нужно создать вики-разметку. Или, другими словами, создайте страницу.

Как создать вики-страницу Вконтакте?

Откройте новую вкладку браузера и вставьте туда следующую ссылку: http: // vk.com / pages? oid = XXX & p =Page_name, где XXX — идентификатор вашей группы. Например, у меня было так.
http://vk.com/pages?oid=-
542&p\u003dmenu

Затем нажмите Заполнить содержимым … Здесь мы видим очень простой редактор, выберите функцию камеры, чтобы добавить все наши фото в меню. Должно получиться что-то вроде моего.

Но между картинками есть пробелы, чтобы убрать пробелы — входим в режим вики-разметки (это в правом верхнем углу кавычки) добавляем следующий тег «option; nopadding;» перед размерами фото.например []

И все вместе получилось.

Итак, осталось теперь вбить ссылки в каждую кнопку. Опять же, разметка вики делает все. Вбиваем заранее подготовленные ссылки на статьи, которые вы считаете необходимыми.

Нажмите «Сохранить», посмотрите, что произошло, все сошлось у меня, если щелкнуть по ссылкам «https://vk.com/page-
542_49969122″

Затем захожу в группу и перед этим делаю изображение, которое будет отображаться для людей в группе.

А я вобще пост. Я вставляю ссылку в меню и добавляю только что сделанное фото.

Качественный дизайн страницы сообщества ВКонтакте — это уже половина успеха в достижении цели, ради которой создается группа. Как показывает статистика, наличие навигации значительно увеличивает посещаемость страницы, а также увеличивает количество подписчиков. Страница сообщества, на которой структурирована вся информация, производит впечатление серьезного подхода администраторов к бизнесу, а также их практических навыков управления командой и надежности.В этой статье речь пойдет о меню для группы «ВКонтакте», о том, как его создать и сделать более удобной навигацию.

Разновидности меню для сообщества ВКонтакте

Теперь есть два типа меню для группы «ВКонтакте». Их шаблоны, конечно же, есть в Интернете, и вы можете делать все строго по ним. Однако результат не будет креативным и оригинальным, а значит, не привлечет большое количество подписчиков.

Итак, есть закрытое меню и открытое.

Закрытый получил свое название потому, что абоненту необходимо открыть его самостоятельно. Для этого вам просто нужно перейти по ссылке. В качестве ссылки можно использовать любое слово, обычно «открыть» или «меню». Хотя некоторые изощряются и придумывают оригинальные ссылки.

Open — это закрепленное сообщение. Он содержит действительную ссылку на меню. Этот вид еще довольно молодой, появился он не так давно, а точнее, с появлением функции закрепления поста на стене страницы. Открытое меню является наиболее эффективным и привлекательным, чем закрытое.Первый вариант менее продуктивен, так как посетители группы могут просто не заметить ссылку на нее.

Итак, «ВКонтакте»? Ответ довольно прост. Для создания обоих типов меню для группы «ВКонтакте» используется вики-разметка. Это очень удобный инструмент, он позволяет создавать таблицы, графики, форматировать и редактировать изображения, работать со ссылками и многое другое. Однако сейчас создателям сообщества ВКонтакте все намного проще, чем несколько лет назад. В соцсети есть автоматический перевод всего контента в вики-разметку.

Открытое меню для группы ВКонтакте стало популярнее, а закрытое практически не используется. Поэтому будет целесообразно более подробно рассмотреть создание открытого типа. Далее вы узнаете, как сделать меню в группе «ВКонтакте» (пошаговая инструкция представлена ​​ниже).

Первый этап

На этом этапе вам нужно выбрать изображения. Они создадут презентабельный вид страницы. Картины можно найти в Интернете или сделать самостоятельно с помощью фоторедакторов, а второй вариант подходит только тем, кто хорошо рисует на компьютере и владеет фотошопом.

Первое изображение — аватар. Второй (центральный) — изображение действия. Параметры аватара должны быть не менее 200 x 330 пикселей. Центральное изображение должно быть не менее 390 x 280 пикселей.

Второй этап

Откройте страницу группы и найдите «Управление сообществом». Ссылка находится под лицевой фотографией страницы справа. Перейдя по ссылке, найдите в информации раздел «Материалы» и нажмите «Ограничено» в этом абзаце.

На главной странице щелкните по редактировать в строке «Материалы».В появившейся форме редактора укажите название, разделы, а затем обязательно нажмите кнопку ниже для сохранения. После этого вернитесь на страницу с помощью кнопки в правом верхнем углу.

Третий этап

Скопируйте адрес страницы. Первый ряд цифр после слова «страница» — это номер сообщества, второй — номер страницы группы. Об этом обязательно стоит знать, задумываясь о том, как создать меню в группе ВКонтакте. Адрес необходимо разместить на стене вместе с центральным изображением.Чтобы прикрепить картинку, нажмите «прикрепить» и «фото». Затем выберите и вставьте. Затем нажмите «Отправить» — это опубликует сообщение.

Четвертый этап

Поместите первое изображение вместо основного фото сообщества. Запись этого действия вместе с изображением появится на стене. Там бесполезно, поэтому нужно удалить.

Это все. Когда пользователи нажимают на центральное изображение, им будет представлено групповое меню.

Как создать таблицу в меню?

Каждый администратор думает, как создать меню в группе «ВКонтакте».Приведенные выше инструкции могут помочь вам создать только базовое меню. Далее его нужно доработать.

Таблица очень удобна для навигации по меню для группы ВКонтакте. Для создания таблицы требуется знание определенных символов.

  • (| означает начало;
  • | + центрирование;
  • | — на новой строке;
  • | прозрачность;
  • ! Затемнение ячейки;
  • |) отмечает конец.

Как расположить ссылки?

В вопросе, как сделать меню в группе «ВКонтакте», есть важный момент касательно ссылок.Расставить их можно по-разному:

  • Оставьте ссылку. Для этого заключите ссылку в квадратные скобки.
  • Сделайте ссылку словом или фразой. Открыть вставить ссылку, после ссылки поставить знак | и закройте квадратную скобку.
  • Ссылка на изображение. Это можно сделать на следующем примере: [].

Чаще всего каждый учится самостоятельно создавать меню в группе ВКонтакте. Знания приходят с опытом путем проб и ошибок. Однако новичкам все же можно дать несколько рекомендаций.

  • Размер изображения не должен быть меньше 130 пикселей. Это значительно ухудшит внешний вид меню.
  • Ширина изображения — не более 610 пикселей.
  • Вики-страница не может содержать более 17 незакрытых тегов.
  • При установке индикатора ширины высота автоматически изменяется в соответствии с пропорциями.
  • Внутри таблицы вы можете создать список, используя />.
  • В одной строке можно разместить не более 8 элементов списка.

Помимо прочего, существуют специальные программы для более удобного использования вики-разметки. Это обучающие приложения и настоящие помощники, которые все сделают за вас.

Например, приложение Interactive FAQ (beta) позволяет вам проверить свои навыки программирования вики.

Его работа проста: пользователю предоставляется готовое меню, и требуется написать код разметки. Наконец, результат сравнивается с оригиналом.

Программа Wiki Editor не обучает и не тренирует своих пользователей.С его помощью можно составить меню даже без начальных навыков программирования. Простой в использовании редактор сам пишет коды — пользователю нужно только управлять.

Таким образом, каждый, кто планирует использовать группу для продвижения своего бизнеса или просто для развлечения, может создать меню ВКонтакте. Меню делает продвижение бизнеса намного эффективнее и привлекает пользователей на страницу группы. Благодаря меню сообщество выглядит презентабельно и профессиональнее, чем его конкуренты, у которых его нет.

разметка группы ВКонтакте. Как сделать меню ВКонтакте. Полное руководство. Работа с отступами

Каждый, кто хочет продавать товары или предлагать услуги с помощью социальной сети ВКонтакте, должен зарегистрировать свое сообщество. Уже существует огромное количество групп, которые созданы для того, чтобы что-то продавать в социальной сети ВКонтакте. Как сделать свою группу уникальной и привлекательной? Как выделиться на фоне других сообществ и убедить клиента покупать товары именно у вас? Для этого нужно красиво и необычно оформить свое сообщество ВКонтакте.В этом поможет разметка Wiki. Мы расскажем, что такое разметка вики ВКонтакте для чайников.

Скидка для читателей

Вам повезло, smmbox.com раздает скидки.
Сегодня скидка 15% на пользование услугой. Вам просто нужно зарегистрироваться и ввести промокод при оплате smmbox_blog

Вики-разметка. Что это такое

Wiki-разметка «ВКонтакте» — это специальный язык, созданный для оформления образовательных, торговых или развлекательных веб-страниц сообщества ВКонтакте.Это очень ценный и мощный язык разметки, который позволяет вам подключить дополнительные функции ВКонтакте и использовать их для продвижения и уникальности вашей группы.

Страницы, разработанные или созданные с использованием вики-разметки, обычно называются вики-страницами. Этот термин впервые ввел Уорд Каненгхам в 1995 году. Затем пользователи Интернета познакомились с Википедией. «Вики» по-гавайски означает «быстро».

Wiki-разметка позволяет быстро создавать и встраивать красиво оформленные элементы в код любой страницы сообщества, например:

  • кнопочное меню;
  • ссылки картинки;
  • спойлеры;
  • анкера;
  • мини-игры.

Спойлер вики-разметки — это текст, который скрывается за кнопкой с надписью синего цвета, после нажатия на которую текст становится видимым.

Разметка вики ВКонтакте очень похожа на HTML (язык гипертекстовой разметки). Но, в отличие от языка разметки кибер-текста, его можно освоить за неделю благодаря графическому интерфейсу.

Такая разметка существенно расширит ваши возможности по администрированию группы. С его помощью можно создавать интернет-журналы, интернет-магазины и даже мини-сайты.

Кроме того, большим плюсом вики-разметки является то, что все изменения, которые когда-либо вносились на страницу сообщества, хранятся на серверах ВКонтакте, и вы можете вернуться к одному из вариантов оформления в любой момент.

Как создать вики-страницу

При создании вики-страницы мы придерживаемся следующего плана:

  • Определитесь с типом страницы и сделайте ее макет. Есть такие виды: ВК-лендинг, ВК-пост, интерактивная страничка.
  • После того, как вы определились с внешним видом своего мини-сайта, вы можете приступить к созданию вики-страницы.Создать меню, сделать кнопки меню активными. Наполните страницы контентом. Делайте ссылки на товары. Подключите видео или аудиозаписи и многое другое. Все зависит от вашей фантазии.
  • Художественно оформляйте сообщество. Вставка изображений, логотипов, аватаров, фотографий продуктов …
    Мы покажем конкретный пример того, как разработать интерфейс существующей группы с использованием вики-разметки. Давайте создадим тестовое сообщество и шаг за шагом пройдемся по всему процессу.

Для создания вики-страницы нам необходимо скопировать ссылку в строку поиска браузера https: // vk.com / pages? oid = — *** & p =NAME.

Вместо *** необходимо ввести уникальный идентификатор сообщества.

В нашем случае это 105722542.

Id располагается в адресной строке браузера после / club; / event или / public.

Вместо «ИМЯ» — вбейте название вики-страницы, например, «каталог товаров».

Обратите внимание, что вы больше не сможете изменить имя.

Для дальнейшего доступа к нашему разделу меню обязательно скопируйте и сохраните выбранную ссылку в текстовый документ.

Чтобы переключиться в режим вики-разметки, нажмите кнопку «Редактировать», а затем «Режим вики-разметки».

В режиме разметки необходимо ввести следующий код.

(| nomargin *** с помощью этой команды мы удаляем границы
| —
*** начать создание надписи
|

дом
*** создайте надпись «Home» и выровняйте ее по центру прямоугольника
| Каталог
*** создайте надпись «каталог товаров» и выровняйте ее по центру прямоугольника
| о нас
*** создайте надпись «о нас» и выровняйте ее по центру прямоугольника
| контакта
*** создайте надпись «Контакты» и выровняйте ее по центру прямоугольника
|}
*** закрыть блок надписей
[[На главную]] *** создать ссылку на «Дом»
[[О нас]] *** создать ссылку на «О нас»
[ [контакты]] *** создать ссылку на «Контакты»
________________________________________
*** Примечание

Скопировать их до «?» Это то, что у вас должно получиться на каждой странице.

Код домашней страницы

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-код по своему действию. Но для тех, кто не имеет отношения к программированию,

будет понятнее за счет простоты реализации.Эта разметка получила свое название благодаря «Википедии», где впервые многочисленные пользователи получили возможность ознакомиться с основными особенностями ее функций. Вики-разметка позволяет людям без навыков программирования легко и быстро создавать группы:

· Графическое создание спойлеров и таблиц.

· Форматирование изображений и текста.

Итак, перейдем к разбору, как сделать меню для сообщества ВК?

Конечно, в процессе проектирования группового меню могут потребоваться дополнительные рекомендации, но в целом принцип создания можно понять, используя данное руководство.Если рассматривать 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, меняем параметры первой кнопки с 400х89 пикселей на 600 пикселей, вы высоту указывать не нужно. Также в каждую строку вводим следующий тег: nopadding должен разделяться точкой с запятой.

Важно! Не нажимайте ENTER после строк кода, если вы хотите, чтобы две кнопки были рядом, в одной строке меню. Редактор автоматически перенесет на новую строку те параметры, которые не подходят! Этот код должен быть после редактирования:

[] [-] [-] [-] [-]

Теперь, перейдя в «превью», мы видим, что все на своих местах. Добавьте в код необходимые ссылки на каждую из кнопок; в качестве наглядного примера ссылка на первую кнопку здесь не кликабельна! Не забудьте убрать лишний пробел между | а также].

[] [-] [-] [-] [-]

Убедившись, что все сделано по плану, нажмите «сохранить» и вернитесь на страницу. Обратите внимание, что в новой версии 2018 нет кнопки «вернуться на страницу», поэтому вам просто нужно нажать на название страницы вверху.

9. Теперь нам нужно закрепить наше меню. Для этого скопируйте ссылку на страницу из нашего меню и вернитесь на главную страницу группы.

10. Вставьте скопированную ссылку в поле нового сообщения. После отображения фрагмента меню ссылку необходимо удалить! А через значок камеры нужно добавить заранее подготовленное изображение для баннера.Ставим «от имени сообщества», нажав на кружок слева от кнопки «отправить», и нажимаем «отправить»

11. Теперь поправим меню, обновим страницу и оценим наш результат. Вся работа, медленно, занимает около 15-20 минут.

Как сделать меню в группе ВК с переходами

А теперь давайте разберемся, как можно сделать групповое меню ВК с переходами.

Так как же сделать одно меню вики внутри другого? Прежде всего, должно быть готово первое меню.Начнем с картинки, уже разрезанной на пуговицы. Добавьте вырезанные части изображения через тайник камеры в редакторе вики. Если вместо кода появляются изображения, это означает, что режим разметки вики не включен, перед добавлением изображения нажмите

Не забудьте нажать «Сохранить» внизу страницы! При необходимости вы можете изменить размер изображения и добавить в код тег nopadding, по умолчанию он отсутствует, а размер изображения должен быть максимум 400 пикселей в ширину, если изображение необходимо скорректировать до желаемого размера. !

1.После редактирования кода сохраните и нажмите «вернуть».

2. Убедитесь, что первое меню отображается правильно.

3. Если все в порядке, еще раз нажмите «редактировать».

Теперь вам нужно создать новую вики-страницу, на которой будет располагаться второе меню. В самом конце кода пишем значение меню для паблика ВК 2, ну или любой нужный вам текст. Сохраняем и возвращаемся. Внизу должна появиться активная ссылка с новым названием. Для максимального удобства откройте его в другой вкладке браузера.

Пока ваша вновь созданная страница еще пуста, нажмите «изменить» или «заполнить содержимым»

Как и в самом начале, добавляем сегменты второго меню, сохраняем и смотрим, как выглядит новое меню.

Если все в порядке, скопируйте ссылку на новую страницу меню в адресной строке браузера.

Допустим, новое меню должно открываться, когда вы нажимаете кнопку «Обзоры» в первом меню. Вам нужно перейти на вкладку, где мы сформировали первое меню, найти третью строку и вставить ссылку из буфера обмена, сохранить и вернуться.

Таким образом, при нажатии на кнопку «Отзывы» откроется наше второе меню.

Как сделать групповое меню ВК с телефона

Если вам «посчастливилось» поработать администратором групп ВК или создать свою группу только с телефоном, то если адаптироваться, то вполне можно без особых усилий сделать групповое меню с телефона.

Всем известно, что создатели ВК предлагают своему пользователю достаточно удобную мобильную версию, и ранее вы уже узнали о разных способах создания меню.Но вводить коды вручную с помощью вики-разметки можно, но не очень удобно. Но скачать шаблон с сайтов специализированных сервисов и вставить его в нужные столбцы довольно просто и удобно, и это не займет у вас много времени. Таким образом, управлять группами Вконтакте можно просто и удобно.

Шаблоны группового меню Вконтакте

Все вышеперечисленные способы создания группового меню ВК достаточно просты, и если применить их на практике, то можно убедиться, что в этом нет абсолютно ничего сложного.Привыкнуть к встраиванию изображений и таблиц с помощью вики-разметки быстро и легко. Но еще быстрее и удобнее использовать готовые шаблоны для группового меню, которые можно найти либо на упомянутых выше ресурсах, либо скачать из блогов и сайтов тех же пользователей.

Стоит отметить, что шаблоны подразумевают наличие картинок и изображений различной тематики. Также они имеют универсальный дизайн. Если у вас нет времени на поиск изображений или у вас не хватает фантазии для создания яркого меню, лучше использовать готовые меню.

WIKI-разметка ВКонтакте
Система редактирования вики-страниц сообществ ВКонтакте (не поддерживается на стене группы). Позволяет администратору сообщества создавать вики-страницы, вы можете создавать бесконечное количество таких страниц с перекрестными ссылками. Вы можете создавать целые библиотеки или мини-энциклопедии в сообществах, делиться ссылками на фото, видео и другие материалы. Меню сообщества создаются и стилизованы с использованием вики-разметки.

Для чего нужна вики-разметка? Это специальные теги, которые помогают стилизовать:

  • групповое меню,
  • внутренних страниц,
  • внутренние ссылки (на видео, аудио, групповые альбомы)
  • внешние ссылки из группы (на другие группы, сайт, статью или человека)
  • создать таблицы,
  • оформление тем, списков, заголовков, подзаголовков,
  • текстовое оформление, тег для игнорирования части кода разметки.

Такая группа Вконтакте выделяется из общей массы, помогает сделать ее красивой, удобной в навигации для пользователей и администрации самой группы.
Для этого можно указать коды вручную или воспользоваться встроенным редактором на страницах (редактор ограничен в функциях).

Wiki-разметка для создания меню

Помимо макета страниц сообщества, такая разметка играет важную роль, потому что она используется для создания меню.Перед тем как приступить к созданию меню, напоминаю, что «материалы» должны быть открыты. Для этого перейдите в раздел Управление сообществом , чтобы открыть материалы в его настройках. Должен появиться «Последние новости» , когда курсор находится на «Последние новости» , появится «Изменить» щелкните и заполните страницу.

Заходим в редактор, чтобы оформить Меню с использованием вики-разметки.

Если вы используете режим визуального редактирования для создания страниц, мы настоятельно рекомендуем вам забыть об этом навсегда и научиться писать все в режиме вики-разметки.

Переименование раздела «Последние новости»

При редактировании информации о группе в текстовом поле «Свежие новости» впишите необходимое вам новое имя и нажмите «Сохранить». Не включайте символы в заголовок страницы, иначе это поле может исчезнуть и дальнейшее редактирование раздела будет невозможно. Если это уже произошло — обращайтесь только на сайт поддержки https://new.vk.com/support

Создание вики-страницы в группе

В разделе «Последние новости» напишите название будущей страницы в двойных квадратных скобках [[Название страницы]] и перейдите по полученной ссылке.Это будет новая созданная страница, которая останется заполненной контентом.

Создание вики-страницы на общедоступной странице

Создайте ссылку, подобную этой:
http://vk.com/pages?oid\u003d-XXX&p\u003dPage_name
Или скопируйте это — заменив его собственными данными, где XXX — это идентификатор вашей общедоступной страницы, а «Page_name» любое слово, которым будет названа ваша вики-страница.
Это будет новая созданная страница, которая останется заполненной содержимым.

История изменений Wiki-страницы

Перейти на специальную вкладку «История» вверху.Здесь вы можете узнать всю историю изменений, сравнить страницы, а также узнать их размер текста на них.

Форматирование текста в вики-разметке

Таблица содержит теги для форматирования текста только на вики-страницах, их нельзя использовать на стене сообщества!

Тег Результат
Серый текст Серый текст
Миниатюра Значок
«Миниатюра» Значок
Курсив — «Курсив» Курсив Курсив
Зачеркнутый текст Зачеркнутый текст
Подчеркнутый текст Подчеркнутый текст
Текст надстрочный Надстрочный текст
Текст подстрочный индекс Подстрочный текст
моноширинный Моноширинный
Моноширинный Моноширинный
Центр Центр

Текст в цитате

Тег перевода строки Результат
строка 1
строка 2
строка 1
строка 2
Игнорировать тег разметки Результат
Текст е> Текст
Текст о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: //

результат: при наведении курсора на фото должен отображаться адрес сайта

Начало тега после «|»; где XXX — адрес Описание
id XXX имя пользователя ссылка
клуб XXX ссылка на главную страницу группы
событие XXX ссылка на встречу создана для этой страницы
http: // vk.ru / напишите XXX ссылки для отправки сообщения пользователю
стр. XXX ссылка на страницу
тема XXX ссылки на тему в группах
видео XXX ссылка на видео в группе
аудио XXX ссылка на аудио в группе
альбом XXX ссылка на фото в группе
http://vk.com/XXX ссылка на внутренние страницы ВК
http: // XXX ссылка на внешние страницы

Редактирование фотографий в вики-разметке

Есть такие команды для редактирования фото:

plain — превратить фото в текстовую ссылку

результат:

nopadding — фото без пробелов

результат:

px — количество пикселей — пропорциональное изменение размера фотографии
пример изменения размера фотографии с теми же пропорциями без деформации самого изображения:

результат:

пример изменения ширины:

результат:

пример изменения высоты:

результат:

справа — обтекание изображения текстом слева

результат:

слева — обтекание изображения текстом справа

результат:

Добавление видео на вики-страницу

Вы можете добавить видео на страницу с помощью функции «Добавить видео» на панели инструментов

Или с помощью кода, если видео нет в разделе «Мои видео», а есть только ссылка на него.Видеокод можно получить, заключив вторую часть ссылки формата в квадратные двойные скобки:

Например:

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 — это идентификатор группы.

Зачем вам группа ВКонтакте

Вот странная вещь получается. По роду деятельности ко мне часто обращаются предприниматели с вопросом — можно ли создать группу ВКонтакте для их бизнеса. На мой ответный вопрос: «Зачем вам группа ВКонтакте?» — Практически никто не может дать четкого и целенаправленного ответа. Поразмыслив, все приходят к общему выводу, что группа ВКонтакте нужна, чтобы заставить ее продать .

В этой статье я не буду пугать вас такими ругательными выражениями, как «формирование пула лояльных пользователей» и «Создание и продвижение собственного бренда в социальных сетях», а я постараюсь просто и доступно объяснить, как эта социальная сеть ВКонтакте может быть вам полезно.

Итак, приступим. И хочу начать издалека. Поскольку мы решили поговорить о продажах, я расскажу свою историю покупок в Интернете, и в частности в социальной сети ВКонтакте. Помимо того, что я являюсь администратором социальных сетей, я еще один человек и мама двоих детей, жена с 20-летним стажем и женщина.Как известно, женщины чаще всего делают покупки для дома и семьи. Я не исключение и не только зарабатываю деньги в Интернете, но мне очень нравится их тратить, а там, где и зарабатывать. Кстати, я люблю покупать в Интернете. Почему? Да потому что … хотя отвлекаться не буду, кому интересно, почитайте об этом. В Интернете покупаю все: одежду, обувь, бытовую технику, химию для дома, косметику, посуду, продукты и другие полезные вещи.

Как мы принимаем решение о покупке

Но что за плохое — как узнать, насколько верны интернет-обзоры TRUDIER? Неужели отзывы липовые? Что они только что кому-то заплатили, а мы, наивные покупатели, их читаем и принимаем за чистую монету? С уверенностью могу сказать, что да — такое может быть.Ведь проверить, что Петя или Вася, оставившие отзыв под моделью стиральной машины, настоящие люди, абсолютно невозможно — ведь мы не видим ничего, кроме их имени и рекламных сообщений.

Именно по этой причине я не очень доверяю обзорам на сайтах. Некоторые из них слишком разные. Похожий. То хвалебное, то твердое отрицательное. Иногда кажется, что с помощью конкурирующих упакованных друг с другом конкурирующих и даже денег не жалко на этот черный цвет.

Кроме того, есть возможность задать вопросы по теме, пообщаться и убедиться, что это настоящий человек, а не выдуманный. Многие мамочки в отзывах не только откладывают фото покупок, но даже показывают своих малышек в обновках. Такие отзывы самые ценные, потому что искренние и душевные.

Но одно дело спорить о покупках в Интернете, а другое — на личных примерах рассказывать. Всем известно, что самые интересные истории основаны на личном опыте.Поэтому я расскажу вам несколько историй о ваших покупках в сети ВКонтакте.

Мой личный опыт

  • Решил как-то купить банальную вешалку для белья на балкон — Мы только что получили ремонт и мне захотелось, чтобы это была не простая вешалка, а красивая, аккуратная и чтобы при необходимости я могла ее добавить. Она походила на наши деревенские лавки и ничего подходящего не нашла. Загнал в Яндекс запрос соответствующий (честно говоря, точно не помню, это было больше 2-х лет назад, но что-то вроде «вешалка для белья на балконе») — и получил несколько страниц в поисковой выдаче.Одним из ресурсов оказалась группа ВКонтакте, к сожалению, полностью заброшенная — уже не ведется больше полугода. Но было фото именно такой вешалки для белья, которую я искала! Я сразу написал создателю группы и перешел к ним на сайт по ссылке, которую нашел в сообществе, где был ознакомлен с ассортиментом и ценами.

Создатель команды — симпатичная женщина (профиль которой я ранее изучал), ответила мне в течение часа.Договорились оплатить и доставку. Через 3 дня на моем балконе появилась новая вешалка для одежды. Теперь кто-то скажет, ну, что она нам здесь рассказывает. Не обязательно группу вести — вы можете создать, залейте фото вашего товара и найдете нас.

А теперь самое интересное! Совершил покупку, но! Я потерял эту группу и этот сайт. В конце концов, группа не является и я не получаю от нее новостей. И в следующий раз, когда что-то другое будет похоже на что-то для дома, я вернусь в поисковик и сделаю покупку в другом интернет-магазине.Но если бы группа была проведена правильно, обновилась и была мне интересна, я бы не потерял ее из виду.

  • Еще один пример моих покупок в Интернете. Я люблю покупать детскую одежду в Интернете и с удовольствием делаю это в социальной сети ВКонтакте. Как я выбрал себе группу, в которой делаю покупки? Я узнал о ней случайно — ее основатели заказали мне дизайн своего сайта. Сначала сам смотрел товар. Потом сравнил цены у конкурентов в аналогичных сообществах.Конечно, читаю отзывы. И, что очень важно, я остался доволен тем, как со мной общалась девушка-консультант — она ​​оказалась очень терпеливой и вежливой, несмотря на то, что я задавал много вопросов. Получив посылку с детскими вещами, я оставила свой отзыв и потом много раз обращалась к услугам этого интернет-магазина.
  • Ну, пожалуй, расскажу, как я стал администратором социальных сетей. Сижу в декрете, хотела научиться хоть немного заработать в интернете и начала поиск в Яндексе со слов «как стать администратором социальных сетей».«Этой темой ругают эту тему! Но возник вопрос — а как выбрать, кого учить? Первое, что я сделал, это спросили о качестве обучения у нескольких девушек, оставивших отзывы о курсе. Раньше я внимательно изучала их Вконтакте и убедился, что это живые люди.Получив положительный отзыв, я тоже решил написать тренеру.Это такой недоверчивый ???? И только после разговора с коучингом убедился, что человек адекватный и грамотный, я оплатил курс, кстати у меня было совсем недешево — на тот момент эта сумма была эквивалентна моей месячной зарплате.

Что, по-вашему, объединяет все мои примеры покупок ВКонтакте? Почему я решил сделать эти покупки? Ответ на самом деле очень прост. Дело в том, что благодаря группам ВКонтакте я не только нашел то, что искал, но и убедился, что меня не обманули. То есть я начал доверие предпринимателям — авторам этих групп!

Итак, друзья, по моему глубокому убеждению, группы ВКонтакте создаются не для того, чтобы продавать из них, а для того, чтобы формировать людей УВЕРЕННОСТЬ .И это крайне важно. У группы ВКонтакте могут быть самые разные цели и задачи, но следует помнить, что вся работа в социальных сетях строится на построении с ее потенциальным покупателем доверительных отношений. И так, если у вас получится, то наступят продажи.

Вакцинные ингредиенты | Знание о вакцинах

Быстрые ссылки

Общая информация

Ключевым ингредиентом всех вакцин является один или несколько активных ингредиентов (см. Ниже).Кроме того, основным ингредиентом вакцин является вода. Большинство вводимых вакцин содержат 0,5 миллилитра жидкости, то есть несколько капель. Все остальные ингредиенты весят несколько миллиграммов (тысячные доли грамма) или даже меньше.

В отличие от пищевых продуктов, список ингредиентов вакцины может включать продукты, используемые в процессе производства, даже если они не остаются в готовом продукте. Добавленные ингредиенты присутствуют в очень небольших количествах (обычно несколько миллиграммов). Продукты, используемые для изготовления вакцин или выращивания активных ингредиентов, могут вообще не оставаться в окончательной вакцине.Если да, то они присутствуют только в следовых количествах.

Ингредиенты вакцины могут выглядеть незнакомыми. Однако важно помнить, что многие вещества, используемые в вакцинах, естественным образом содержатся в организме. Например, многие вакцины содержат соли на основе натрия и калия (см. Раздел «Регуляторы кислотности»), которые необходимы для жизни. Люди могут думать о формальдегиде как о химическом веществе, созданном руками человека, но в небольших количествах он также естественным образом содержится в кровотоке.

Все ингредиенты вакцины присутствуют в очень малых количествах, и нет никаких доказательств того, что они причиняют вред в таких количествах.Исключением является небольшое количество людей, у которых может быть тяжелая аллергия на ингредиент вакцины, даже если он присутствует только в следовых количествах (например, яичные белки или антибиотики, используемые при производстве вакцины). Если вы поищете в Интернете некоторые ингредиенты вакцины, вы можете прочитать, что они могут быть вредными, но большинство из них присутствует в вакцинах в количествах, совершенно нормальных для нашего организма. Даже поваренная соль (хлорид натрия), необходимая для нормального функционирования организма, в больших количествах вредна.

Список ингредиентов вакцины можно найти в Информационном буклете для пациента (PIL) и в сводке характеристик продукта (SPC) для каждой вакцины. См. Список PIL и SPC на нашей странице ссылок. Для получения дополнительной информации об ингредиентах вакцины обратитесь к производителю вакцины.

Активные ингредиенты

Это части вакцины, изготовленные из вирусов или бактерий (также называемых «антигенами»). Они бросают вызов иммунной системе, чтобы она вырабатывала антитела для борьбы с болезнью (см. Наш анимационный ролик «Как работают вакцины?»).Вакцины содержат крошечные количества активных ингредиентов — всего несколько микрограммов (миллионных долей грамма) на вакцину. Чтобы дать некоторое представление о том, насколько малы эти количества, одна таблетка парацетамола содержит 500 миллиграммов препарата. Это в несколько тысяч раз больше, чем количество активного ингредиента, которое вы найдете в большинстве вакцин. Сотни тысяч индивидуальных вакцин можно сделать из одной чайной ложки активного ингредиента.

Некоторые вакцины содержат целые бактерии или вирусы.В этих случаях бактерии или вирусы будут либо сильно ослаблены (ослаблены), так что они не могут вызывать заболевания у здоровых людей, либо полностью уничтожены (инактивированы). Многие вакцины содержат только части вирусов или бактерий, обычно поверхностные белки или сахара. Они стимулируют иммунную систему, но не могут вызвать болезнь. См. Нашу страницу «Типы вакцин».

По сравнению с количеством вирусов и бактерий в окружающей среде, с которыми нашему организму приходится сталкиваться каждый день, количество активного ингредиента в вакцине действительно очень мало.Большинство бактериальных вакцин содержат всего несколько белков или сахаров соответствующих бактерий. Напротив, по оценкам, на коже среднего человека обитает 100 триллионов бактерий, каждая из которых содержит многие тысячи белков, которые постоянно бросают вызов нашей иммунной системе.

Некоторые вакцины из календаря Великобритании производятся с использованием технологии рекомбинантной ДНК. Только одна вакцина, используемая в Великобритании, содержит генетически модифицированные организмы (ГМО).

Добавленные ингредиенты

Это такие продукты, как соли алюминия, которые помогают улучшить иммунный ответ на вакцины, или продукты, которые действуют как консерванты и стабилизаторы (например, желатин или сывороточный альбумин человека).Они перечислены на листовках с информацией о вакцинах как «вспомогательные вещества» (неактивные ингредиенты). Как и вакцины, большинство используемых нами лекарств также содержат вспомогательные вещества.

Алюминий, адъювант

Многие вакцины содержат соли алюминия, такие как гидроксид алюминия, фосфат алюминия или сульфат алюминия-калия. Они действуют как адъюванты, усиливая и удлиняя иммунный ответ на вакцину. Соли алюминия, по-видимому, замедляют высвобождение активного ингредиента из вакцины после ее введения и стимулируют иммунную систему реагировать на вакцину.Они также хорошо поглощают белок и предотвращают прилипание белков вакцины к стенкам контейнера во время хранения.

Алюминий — самый распространенный металл в земной коре, и мы постоянно контактируем с ним. Он вступает в реакцию с другими элементами с образованием солей алюминия, и небольшие количества их естественным образом обнаруживаются почти во всех продуктах питания и питьевой воде, а также в грудном молоке и молочных смесях для младенцев. Соли алюминия используются в качестве пищевых добавок (например, в хлебе и пирожных) и в таких лекарствах, как антациды, а алюминий широко используется в упаковке пищевых продуктов.

Алюминий в корпусе не используется. Любой алюминий, абсорбированный из пищи или других источников, постепенно выводится через почки. Младенцы рождаются с алюминием, уже присутствующим в их телах, вероятно, из крови матери. Со временем небольшое количество алюминия из продуктов питания, напитков и других источников накапливается в организме, но считается, что это не представляет значительного риска для здоровья (см., Например, это исследование в Великобритании от 2004 года). По мнению большинства экспертов, в настоящее время нет убедительных доказательств того, что ежедневное воздействие алюминия в любой форме увеличивает риск болезни Альцгеймера, генетических повреждений или рака.

Количество алюминия, присутствующего в вакцинах, невелико — менее 2 миллиграммов солей и менее миллиграмма реального алюминия. В Великобритании самая высокая доза алюминия, которую младенцы получают за один прием после вакцинации, составляет чуть менее 1,5 миллиграмма (от вакцины 6-в-1, PCV и MenB в возрасте 8 и 16 недель). Исследование 2011 года смоделировало влияние алюминия из рациона и вакцин на младенцев и пришло к выводу, что общее количество алюминия, абсорбированного из обоих источников, вероятно, будет меньше, чем безопасный уровень потребления в неделю.Аналогичные выводы были сделаны в исследовании 2002 года. В исследовании, опубликованном в марте 2018 года, были взяты образцы крови и волос 85 младенцев и измерен уровень алюминия в них. Эти уровни значительно различались, но исследователи не обнаружили никакой корреляции между уровнями алюминия в крови или волосах и предполагаемым количеством алюминия, которое младенцы получили от вакцин.

Вакцины, содержащие алюминий, вызывают большее покраснение и твердость в месте инъекции, чем другие вакцины.В редких случаях алюминиевые адъюванты могут вызывать образование небольших зудящих бугорков (гранулем) в месте инъекции. Шведское исследование 2014 года показало, что это произошло у небольшого числа детей (менее 1 из 100) после вакцинации вакциной 5-в-1 (Infanrix) и пневмококковой вакциной (Prevenar). Гранулемы не опасны, но могут вызывать раздражение и сохраняться месяцами или даже годами. Исследование показало, что у детей с гранулемами часто развивается контактная аллергия на алюминий. Однако у большинства детей симптомы выздоровели.

Соли алюминия содержатся в этих вакцинах, обычно используемых в Великобритании. Для каждой вакцины указано точное количество алюминия на дозу:

MF59 (скваленовое масло), адъювант

MF59 используется только в одной вакцине, лицензированной в Великобритании: Fluad, вакцина от гриппа, введенная в сезон гриппа 2018-19 гг. Для взрослых в возрасте 65 лет и старше (см. Страницу «Инактивированная вакцина против гриппа»). Fluad — это не новая вакцина; он был впервые лицензирован в 1997 году, и во всем мире были введены миллионы доз.MF59 добавлен в вакцину, чтобы сделать ее более эффективной. Это адъювант, который помогает усилить и продлить иммунный ответ на вакцину. Это также может привести к усилению общих побочных эффектов, таких как боль, отек или покраснение в месте инъекции, слегка высокая температура, головная боль, общее недомогание, дрожь или усталость. Однако нет никаких доказательств того, что MF59 вызывает более серьезные побочные эффекты.

Основным ингредиентом MF59 является масло сквалена, встречающееся в природе масло, содержащееся в организме человека, растений и животных.Скваленовое масло в MF59 получают из рыбьего жира и перед использованием его подвергают высокой очистке. Fluad содержит менее 10 мг сквалена (1 мг составляет одну тысячную грамма).

MF59 также содержит очень небольшое количество этих ингредиентов (около 1 мг или меньше):

  • полисорбат 80, триолеат сорбитана и цитрат натрия. Все эти эмульгаторы предотвращают отделение скваленового масла от воды в вакцине. Полисорбат 80 и цитрат натрия обычно используются в еде и питье.Триолеат сорбитана — это соединение, состоящее из олеиновой кислоты (природная жирная кислота) и сорбита, которое также содержится в фруктах и ​​других продуктах питания.
  • лимонная кислота, широко используется в пищевых продуктах и ​​напитках.

Тиомерсал, в США также называемый тимеросалом (консервант)

Тиомерсал — консервант на основе ртути, который в небольших количествах используется в некоторых вакцинах для предотвращения роста бактерий и грибков, которые могут загрязнять окружающую среду при вскрытии вакцины.

Большинство одноразовых вакцин не содержат тиомерсал, потому что они используются только один раз и поэтому риск заражения очень мал. Однако некоторые вакцины выпускаются в многодозовых флаконах. На это есть две причины: они дешевле и их легче быстро производить в больших количествах в случае эпидемии. Небольшие количества тиомерсала часто используются в многодозовых вакцинах, чтобы предотвратить их заражение после вскрытия.

Тиомерсал был исключен из вакцин в Великобритании в период с 2003 по 2005 год, и он больше не встречается ни в одной из детских или взрослых вакцин, обычно используемых в Великобритании.До 2005 года тиомерсал присутствовал в вакцинах, содержащих дифтерию и столбняк, а также в вакцине против гепатита В и некоторых вакцинах от гриппа. Он не использовался в вакцине MMR, вакцине Hib, вакцине MenC, пероральной вакцине против полиомиелита или вакцине БЦЖ. Тиомерсал присутствовал в вакцине Pandemrix от свиного гриппа (h2N1), которая использовалась в сезонах гриппа 2009-10 и 2010-11 годов в Великобритании. Однако его нет ни в одной из ежегодных вакцин против гриппа, используемых в настоящее время в Великобритании.

В США, Великобритании и Европе тиомерсал был исключен из вакцин в качестве меры предосторожности.Это соответствует глобальной цели по снижению воздействия ртути на окружающую среду из всех источников. Однако не было доказательств того, что тиомерсал в вакцинах причиняет вред. Тиомерсал содержит соединение, называемое этилртутью, но беспокойство по поводу ртути в окружающей среде было сосредоточено на другом соединении, называемом метилртутью, которое накапливается в пищевой цепи и в организме человека. Более подробную информацию можно найти на сайте Национального института аллергии и инфекционных заболеваний США.Исследование, проведенное в 2008 году, показало, что этилртуть в тиомерсале не накапливается в организме даже очень маленьких детей. Он выводится из крови через 30 дней, и данные свидетельствуют о том, что он выводится с калом ребенка (фекалиями).

Всемирная организация здравоохранения (ВОЗ) и Европейское агентство по лекарственным средствам (EMA, ранее EMEA) заявили, что нет никаких доказательств риска от тиомерсала в вакцинах. Прочтите заявление ВОЗ и заявление EMA. На страницах Управления по санитарному надзору за качеством пищевых продуктов и медикаментов США также есть подробная информация о безопасности тиомерсала.

Австралийское исследование, проведенное в 2014 году с участием более миллиона детей, не обнаружило доказательств связи между тиомерсалом в вакцинах и развитием аутизма.

Желатин (стабилизатор)

Желатин, полученный из свиней, используется в некоторых живых вакцинах в качестве стабилизатора для защиты живых вирусов от воздействия температуры. Желатин в вакцинах высокоочищен и гидролизован (расщепляется водой), поэтому он отличается от натурального желатина, используемого в пищевых продуктах. Например, очень чувствительные научные тесты показали, что в вакцине от назального гриппа (Fluenz) нельзя обнаружить ДНК свиней.

Было зарегистрировано небольшое количество случаев аллергической реакции на вакцины, содержащие желатин (примерно один случай на каждые 2 миллиона доз вакцины). Людям с известной аллергией на желатин следует обратиться за советом к специалисту перед вакцинацией, содержащей желатин.

Члены мусульманских или еврейских религиозных общин могут быть обеспокоены использованием вакцин, содержащих желатин от свиней (свиной желатин). Согласно еврейским законам, нет проблем с желатином или любым другим веществом животного происхождения, если он используется в продукте, который не попадает в рот.Некоторые мусульманские лидеры также постановили, что использование желатина в вакцинах не нарушает религиозных законов о питании, поскольку он является высокоочищенным и его также вводят путем инъекции или вдыхания, а не проглатывают (едят).

Желатин содержится в вакцинах, используемых в Великобритании:

  • Вакцина против назального гриппа (Fluenz). Однако очень чувствительные научные тесты показали, что во Fluenz нельзя обнаружить ДНК свиней. Эти тесты показывают, что желатин настолько разрушен, что его первоначальный источник не может быть идентифицирован.
  • одна из вакцин MMR (MMRVaxPro). (Приорикс, другая вакцина MMR, используемая в Великобритании, не содержит желатина.)
  • вакцина против опоясывающего лишая (Zostavax)
  • одна из вакцин против ветряной оспы (Варивакс). (Varilrix, другая вакцина против ветряной оспы, используемая в Великобритании, не содержит желатина.)

Дополнительную информацию можно найти в брошюре NHS «Вакцины и свиной желатин». Эта информация также доступна на арабском, бенгали и урду.

Сорбит и другие стабилизаторы

Сорбитол вырабатывается естественным путем в организме человека, а также содержится во фруктах и ​​ягодах.Он обычно используется в качестве подсластителя в продуктах питания и напитках. В вакцинах он используется в небольших количествах как стабилизатор. В вакцинах MMR, используемых в Великобритании (MMR VaxPro и Priorix), может содержаться до 15 миллиграммов сорбита. Сорбитол также может присутствовать в одной из вакцин против ветряной оспы (Varilrix). Сорбитол обычно безвреден, но люди с аллергией на сорбит или с редкими наследственными проблемами непереносимости фруктозы не должны получать вакцины, содержащие сорбит.

Другие продукты, используемые в очень небольших количествах в качестве стабилизаторов в вакцинах, включают:

  • Сахар (сахароза)
  • Лактоза (молочный сахар)
  • Маннитол , аналог сорбитол — см. Выше
  • Глицерин , обычное нетоксичное вещество, часто используемое в качестве пищевой добавки
  • Среда 199 , раствор, содержащий аминокислоты (строительные блоки белков), минеральные соли и витамины
  • Аргинина гидрохлорид , другая распространенная аминокислота
  • Глутамат натрия , соль, полученная из общей аминокислоты глутамина
  • Мочевина , безвредное органическое соединение, обнаруженное в организме человека

Эмульгаторы

Полисорбат 80 — обычная пищевая добавка, используемая в некоторых вакцинах в качестве эмульгатора (для удержания вместе других ингредиентов).По сравнению с его использованием в пищевых продуктах, в вакцинах очень мало полисорбата 80.

Улучшители вкуса

Оральная ротавирусная вакцина (Rotarix) содержит около грамма сахара (сахарозы), чтобы придать ей приятный вкус. Это примерно четверть чайной ложки сахара.

Продукты, использованные при производстве вакцины

В отличие от пищевых продуктов или других списков лекарственных препаратов, вещества, используемые при производстве вакцины, также могут быть перечислены в разделе «вспомогательные вещества», даже если они не добавлены в вакцину.Однако многие из перечисленных элементов фактически не остаются в готовой вакцине. Если они это сделают, они часто будут присутствовать в следовых количествах.

Антибиотики

Антибиотики используются в процессе производства некоторых вакцин, чтобы остановить рост бактерий и заражение вакцины. Однако антибиотики, которые обычно вызывают аллергические реакции (например, пенициллины, цефалоспорины и сульфаниламиды), в вакцинах не используются. Следы пяти антибиотиков можно найти в некоторых вакцинах, используемых в Великобритании.Это неомицин , стрептомицин , полимиксин В , гентамицин и канамицин . Людям с известной аллергией на любой из этих антибиотиков следует проконсультироваться с экспертом перед вакцинацией.

Антибиотики используются при производстве следующих вакцин, используемых в Великобритании:

  • Вакцина 6-в-1 (Infanrix Hexa) может содержать следы неомицина и полимиксина b
  • Вакцина MenB может содержать следы канамицина .
  • Обе вакцины MMR (MMRVaxPro и Priorix) могут содержать следы неомицина
  • Вакцина против назального гриппа (Fluenz) может содержать следы гентамицина
  • Инактивированные вакцины против гриппа могут содержать следы неомицина , стрептомицина , полимиксина b , гентамицина или канамицина . Ознакомьтесь с брошюрой с информацией о пациенте, чтобы узнать о предлагаемой вакцине.
  • Одна из бустерных вакцин для дошкольников (Репевакс) может содержать следы неомицина , стрептомицина и полимиксина b
  • Вакцина против опоясывающего лишая (Зоставакс) может содержать следы неомицина
  • Обе вакцины против ветряной оспы (Варивакс и Варилрикс) могут содержать следы неомицина
  • Некоторые вакцины против гепатита А могут содержать следы неомицина .Ознакомьтесь с брошюрой с информацией о пациенте, чтобы узнать о предлагаемой вакцине.

Яичные белки (овальбумин)

Аллергия на яйца довольно часто встречается у детей до 5 лет и гораздо чаще встречается у детей, чем у взрослых. Около 60 000 детей в Великобритании страдают аллергией на яйца. Согласно нормативам Великобритании, вакцина против назального гриппа (Fluenz Tetra) и две инактивированные вакцины от гриппа могут содержать следы яичных белков. Это связано с тем, что вирус гриппа выращивается на оплодотворенных куриных яйцах. Объединенный комитет по вакцинации и иммунизации сообщил, что большинство детей с аллергией на яйца можно безопасно вакцинировать с помощью назальной вакцины против гриппа (Fluenz Tetra).Это потому, что содержание яичного альбумина очень низкое. Единственным исключением являются дети, у которых в анамнезе была тяжелая анафилаксия на яйца, которые ранее нуждались в лечении в отделении интенсивной терапии. Этих детей следует направить к специалистам для иммунизации в больнице. Этот совет основан на недавнем исследовании под названием SNIFFLE, в котором Fluenza Tetra тестировалось на нескольких сотнях детей с аллергией на яйца. См. Дополнительную информацию об исследовании SNIFFLE и информационный бюллетень Министерства здравоохранения Англии, показывающий содержание яичного альбумина в вакцинах против гриппа в текущем сезоне гриппа.

Другие нестандартные вакцины, такие как вакцина против желтой лихорадки , также могут содержать яичные белки. Люди с аллергией на яйца должны всегда спрашивать о содержании яичного белка перед вакцинацией.

В прошлом людям с аллергией на яйца рекомендовали не получать вакцину MMR. Рекомендации по этому поводу изменились более десяти лет назад. Вирусы кори и эпидемического паротита выращиваются на культуре, содержащей клетки куриного эмбриона (а не на яйцах). Это означает, что в вакцине MMR недостаточно яичного белка, чтобы вызвать аллергические реакции, поэтому дети с тяжелой аллергией на яйца могут безопасно получать вакцину MMR.Врачи внимательно изучили этот вопрос и подтвердили, что нет повышенного риска реакции на вакцину MMR у детей с аллергией на яйца. Смотрите видео об этом на странице вакцины MMR в разделе «Ингредиенты».

Дрожжевые белки

Дрожжи используются в производстве вакцины против ВПЧ (Гардасил), применяемой в Великобритании. Департамент здравоохранения советует вакцину против ВПЧ давать людям, страдающим аллергией на дрожжи, поскольку конечный продукт не содержит дрожжей.

Небольшое количество дрожжевого белка может оставаться в вакцине 6-в-1 (Infanrix Hexa) и вакцинах против гепатита B, используемых в Великобритании, но нет никаких доказательств того, что это может вызвать аллергические реакции.

Латекс

Латекс (натуральный каучук) используется в упаковке некоторых вакцин. Например, кончик иглы шприца может быть защищен латексной пробкой. Это риск для людей с тяжелой аллергией на латекс (которая вызывает анафилактическую реакцию), и им следует поговорить с врачом перед вакцинацией.Люди с менее тяжелой аллергией на латекс (например, контактная аллергия на латексные перчатки в анамнезе) не подвергаются риску от латекса в упаковке вакцины.

В Великобритании в листовках с информацией о продуктах следующих вакцин указано, что в упаковке используется латекс:

Формальдегид и глутаральдегид

Формальдегид — это органическое соединение, которое в природе встречается во многих живых существах. Он используется в производстве некоторых вакцин для инактивации токсинов бактерий и вирусов (например, полиовируса, антигена гепатита B, а также токсинов дифтерии и столбняка).Возможно, что крошечные следы могут остаться в вакцине 6-в-1 (Infanrix Hexa), вакцине против гепатита B (HBVaxPro), одной из дошкольных бустерных вакцин (Repevax) и подростковой бустерной вакцине (Revaxis). Однако формальдегид быстро разлагается в воде (а большая часть вакцины — это вода).

Организм человека вырабатывает и использует формальдегид в процессе обмена веществ. Количество естественного формальдегида в крови двухмесячного младенца (всего около 1,1 миллиграмма) в десять раз больше, чем количество, содержащееся в любой вакцине (менее 0.1 миллиграмм). Груша содержит примерно в 50 раз больше формальдегида, чем любая вакцина.

Глутаральдегид — это органическое соединение аналогичного типа, которое также используется для инактивации токсинов бактерий, используемых в вакцинах. Следы могут остаться в одной из вакцин Booster для дошкольников (Repevax).

Регуляторы кислотности

Как и все другие живые существа, вирусы и бактерии необходимо поддерживать при правильном pH (кислотном / щелочном уровне). Ряд различных продуктов используется в очень небольших количествах, чтобы поддерживать правильный баланс pH во время производства вакцин.Эти продукты включают:

  • Соли на основе фосфата калия и фосфата натрия . Это обычные и безвредные. Помимо поддержания баланса pH, они также помогают удерживать фрагменты активного ингредиента во взвешенном состоянии в воде, чтобы они не оседали. Иногда используется продукт под названием «Соли Хэнкса», который содержит эти и другие соли.
  • Адипат динатрия , также широко используемый в качестве пищевой добавки.
  • Янтарная кислота , которая участвует в нескольких химических процессах в организме.
  • Гидроксид натрия и соляная кислота : при их использовании они взаимодействуют вместе с образованием воды и безвредных солей, и поэтому не появляются в окончательной вакцине в их первоначальной форме.
  • Гистидин , аминокислота, содержащаяся почти в каждом белке в организме человека.
  • Борат натрия (бура) : несколько микрограммов (миллионных долей грамма) могут оставаться в вакцине против гепатита B (HBVaxPro) и вакцине против ВПЧ (Гардасил). Эта сумма слишком мала, чтобы причинить вред.
  • Трометамол , также используется в производстве других лекарственных средств.

Выращивание активных ингредиентов

Линии клеток человека

Для некоторых вакцин активный ингредиент выращивают в лабораториях на культурах, содержащих человеческие клетки. Некоторые вирусы, такие как ветряная оспа (ветряная оспа), намного лучше растут в клетках человека. После выращивания вирусы очищают несколько раз, чтобы удалить материал для культивирования клеток.Это делает маловероятным, что в окончательной вакцине останется какой-либо человеческий материал.

Для вакцин, используемых в Великобритании, для выращивания вирусов используются человеческие клеточные линии:

Используемые в настоящее время клеточные линии (называемые WI-38 и MRC-5) были начаты в 1960-х годах с использованием клеток легких, взятых у двух абортированных плодов. Аборты были законными и согласованы с матерями, но они не проводились с целью разработки вакцины.

Некоторые люди могут испытывать моральные опасения по поводу использования вакцины, произведенной таким образом.В 2005 году Папская академия жизни Ватикана опубликовала заявление под названием «Моральные размышления о вакцинах, приготовленных из клеток, полученных из абортированных человеческих плодов». В этом заявлении говорится, что они считают неправильным делать вакцины с использованием штаммов человеческих клеток, полученных из плодов, и что существует «моральный долг продолжать бороться» против использования таких вакцин и проводить кампании за альтернативы. Однако в нем также говорится, что, если население подвергается «значительной опасности для своего здоровья» из-за таких болезней, как краснуха (немецкая корь), то «вакцины с моральными проблемами, связанными с ними, также могут использоваться на временной основе».

Клеточная линия HEK-293

Процесс производства вакцины Oxford-AstraZeneca включает производство вируса, аденовируса, который переносит генетический материал в клетки внутри организма. Для получения этого вируса в лаборатории необходима линия клеток-хозяев. В вакцине Oxford-AstraZeneca используется клеточная линия, называемая клетками HEK-293.

HEK-293 — это название определенной линии клеток, используемых в различных научных приложениях. Исходные клетки были взяты из почки законно абортированного плода в 1973 году.Клетки HEK-293, используемые в настоящее время, являются клонами этих исходных клеток, но сами по себе не являются клетками абортированных младенцев.

Департамент социальной справедливости Конференции католических епископов Англии и Уэльса опубликовал заявление, касающееся использования клеток HEK-293 в вакцине COVID-19. Они говорят, что «можно с чистой совестью и по серьезной причине получить вакцину, полученную таким образом», и «что человек не грешит, получив вакцину».

Другие терапевтические продукты, которые используют клетки HEK-293 в качестве линии продуцентов, включают вакцины на основе Ad5, такие как вакцина Cansino от COVID-19, аденоассоциированные вирусы (AAV) и лентивирусы в качестве векторов генной терапии для различных заболеваний.Многие из этих продуктов проходят клинические испытания.

Клеточные линии для животных

Вирусы для некоторых вакцин выращиваются в лабораториях с использованием культур клеток животных. Это потому, что вирусы могут расти только в клетках человека или животных. В календаре Великобритании это относится к этим вакцинам:

Вирусов для этих вакцин выращивают на клетках Vero. Это клеточная линия, созданная в 1960-х годах с использованием клеток почек африканской зеленой обезьяны.

Части вакцины MMR (MMRVaxPro и Priorix) против кори и эпидемического паротита выращивают в культуре, которая начиналась с клеток, взятых из куриного эмбриона.

Нет доказательств какого-либо риска передачи болезней животных через вакцины, выращенные на линиях клеток животных.

Генетически модифицированные организмы (ГМО)

Единственная вакцина в календаре Великобритании, которая содержит ГМО, — это вакцина против назального гриппа (Fluenz). Вирусы для вакцин от гриппа обычно получают путем инъекции двух штаммов вируса гриппа в яйцо и позволяя им естественным образом рекомбинировать с образованием новых штаммов. Затем исследователи просматривают все новые вирусы, чтобы определить, какой из них обладает характеристиками, которые они хотели бы использовать для создания вакцины этого года.Вирусы, используемые для создания Fluenz, изготавливаются на заказ путем объединения отдельных генов, которые придают нужные свойства. Это более быстрый и точный процесс.

Вакцина Oxford-AstraZeneca против COVID-19, ChAdOx1 nCoV-19, производится с использованием модифицированного аденовируса, который используется для передачи генетического кода белка шипа коронавируса. Это означает, что вакцина является ГМО. Аденовирус был модифицирован таким образом, чтобы предотвратить его репликацию внутри организма, чтобы он не мог вызвать инфекцию.

Технология рекомбинантной ДНК

Рекомбинантные вакцины производятся с использованием бактериальных или дрожжевых клеток для производства вакцины. Небольшой фрагмент ДНК берется из вируса или бактерии, от которых мы хотим защитить. Он вставляется в другие клетки, чтобы они производили большое количество активного ингредиента для вакцины (обычно только один белок или сахар).

Например, чтобы сделать вакцину против гепатита В, часть ДНК вируса гепатита В вставляется в ДНК дрожжевых клеток.Затем эти дрожжевые клетки способны продуцировать один из поверхностных белков вируса гепатита В, который очищается и используется в качестве активного ингредиента в вакцине. Белки для вакцины против ВПЧ, части вакцины MenB и части вакцины против гепатита В вакцины 6-в-1 производятся с использованием аналогичной технологии.

Продукты крупного рогатого скота

«Продукты крупного рогатого скота» относятся к любому продукту, полученному из коровы или теленка (например, бычьей сыворотке, полученной из коровьей крови). Некоторые источники утверждают, что продукты из крупного рогатого скота могут присутствовать в средах, которые используются для выращивания вирусов или бактерий, которые используются для изготовления компонентов некоторых вакцин.Проект «Знание о вакцинах» смог найти только одну вакцину, используемую в настоящее время в Великобритании, в которой указано, что при ее производстве используются продукты из крупного рогатого скота. Это Repevax, одна из доступных в Великобритании вакцин для дошкольных бустеров. В сводных таблицах характеристик продукта (SPC) для Repevax указано, что при производстве вакцины используется бычий сывороточный альбумин и что в вакцине могут оставаться следовые количества. Это потенциальный риск для людей с сильной аллергией на продукты из крупного рогатого скота.В других вакцинах, используемых в Великобритании, при производстве могут использоваться продукты из крупного рогатого скота, но это не указано в их SPC.

Европейское агентство по лекарственным средствам (EMA) выпустило серию заявлений и листов вопросов и ответов о риске, который представляют продукты из крупного рогатого скота, используемые при производстве вакцин. Они были подготовлены в ответ на признание BSE в 1980-х годах и регулярно обновляются.

Прочие среды выращивания

Некоторые бактерии не нужно выращивать на клетках человека или животных.Вместо этого их можно выращивать на культурах, богатых белками, витаминами и солями. Для производства вакцин часто используются следующие культуры: среда 199 , среда Игла и минимальная необходимая среда .

Дополнительная информация

Если у вас есть вопросы о каких-либо других ингредиентах или вспомогательных веществах, используемых в вакцинах, обратитесь за советом к своему терапевту или обратитесь к производителю вакцины, указанному в информационном буклете вакцины (PIL) или сводке характеристик продукта (SPC).См. Список PIL и SPC на нашей странице ссылок. В Великобритании вы также можете связаться с Агентством по регулированию лекарственных средств и товаров медицинского назначения (MHRA), которое регулирует лекарства, включая вакцины, в Великобритании. См. Их список контактов службы поддержки клиентов.

Статью 2003 г., содержащую более подробную информацию об ингредиентах вакцины, можно найти здесь.

Информация на этой странице основана на наилучшей информации, которую мы можем найти в доступной литературе.

ВКонтакте логотип и символ, значение, история, PNG

ВК Логотип PNG

Логотип социальной сети «ВКонтакте» прошел путь от более длинной эмблемы на русском языке до монограммы на латинице.

Значение и история

2006-2012

История логотипа ВКонтакте началась в 2006 году. Его разработал основатель компании Павел Дуров. Позже он утверждал, что создание эмблемы с нуля заняло у него всего десять минут.Он выбрал простой шрифт без засечек и ненавязчивые цвета, белый и синий. Комбинация уже доказала свою эффективность в цветах Facebook.
Начальная буква помещалась в синюю рамку с закругленными углами (или использовалась обратная цветовая схема). Хотя это не был уникальный подход, результат был идеальным — простой и разборчивый логотип, который не раздражал вас, даже если вы много времени проводили на веб-сайте (что делали многие пользователи).
Со временем все больше и больше пользователей знакомились с социальной сетью.Теперь не нужно было включать полное название службы в ее основной логотип — достаточно было первой буквы.
Итак, компания отказалась от синей надписи, оставив только букву «В» (в кириллице это означает букву «V»). Как и в предыдущей версии, жирная белая буква помещалась в синюю рамку с закругленными углами (либо использовалась обратная цветовая схема). Углы повторяли изгибы буквы «B», создавая приятное и мягкое настроение.
Тем не менее, полная версия, в которой значок был соединен со словесным знаком, по-прежнему часто использовалась.

2012-2016

Оттенок синего стал более серым, а белая окантовка вокруг логотипа исчезла. В остальном эмблема выглядит так же.

2016-2020

Примерно в начале 2013 года компания претерпела существенное обновление фирменного стиля. Сайт перенесен в зону dot com. Вместо старого адреса «ВКонтакте.ру» теперь использовался более простой двухбуквенный эквивалент «ВКонтакте». Согласно официальному комментарию основателя, этот шаг был необходим для того, чтобы название сервиса было более понятным для пользователей за пределами России.
Новое название потребовало новой эмблемы. Автор логотипа VK решил развить наследие бренда, поэтому синяя рамка с закругленными углами осталась основным элементом в структуре логотипа. Внутри гордо помещены буквы «v» и «k». Глифы частично перекрывались и за счет этого выглядели как единая монограмма. По сравнению со старой эмблемой, новая имела более уникальный и узнаваемый вид.

2020 — Сегодня

Текущий логотип сочетает в себе значок «ВКонтакте» с полным названием бренда, которое написано простым шрифтом.
В отличие от шрифта в предыдущих версиях, у этого меньше изгибов (например, обратите внимание на форму буквы «k»). Кроме того, словесный знак больше похож на независимый элемент, тогда как в более старых версиях он был включен в тот же фрейм, что и значок, который объединял две части в единое целое.

Критика эмблемы

С другой стороны, мы можем сказать, что это слишком сложно для верхнего логотипа. Вы не можете придумать простой объект или форму, с которыми они могли бы создать ассоциацию, связь в вашем уме.Сравните букву «M» на логотипе MacDonald’s, логотип Mazda или Nike Swoosh с их минималистичной и легко запоминающейся формой, эмблемы Apple или Twitter с их четким символическим значением.

Возможно, если бы небольшая деталь с засечками в верхней части буквы «v» была удалена, это могло бы помочь улучшить общее впечатление. Хотя визуальная рифма между буквой «V» и аналогичной формой в верхней части буквы «K» заметна, она могла бы быть более выраженной и стать одним из способов сделать логотип более минималистичным и легким для запоминания.

Кроме того, если вы сравните логотип ВКонтакте с другими популярными социальными сетями, вы можете обнаружить сходство в палитре с такими проектами, как Linkedin, MySpace, Behance, Skype, Twitter, Tumblr, Discus и, конечно же, Facebook.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *