Как сделать фон в группе в контакте – самое подробное руководство в рунете

как сделать фон в группе вк

ВАЖНО! Для того, что бы сохранить статью в закладки, нажмите: CTRL + D

Задать вопрос ВРАЧУ, и получить БЕСПЛАТНЫЙ ОТВЕТ, Вы можете заполнив на НАШЕМ САЙТЕ специальную форму, по этой ссылке >>>

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

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

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

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

1. Создать фон руководствуясь следующим правилом:
Ширина фона должна составлять не более 510px.

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

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

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

Пример — меню нашей группы.
Загружалось 3 прямоугольника 432×120 и в фикс. таблицу.

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

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

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

Создайте в графическом редакторе картинку. Сделайте скриншот страницы вашей группы (клавиша «PrtSc»). Скрин копируется в буфер обмена, а значит его можно достать от туда нажав «вставить» или Ctrl+v. Теперь накладываем скрин и картинку. Осталось только обрезать лишнее.

Источник: http://vk.com/page-9291063_12342804

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

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

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

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

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

Шаг 3.
Теперь правый прямоугольник (аватар) сразу же сохраняем отдельной картинкой размером 200х500 пикселя. Это уже готовая картинка для оформления группы. Она загружается в блок в правом верхнем углу группы, где написано «Обновить фотографию». А левую картинку надо нарезать на несколько картинок по количеству пунктов меню. В данном случае это 5 картинок шириной 510 пикселя.

Шаг 4.
На этом шаге нам надо загрузить наши нарезанные картинки ВКонтакт. Для этого сразу под описанием группы выбираем блок «Свежие новости», по-моему так он называется в оригинале. Я его переименовала в «Меню». Нажимаем «Редактировать». Важно! Во-первых, у вас должна быть именно Открытая группа, а не Страница. Поскольку на Странице такого пункта просто нет. И второе, в меню Управление сообществом > Информация > Материалы должен быть выбран пункт «Открытые».

Шаг 5.
Итак, во вкладке «Редактирование» мы нажимаем на иконку фотоаппарата и загружаем наши пять нарезанных картинок меню. ВКонтакт загрузит их по-своему, уменьшив размер до 400 пикселей по ширине и присвоив картинке тег noborder. В следующем шаге нам предстоит немного поправить код.

Шаг 6.
А именно, мы выставляем оригинальные размеры картинок и меняем тег noborder на тег nopadding. Также нам надо проставить урл ссылок с каждого пункта меню. В данном случае первая ссылка ведет на внутреннюю страницу Вконтакта, а остальные четыре ссылки ведут прямо на страницы моего сайта.

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

Шаг 7.
Еще раз повторяю, чтобы открыть данное меню надо щелкнуть по надписи «Меню». А так оно всегда находится в свернутом виде. Читайте комментарии к посту, там много вопросов разобрано. Ну и присоединяйтесь к моей группе В Контакте.

Источник: http://www.designonstop.com/webdesign/practice/kak-oformit-gruppu-v-kontakte-i-sozdat-krasivoe-graficheskoe-menyu.htm

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

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

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

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

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

Источник: http://www.bolshoyvopros.ru/questions/2261346-kak-sdelat-gorizontalnuju-zastavku-v-gruppe-vkontakte.html

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

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

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

Как сделать фон для меню ВКонтакте

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

Несколько практических рекомендаций:

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

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

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

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

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

Источник: http://socialair.ru/articles/fon_dlya_menu/

14 февраля 2018 года. Опубликовано в разделах: ЗНАНИЯ, КОНТЕНТ-МАРКЕТИНГ. 215

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

Параметры изображения

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

Для двух вариантов размеры обложки группы в ВК одинаковые. Минимальная ширина и высота 795 х 200 px. Но разработчики советуют увеличивать параметры исходного файла вдвое – до 1590 х 400 рх. Это позволяет паблику одинаково хорошо выглядеть на телефоне и широкоформатном мониторе ПК.

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

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

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

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

Нетронутой остается лишь область 918 х 317 рх. На нее и нужно ориентироваться.

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

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

Фоновая заставка вашего паблика должна максимально соответствовать ее содержимому и вызывать доверие у посетителей. Хорошие результаты показывают авторские фотографии. Снимки станков на производстве, тортов на вашей кухне или довольных клиентов в парикмахерской «заходят» лучше, чем избитые картинки из поиска Яндекса. Если нет подобных материалов, можно воспользоваться базой бесплатного фотостока, например, Unsplash. Сервис предлагает огромный выбор. Но ключевые запросы нужно вводить на английском. Хороший русскоязычный сток – Pixabay. Но количество файлов в свободном доступе ограничено.

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

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

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

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

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

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

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

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

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

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

Оформляем «шапку» сообщества

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

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

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

Устанавливаем «шапку» сообщества

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

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

Источник: http://semantica.in/blog/kak-sdelat-oblozhku-dlya-gruppy-vkontakte.html

kaketodelaetsya.ru

Постеры ВК: как сделать красивый фон для поста ВКонтакте

  • Новости
  • Интернет-маркетинг
  • PPC
    • Блог Google Adwords
    • Обновления Google Adwords
    • Блог Яндекс Директ
    • Обновления Яндекс Директ
  • SEO
    • SEO кейсы
  • SMM
    • IGTV
    • TikTok
    • YouTube
    • Блог о ВКонтакте
    • Обновление ВК
    • Блог про Facebook
    • Обновления Facebook
    • Блог про Twitter
    • Блог про Инстаграм
    • Обновления в Instagram
    • Блог про Одноклассники
    • Обновления в Одноклассниках
    • Таргетированная реклама
    • Яндекс.Дзен
  • Ещё
    • Брендинг
    • Веб-аналитика
      • Блог Google Analytics
      • Блог про Гугл Вебмастер
      • Обновления в Гугл Вебмастер
      • Блог про Яндекс Вебмастер
      • Обновления Яндекс Вебмастер
      • Блог Яндекс Метрики
      • Обновления Яндекс Метрики
    • Дизайн
    • Контент-маркетинг
    • Мессенджеры
    • Продажи
    • WordPress
  • Услуги
    • SEO & MARKETING
    • Продвижение на рынке B2B
  • Блоги
  • Спецпроекты
    • Click.ru
    • PromoPult
    • ukit
  • Реклама
  • ⚡ Сервисы

Поиск

IM
  • Новости
  • Интернет-маркетинг
    • Маркетплейс – что это и как работает, плюсы и минусы Обзор Google Data Studio. Как начать работу, добавить источник данных и… Как писать продающие тексты: структура, правила, примеры 10 лучших сервисов приёма платежей на сайте Лучшие шаблоны для интернет-магазина на WordPress
  • PPC
    • ВсеБлог Google AdwordsОбновления Google AdwordsБлог Яндекс ДиректОбновления Яндекс Директ Новинка для умных торговых кампаний Google Ads: геотаргетинг Графические объявления в Яндекс.Директ. Форматы и размеры баннеров в РСЯ Обучение Яндекс.Директ: курсы по настройке рекламы Корректировка ставок по региону в Яндекс.Директ
  • SEO
    • ВсеSEO кейсы Поведенческие факторы ранжирования сайта в Яндекс и Google: что это и… Как продвигать сайт только за счет внутренней оптимизации (без ссылок) Как автоматизировать подготовку и публикацию текстов для коммерческого сайта 10 лучших сервисов для SEO-аудита сайта: бесплатные и платные 
  • SMM

internet-marketings.ru

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

Всем привет, дорогие читатели блог in4wp.ru . Я продолжаю свою тему про SMM — на самом деле, тут не все так сложно, как кажется, да и изучать тут особо нечего. Ваш профессионализм полностью зависит от практики. Ну да ладно, сегодня мы с вами поговорим о красоте ваших групп, о красоте меню в ваших группах и о том, как меню и сами группы красиво оформить причем своими руками, т.е. бесплатно!

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

НУ что же, поехали составлять оформлять меню для групп вконтакте?

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

Да, именно самостоятельно, ведь после прочтения данной статьи, вам не понадобятся услуги фрилансеров. Хотя это дело не дорогое, за 1500 вам смогут сделать сделать меню на workzila (подробный опыт о работе с этой биржей я писал тут).

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

1. Макет (графическое расположение элементов) — мы ведь должны знать где что должно находиться.

2. Базовые знания wiki-разметки. (о самых самых стандартных вещах мы поговорим чуть ниже, а для подробного изучения — рекомендую [urlspan]эту группу[/urlspan]).

3. Базовые навыки работы с фотошопом. Нужно будет вырезать куски макета нужного размера.

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

Где брать макеты для меню?

Макеты для оформления меню вконтакте можно брать разными способами, например:

1. На фрилансе или томже Workzilla.

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

3. Можно загуглить и скачать уже готовые. Поверьте, таких не мало.

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

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

Главное условия — быть подписчиком и пройтись по соц кнопкам.!

[sociallocker]
Спасибо. Теперь вы можете скачать архив [urlspan]по этой ссылке[/urlspan].
Не забудьте пройтись по остальным соц кнопкам.
[/sociallocker]

Размеры аватаров и меню, которые пригодятся для оформления групп вк

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

Как видите, в группе для аватарки нужен размер 200 в ширину и 500 пикселей в высоту. А для картинки основного меню — 395 пикселей ширины и 289 пикселей высоты.

Вот, в принципе и все что нужно. Есть макеты, есть понимание размеров.

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

Как самостоятельно оформить группу вконтакте, имея макеты на руках

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

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

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

Сначала немного ликбеза.

Чем отличается меню группы от меню паблика?

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

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

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

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

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

http://vk.com/pages?oid=-XXX&p=YYY

http://vk.com/pages?oid=-XXX&p=YYY

где XXX – номер группы, YYY – название страницы (здесь все знаки вопросов и тире обязательны).

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

Я ввёл следующий запрос

http://vk.com/pages?oid=-97062010&p=навигация

http://vk.com/pages?oid=-97062010&p=навигация

И у меня открылась сразу созданная страница с возможностью её редактирования.

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

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

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

Да, и в любом типе сообщества закрепленный пост создается одинаково! Делается всё очень просто.

Как только пост опубликован — нажимаем на дату публикации.

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

На самом деле все сейчас используют именно этот способ меню.

Угадайте почему?

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

Нарезка макета для оформления группы или паблика

Так, для аватарки всё понятно, мы тут ничего не нарезаем. Мы создали картинку нужного размера и залили её в ВК. Всё. С аватаркой для группы мы закончили!

Теперь меню.

Для примера я взял меню из [urlspan]этой группы[/urlspan]. Я его делал сам, и до сих пор имею к нему доступ, поэтому даже могу показать код страниц.

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

Нажимаем на меню, видим картинку.

Нам нужно выделить «кликабельные» зоны.

т.е. выделить сами кнопки. Давайте я выделю эти зоны для вас красными линиями.

У нас получается сколько? 5 картинок. И не каждая из картинок будет кнопкой!! Как видим верхняя большая картинка — это не кнопка, а сама по себе…

Так, мы по этим линиям вырезали картинки. Теперь нужно из «залить» в ВК.

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

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

И, чтобы между картинками не было отступов — вписать тег «nopadding», выглядеть это должно вот так:

[[photo6230191_313682566|607x418px;nopadding| ]]

[[photo6230191_313682566|607x418px;nopadding| ]]

После этого на нужные картинки нужно поставить ссылки.

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

Не буду сильно мучать. Вот как я вставил ссылки на страницы в ВК:

[[photo6230191_313682327|195x106px;nopadding|page-58190479_45419120]]

[[photo6230191_313682327|195x106px;nopadding|page-58190479_45419120]]

вот это вот page-58190479_45419120 — это адрес самой страницы вконтакте, вы этот идентификатор найдете в адресной строке вашего браузера.

Вот и всё 🙂 Правда не сложно?

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

Если у вас с каким-то из пунктов возникли проблемы — прошу, обращайтесь. Буду рад помочь.

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

prospero | sociate | socialtools

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

[bye]

in4wp.ru

Добавить комментарий

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