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

Содержание

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


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

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

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

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

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

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

Таким образом, вы должны наполнить все созданные страницы необходимой информацией, а также нелишним будет расположить в них ссылки на внешние ресурсы (веб-сайт, Instagram и др.). Чаще всего, для того чтобы человек оформил заказ, ему нужно связаться с администратором группы. Для этого на созданной странице посвященной условиям заказа, создайте внешнюю ссылку, например, с таким адресом https://vk.com/write1776617, который содержит команду write и номер id ответственного за прием заказов человека. При переходе по ней, клиент сразу попадет в окно для отправки сообщения нужному человеку. Еще одной полезной фишкой для удобного оформления является создание дополнительной навигации. Делается это путем добавления к каждой странице внутренней ссылки. Благодаря таким небольшим фишкам вы можете уже не бояться трудностей в оформлении своего меню. Не стесняйтесь экспериментировать. Именно из проб и ошибок рождается победа.

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

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

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

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

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

Актуальные размеры изображений ВКонтакте

Некоторое время назад разработчики социальной сети «ВКонтакте» запустили новый дизайн … Это привело к тому, что размер изменились принципы отображения изображений. Памятка, которая будет представлена ​​ниже, соответствует всем нововведениям и содержит размеры, актуальные на данный момент времени.

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

Размер аватара ВК

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

Максимальный размер аватара составляет 200 x 500 пикселей. Но, в принципе, можно загружать изображения и большего размера — до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их сторон не превышало 2 к 5.

Я вам покажу на примере.

У меня есть изображение. Его размер составляет 200 на 800 пикселей (соотношение 2 к 8). При загрузке ошибок не возникает. Однако я все еще не могу использовать это изображение, так как «Контакт» не позволяет мне полностью выделить его.

Обложка

Размер обложки для полной версии сайта составляет 1590 x 400 пикселей.

Обратите внимание: в мобильной версии и приложениях не полная версия обложки отображается, но только его часть размером 1196 на 400 пикселей. Посмотрите, как он обрезается в мобильном приложении:

Чтобы Чтобы этого не произошло, разместите основные элементы обложки в пределах 1196 на 400 пикселей.

Прикрепленные изображения

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

Звучит немного запутанно 🙂 Итак, я покажу вам пример.

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

А вот так выглядит горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):

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

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

Изображения для постов со ссылкой

Все эти данные взяты из Open Graph код разметки:

Если Open Graph не указан, заголовок взят из метатега Title, а изображение — из статьи. При этом его можно легко изменить — или выбрать другое изображение из статьи с помощью специальных стрелок:

Или загрузите свой:

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

Изображение для статьи, созданной в редакторе

Размер изображения для обложки статьи, созданной в редакторе, составляет 510 на 286 пикселей. Лучше, если он будет темным и более-менее одноцветным, так как на светлом фоне теряется название статьи и сообщества.

Хороший пример:

Не лучший пример:

Размер фото и видео для историй

размер фото — 1080 на 1920 пикселей. Размер видео составляет 720 на 1280 пикселей.

Характеристики видеозаписей:

  • до 15 секунд;
  • не более 5 МБ;
  • кодек h.264;
  • звук aAC.

Истории должны использовать фото и видео в вертикальном формате.

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

Размер обложки фотоальбома

Размер изображения для видео

1280 на 720 пикселей.

Wiki-страница

Область содержимого вики-страницы имеет ширину 607 пикселей. Если вы загрузите изображение большего размера, оно автоматически загрузится в ширину 400 пикселей. Пример: у меня есть изображение 1366 на 768 пикселей. Если я добавлю его на вики-страницу, он будет выглядеть так:

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

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

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

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

Как сделать так, чтобы качество картинки не ухудшилось?

Чтобы изображение не сжималось (точнее, сжималось, но в гораздо меньшей степени), необходимо сделать его в 2–3 раза больше необходимого. Например, если нам нужно сделать аватар размером 200 на 500 пикселей, мы делаем снимок размером 400 на 1000 пикселей. Если вам нужно сделать меню 510 на 400 пикселей, возьмите 1020 на 800.

Изображение на темно-синем фоне, которое я привел чуть выше, имеет размер 510 на 350. I увеличил вдвое (1020 на 700) и сэкономил. Вот что из этого получилось:

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

Как стилизовать заголовок страницы

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

Обложка

Не так давно ВКонтакте представил обновление — теперь можно загружать большие и красивые обложки на страницах (1590 x 400 пикселей). Для этого перейдите в «Настройки» и нажмите кнопку «Загрузить».

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

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

Примеры динамических скинов:

Обложка + описание сообщества + ссылка на веб-сайт

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

Описание с хэштегами

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

Закрепленный пост, рассказывающий, о чем эта страница

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

А вот что видит пользователь после перехода по ссылке:

Открыть меню группы

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

Вот как закрепленный пост выглядит в заголовке Flatro:

Меню группы закрыто

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

А вот что мы видим, когда нажимаем на него:

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

Групповое меню

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

GIF и аватар в одном изображении

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

Кстати, я видел этот пример в группе SMM-маркетолога Сергея Шмакова. Итак, за находку выражаю ему огромную благодарность 🙂

Скрытое меню

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

Автоматически. воспроизведение видео

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

Как добавить такое видео в шапку своей страницы?

Для этого необходимо выполнение трех условий быть встречено:

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

Пост, который получает много репостов

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

Анонсы новых клипов, альбомов, событий

Презентация новых товаров/услуг

Скидки и акции

Кейсы, отзывы покупателей

Реклама приложений

Розыгрыши

Правила сообщества

Ссылки на другие социальные сети

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

Какой должен быть аватар

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

Миниатюра аватара

  1. Текст на миниатюре аватара должен быть достаточно большим, чтобы его можно было прочитать.
  2. Текст не должен выходить за пределы эскиза.
  3. Пользователи должны понимать, что показано на аватаре.
  4. По возможности лучше не использовать стоковые изображения, поскольку они часто снижают доверие к компании.
  5. Нежелательно, чтобы миниатюра аватара была слишком скучной и скучной, иначе она затеряется на фоне более ярких аватарок конкурентов.
  6. Если вы хотите, чтобы ваш аватар выглядел современно, сделайте его в стиле минимализма: меньше текста, теней, градиентов и элементов, не несущих никакой семантической нагрузки. Ваш аватар должен быть максимально простым и аккуратным. Этот стиль сейчас в тренде.
  7. Если ваша цель — привлечь внимание пользователей и выделиться среди других аватарки в ленте, вам придется включить фантазию. Подумайте, что вы сами ищете, когда ищете интересные сообщества? Например, меня уже привлекли аватары с горящей лампочкой, которая обычно означает, что пришло новое сообщение. Это очень старая техника, но по какой-то причине она все еще влияет на меня — когда я увижу такой свет, я обязательно буду следить за ним.

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

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

Какую информацию можно разместить на миниатюре аватара

Хотя миниатюра аватара очень маленькая, она может (и должна) использоваться для привлечения подписчиков в ваше сообщество. Как это сделать? Давайте рассмотрим несколько вариантов:

Объявление о новом продукте/услуге/событии

Преимущества компании/услуги/страницы

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

Выгодные цены

Бесплатная доставка

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

Акции

Конкурсы

Вакансии

Что должен быть сам аватар?

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

  1. Аватар должен быть качественным . О том, как этого добиться, я писал чуть выше. Для тех, кто пропустил эту часть, расскажу в двух словах — размер аватара должен быть в 2-3 раза больше, чем вы планировали.
  2. Желательно, чтобы аватар был совмещен с меню : у него такая же цветовая схема, те же шрифты, элементы и т. д. Благодаря этому заголовок вашей страницы будет выглядеть более аккуратно и профессионально. Пример:
  3. Сам аватар и его эскиз могут отличаться. Например, вы можете нарисовать круг на своем аватаре, оформить его так, как вам нравится, выбрать эту область в качестве миниатюры и стилизовать остальную часть аватара в другом стиле.
  4. Другой вариант — разделить аватар на две части. Один для миниатюры и один для остальной части аватара.

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

Какую информацию можно разместить на аватаре?

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

Домен сайта

Телефон/адрес/часы работы

Конкурсы/акции

Самые покупаемые товары/новинки

информация о доставке

Реклама мобильных приложений

Основные преимущества компании/страницы/продукта и т.д.

Обновление ассортимента/новое творчество и т. д.

Информация о том, что ваше сообщество является официальным

Информация о предстоящих событиях

Адреса аккаунтов в других социальных сетях

Расширенное описание страницы

Брэгс

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

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

Чтобы объединить аватар и меню, вам потребуется программа Adobe Photoshop или аналогичная. Я объясню весь процесс на примере Photoshop. Итак, вперед.

  1. Загрузите шаблон Photoshop, который я специально подготовил для этой статьи.. Обычный размер (меню — 510 пикселей в ширину, аватар — 200) или увеличенный (меню — 1020 пикселей в ширину, аватар — 400).
  2. Откройте изображение, на котором вы хотите создать основу.
  3. Скопируйте его, вставьте в шаблон и расположите так, как вы хотите вырезать.

  1. Добавить эффекты, текст, графику и многое другое.

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

  1. Выберите инструмент «Вырезание» и нажмите кнопку «Срезы по направляющим».

  1. Удалить ненужные фрагменты (правый клик — «Удалить фрагмент») и редактировать существующие (правый клик — кликнуть в пустом месте — взять нужную область и растянуть до нужного размера).

  1. Перейдите в «Файл» раздел и выберите команду «Сохранить для Интернета».

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

PS Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер — 500 пикселей, но ваше значение может быть меньше. Например, как на странице разметки вики:

Как использовать виджеты

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

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

Как стилизовать изображения для сообщений

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

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

Где взять хорошие изображения?

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

А что делать тем, кто не умеет работать в фотошопе?

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

1. Fotor.com

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

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

После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.

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

2 . Canva.com

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

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

Выберите шаблон (если шаблон отмечен как «БЕСПЛАТНО», то он бесплатный), измените текст.

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

Как форматировать статьи в редакторе

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

Как использовать вики-разметку

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

[] [] []

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

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

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

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

Вот что я сделал:

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

[] [] []

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


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

[] [] []

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

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

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

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

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

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

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

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

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

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

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

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

Путь №3. Все делать самому

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

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

Если у вас Думаю, вы справитесь со всем этим, тогда приступим.

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

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

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

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

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

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

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

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

http://vk.com/pages?oidu003d- Group_id & p = Имя_страницы

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

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

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

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

http://vk.com/page- Group_id _ XXX ? act u0 03d edit & section = edit

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

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

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

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

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

club Group_id

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

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

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

Шаг № 3. Где Могу ли я размещать вики-страницы ВКонтакте

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

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

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

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

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

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

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

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

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

[]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Публичное меню? Легко, как пирог!

Просмотрите статьи еще раз: и теперь эти знания будут нам полезны!

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

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

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

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

Вариант 1: (нормальный)

http://vk.com/pages?oidu003d- XXX & p = Page_name

, где XXX — это идентификатор вашей общедоступной страницы,

и «Page_Name» — любое слово, которое будет использоваться для названия страницы

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

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

Это меню wiki

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

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

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

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

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

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

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

Шаг № 3: исправьте сообщение

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

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

vk.com/frilkacom

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

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

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

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

Что такое Wiki Markup?

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

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

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

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

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

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

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

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

Как сделать так, чтобы меню в группе в ВК было красивым? В социальной сети ВКонтакте можно вставить фото или картинку с помощью вики-разметки только тогда, когда они загружены в фотоальбомы сайта. Итак, заходим в него, выбираем желаемое фото и копируем его адрес. Например, пусть это будет так: photo12345_67890. Теперь нужно взять его в дубль. Вы должны получить следующий результат: []. Что делать, если к фотографии или картинке нужно прикрепить текст или ссылку? А может есть желание немного подправить внешний вид? Тогда в этом поможет следующее: необходимо, чтобы файл выглядел так — [[photo12345_67890 | варианты | текст/ссылка]]. Вместо последних трех слов подставляется то, что нужно. Текст — пишем то, что нужно. Вроде особых пояснений не нужно. Ссылка переводится с английского как «ссылка». Это указано для того, чтобы машина пользователя знала, куда ей нужно идти. Параметры — здесь можно задать следующие значения:

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

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

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

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

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

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

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

{|
| —
|

”« Новое в науке »’ | |
| —
! [] !!
| —
|
[[Новости науки | Новости]]

[[Открытия]]

|
[[Конференции]]

[[Разработка]]

[[Книги]]

[[Симпозиумы]]

|
Разделы:

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

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

| —
|}

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

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

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

Заключение

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

  • Аватар для группы — 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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

В первую очередь нужно определиться, какого размера нужно будет создавать аватар для группы Вконтакте. Максимальная ширина аватара группы составляет 200 писелей (далее просто px), а максимальная высота – 500 px. Аватары большего размера будут уменьшены в масштабе в соответствии заданным пропорциям. Аватары, которые меньше указанных размеров, будут наоборот увеличены и исказятся в отображении. Поэтому создавайте аватар для группы Вконтакте шириной 200 px, а высотой от 200 до 500 px.


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

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


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

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

  • Пробовать все самостоятельно путем проб и ошибок.
  • Читать статьи о данной программе и смотреть видеоролики.
  • Прочитать книгу или посмотреть обучающий курс.

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

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

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

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

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

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

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

Создание баннера

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

Этап 1

Открываем Photoshop, создаем новый документ с размерами 630х725 пикселей. Заливаем его белым цветом. Вырезаем в слое два окна. Сквозь эти окошки будет выглядывать графическое оформление Контакта. Вначале выделим прямоугольную область размером 200х710 пикселей, нажмем кнопку "Del". Далее выделяем прямоугольную область размером 382х442 пикселя, совмещаем получившиеся прямоугольники понизу и нажимаем клавишу "Del".

Этап 2

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

Этап 3

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

Для чего же левая картинка? Мы разрезаем ее на несколько частей (зависит от количества пунктов меню). К примеру, у нас меню имеет 5 пунктов, значит, на выходе получится 5 картинок 382х50 пикселей.

Этап 4

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

Этап 5

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

Этап 6

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

Наименование группы должно умещаться в одну строку;

Адрес сайта - тоже одна строка.

Описание должно содержать 10 строк.

Wiki-разметка Вконтакте

Чтобы понять, как красиво оформить нужно также ознакомиться с понятием Wiki-разметки.

Что это такое?

Итак, Wiki-разметка - это система, предназначенная для редактирования страниц аналогично HTML. Перед началом оформления группы Вконтакте, определитесь с его видом. Оформление бывает графическое и текстовое.

Оформление текстового меню

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

Начало и конец кода обозначаются тегами. Каждая иконка будет иметь вид [], затем описание.

Графическое меню

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

! !! !!

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

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

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

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

Существует на сегодня несколько видов создаваемого меню:

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

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

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

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

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

Вид меню, будет следующим:

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

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

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

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

  • Для аватарки 200х332 пикселя;
  • Для основного баннера меню 395х282 пикселей.

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

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

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

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

Создадим новое полотно в фотошопе размерами 600х350 пикселей которое мы будем использовать в качестве трафарета вырезав в нем проемы для наших картинок. Для работы нам необходимо перевести размеры всех элементов и линеек в пикселе и делается это по следующему пути: «Редактировать-установка-основное» и тут уже выставляем пиксели.

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

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

Должно получиться следующее:

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

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

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

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

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

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

Обратите внимание что у вас должно быть:

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

Теперь остается настроить нашу страницу где и будет отображаться на менюшка. Для этого переходим на главную страницу сообщества и выбираем свежие материалы и редактировать и называем «НАШЕ МЕНЮ».

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

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

Совет: Важным моментом после загрузки изображений является удаление отступов. Решается это вставкой «nopadding» перед размерами изображений.

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

[]
где xxxxx - id вашей картинки
yyyyy - ширина в пикселях (не более 388)

Должно в итоге получиться вот так:

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

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

http://vk.com/page-116682062_51411604?act=edit&hid=183950676§ion=edit

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

Переходим на главную страницу и делаем следующее:

Шаг №1.

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

Шаг №2.

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

Шаг №3.

Теперь после публикации записи нажимаем на время создания в нижней левой части записи и выбираем «ЗАКРЕПИТЬ».

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

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

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

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


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

Скачать шаблон меню группы ВК + все исходники урока

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

Прикладываю видеоролик для закрепления прочитанного -))).

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

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

Актуальные размеры картинок ВКонтакте

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

А теперь подробнее по каждому пункту.

Размер аватара ВК

Минимальный размер аватара - 200 на 200 пикселей.Если вы попытаетесь загрузить изображение размером менее 200 пикселей в ширину или в длину, вы увидите такую ​​ошибку:


Максимальный размер аватара - 200 на 500 пикселей. Но, в принципе, можно загружать изображения и большего размера - до 7000 пикселей с каждой стороны. Главное, чтобы соотношение их партий не превышало 2: 5.

Покажи на примере.

У меня есть образ. Его размер: 200 на 800 пикселей (соотношение 2 к 8). При загрузке не возникает никаких ошибок. Однако я все еще не могу использовать это изображение, потому что «Контакт» не позволяет мне выделить его полностью.

Крышка

Размер обложки для полной версии сайта - 1590 на 400 пикселей.


Примечание: в мобильной версии А в приложениях отображается не полная версия обложки, а только ее 1196 часть размером 400 пикселей. Посмотрите, как это вырезано в мобильном приложении:

Чтобы этого не произошло, разместите основные элементы вашей обложки в пределах 1196 на 400 пикселей.


Прикрепленные изображения

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

Звучит немного запутанно 🙂 Поэтому я покажу вам на примере.

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


Но выглядит как горизонтальное изображение в альбомной ориентации (ширина 510 пикселей):


Как видите, изображение (по высоте) тем меньше оно выглядит в ленте смартфонов.Чтобы убедиться в этом, посмотрите на картинку ниже:

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

Изображения к публикациям со ссылкой


Все эти данные взяты из кода разметки Open Graph:


Если Open Graph не зарегистрирован, заголовок берется из метагеги Title, а изображение - из статьи.При этом его легко изменить - либо выбрать другое изображение из статьи с помощью специальных стрелок:


Или загрузите свой:


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


Картинка к статье, созданной в редакторе

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

Хороший пример:


Не очень хороший пример:


Размер фото и видео для рассказов

Размер для фото - 1080 на 1920 пикселей. Размер для видео - 720 на 1280 пикселей.

Технические характеристики видео:

  • до 15 секунд;
  • не более 5 МБ;
  • ч.264 кодек;
  • звук aAC.

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

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

Размер обложки для фотоальбома

Размер картинки для видео

1280 при 720 пикселях.


Вики-страница

Ширина области содержимого Wiki-страницы составляет 607 пикселей.Если вы загрузите изображение большего размера, оно автоматически загрузит 400 пикселей в ширину. Пример: у меня есть изображение размером 1366 для 768. Если я добавлю его на вики-страницу, то окажется, что:


Для изменения размера картинки нужно нажать и выставить нужные значения:


Как работать с вики-страницами, я подробно расскажу чуть ниже. Поэтому на этом они не остановятся.

Как сделать, чтобы картинки "ВКонтакте" не лазили? Влияние фона и размера на качество изображения.

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


Как сделать, чтобы качество картинки не портилось?

Чтобы изображение не лазило (точнее было лазило, но в гораздо меньшей степени), необходимо сделать его в 2-3 раза больше желаемого размера.Например, если нам нужно сделать аватар размером 200 на 500 пикселей, мы сделаем снимок размером 400 на 1000 пикселей. Если нужно сделать меню размером 510 на 400 пикселей, берем 1020 на 800.

Изображение на темно-синем фоне, которое я привел чуть выше, имеет размер 510 на 350. Я сделал его вдвое больше (1020 на 700) и сохранил. Вот что из этого вышло:


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


Как сделать головной убор

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

Крышка

Не так давно ВКонтакте представило обновление - теперь на страницы можно загружать большие и красивые обложки (1590 на 400 пикселей). Для этого зайдите в настройки и нажмите кнопку Загрузить.


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

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

Примеры динамических крышек:

Обложка + Описание сообщества + Ссылка на сайт

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

Описание с хештегами

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

Исправлен пост, рассказывающий о какой странице

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

А вот что видит пользователь после того, как перейдет по ссылке:


Открыто групповое меню

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

Вот какой фиксированный пост в шапке страницы Flatro:


Групповое меню закрыто

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

Но что мы видим, когда я нажимаю на него:

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

Меню переходов для группы

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

Гифка и Аватар в одном изображении

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

Кстати, я заметил этот пример у SMM-маркетолога Сергея Шмакова. Итак, за находку выражаю огромную благодарность 🙂

Скрытое меню

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

Автоматически воспроизводимое видео

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

Как добавить такое видео в шапку своей страницы?

Для этого нужно выполнить три условия:

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

Запись, получившая много репостов

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

Анонсы новых клипов, альбомов, событий

Презентация новых продуктов / услуг

Акции и скидки

Корпуса, отзывы покупателей

Рекламные приложения

Розыгрыши

Правила сообщества

Ссылки на другие социальные сети

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

Что должен Аватар

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

Миниатюрный аватар

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


  2. Текст не должен выходить за рамки миниатюр.


  3. Пользователям должно быть понятно, что изображено на аватаре.


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

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


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

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


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

Какую информацию можно разместить на миниатюрном аватаре

Несмотря на то, что миниатюра Аватара имеет очень маленький размер, ее можно использовать для привлечения подписчиков в ваше сообщество. Как это сделать? Рассмотрим несколько вариантов:

Объявление о новом продукте / Услуги / События


Преимущества компании / Услуги / Страницы


Телефон организации


Выгодные цены


Бесплатная доставка


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


Акции


Соревнования


Вакансии


Какой должен быть Аватар?

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

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

  4. Другой вариант - разделить аватар на две части. Один - для миниатюр, а второй - для всего остального аватара.


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

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


Какую информацию можно разместить на аватаре?

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

Домен сайта


Телефон / адрес / время работы


Конкурсы / Акции


Самые покупаемые товары / Новинка


информация о доставке


Рекламное мобильное приложение


Основные преимущества компании / страниц / товаров и др.


Обновить ассортимент / новое творчество и др.


Информация о том, что ваше сообщество является официальным


Информация о ближайших мероприятиях


Адреса аккаунтов в других социальных сетях


Расширенное описание страницы


Подсумок


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

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

Для того, чтобы объединить аватар и меню, вам понадобится программа Adobe Photoshop или ее аналог. Я объясню весь процесс на примере «Фотошопа». Итак, начнем.

  1. Скачайте шаблон для «Фотошопа», который я специально подготовил для этой статьи.В обычном размере (меню - 510 пикселей по ширине, аватар - 200) или в увеличенном (меню - 1020 пикселей по ширине, аватар - 400).
  2. Откройте изображение, которое хотите взять за основу.
  3. Скопируйте его, вставьте в шаблон и разместите так, как хотите вырезать.


  1. Добавить эффекты, текст, графику и т. Д.


  1. Если вы не хотите потерять часть изображения (в этом пространстве размером 50 пикселей), сдвиньте его вправо, как показано в следующем Gif:


  1. Выберите инструмент «Вырезание» и нажмите кнопку «Фрагменты на направляющей».


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


  1. Перейдите в раздел «Файл» и выберите команду «Сохранить для Интернета».


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


П.С. Высота аватара может быть изменена на ваше усмотрение. Я взял максимальный размер - 500 пикселей, но это значение может быть меньше. Например, как на странице «Wiki-разметка»:

Как использовать виджеты

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

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




Как выдавать изображения к постам

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

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

Где взять хорошие изображения?

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

А что делать тем, кто не умеет работать в «Фотошопе»?

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

1.Fotor.com.



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



Вставляем его в шаблон, выбираем левой кнопкой мыши, выбираем слой (значок Sandworm) и нажимаем на Move to Bottom. Таким образом, наша картинка вернется на задний план, а все надписи нанесены поверх нее.


После этого меняем текст, шрифт, размер шрифта, расположение надписи и т.д.


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


2. canva.com.

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


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


Выбираем шаблон (если в шаблоне стоит отметка «бесплатно», значит, он бесплатный), меняем текст.


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


Как оформить статьи в редакторе

В последнее время во «ВКонтакте» можно делать свои статьи в специальном редакторе. Для создания статьи необходимо нажать на букву «Т»:


Как использовать вики-разметку

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

Разметка

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

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


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

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

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

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

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

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

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

И за исключением веб-устройств.

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

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

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


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

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

[] [] []

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

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

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

130x46px; nopadding; - Параметры изображения: 130x46px; - Ширина и высота нашей картинки (может отличаться от размера самой стены) - для вертикального меню контакта CCC указывать не обязательно; nopadding; - Без пробелов - при использовании этой опции все пробелы (отступы) удаляются, а изображения объединяются в одно.

Вот что я сделал:

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

[] [] []

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


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

[] [] []

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

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

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

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

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

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

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

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

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

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

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

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

Путь № 3. Делай все сам

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

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

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

Шаг №0. Общие сведения о том, как устроено меню

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

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

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

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

https://vk.com/wall Xxx ? Собственное = 1

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

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

http://vk.com/pages?Oid=- ID_Group & p =. Navigation_strant

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

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

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

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

http://vk.com/page- ID_Group _ Xxx ? ACT = Edit & section = Edit

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

Шаг №2. Делаем простое меню для VKontakte Group

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

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

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

club ID_Group

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

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

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

Шаг №3. Где можно разместить вики-страницы vkontakte

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

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

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

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

Кликните по фото в фиксированном посте: появится ваша вики с простейшим меню группы.

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

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

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

"" "Версия меню для раздела" Материал "" "

[]

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

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

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

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

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

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

Шаг №4. Как сделать меню в группе ВКонтакте.Graphic

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

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

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

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

Всего две кнопки. Первый будет вести на главную страницу Яндекса, а второй - в группу VKontakte Team.

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

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

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

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

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

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

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

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

Меню в публичном доступе? Проще простого!

Перечитайте еще раз Статьи: А, теперь мы воспользуемся этими знаниями!

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

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

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

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

Вариант 1: (Нормальный)

http: // vk.com / pages? Oid = Xxx & p =. Navigation_strant

, где xxx - идентификатор вашей публичной страницы,

и «Имя Савраиста» - любое слово на этой странице будет называться

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

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

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

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

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

Шаг 2: Создайте сообщение на стене

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

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

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

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

Шаг № 3: Исправить столб

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

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

vk.com/frilkacom

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

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

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

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

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

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

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

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

Wikic Marking Methods

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

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

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

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

Как сделать меню в группе в ВК, что было бы красиво? В социальной сети «Вконтакте» вставка фото или картинки с использованием вики-разметки предоставляется только в тех случаях, когда они загружены в фотоальбомы сайта. Итак, заходим в него, выбираем желаемое фото и копируем его адрес. Например, пусть это будет так: Photo12345_67890. Теперь надо разобрать его на дубль должен получиться такой результат: []. А что, если к тексту или ссылке нужно прикрепить фото или картинку? А может есть желание немного отредактировать внешний вид? Тогда в этом поможет следующее: необходимо, чтобы файл был такого типа - [[Photo12345_67890 | Опции | текст / ссылка]].Вместо последних трех слов подставляется то, что нужно. Текст - Пишем то, что нужно. В особых пояснениях вроде бы не надо. Ссылка с английского переводится как ссылка. Он указывается для того, чтобы машина пользователя знала, куда ей нужно идти. Параметры - здесь могут быть установлены следующие значения:

  1. Обычный - Ссылка на изображение оформлена в виде текста, на ней нет изображения.
  2. NOBORDER - рамка убрана возле фото.
  3. Box - Изображение открывается в окне.
  4. NOLINK - Ссылка на фото убрана.
  5. Nopadding - пробелы между изображениями не отображаются.
  6. NNNXYYYPX или NNNPX - укажите размер картинки в пикселях. Первый вариант обеспечивает ширину и высоту. При желании можно «сжать» картинку. А второй вариант предусматривает редактирование ширины.

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

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

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

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

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

Здесь будут использоваться параметры NOBORDER и NOLINK. Они уберут рамку картинки и ссылку. Также изображения будут изменены в размере, а вторая строка ячеек будет иметь темную заливку из-за использования атрибута !.А вот и сам пример:

{|
| -
|

"'Новое в науке"' ||
| -
! [] !!
| -
|
[[Новости науки | Новости]]

[[Открытия]]

|


[[Конференция]]

[[Разработка]]

[[Книги]]

[[Симпозиумы]]

|


Разделы:

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

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

| -
|}

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

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

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

Заключение

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

Как сделать группу «ВКонтакте»

Наверное, нет смысла говорить о такой социальной сети «ВКонтакте»: почти у каждого первого человека есть страничка в ней. Многие очень активно этим пользуются и создают всевозможные тематические группы, объединяющие единомышленников.Как оформить группу ВКонтакте, чтобы она была красивой, чтобы было удобнее ориентироваться в предлагаемых материалах и просто поднимать настроение посетителей? Для этого вам потребуются навыки работы с графическими редакторами (например, Adobe Photoshop) и, собственно, наличие этих редакторов на вашем компьютере, помимо компьютера, Интернета и учетной записи в этой социальной сети.

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

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

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

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

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

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

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

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

Как дальше оформить группу «ВКонтакте»? Следующим шагом является ввод кода разметки вики для каждого из фрагментов меню, используя следующий шаблон:

[[фото- | <ширина> x <высота> пикселей; без границ; nopadding | http: //vk.com/pages? oid = - & p = ]]

Все элементы, заключенные в <угловые скобки>, заменяются реальными значениями для вашего меню, где:

- это ID (идентификатор) изображения, его можно увидеть в адресной строке, если щелкнуть нужный фрагмент меню в альбоме;

<ширина> и <высота> - ширина и высота изображения-фрагмента;

- ID группы, которую вы регистрируете.Его также можно увидеть в адресной строке страницы редактирования меню;

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

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

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

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

Создание группы ВКонтакте - для чего и для кого

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

Аватар группы ВКонтакте - лицо вашего сообщества

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


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

ВКонтакте шаблон для оформления группы

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

У многих возникают проблемы с отображением эскизов аватарок, обрезанных по кругу. Чтобы миниатюра не превратилась в обрезку уха или носа, нужно заранее позаботиться о том, какую область будет вырезать сервис для миниатюры. На вебинаре я рассказываю, как это делается в Photoshop (PhotoShop). Я сделал специальный шаблон размером 200 на 500 пикселей, на нем разместил круг (в другом слое, кто это понимает) и треугольник для стрелки вниз.Использовать такую ​​заготовку очень удобно - не нужно лишних движений тела по размеру.

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

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


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

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

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

сайт

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

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

Например, на сайте http://all-for-vkontakte.ru/ много разных шаблонов. Выберите подходящий и загрузите на свой компьютер, затем распакуйте архив и заполните получившиеся бланки в альбоме. После этого с помощью вики-разметки добавьте фото в раздел последних новостей.


Также на сайте http://shablonchegi.my1.ru/ вы можете выбрать подходящие шаблоны с кодами для прошивки.Там вы найдете множество платных и бесплатных образцов.

Примеры отличного дизайна для групп игровой тематики можно найти на сайте http://you-ps.ru/for_socnetwork/menu/.

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

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

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


Сначала выберите изображение, которое будет отражать тему сообщества или группы. Уникальные и красивые снимки можно приобрести на различных фотобанках, например, http://www.firestock.ru/, http://www.shutterstock.com или на тех сайтах и ​​сообществах, где пользователи и профессиональные фотографы размещают свои Работа. Например, можно найти группы и сообщества Вконтакте с такими названиями, как Aesthetics, Nice pictures, Art Art, и посмотреть, какие изображения загружают туда пользователи.Сообщества вроде http://vk.com/another_art и http://vk.com/esthe также подходят вам.

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

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


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

1) В Photoshop загрузите изображение, не превышающее 400-450 пикселей. Вы можете использовать ту же фотографию, что и на аватаре.

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

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

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

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

Далее вставляем специальную ссылку.

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

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

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

Мы хотим предложить вам графическое меню для ваших групп vK , оно посвящено новому футбольному симулятору EA под названием FIFA 14 . Эта игра вышла 27 сентября 2013 года и вы уже можете скачать игру FIFA 14 c торрента. На наш взгляд, симулятор достоин внимания, ведь если сравнивать прошлые игры серии, то вас ждет множество новых фишек, например, идеальный снимок, который делает каждый кадр невероятно реалистичным и траектория полета мяча соответствует реальной физике полета.Футболисты могут пробивать пушечное ядро ​​на расстоянии, удивлять голкипера низко летящим мячом, а также наносить удары за шкирку и крутить мяч, как в настоящем футболе.


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


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


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


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


Что ж, новый дизайн понравится тем, кто любит игры от компании Rockstar Games, выпустившей такие популярные игры, как L.А. Нуар, Макс Пейн, Red Dead Redemption и все известные Grand Theft Auto или просто говоря GTA . Это меню для группы ВКонтакте выполнено в темных тонах, без лишних изысков и эффектов. Основным фоном этого графического шаблона является ночной город игры. GTA , с голубоватым оттенком, на котором изображены герои популярных игр, которые были перечислены выше. В целом это очень простое дизайнерское меню для сообщества ВК, о котором можно судить даже по обложке, но все же стоит попробовать установить, так как в группе смотрится довольно аккуратно.


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


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

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

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

Разнообразие меню для сообщества «ВКонтакте»

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

Итак, есть закрытое меню и открытое.

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

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

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

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

Stage One

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

Первая картинка - аватар. Второй (центральный) - имидж-действие. Параметры аватара должны быть не менее 200 х 330 пикселей. Размер центрального изображения составляет не менее 390 x 280 пикселей.

Второй этап

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

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

Третий этап

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

Четвертый этап

Поместите первое изображение вместо основного фото сообщества.Запись этого действия вместе с изображением появится на стене. Его там нет, поэтому его нужно удалить.

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

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

Как создать таблицу в меню?

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

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

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

Как делать ссылки?

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

  • Оставьте ссылку. Для этого возьмите ссылку в квадратных скобках [].
  • Сделайте ссылку словом или фразой. Раскройте квадратную скобку, вставьте ссылку, после ссылки поставьте | и закройте квадратную скобку.
  • Ссылка на изображение. Вы можете сделать это в следующем примере: [[photo54634620_58576 | 60px | адрес страницы]].

Советы по созданию меню

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

  • Размер картинки не должен быть меньше 130 пикселей. Это значительно ухудшит внешний вид меню.
  • Ширина картинки не более 610 пикселей.
  • Вики-страница не может содержать более 17 незакрытых тегов.
  • При установке индикатора ширины высота автоматически изменяется в соответствии с пропорциями.
  • Внутри таблицы вы можете создать список с помощью тега
    .
  • В одной строке можно разместить не более 8 единиц списка.

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

Например, приложение «Интерактивный FAQ (бета)» позволяет проверить свои способности в программировании вики.

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

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

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

p >>

10 крутых инструментов для SMM-специалиста

На самом деле в этой статье будет не десять, а намного больше. Для вашего удобства все полезные сервисы и инструменты SMM разбиты по направлениям, а их всего 10!

1. Статистика группы конкурентов.

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

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

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

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

http://allsocial.ru - бесплатно.Работает только в ВК. Позволяет следить за охватом, количеством посетителей, ростом аудитории. Делает полный анализ группы.

https://popsters.ru/ - есть платная и бесплатная версия. Помогает анализировать контент сообществ на всех платформах.

2. Анализ вирусного содержания.

http://iqbuzz.ru/ - отслеживает сообщения о компании в различных социальных сетях. Анализирует не только социальные сети, но и тематические форумы и СМИ.

https://www.quicksprout.com/ - адаптировано для зарубежных сайтов, но хорошо подходит для поиска вирусных публикаций, получивших наибольшее количество лайков и репостов в социальных сетях.

https://brandspotter.ru/ - есть бесплатная (пробная) версия на 7 дней. Оптимизирован для поиска упоминаний бренда во всех социальных сетях.

http://vk.com/talk_to_friends - видит, кто из репостов в ВК получил больше всего лайков.

3.Дизайн обложки и картинки для статей

https://www.canva.com/ - доступ к нему бесплатный. Он понятнее и проще, чем Photoshop, но позволяет создавать хорошие изображения и дизайн для публики. Лучше всего работает в Twitter и Facebook.

https://quotescover.com/ - совершенно бесплатно. Подходит для создания цитатных картинок для обложек на всех сайтах.

https://menumake.ru/ - инструмент предназначен для регистрации групп Вконтакте для создания и загрузки меню в сообщества.Вы можете выбрать предложенный дизайн или создать свой.

4. Рекламные биржи.

https://plibber.ru/ - работает с разными платформами - YouTube, Faceebok, Vkontakte и другими социальными сетями. Есть показатели статистики, выгрузка отчетов, аналитика целевой аудитории.

https://sociate.ru/info/reklamasociat - создан для покупки рекламного места в Одноклассниках и Вконтакте. Есть подробная статистика.

5. Парсинг целевой аудитории

Cerebro.rf - Cerebro Target - самый известный и эффективный инструмент для парсинга целевой аудитории в ВК. Платный, но имеет много функций.

http://retarget.target-training.ru/ - функционал несколько ограничен. Создан специально для Вконтакте, использование бесплатное.

http://ok-sender.com/ - инструмент для поиска целевой аудитории в Одноклассниках.

6.Поиск контента и автоматическая публикация

http://megapo.st/ - сервис с большим функционалом. Обеспечивает поиск и автоматическую публикацию, публикацию в нескольких социальных сетях, публикацию из RSS. Работает с четырьмя социальными сетями, в том числе с Одноклассниками.

https://novapress.com/ - бесплатный период - 10 дней. Знает, как отслеживать контент на определенных сайтах и ​​публиковать его в определенное время. Работает с Google+, Facebook, ВКонтакте, Twitter.

7.Отложенная проводка.

http://smmr.ru/ Многофункциональный платный инструмент. Поддерживает публикацию из RSS. Публикует записей в Одноклассниках, , Facebook, VK, Instagram и Twitter. http://ecotime.me/ Сервис отложенной публикации Вконтакте, пользуйтесь бесплатно. Есть подробная статистика и отчеты по реакции аудитории.

https://kuku.io/ru/ - есть бесплатный и платный доступ. Работает со всеми социальными сетями. Подробная статистика находится в отдельной вкладке.

8. Определение победителей в соревнованиях.

http://winnerpicker.ru/ - бесплатно, работает без ограничений. Выбирает победителей конкурсов Inctagram.

http://www.random.org - самый известный бесплатный генератор случайных чисел. Подходит для всех социальных сетей, но требует дополнительной работы.

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

9. Масслайкинг и масфолловинг.

https://manageflitter.com/ - позволяет работать с подписчиками в Twitter. Хорошо показывает невзаимные и неактивные аккаунты.

http://linsta.ru/ - платный сервис с бесплатным периодом раскрутки аккаунтов в Instagram … Позволяет подписаться и поставить лайк. Работает онлайн на любом устройстве.

http://sobot.ru.net/ - бесплатно при работе с одного аккаунта.Работает с социальными сетями Вконтакте и Одноклассники. Обладает обширным функционалом, позволяет не только приглашать друзей и ставить лайки.

10. Составление отчетов.

http://www.wolframalpha.com/ Это хороший сервис для сбора статистики в вашей учетной записи Facebook. Показывает отчеты о друзьях, популярных постах и ​​темах.

https://reportkey.ru/landing/social/ - сервис для автоматизации отчетности клиентов Вконтакте и Facebook.Отчеты можно открывать даже с мобильных телефонов, что очень удобно.

http://www.babkee.ru/ - сервис анализирует упоминания на различные темы в социальных сетях и СМИ, формирует подробные отчеты по демографии, авторам и платформам. Помогает как дополнительные отчеты о проделанной работе.

Хорошие фото для добавления в контакт. Как добавить фото к сохраненным фото

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

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


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

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


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

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

Добавить фото в ВК с телефона

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


Как добавить фото к сохраненным фото

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

Новый дизайн ВКонтакте: как изменилась социальная сеть

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

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

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

1.В очередной раз вам нужно будет войти в личный кабинет ВКонтакте под своим логином и паролем. 2. Перейдите в меню «Мои фото» и найдите новый альбом, созданный на предыдущем шаге (по материалам предыдущей пошаговой инструкции сайта pod-kopirku.ru). 6. Теперь осталось только убедиться, что все новые фото есть в новом альбоме. Если вы только что создали аккаунт в популярной социальной сети ВКонтакте, то, скорее всего, вы хотите, чтобы друзья и родственники смогли вас найти.

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

Как добавить фото из «ВКонтакте» в «Мои фото» и как создавать фотоальбомы, подскажет ВКонтакте.

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

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

Система перенаправит вас на страницу «Добавить фото». Вам будет предложено загрузить фотографии со своего компьютера в поддерживаемых форматах JPG, PNG или GIF, а также информацию о том, что вы можете загрузить до 50 фотографий «ВКонтакте» за раз. Для этого, открыв папку с фотографиями на вашем компьютере, отметьте те, которые вы хотите загрузить, нажав и удерживая клавишу «Ctrl».

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

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

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

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

Если вы случайно заблокировали несколько фотографий «ВКонтакте», вы можете исправить ситуацию, почистив браузер. Неважно, какой интернет-браузер вы используете, алгоритм действий один и тот же.В Mozilla Firefox вам нужно перейти на вкладку «Инструменты», выбрать «Настройки» и вкладку «Контент». Установите флажок рядом с «Автоматически загружать изображения». Зайдите в «Исключения» и, если есть адреса, содержащие адрес «vkontakte.ru», удалите их из списка.

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

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

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

.

http://vkontakte.ru или http://vk.com


Для входа на свою страницу введите логин и пароль и завершите процедуру авторизации, нажав кнопку « Зайти в ».На открывшейся главной странице вашего аккаунта найдите раздел под названием « Мои фото » (слева от аватара) и перейдите в него.

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


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


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


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


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


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


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

Инструкция по эксплуатации

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

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

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

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

Полезный совет

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

Источники:

  • Заработай 1000 долларов на одной фотографии! »Фото дилера

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

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

Похожие видео

Полезный совет

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

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

Вам понадобится

  • Компьютер, доступ в интернет, цифровые фото.

Инструкция по эксплуатации

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

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

Похожие видео

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

Размещение в социальных сетях

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

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

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

Публикация на сторонних сайтах, связанных с фотографиями

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

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

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

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

Вы когда-нибудь мечтали оказаться на одном фото с Брэдом Питтом, президентом России или США? А может быть, вы хотите, чтобы ваш портрет был написан известным художником? В наши дни нет ничего невозможного! За пару минут вы превратите свою фотографию в оригинальное и эксклюзивное фото!

Инструкция по эксплуатации

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

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

Похожие видео

Полезный совет

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

Источники:

  • как сделать что-нибудь крутое в 2017 году

Инструкция по эксплуатации

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

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

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

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

Похожие видео

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

Инструкция по эксплуатации

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

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

Как добавить дополнительные значки социальных сетей в Divi

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

Как легко включить дополнительные значки социальных сетей в нижнем колонтитуле Divi

Самый простой способ добавить больше значков социальных сетей на ваш сайт Divi - это доступ к панели Theme Options , позволяющей использовать опции для Facebook, Twitter, Instagram и RSS.Затем вы просто вводите URL-адреса своего профиля в поля. Когда вы это сделаете, вы увидите, что они отображаются в виде значков ссылок в нижнем колонтитуле вашего сайта:

В меню панели управления WordPress перейдите к Divi - Параметры темы и щелкните вкладку Общие . Прокрутите вниз, чтобы увидеть переключатели сети. Кроме того, прямо под этими переключателями обязательно введите URL-адреса для каждого включенного значка социальной сети Divi. В противном случае значок появится, но щелчок по нему никуда не приведет пользователя.Использование # вместо URL-адреса будет удерживать пользователя на странице, а не перенаправлять его на страницу 404.

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

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

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

Как использовать Divi Builder для добавления модулей подписки в социальных сетях в контент страницы или публикации

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

Вы можете использовать Divi Builder для вставки значков социальных сетей прямо на свои страницы или сообщения с помощью модуля Social Media Follow .

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

И, конечно, знаете. Просто нажмите Используйте Divi Builder , чтобы начать создавать свою страницу или публикацию с нуля (или из одного из наших готовых макетов). Кроме того, вы можете добавить значки социальных сетей Divi, если используете редактор WordPress по умолчанию. Все, что вам нужно сделать, это вставить блок Divi Layout и выполнить те же действия, которые мы проделываем ниже.

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

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

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

Затем выберите один из раскрывающегося списка.

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

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

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

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

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

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

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

Чтобы начать работу с построителем тем, перейдите к Divi - Theme Builder на панели инструментов WordPress.

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

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

Если у вас уже есть настроенные шаблоны, все, что вам нужно сделать, это щелкнуть Edit Pencil или дважды щелкнуть раздел, который вы хотите отредактировать.

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

Например, если мы хотим включить значки социальных сетей под заголовком сообщения, но над содержанием сообщения в каждом сообщении блога, которое мы публикуем, мы просто добавим модуль Social Media Follow .Щелкните круг Black + и выберите его в диалоговом окне « Insert Module ».

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

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

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

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

Добавление значков социальных сетей в верхний и нижний колонтитулы с помощью Divi Theme Builder

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

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

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

Заключение

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

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

Миниатюра статьи, автор Sammby / shutterstock.

Добавить комментарий

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