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

Содержание

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

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

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

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

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

У нас будет вот такой вот простой фон.


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

Чтобы открыть файл в редакторе нужно нажать «файл», далее «открыть…» и выбрать нужный рисунок.

С помощью текста, оформите свое меню. Слева нажмите букву T и введите название пунктов меню.


  1. Далее макет меню надо нарезать на части, выделив кнопки, по которым можно будет перейти в нужные разделы. Для этого надо воспользоваться инструментом «раскройка» (Slice Tool). Нажмите букву "C" и выберите раскройка (правой кнопкой мыши на элементе).

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

  2. Теперь полученное изображение необходимо сохранить. Для этого надо выбрать «Файл», далее «сохранить для Web и устройств», или заменить эти действия сочетанием клавиш
    Alt+Ctrl+Shift+S
    .
  3. В настройках при выборе типа файла надо выбрать JPEG, качество – максимальное, поставить галочки напротив «Прогрессивный» и «Встроенный профиль», далее нажимаем «сохранить». Теперь получится такое количество изображений, на сколько частей оно было нарезано.
  4. Готовый каркас для меню группы Вконтакте создан, осталось его загрузить непосредственно в саму группу. Для этого надо загрузить изображение в фотоальбом группы с помощью стандартной загрузки . Тут нужно учесть следующий момент: при загрузке в альбом фотографий необходимо соблюдать порядок, в котором они располагаются.
  5. Затем необходимо зайти в раздел «Свежие новости», который находится выше раздела «фотографии». Если такой раздел у вас отсутствует, то надо в группе зайти в раздел «управление сообществом» и убедиться, что подключен раздел «материалы».
  6. В разделе «новости» надо нажать на клавишу «редактировать», откроется текстовый редактор. В редакторе нужно прописать свой заголовок, а еще включить режим wiki-разметки. Wiki –разметка это специальный язык разметки, используемый для оформления текста на Web-сайтах. Чтобы включить wiki-разметку необходимо нажать на пиктограмму ромба.

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

  9. Скопированную ссылку надо вставить в исходный код в меню. Ссылку необходимо прописывать в квадратных скобках!
  10. Далее ставится знак | и прописывается 370px, далее ставится знак; и прописываются следующие теги: noborder и nopadding.

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

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

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

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

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

Хочешь быть умнее, чем другие? Зарабатывать больше? Читай еще:

  • ? Вы тоже не знаете?
  • . Конечно же он пригодится.
  • . У вас тоже нет звонка?

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

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

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

Для знатоков фотошопа я описываю процесс в коротком варианте.

Создать в фотошопе новый документ размером приблизительно 700х800 пикселей, залить его белым цветом. Вырезать в слое два окна 200х710 пикселя и 382х442 пикселя простым выделением и командой дел. Хочу уточнить, что высота может и меняться, в зависимости от картинки и Вашего желания. На нижнем слое должна быть нужная иллюстрация. Совместим прямоугольники по низу.

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

Вы видите, что я создала 2 кнопки.

Справа, в редакторе, выбираем режим wiki-разметки и вставляем следующее.

и вставляем следующее.

Для каждой картинки своя строчка. Внимание! Создавать эти записи надо только в текстовом редакторе! Не в ворде. У меня получилось такое.

Где брать номер картинки? Если правой клавишей кликнуть по картинке и открыть ее в новом окне, то в браузере увидите номер такого вида https://vk.com/photo156539370_328142608. Это он. Если там будут какие-то еще значки, их не надо учитывать.

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

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

Если нам не нужное скрытое меню, делаем открытое.

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

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

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

Надо ее скопировать.

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

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

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

Все очень просто! Теперь Вы знаете как создать красивое меню вконтакте .

P.S. Если у вас нет фотошопа, можно скачать бесплатно(без смс и так далее) графическое приложение .

P.S. Небольшая тренировка мозга

Когда человек находится дома без головы?

Читайте также:

2014-05-10T13:22:20+00:00 Надежда Софт и просто полезное скрытое меню открытым,создать меню вконтакте

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

Надежда Трофимова [email protected] Administrator Блог сайт

Возможно Вас также заинтересует:


Полезные ресурсы для владельцев каналов на ютубе


Чем VDS-хостинг отличается от обычного виртуального

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оформление группы ВКонтакте с учетом нововведений — Блог ДругМедиа

Привет! Я — Алексей Кузьмичев, руководитель SMM-проектов в бюро ДругМедиа

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

Обложка страницы

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

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

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

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

Название и статус группы

Визуально название группы и статус сместились на второй план. Но их функции не изменились. Почему стоить внимательно подойти к заполнению этих пунктов, читайте в этой статье: drugmedia.ru/blog/20

Личные сообщения сообщества

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

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

Прикольно, что можно написать сообщение-приветствие. А еще можно добавить группу в левое меню соцсети, где напротив сообщества появится +1, когда вы получите новое сообщение в группу.

Описание, инфо

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

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

Советы по составлению описания группы мы уже писали в этой статье: drugmedia.ru/blog/20

Вики-меню

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

Научиться работать с вики-разметкой можно здесь: vk.com/wiki

Приложения

В начале ноября во ВКонтакте появились приложения. Они призваны расширить функционал групп, заменив сторонние сайты и сервисы. ВКонтакте предлагает несколько вариантов приложений. Но возможности безграничны. Каждый администратор может создать собственное приложение. Подробнее об этом здесь: vk.com/blog/community-apps

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

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

Товары

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

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

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

Обсуждения

Обсуждения — по-прежнему, хороший инструмент для общения и обратной связи от клиентов и подписчиков. Как их оформить и использовать вы узнаете здесь: drugmedia.ru/blog/20

Ссылки

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

Альбомы

Функции альбомов никак не изменились. Их можно использовать не только в качестве истории с кучей фотографий. Из альбомов можно сделать портфолио или каталог. Но стоит помнить, как правильно их оформить. Обложка, название и описание будут полезными. И ничего страшного, если фотографии из раздела «товары» окажутся и в фотоальбомах. Как оформить фотоальбомы, мы писали здесь: drugmedia.ru/blog/20

Контакты

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

А еще в блоке «Контакты» можно указать должность, почту, номер телефона каждого сотрудника и написать, по каким вопросам к ним обращаться. Как не оставить свой магазин без продавцов, читайте в этой статье: drugmedia.ru/blog/20

Вот несколько примеров удачно оформленных групп:

  • Хорошие обложка и раздел «товар»

  • Короткое и понятное описание

  • Заполненный с пользой раздел с вики-страницами

  • Интересный тест

  • Простое и понятное меню

  • Полезные обсуждения

  • Яркие обложки альбомов

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

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

Алексей Кузьмичев

Твитнуть

Поделиться

Поделиться

Отправить

Класснуть


Как настроить главное меню на сайте "ВКонтакте" на компьютере

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

В главное меню «ВКонтакте» можно добавить:

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

Как настроить меню «ВКонтакте» на компьютере?

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

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

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

Обратите внимание!

В главное меню можно добавить не более пяти своих сообществ.

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

Заключение

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

правила работы с редактором ВКонтакте

Делаем вашу страницу интересной и стимулируем подписчиков почаще заглядывать к вам на страницу или на сайт за покупками

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

Подпишись на рассылку и получи книгу в подарок!

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

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

Как сделать статью в ВК

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

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

Работа с текстом в редакторе статей ВК

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

Вам доступны следующие функции:

  • Полужирный шрифт.
  • Курсив.
  • Зачеркнутые слова.
  • Вставка ссылки.
  • Заголовок h2.
  • Подзаголовок.

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

Так.

И так.

Чтобы получить второй вариант, щелкните по значку еще раз. В текстах хорошо воспринимаются маркированные и нумерованные списки. Их также легко создавать. Для этого в следующей строке начните первый пункт с цифры 1. (точка обязательна) и пробела или с * и пробела. Чтобы закончить перечень, нажмите Enter два раза. Максимальное количество символов для одного лонгрида – 100 000 знаков.

Редактирование медиафайлов: размер картинок и обложки для статьи в ВК

Изображения можно брать со страницы автора поста, из группы или вставить из буфера обмена. В новом поле выберите нужный тип материала и загрузите. Пропорции фотографий и скриншотов могут быть разными. Как ориентир используйте соотношение 16:9. Его рекомендует сама социальная сеть. Инструмент позволяет добавить к объекту описание, оно автоматически расположено по центру, внизу. Аналогичная функция доступна для других вложений. Для работы подходят форматы: JPG, GIF или PNG; AVI, MP4, 3GP, MPEG, MOV, FLV, F4V, WMV, MKV и другие.

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

Редактор статей ВКонтакте: как сделать картинку для анонса

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

Если не поставить нужную фотографию, сайт автоматически возьмет его либо из первого изображения в тексте, либо из аватарки сообщества, автора поста. Чтобы подобрать свой вариант, прокрутите страницу наверх. В правом углу найдите меню «Публикация», закройте уже установленный вариант и загрузите подходящий из личного аккаунта или другого архива. Рекомендуемые пропорции 16:9 или 510*286 px. Не забывайте, что часть картинки займет заголовок и кнопка. Не забудьте сохранить результат.

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

Для ускорения работы используйте следующие сочетания кнопок:

  • Shift + Enter или Ctrl + Enter – переход на новую строку.
  • Enter – создание абзаца.
  • Ctrl/Cmd + Z – отмена предыдущего действия.
  • Ctrl/Cmd + B – форматирование в жирный шрифт.
  • Ctrl/Cmd + I – выделение курсивом.

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

Дополнительные возможности: удаление, день/ночь, статистика

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

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

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

Еще парочка полезных функций:

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

Как опубликовать статью в контакте

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

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

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

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

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

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

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

Как ннастроить пункты меню ВК. 2 способа

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

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

На компьютере

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

Посмотрим на примере как это можно сделать:

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

  1. Далее переходим в раздел «Настройки».

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

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

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

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

На телефоне

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

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

  1. Открываем любой браузер на телефоне и переходим по ссылке https://m.vk.com/. Пролистываем вниз страницы и выбираем опцию «Версия для компьютера».

  1. Далее перед нами отобразится полноценная версия ВКонтакте. В верхнем правом углу нажимаем на кнопку в виде стрелочки вниз.

  1. Следующим шагом переходим в раздел «Настройки».

  1. В отобразившемся окне переходим в окно «Настроить отображение пунктов меню».

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

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

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

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

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

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

Какие есть ограничения

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

Если она Вам необходима, следует перевести группу в публичную страницу Вконтакте. После этого инструмент станет доступен.

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

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

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

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

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

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

В списке есть еще два пункта:

  • Только от подписчиков;
  • Выключены.

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

Как предложить новость в группе

Разберем процесс в полной версии ВК, а затем через приложение на телефоне.

Пробуем с компьютера

Заходим в ВК, открываем раздел "Сообщества", и переходим в нужную группу.

Переходим в нужное сообщество

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

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

Когда пост будет полностью подготовлен, нажмите на кнопку "Предложить новость".

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

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

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

Теперь с телефона

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

Как опубликовать предложенную новость

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

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

Для каждой из них, есть три основных варианта действий:

  • Подготовка к публикации;
  • Отклонение;
  • Удаление.
Основные действия с предлагаемыми новостями

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

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

Когда все будет готово, нажимаем на кнопку "Опубликовать".

С телефона действуем по аналогии.

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

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

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

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

Давайте разберем этот механизм.

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

Предлагаем запись анонимно

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

Чтобы одобрить запрос на анонимную публикацию, мы переводим этот пункт в режим "Отключен". Затем выкладываем пост.

В подсказке ниже мы покажем два варианта новостей - с ссылкой на автора, и без нее.

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

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

Урок 3. Оформление группы ВКонтакте. Часть 2. Рисуем графическое меню в Photoshop

Шаг 1. Подготавливаем холст.

Открываем программу Photoshop и создаем новый файл. Для этого нажимаем пункт меню File (Файл) и выбираем там New (Новый). Название пунктов и кнопок в разных версиях программы может немного отличаться, поэтому ориентируйтесь, пожалуйста, по картинкам.

На этом шаге нам важно настроить следующие параметры:

  1. Задаем ширину и высоту изображения. Ширина должна быть не больше 388 пикселей. Высота может быть любой. Мы указали 500 пикселей. Важно: проверьте, чтобы в качестве единиц измерения были указаны именно пиксели, а не дюймы, сантиметры и т.п.
  2. Устанавливаем разрешение картинки (Resolution). По умолчанию там может стоять значение 72 или 150 пикселей/дюйм. Вы можете ничего не делать с этим.
  3. Режим цвета (Color Mode) должен быть выбран обязательно RGB color.
  4. Цвет подложки (Background contents) – прозрачный (Transparent) или белый (White). Нам кажется более удобным работать на прозрачной подложке.
  5. Нажимаете OK

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

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

Шаг 2. Рисуем картинку.

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

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

Затем нам нужно в панели, появившейся вверху экрана выбрать следующую кнопку:

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

Создаем новый слой:

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

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

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

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

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

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

Повторите те же действия для всех кнопок, которые вы хотите сделать в меню группы. Мы рекомендуем каждую кнопку делать в новом слое. Проще всего это сделать копированием, тогда вам не придется рисовать одинаковые кнопки вручную. Для этого выделите мышкой нужный вам слой и нажмите сочетание клавиш Ctrl + J. Затем переместите кнопку на желаемое место способом, описанным выше.

Вот что получилось:

Теперь добавим в качестве фона картинку. Нужную картинку предварительно сохраните на своем компьютере.

Затем выберите в меню File (Файл) пункт Open (Открыть) и в появившемся окне укажите путь к вашей картинке и откройте ее. У вас появится новая рабочая область, в которой есть только ваша картинка. Чтобы скопировать ее в файл, где мы с вами сейчас рисуем меню, вам нужно:

  1. При помощи инструмента Выделение выделить ту часть картинки, которую вы хотите скопировать. Для этого ведите по ней курсором, зажав при этом левую кнопку мышки. Вокруг выделенной части изображения появится пунктирный прямоугольник.
  2. Нажмите в верхнем меню пункт Edit (Править), а затем Copy (Копировать), или просто сочетание клавиш Ctrl + C
  3. Перейдите в тот файл, где вы рисуете меню, создайте новый слой и нажмите в верхнем меню пункт Edit (Править), а затем Paste (Вставить), или просто сочетание клавиш Ctrl + V. Скопированное изображение появится у вас на рисунке.

У нас получилось так, что изображение не соответствует размерам рисунка и его нужно уменьшить. Для этого мы нажимаем сочетание клавиш Ctrl + T. Вокруг картинки появились маркеры-прямоугольнички, двигая которые, мы можем уменьшить, увеличить или растянуть изображение:

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

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

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

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

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

Ну и для тех, кому понравилось рисовать: добавим эффект тени к кнопкам.

В открывшемся окне можете ничего не менять и просто нажать ОК. Повторить действия для каждого слоя с кнопками (кроме текстов).

Теперь нам нужно обрезать лишнюю часть подложки рисунка:

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

Шаг 3. Правильно сохраняем рисунок

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

Нажимаем в меню File (Файл), затем Safe for web (Сохранить для веб). Перед вами откроется окно с настройками для сохранения файла. Мы рекомендуем выбрать формат png-24 (он подходит в большинстве случаев) и снять галочку напротив Transparency (Прозрачность):

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

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

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

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

 

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

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

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

Подготовка к созданию меню Вконтакте

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

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

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

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

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

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

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

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

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

  • Наш следующий шаг - узнать адреса наших страниц - «кнопок». Нажмите в меню на «Здоровая спина» и на странице «Здоровая спина» нажмите «Редактировать»

  • Далее в окне браузера мы видим такой адрес и берем из него только то, что выделено синим цветом. Адрес нашей страницы «Здоровая спина» должен выглядеть так: page-116040065_52123446, а не так: https://vk.com/page-116040065_52123446?act=edit

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

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


    В моем случае адрес верхнего изображения выглядит так:
    photo18

    15_337249677

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


    Я цифрами указал за что отвечает и означает:
    1 - это адрес нашей картинки;
    2 - это ширина картинки, значит ширина нашего меню, этот показатель можно менять, но идеальный размер - 388 пикселей. Этот номер должен быть одинаковым во всех трех строках;
    3 - это текст « noborder; nopadding » отвечает за то, чтобы между изображениями не было промежутков, так что меню представляет собой сплошное изображение;
    4 Это адрес страницы нашего меню.
    Чтобы не ошибиться, вы можете скопировать мой образец и ввести туда адреса своих изображений и страниц.

  • Удалите (сотрите) нижнее текстовое меню под цифрой 5 и нажмите «Предварительный просмотр» внизу. Видим наше красивое меню - сохраняем страницу.

  • Зайдите на главную страницу группы, обновите ее и нажмите «Меню». Все! Наше меню готово! Нажимая на ярлыки, мы попадаем на страницы. Пока они пустые, но всему свое время.

Полезная информация по теме группы Вконтакте:

Оставайтесь на связи и подпишитесь на последние новости.
Удачи и удачи!

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

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

Факторы ухода гостей:

  • аватар;
  • описание;
  • title;
  • красивое и практичное меню;
  • красочность;
  • содержания.

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

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

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

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

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

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

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

  1. каталог;
  2. Цена
  3. ;
  4. доставка;
  5. рекламных предложений;
  6. отзывов.

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

Примерный вариант набора кнопок:

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

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

Предлагаем следующие кнопки:

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

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

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

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

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

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

видео: меню для общественности

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

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

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


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


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

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

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

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

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


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


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

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

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

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

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

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

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

  1. найдите нужную запись;
  2. щелкните по нему левой кнопкой мыши;
  3. скопируйте URL-адрес в адресную строку.
  • перейти к источнику, куда нужно отправить посетителя;
  • скопируйте требуемый адрес.

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

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

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

Разметка

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


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

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

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

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

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

Видео: меню с поиском по категории

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

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

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

Как это: []

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

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

[] .

Где опции заменяются на:

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

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

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

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


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

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

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

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

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

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

), составьте меню.

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

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

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

  • Аватар группы - 200 × 300 пикселей
  • Баннер в описании - 510 × 271 px

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

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

Сначала загрузите аватар. Зайдите в группу и нажмите «Загрузить фото».

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

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

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

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

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

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

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

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

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

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

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

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

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

https://vk.com/pages?oid=-120208137&p=menu

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

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

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

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

[] []

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

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

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

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

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

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

Выберите этот инструмент и начните резку. Досталось 7 частей.

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

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

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

Изображение 1

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

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

Рисунок 2

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

Рисунок 3

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

Рисунок 4

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

Рисунок 5

Wiki - код необходимо вводить точно так, как показано на рисунке 5.Тогда вы можете сами поэкспериментировать.

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

[], где

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

Рисунок 6

Тег «nopadding» удаляет пробелы между изображениями, то есть помогает «закрепить» их близко друг к другу.

370px - ширина изображения, смотрите это значение в свойствах файла.

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

Чтобы картинка не кликабельна, я использовал тег nolink:

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

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

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

Почему это происходит?

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

Как повлиять на поисковую эффективность сообщества?

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

  • в ленте новостей группы
  • в поисковой системе контактов
  • поиск в Google и Яндекс
  • в ссылки других сообществ
  • в ленте пользователей ВК

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

Принципы создания фигурных миниатюр.

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

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

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

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

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

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

5 шагов как оформить группу в контакте

Крышка

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

1. Используйте высококачественные иллюстрации

Обложка сообщества ВКонтакте должна быть размером 1590х400 пикселей, но лучше загружать фото в 2-3 раза больше в формате.png. Так удастся избежать некачественного отображения.

2. Адаптировать изображение под разные устройства

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

3. Разместите слоган и ИТП

Позвольте клиенту увидеть вашу философию и преимущества с первого экрана.

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

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

5. Помогите клиентам немедленно связаться с вами

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

6. Объявление событий

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

7. Присутствуют акции и скидки.

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

8. Предлагаем совершить целевое действие.

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

Загрузите аватар и выберите миниатюру

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

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

Если подать в качестве шапки - обложка, аватарка всегда будет отображаться в виде эскизов.

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

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

1. Значок должен быть четким для аудитории.

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

2. Слушайте только качественные фото.

Лучше скачивать исходников в 2-3 раза больше необходимого, чтобы об ужасных пиксельных «квадратах», которые вы не в лучшем свете можно было забыть.

3. Создавайте собственные иллюстрации.

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

4. Контрастные фоновые изображения страницы - что вам нужно

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

5. Разместите контакты или ИТП компании

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

6. Сделать текст крупным и читабельным

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

7. Применять нестандартные формы

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

Разработка меню

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

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

Разработать витрину товаров

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


Регистрация постов

1.Используйте доступные размеры изображений в полную силу

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

2. Разработайте индивидуальный стиль постов.

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

3. Разместите короткий текст на картинке.

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

4. Сделайте несколько шаблонов для разных целей.

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

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

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

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

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





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

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

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

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

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

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

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

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

4.3 Reost Card, Promotions
IN в последнее время Особую актуальность приобрели карты для репостов или акций. Ее задача - призыв к конкретным действиям. В основном это «Присоединяйтесь к группе, сделайте репост или поставьте лайк и выиграйте приз».«Такие баннеры используются в рамках рекламных компаний или акций как в своих группах, так и для продвижения других групп. Я обычно использую размер 600x350 пикселей.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вконтакте для смартфона. Как авторизоваться с телефона в сети ВКонтакте

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

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

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

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

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

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

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

Пользовательская кнопка в Мои ответы - это вкладка «Ответы» для «удобства» пользователей, которая фактически находится в разделе «Мои новости».

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

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

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

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

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

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

Мобильная версия находится на http://m.vk.com. Что интересно, вы можете использовать его не только со своим мобильным телефоном, но и прямо с вашего компьютера.При этом сейчас открываются не новости, как можно подумать, а меню. Что интересно, зайдя в список друзей, вы можете узнать их номера мобильных телефонов. Эта информация открыта и берется из профиля пользователя (то есть это данные, которые человек оставил в открытом доступе). Если говорить об остальном меню, то существенной разницы между мобильной и обычной версиями нет.


Кстати, несколько лет назад было несколько версий ВКонтакте для мобильной техники.Итак, если вы использовали КПК или смартфон, то нужно было перейти по ссылке pda.vkontakte.ru, а если речь шла о самом обычном мобильном телефоне, то адрес был другой - m.vkontakte.ru. Через некоторое время обе версии были объединены на m.vk.com.

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

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

ВКонтакте для Android (ссылка google play). Программа распространяется через магазин Google play. В чем его преимущество? Прежде всего, это самый маленький и удобный ОС-клиент «Андроид» для социальной сети ВКонтакте. Во-вторых, им очень легко начать пользоваться - загрузите приложение на свой смартфон, откройте его и введите данные из своей учетной записи, никаких дополнительных действий не требуется.В-третьих, приложение максимально оптимизировано, чтобы потреблять наименьшее количество интернет-трафика.

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


VK App для iOS (ссылка App Store). Если вы используете iPhone, iPad или iPod Touch, он был создан специально для вас. официальные приложения, поддерживающие полную функциональность ВКонтакте. В чем его преимущества? Итак, это самая быстрая социальная сеть для iOS. Он отлично работает не только на телефонах последнего поколения, но даже на iPhone 2G, который по современным меркам не наделен большой мощностью и быстрой скоростью. В приложении ВКонтакте есть удобные папки для друзей, закладки, смайлы, обзор фотографий и так далее.Приложение максимально использует экран вашего телефона - поэтому все фотографии и изображения отображаются во всю ширину экрана, если это, конечно, возможно. Наконец, программа работает по защищенному протоколу https, поэтому никто не сможет перехватить ваши данные.


Оба приложения распространяются исключительно бесплатно. Обязательно скачай их себе на смартфон и пользуйся на здоровье. Ну а если у вас обычный телефон, то воспользуйтесь мобильной версией, расположенной по адресу http: // m.vk.com.

Плюсы ВКонтакте для Android

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

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

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

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

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

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

Есть возможность проигрывать файлы и мультимедиа.

Однако есть и недостатки

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

Просматривая фото или видео, вы можете «поставить лайк», то есть показать, что оно вам нравится.


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

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

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

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

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

Мобильная версия Вконтакте

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

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

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

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

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

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

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

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

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

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

Регистрация группы ВКонтакте: Full Hyde design. Как сделать группу ВКонтакте

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

5 шагов как оформить группу в контакте

Крышка

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

1. Используйте высококачественные иллюстрации

Обложка сообщества ВКонтакте должна быть размером 1590х400 пикселей, но лучше загружать фото в 2-3 раза больше в формате.png. Так удастся избежать некачественного отображения.

2. Адаптировать изображение под разные устройства

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

3. Разместите слоган и ИТП

Позвольте клиенту увидеть вашу философию и преимущества с первого экрана.

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

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

5. Помогите клиентам немедленно связаться с вами

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

6. Объявление событий

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

7. Присутствуют акции и скидки.

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

8. Предлагаем совершить целевое действие.

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

Загрузите аватар и выберите миниатюру

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

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

Если подать в качестве шапки - обложка, аватарка всегда будет отображаться в виде эскизов.

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

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

1. Значок должен быть четким для аудитории.

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

2. Слушайте только качественные фото.

Лучше скачивать исходников в 2-3 раза больше необходимого, чтобы об ужасных пиксельных «квадратах», которые вы не в лучшем свете можно было забыть.

3. Создавайте собственные иллюстрации.

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

4. Контрастные фоновые изображения страницы - что вам нужно

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

5. Разместите контакты или ИТП компании

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

6. Сделать текст крупным и читабельным

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

7. Применять нестандартные формы

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

Разработка меню

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

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

Разработать витрину товаров

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


Регистрация постов

1. Используйте доступные размеры изображения в полную силу

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

2. Разработайте индивидуальный стиль постов.

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

3. Разместите короткий текст на картинке.

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

4. Сделайте несколько шаблонов для разных целей.

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

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

Евгения Крюкова

* Обновить статью.

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

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

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

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

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

Минимальный размер аватара - 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 кодек;
  • звук переменного тока.

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

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

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





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

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



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

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


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

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


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


Меню новой ссылки

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


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

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


Чтобы добавить пункт меню, щелкните «Новая ссылка».


В открывшемся окне выберите обложку (минимальный размер - 376x256 пикселей), введите название пункта меню (важно поставить 20 знаков с пробелами), добавьте ссылку и нажмите «Сохранить».


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


На выходе должно быть примерно так:


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

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

Вот какой фиксированный пост в шапке страницы 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-разметка»:

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

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

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




class = "incut">

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

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

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

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

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

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

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

1.Fotor.com.



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



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


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


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


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

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

Разметка

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

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


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

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

Почему это происходит?

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

Как повлиять на поисковую эффективность сообщества?

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

  • в ленте новостей группы
  • в поисковой системе контактов
  • поиск в Google и Яндекс
  • в ссылки других сообществ
  • в ленте пользователей ВК

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

Принципы создания фигурных миниатюр.

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

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

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

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

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

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

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

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





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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как добавить инфографику в PowerPoint?

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

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

Инфографика

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

Есть ли в PowerPoint шаблон инфографики?

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

Как добавить инфографику в PowerPoint?

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

  1. Как создать инфографику с помощью SmartArt
  2. Как вставить шаблон инфографики в PowerPoint
  3. Изменение цвета схемы шаблона
  4. Вставка текста в шаблон инфографической схемы
  5. Вставка значка в шаблон инфографической схемы
1] Как создать инфографику с помощью SmartArt

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

Запустите PowerPoint.

Измените слайд на пустой макет.

Щелкните вкладку Insert и щелкните SmartArt в группе Иллюстрации.

A Выбор рисунка SmartArt Откроется диалоговое окно .

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

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

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

A Введите текст здесь диалоговое окно появится справа.

Введите нужный текст в поле для каждого слоя.

Теперь мы добавим цвет к фигурам на диаграмме.

Щелкните большую круглую форму и щелкните вкладку Home .

Затем выберите Shape Fill в группе Drawing и выберите цвет в меню.

Теперь мы хотим вставить картинки в меньшие круги.

Щелкните значок изображения внутри круга.

В диалоговом окне Insert Pictures выберите Stock Images .

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

Мы выбираем несколько изображений на вкладке Icon , набирая то, что мы ищем, выбираем изображение и нажимаем Insert .

Изображение добавлено на диаграмму, проделайте то же самое с двумя другими.

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

Чтобы разместить изображение в форме круга, щелкните вкладку Home , выберите фигуру Oval в группе Drawing и нарисуйте ее поверх формы.

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

Теперь изображение выглядит как круг.

Сделайте то же самое для остальных.

Теперь мы хотим добавить тему на диаграмму.

Щелкните вкладку Design и выберите тему из меню в группе Темы .

В этом уроке мы выбрали тему Droplet.

Теперь у нас есть простая инфографическая диаграмма, созданная из диаграммы SmartArt.

2] Как вставить шаблон инфографики в PowerPoint

В Microsoft PowerPoint вы можете вставить шаблон инфографики в слайд PowerPoint.Следуйте инструкциям ниже.

Запуск PowerPoint .

Щелкните File .

В представлении Backstage щелкните Дополнительные шаблоны .

Введите инфографику в поле поиска.

Появится список шаблонов, относящихся к инфографике.

Выберите шаблон инфографики из списка.

В этом уроке мы выбрали шаблон Финансовый инфографический плакат.

Щелкните Create .

Шаблон будет загружен и вставлен в слайд.

3] Изменение цвета схемы шаблона

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

Затем перейдите на вкладку Home и нажмите кнопку Shape Fill в группе Drawing .

Выберите цвет в меню.

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

4] Вставка текста в шаблон инфографической схемы

Чтобы вставить текст в шаблон инфографики, Увеличьте слайд.

Затем щелкните текстовое поле и введите.

5] Вставка значка в шаблон инфографической схемы

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

Затем выберите Изменить графику и щелкните Стоковые Изображения в контекстном меню.

В диалоговом окне щелкните вкладку Значок и найдите значок; выберите его и нажмите Вставить .

Картинка вставлена ​​в шаблон.

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

умных плавающих / липких кнопок - виджеты вызовов, обмена, чата и многое другое - Buttonizer - плагин для WordPress

2.4.3

Дата выпуска: 26.07.2021

Список изменений:
- Исправлена ​​ошибка PHP при отсутствии группы во внешнем интерфейсе.
- Некоторые дополнительные исправления.

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.4.2

Дата выпуска: 19.07.2021

Список изменений:
- Теперь вы можете редактировать стиль группы, имея только 1 кнопку.
- Исправлена ​​ошибка, из-за которой ссылка социального обмена не обновлялась при обновлении URL-адреса.
- Исправлена ​​ошибка, из-за которой значок не отображался.
- Исправлена ​​ошибка, из-за которой перетаскивание кнопки не обновляло предварительный просмотр.
- Некоторые дополнительные исправления.

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.4.1

Дата выпуска: 1 июля 2021 г.

Журнал изменений:
- Новая функция: теперь вы можете изменить основной текст вашей кнопки Social Sharing!
- Обновление: всплывающее окно больше не использует href в качестве селектора класса.
- Исправлен текст приветствия, появляющийся при использовании виджета чата Messenger
- Исправлены проблемы предварительного просмотра в реальном времени. исправления

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.4,0

Дата выпуска: 17 мая 2021 г.

Список изменений:
- Обновление предварительного просмотра панели мониторинга в реальном времени
(Предварительный просмотр в реальном времени теперь будет обновляться, как только вы измените настройку!)
- Нет ajax для новых пользователей. Следует увеличить скорость!
(для старых пользователей отключите «Использовать ajax для загрузки кнопок» в разделе «Настройки» -> «Настройки»)
- Исправлены кнопки, не отображаемые в IE11
- Исправлено открытие при наведении курсора для мобильных устройств
- Исправлено несколько имен классов, из-за которых кнопки не отображались
- Исправлен темный режим в пользовательском редакторе CSS
- Удалены некоторые ненужные! Важные теги для улучшения настраиваемости
- Несколько других исправлений ошибок

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.3,2

Дата выпуска: 16.03.2021

Список изменений:
- Исправлена ​​проблема с цветом кнопок при наведении

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.3.1

Дата выпуска: 12.03.2021

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

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.3,0

Дата выпуска: 4 фев.2021 г.

Список изменений:
- Добавлено закрытие по нажатию кнопки
- Добавлена ​​линия социального обмена
- Добавлено действие WP Popups
- Добавлено действие присоединения к группе сигналов
- Добавлены функции экспорта и импорта
- Прекращено действие всплывающих окон - всплывающих окон WordPress, пожалуйста использовать альтернативу «всплывающие окна WP»
- Обновлен палитра цветов
- Исправлена ​​проблема, из-за которой невозможно было нажать кнопку в режиме одной кнопки
- Исправлена ​​проблема с фоновым изображением
- Исправлена ​​проблема с открытием при наведении курсора в режиме одной кнопки

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2,5

Дата выпуска: 7.12.2020

Список изменений:
- Добавлены кнопки базы знаний Popup Maker и Elementor Popups
- Исправлена ​​проблема с однокнопочным режимом и включением закрытия при щелчке вне сайта
- Исправлена ​​проблема с неопределенной ошибкой в ​​магазине
- Исправлена ​​проблема с функцией getCookie
- Исправлена ​​проблема с ссылки, которые можно нажимать, даже если пуговица не открыта
- Исправлена ​​проблема с ограничением при обзоре страниц действий
- Исправлена ​​проблема с Google Analytics, когда она не была включена
- Исправлена ​​проблема с кнопкой новой вкладки
- Исправлен неверный цвет
- Различные мелкие исправления

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2,4

Дата выпуска: 26.11.2020

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

Журнал изменений:
- Добавлена ​​страница действий кнопки
- Удалено ограничение на 7 кнопок для каждого меню
- Добавлено обходное решение проблемы с мобильным виджетом Messenger
- Изменено раскрывающееся меню действий кнопок на автозаполнение
- Добавлена ​​кнопка закрытия в меню панели инструментов ящик
- Исправлены проблемы с функцией открытия при наведении.
- Исправлены предупреждения PHP в Buttonizer.php при загрузке в первый раз
- Исправлено пропускание позиции анимации открытия, когда кнопка скрыта
- Исправлена ​​анимация пульсирующего внимания
- Исправлена ​​проблема с `` неопределенным значком ''
- Исправлена ​​проблема с конфликтом Buttonizer с другими плагинами
- Исправлено неработающее намерение выхода в Safari и Firefox
- Обновлено сообщение о сбое и инструменты
- Различные мелкие исправления

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2,3

Дата выпуска: 11.11.2020

Журнал изменений:
- Добавить параметр для cc и bcc в действие кнопки почты
- Исправить ошибку при использовании всплывающих окон - Всплывающие окна WordPress
- Исправить проблему, при которой кнопка редактирования предварительного просмотра не работала правильно для отдельных кнопок
- Устранена проблема, при которой пуговица вылетала, когда установка двух кнопок в действии виджета Facebook Messenger
- Устранена проблема, при которой значки по-прежнему отображались неправильно в некоторых темах
- Исправить exitintent, не работающий в Safari, Firefox и IE
- Исправить exitintent, некорректно работающий на отдельных кнопках
- Исправлен сбой приборной панели
- Исправлено действие.open () ошибка

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2.2

Дата выпуска: 4.11.2020

Список изменений:
- Панель администратора теперь запоминает, как далеко вы прокручивали и какие группы были открыты на странице обзора
- Перемещены некоторые элементы в интерфейсе администратора
- Исправлена ​​проблема с дублированием групп
- Исправлена ​​проблема, при которой роли разрешений не работал в бесплатном режиме
- Исправлена ​​проблема, когда изображение при наведении не работало
- Исправлена ​​проблема для анимированных одиночных кнопок
- Исправлена ​​проблема с отслеживанием Google Analytics
- Исправлена ​​проблема с Facebook Messenger
- Обновлены имена классов из-за конфликта имен классов с несколькими темами

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2,1

Дата выпуска: 29.10.2020

Список изменений:
- Различные мелкие исправления

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.2.0

Дата выпуска: 29.10.2020

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

Примечание: если у вас есть собственный CSS для пуговиц, это обновление может сломать их. Чтобы исправить это, вам может потребоваться добавить ! Important в свойства css.

Журнал изменений:
- Обновления UX
- Обновлен FontAwesome 5 до последней версии
- Переписан код внешнего интерфейса для повышения производительности
- Исправлено несколько сбоев

Новые функции:
- Добавлена ​​возможность отключить кнопку заголовка
- Добавлена ​​опция «Нажмите снаружи, чтобы закрыть»
- Создан JavaScript API Buttonizer с хуками
- Реализованы улучшенные интегрированные настройки «по умолчанию» и возврат к настройкам группы
- Добавлено свойство rel , теперь можно установить одно или несколько свойств rel для URL
- Обновленная система разрешений: теперь вы можете выбирать роли, которые могут управлять Buttonizer

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1,9

Дата выпуска: 17.07.2020

Список изменений:
- Исправлена ​​проблема с расширенной настройкой положения.

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1.8

Дата выпуска: 6.07.2020

Список изменений:
- Исправлена ​​проблема с настройками положения.
- Исправлены неровные этикетки.
- Исправлена ​​неработающая настройка анимации.
- Исправлена ​​ошибка 403 () в панели инструментов Buttonizer.
- Исправлена ​​проблема с ролями пользователей.
- Показать полное сообщение об ошибке, если сохранение не удалось.

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1.7

Дата выпуска: 24.06.2020

Список изменений:
- Исправить неработающий только мобильный телефон
- Исправить положение, из-за которого пуговицы не отображались
- Изменено действие WhatsApp для использования wa.me

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1,6

Дата выпуска: 20.06.2020

Список изменений:
- Исправление нескольких ошибок

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1.5

Дата выпуска: 17.06.2020

Новые функции
- Теперь вы можете открывать настройки кнопок, выбирая их в предварительном просмотре
- Добавлена ​​функция «закрывать по щелчку за пределами»
- Добавить больше кнопок «добавить кнопки»
- Улучшена производительность интерфейса Buttonizer:
- CSS теперь использует графику powers
- Удалена зависимость jQuery

Полный список изменений читайте здесь

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

Исправление ошибки

2.1,4

Дата выпуска: 14.05.2020

Исправление ошибки:
- Исправлен сбой панели управления при входе в панель Buttonizer в определенных ситуациях.
- Исправлено несколько ошибок в «намерении выхода»

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1.3

Дата выпуска: 11.05.2020

Чао! Баттонайзер по-итальянски! Buttonizer теперь доступен на итальянском языке благодаря Ivano (пользователь Buttonizer)! Хотите переводить с нами? Станьте участником!

Исправлены ошибки и обновления:
- Добавлен итальянский язык
- Добавлено новое действие кнопки: «Перейти вниз»
- Обновлен метод сохранения
- Исправлен сбой при поиске значков на карте
- Исправлен сбой средства выбора цвета при наличии «прозрачного» как цвет
- Устранена проблема с неработающим объектом и телом
- Исправлена ​​проблема с виджетом программы обмена сообщениями
- Исправлено намерение выхода для отдельных кнопок
- Исправлено несколько сбоев

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1,2

Дата выпуска: 30.04.2020

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

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1,1

Дата выпуска: 28.04.2020

Первые исправления ошибок! Спасибо всем за отзывы 🙂

Исправлены ошибки:
- Исправлены множественные сбои пользовательского интерфейса
- Исправлена ​​ошибка в правиле страницы, которое было введено в v2.1
- Исправлена ​​ошибка, из-за которой кнопка Buttonizer не отображалась на панели администратора WordPress.
- Исправлена ​​ошибка в библиотека значков
- Исправляет ошибку в подсказках
- Работал с отзывами

Если у вас возникнут ошибки, проблемы или вы просто хотите оставить отзыв, сообщите нам об этом в нашем сообществе Buttonizer!

2.1,0

Дата выпуска: 25.04.2020

Релиз версии 2.1! После напряженной работы в течение последних нескольких месяцев и выпуска нескольких бета-версий мы наконец-то рады выпустить ее!

Buttonizer 2.0 стал началом чего-то нового для Buttonizer. Мы перешли от внутреннего интерфейса к внешнему. После выпуска версии 2.0 в прошлом году мы получили много отзывов от нашего сообщества. В Buttonizer 2.1 основное внимание уделялось UX и интеграции правил Material Design в интерфейс.

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

Что нового?
- Большое изменение пользовательского интерфейса и пользовательского интерфейса
- Повышение производительности
- Полностью переписанная панель управления

Обновлено:
- Оптимизированное сохранение
- Дополнительные функции
- Реструктуризация Frond-End
- Теперь используется WordPress API
- Прекращена поддержка PHP 5.9 или ниже
- Прекращена поддержка WordPress 4.6 или ниже

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0.9

Дата выпуска: 3 февраля 2020 г.

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

** Версия 2.1 в процессе разработки! ***
В настоящий момент команда Buttonizer работает над большим обновлением, которое скоро выйдет! В версии 2.1 мы дадим Buttonizer новую современную панель управления, переписанный бэкэнд и новые функции.Оставайтесь с нами, если вам интересно!

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0.8

Дата выпуска: 23.11.2019

Что нового?
- Теперь вы можете заставить Buttonizer не использовать Google Analytics

Обновлено:
- Обновлен URL-адрес для публикации в социальных сетях Pinterest, поскольку старый стал устаревшим
- Обновлена ​​ссылка на чат Viber
- Исправлена ​​ошибка в мессенджере Facebook
- Исправлена ​​анимация одной кнопки
- Бэкэнд Freemius

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0,7

Дата выпуска: 8.09.2019

Сегодня мы выпустили Buttonizer 2.0.7! Вам нравится переводить Buttonizer?

Что нового?
В этом выпуске мы добавили два новых действия кнопки !
- Копировать URL страницы
- Распечатать страницу
- Поддержка другого всплывающего плагина WordPress

Обновлено.

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0,6

Дата выпуска: 9.08.2019

Сегодня мы выпустили Buttonizer 2.0.6!

Что нового?
- Добавлен стиль прямоугольного меню
- Добавлена ​​импульсная анимация (Премиум)
- Добавлена ​​анимация желе (Премиум)
- Добавлено намерение выхода (Премиум)

Обновлено:
- В группе мы сделали «стиль кнопки» всегда видимым (только серым)
- Обновлен способ вызова всплывающих окон через Buttonizer
- Исправлена ​​ошибка виджета Facebook Messenger
- Исправлено для людей, которые используют плагин ' All in one WordPress Security '
- Исправлены некоторые ошибки на отдельных кнопках
- Обновлен бэкэнд Freemius
- Несколько других исправлений ошибок и улучшений

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0,5

Дата выпуска: 23.07.2019

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

Мы также исправили важную ошибку Google Analytics ! Из-за этой ошибки Buttonizer не отслеживал данные о нажатиях кнопок… Приносим извинения за неудобства! Теперь он должен работать, мы будем следить за нашим исправлением.

Но у нас есть и другие хорошие новости! В этой версии мы также добавили в Buttonizer множество новых действий при нажатии ! Можно даже открыть виджет чата в Facebook Messenger нажатием кнопки!

Список новых действий кнопок:

  • Нажмите для чата
    • Виджет Facebook Messenger
    • Прямое сообщение в Twitter
    • Snapchat
    • Skype
    • ЛИНИЯ
    • Телеграмма
    • Wechat
    • Viber
  • Кнопки социальных сетей
    • Facebook
    • Твиттер
    • Instagram
    • Whatsapp
    • LinkedIn
    • Pinterest
    • Электронная почта
    • ВКонтакте
    • Поптин
    • Waze
  • Открытое всплывающее окно (опция: с контактной формой)
    • Поптин
    • Всплывающее окно Elementor
    • Конструктор всплывающих окон

Другие изменения:
* Небольшие исправления ошибок
* После некоторой обратной связи мы изменили сообщение о подписке
* Теперь мы используем нашу новую базу знаний!

Если у вас возникнут ошибки, проблемы или у вас есть отзывы, дайте нам знать в нашем сообществе Buttonizer!

2.0,4

Дата выпуска: 19.06.2019

Исправлены две ошибки в этой версии. Если вы обнаружите какие-либо ошибки или ошибки в Buttonizer, сообщите о них здесь

2.0.3

Дата выпуска: 19.06.2019

С 2.0.3 мы официально выпустили бесплатную версию!

В эту версию добавлены / изменены следующие функции:
- Некоторые изменения UX
- Добавлено «(экспериментальное)» в трекер событий

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

2.0,2

Дата выпуска: 14.06.2019

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

Исправления ошибок:
- Исправлена ​​небольшая ошибка миграции
- Исправлена ​​ошибка поиска FontAwesome 4.7
- Исправлена ​​ошибка, из-за которой не запускалось всплывающее окно Elementor
- Исправлена ​​проблема перетаскивания
- Исправлена ​​проблема перехода стиля меню CSS
- Подготовка материала для Выпуск бесплатной версии
- Изменен тур Buttonizer
- Удалены некоторые предупреждения для действия кнопки «URL»
- «Полукруг» переименован в «Угловой круг»

2.0,1

Дата выпуска: 5.06.2019

Исправлено:
- Значки не центрированы
- Исправлены множественные проблемы миграции
- Использование новых методов безопасности в панели управления администратора для Buttonizer

2,0 ​​

Дата выпуска: 31.05.2019

Батонизатор с медленным высвобождением 2.0

Большие, важные новые функции:
- Измененный пользовательский интерфейс и UX
- Добавлен предварительный просмотр кнопок в реальном времени
- Публикация кнопок или сохранение изменений в концепции

Чтобы прочитать полный список изменений, посетите наше сообщество: https: // community.buttonizer.pro/d/30-buttonizer-2-0-changelog

1.5.7

Дата выпуска: 29.05.2019

Патч Freemius bug

Кстати, скоро выйдет 2.0! Будьте на связи! 🙂

1.5.6

Дата выпуска: 25.02.2019

Исправление безопасности

1,5,5

Дата выпуска: 9 января 2019 г.

Небольшое обновление, но мы работаем над большим 2.0! Бета скоро начнется

Хотите узнать больше о Buttonizer 2.0? Проверьте https://buttonizer.pro/become-a-beta-tester/

1.5.4

Дата выпуска: 26.09.2018

Исправление нескольких уведомлений / предупреждений PHP.

1.5.3

Дата выпуска: 17.09.2018

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

Кстати, вам может быть интересно узнать, что мы очень много работаем над Buttonizer 2.0, скоро будут большие улучшения, следите за обновлениями! 🙂

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

1.5.1

Дата выпуска: 22.04.2018

Исправление ошибки создания кнопок. Сообщите нам, если вы обнаружите другие ошибки 🙂

1,5

Дата выпуска: 19.04.2018

Мы добавили повторяющиеся кнопки! Да, и мы изменили название «Категории страниц» на «Правила страниц».

Новые функции:
- Дублирующие кнопки

Исправления ошибок:
- Порядок кнопок
- Уведомления PHP Serval

1.4,5

Дата выпуска: 10.04.2018

Создайте собственные кнопки обмена, и теперь у нас есть партнерская программа!

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

Ошибки:
- Мелкие исправления ошибок

Новые функции для пользователей Buttonizer PRO:
- Уже можно было изменить значок кнопки на свое собственное изображение, теперь также можно установить фон кнопки!
- Можно изменить дизайн этикетки, цвет шрифта и фона

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

1.4,4

Дата выпуска: 15.03.2018

Новое в Buttonizer:
- Для мобильных пользователей добавлен обмен WhatsApp! Обратите внимание на «Кнопки обмена в соцсетях»!
- Зарабатывайте бесплатно! Обновите Buttonizer и посетите страницу «Бесплатная премиум» для получения дополнительной информации 🙂

Исправление ошибки:
- Исправлено наведение метки в уведомлении PHP.
- Небольшие исправления ошибок

1.4.3

Дата выпуска: 12 марта 2018 г.

Исправление ошибки:
- Исправлена ​​проблема с меткой кнопки

1.4,2

Дата выпуска: 8 марта 2018 г.

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

Исправлены ошибки:
- Некоторые пользователи столкнулись с тем, что при сохранении появлялось сообщение «хотите ли вы покинуть эту страницу» везде в WordPress, где сейчас исправлено!
- Исправление CSS для кнопки, когда кнопки скрыты (иногда они все еще были активными)

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

Новые функции для наших пользователей Buttonizer PRO:
- Добавлены новые параметры правил страницы:
- URL содержит
- URL начинается с
- URL заканчивается на

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

1.4

Дата выпуска: 1 марта 2018 г.

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

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

Новые функции для пользователей Buttonizer PRO:
- Правила и категории страниц улучшены и реализованы в Buttonizer (вы можете создавать разные кнопки для разных страниц)

Стиль:
-Теперь можно изменить размер пуговицы!
-При наведении ярлыка можно установить только мобильное устройство, только настольный компьютер, оба варианта или значение по умолчанию!
-На приборной панели применен домашний стиль Buttonizer.
-Мы снова реструктурировали код, теперь он красивый и чистый!
-Экскурсия реконструирована.
-Новые картинки на странице wordpress

Исправлены ошибки:
- Исправлена ​​ошибка на странице контактов
- В поле ввода метки добавлено предупреждение
- Исправлены мелкие ошибки

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

1,3

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

1,2

Новое в Buttonizer: переместить кнопку проще! Вы можете переместить кнопку из левого нижнего угла или из правого нижнего угла. Мы также добавили зеркальное отображение кнопок: отразите стиль кнопки и измените положение метки с правой стороны кнопки на левую.

Новые функции в этом выпуске:
- Размещение кнопок: выравнивание кнопки по левому краю или выравнивание по правому краю
- Зеркальное отображение кнопок: стиль анимации кнопки можно отразить

Исправлены ошибки:
- Исправлен конфликт с Postman SMTP.
- Текст метки использовался для маркировки событий Google Analytics.Теперь мы изменили его, чтобы использовать заголовок кнопки, как и должно быть. Приносим извинения за неудобства
- Прочие мелкие исправления

1,1

Исправление ошибки:
- исправление изменения цвета в WordPress 4.9. Окно закрылось, когда вы попытались изменить цвета. Теперь он должен работать.
- В воскресенье плагин использовал начальные данные понедельника. Фиксированный.

Удалено:
- Скрыть метку: можно скрыть без текста

Добавлено:
- Показывать метку при наведении
- Пользовательские классы

1.0,10

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

1.0.9

Новое крутое обновление! Мы добавили для наших новых пользователей обзор (конечно, если вы уже используете Buttonizer, смело отправляйтесь в тур!). Если у кого-то есть отзывы о туре, свяжитесь с нами через плагин! 🙂

Мы добавили кое-что волшебное! Для каждой кнопки теперь можно использовать одно из следующих действий:
- URL-адрес веб-сайта: для открытия веб-страницы
- Номер телефона: прямое действие
- Электронная почта: открывает настольный клиент от пользователя с уже заполненным вашим почтовым адресом

Новое в этой версии:
- Информационный тур для наших новых пользователей
- Упрощение действий кнопок

Изменено:
- Немного переупорядочил страницу настроек

Исправлено:
- При включении «показывать при наведении курсора» с помощью только одной кнопки метка больше не будет видна
- Некоторые плагины кэширования предпочитают кэшировать наш javascript, мы добавили исправление для этого
- Другие ошибки

1.0,8

Внутри Buttonizer несколько изменений. Как будто страница настроек теперь лучше организована и стилизована.

Добавлено в Buttonizer:
- Мы представляем «Анимацию внимания»: есть 2 анимации, позволяющие кнопке выпрыгивать из фона
- Теперь можно присвоить основной кнопке метку
- Вы можете включить опцию «Показать метку» на hover '

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

1.0,7

Исправление Javascript при возникновении ошибки из-за неправильного цвета

1.0.6

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

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

1.0.5

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

1.0.4

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

.
1.0.3

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

уходящих посетителей.
1.0.2

Запуск плагина Buttonizer Floating Action Button!

FAQ | Perfect Drums

2. ВОПРОСЫ ПО ИСПОЛЬЗОВАНИЮ

2.1 Я загрузил и установил Perfect Drums.Где я могу найти это на моем компьютере?

После установки Perfect Drums файлы, связанные с продуктом, можно найти по следующему адресу:

  • MAC: Macintosh HD> Библиотека> Аудио> Пресеты> Naughty Seal Audio> Perfect Drums
  • WIN: C> Программные файлы> Naughty Seal Audio> Perfect Drums

Руководство пользователя Perfect Drums можно найти по следующему адресу:

  • MAC: Macintosh HD> Библиотека> Документация> NaughtySealAudio
  • WIN: C> Программные файлы> Naughty Seal Audio> Perfect Drums

Все файлы плагина Perfect Drums устанавливаются в следующие места назначения (если вы не указали другое место назначения во время установки):

  • АВТОНОМНОЕ ПРИЛОЖЕНИЕ ДЛЯ MAC: Macintosh HD> Приложения
  • MAC VST: Macintosh HD> Библиотека> Аудио> Плагины> VST> NaughtySealAudio
  • MAC VST 3: Macintosh HD> Библиотека> Аудио> Плагины> VST3> NaughtySealAudio
  • MAC AU: Macintosh HD> Библиотека> Аудио> Плагины> Компоненты
  • MAC AAX: Macintosh HD> Библиотека> Поддержка приложений> Avid> Аудио> Плагины> Naughty Seal Audio

  • ВЫИГРАТЬ АВТОНОМНОЕ ПРИЛОЖЕНИЕ C> Программные файлы> Naughty Seal Audio
  • WIN VST: C> Программные файлы> Steinberg> VSTplugins> Naughty Seal Audio
  • WIN VST 3: C> Программные файлы> Общие файлы> VST3> Naughty Seal Audio
  • WIN AAX: C> Программные файлы> Общие файлы> Avid> Аудио> Плагины> Naughty Seal Audio
2.2 Как удалить Perfect Drums с моего компьютера?

Хотя обычно вам не нужно удалять текущую версию перед обновлением программного обеспечения, поскольку оно автоматически заменяет все файлы и плагины, связанные с программой (если вы не указали выборочное место установки), однако, если вы действительно хотите удалить Perfect Drums со своего компьютера, почувствуйте себя бесплатно, чтобы использовать предоставленный деинсталлятор или служебную программу для удаления вашей системы (в Windows).

Пользователи Mac должны вручную удалить все файлы, связанные с Perfect Drums, следуя указаниям, указанным в ответе на вопрос 2.1.

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

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

2.4 Некоторые элементы управления прибора неактивны и выделены серым цветом. Что это означает?

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

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

2.5 Я могу активировать любой элемент комплекта, щелкнув левой кнопкой мыши, но как его выбрать?

Вы можете выбрать любую часть ударной установки, щелкнув ее правой кнопкой мыши на изображении ударной установки.В качестве альтернативы вы можете использовать 3 меню в меню Quick Controls, Articulations и Kit Designer.

2.6 Могу ли я установить несколько MIDI-нот для одной артикуляции?

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

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

Да. Двойной щелчок по файлу MIDI-ноты (в меню Articulations) откроет вам всплывающее окно со списком всех доступных MIDI-нот.

2.8 Я не могу установить определенные MIDI-ноты. Они выделены красным, что это значит?

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

2.9 Я попробовал предустановку сопоставления на основе продукта, к которому я привык, но мне все равно не хватает некоторых примечаний.

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

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

Также обратите внимание, что в Perfect Drums самые мягкие удары малого барабана перемещены в отдельную артикуляцию (Ghost Notes), поэтому, если вы обнаружите, что PD звучит неестественно на некоторых более мягких частях, убедитесь, что у вас есть MIDI-ноты с мягким ударом, запускающие артикуляцию Ghost Notes (D # 1 по умолчанию).

2.10 Я считаю, что Perfect Drums звучит слишком обработанно из коробки.Что я должен делать?

Perfect Drums отличается уникальным подходом, позволяющим легко манипулировать и настраивать объем обработки на ваших барабанах. Это достигается с помощью ручки управления FX .

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

2.11 Могу ли я переименовать артикуляции инструмента Sampler?

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

2.12 Могу ли я создать простой одноразовый инструмент в сэмплере?

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

Просто импортируйте семпл (ы) в динамическую группу Hard Hits и не забудьте установить диапазоны скорости нажатия MIDI инструмента так, чтобы они покрывали весь диапазон 0–127, чтобы семплы запускались во всем диапазоне. Для этого просто установите два активных поля скорости MIDI на 0-2 соответственно.

2.13 Можно ли увеличить осциллограмму сэмпла в сэмплере?

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

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

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

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

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

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

2.15 В чем разница между сохранением инструмента в обычном и портативном форматах?

Perfect Drums предоставляет несколько вариантов при сохранении вашего инструмента / набора.

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

Однако, если вы хотите поделиться своими инструментами / наборами или передать их для использования в другой системе, вы можете использовать портативный формат.Сохранение его в переносном формате приведет к созданию файла .pdpi, (в случае с инструментом) или .pdpk (в случае с комплектом), содержащего все настройки инструмента / комплекта, включая все фактические образцы .wav, что делает его один прочный файл, который можно легко перенести.

Кроме того, как мы уже упоминали, отвечая на вопрос 2.14 портативный формат позволяет вам включить ваш инструмент / комплект для защиты от копирования при его загрузке на платформу PD Cloud, которая скоро появится.

2.16 Могу ли я сохранить пресет, содержащий как ударные, так и инструменты сэмплера?

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

2.17 Как мне сохранить свой собственный пресет маппинга MIDI?

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

2.18 Всем инструментам сэмплера по умолчанию назначены некоторые ноты. Могу я их удалить?

Да. У всех инструментов сэмплера есть некоторые ноты по умолчанию, назначенные их ОСНОВНЫМ артикуляциям для ускорения рабочего процесса. Однако, если вы хотите начать создавать свои инструменты с нуля без каких-либо заметок, сделанных какими-либо инструментами, не стесняйтесь инициализировать команду Clear Sampler Map из меню Global Mappings, доступ к которому можно получить, щелкнув маленькие шестеренки »Рядом с заголовком меню.

2.19 Могу ли я направить инструменты Perfect Drums на отдельные выходы в моей DAW?

Конечно. Вы можете направить любой инструмент / группу сэмплов на один из 16 доступных стерео выходов на вкладке микшера Perfect Drums.

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

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

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

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