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

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

Где найти расширения

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

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

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

Один из наиболее приемлемых вариантов – обратиться к сайту vktema.com . Предлагаемое здесь расширение достаточно функциональное. После того как вы нажмете кнопку Скачать программу, вам будет предложено добавить ее в автозагрузку, а в интернет-обозреватель будет установлена дополнительная панель. После установки плагина необходимо перезапустить Яндекс.Браузер. Если мы теперь зайдем на страницу в социальной сети, то увидим, что в меню появилась строка Менеджер тем. Однако, следует отметить, что предлагается всего около двух десятков вариантов оформления страницы, что не каждому придется по вкусу.

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

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

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

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

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

Как изменить дизайн десктопной версии Вконтакте на примере браузера Google Chrome?

1 . Установите бесплатное расширение Styles (прямые ссылки):

2 . Перейдите на специальную страничку «Прототип нового дизайна ВКонтакте» .

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

4 . После всех манипуляций с настройками внизу нажмите зелёную кнопку «Install with Stylish» , а затем подтвердите действие нажатием «ОК» .

5 . После окрашивания кнопки в синий цвет и появления надписи «Style Installed!» откройте Вконтакте.

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

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

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

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

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

Как ВКонтакте поменять тему

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

• Применив сочетание кнопок Ctrl+F12.
• Либо нажать Меню Настройки, где нас будет интересовать позиция Расширенные

1. Далее найти пункт Содержание, после – Настроить Стили. После того, как окно откроется, необходимо выбрать позицию Режимы отображения. Теперь следует проследить за тем, чтобы галочка стояла у пункта Моя таблица стилей. В случае ее отсутствия нужно проставить. После выполнения всех перечисленных операций, браузер полностью готов к установке новой темы ВКонтакте.
2. Чтобы подходящую тему скачать, нам понадобится ссылка Стили и Темы ВКонтакте. Выбрав тему можно смело загружать на свой ПК архив. В случае обнаружения папки под названием yavkontakte следует перенести ее в корневую папку компьютера. Если такая папка не обнаружена, то про нее просто нужно забыть. Распаковав архив следует запустить Opera и перейти на свою страничку ВКонтакт.
3. Для изменения темы достаточно кликнуть правой кнопкой мышки на любом пустом месте странички. В открывшемся Меню находим позицию Настройки для сайта. Среди открывшихся вкладок нажимаем на Вид, затем на Обзор. В скачанном архиве имеется файл css_code.css, который поможет сменить тему ВКонтакте. Запускаем этот файл, перезагружаем страничку и видим ее уже в новом, обновленном варианте.

Для того, чтобы поменять тему ВКонтакте пользователям браузера Google Chromе необходимо скачать и установить два файла — Get-Styles CH, Get-Styles CH4. Для установки следует щелкнуть мышкой по загруженному файлу и четко следовать предложенным в процессе установки инструкциям.

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

Браузер Internet Explorer

1. В первую очередь необходимо определиться с темой, которую вы желаете установить.
2. Затем код выбранной темы следует скопировать и сохранить в пустой текстовый файл под любым именем, дописав к нему расширение css.
3. Нужно зайти в Сервис(Tools), затем в Свойства обозревателя (Internet Options). После этого пункт Общие (General) и выбрать Оформление (Accesibility).
4. После этого нужно найти и отметить галочкой позицию «Оформлять, используя пользовательский стиль» (Format document using my style sheet)».
5. Следующим шагом нажмите Обзор и выберите файл, созданный и сохраненный в пункте 2. Все готово!

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

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

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

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

Видео про то как поменять тему в контакте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как оформить шапку страницы

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

Обложка

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

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

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

Примеры динамических обложек:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Слитное меню для группы

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

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

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

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

Скрытое меню

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

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

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

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

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

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

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

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

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

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

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

Кейсы, отзывы клиентов

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

Розыгрыши

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

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

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

Performance-маркетинг от TexTerra – продвигаем бизнес с оплатой за лиды. Гарантируем результат даже в сложной нише.

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

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

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

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







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







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







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




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



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







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

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

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

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

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

Анонс нового продукта/услуги/события

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

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

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

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

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

Акции

Конкурсы

Вакансии

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

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

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




Еще один вариант – поделить аватар на две части. Одна – для миниатюры, а вторая – для остальной части аватара.




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




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

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

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

Домен сайта

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

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

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

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

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

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

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

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

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

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

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

Хвасты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Fotor.com

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

Вставляем ее в шаблон, выделаем левой кнопкой мыши, выбираем команду Layer (иконка бутерброда) и кликаем по Move to bottom. Таким образом наша картинка будет идти фоном, а все надписи наложатся поверх нее.

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

Затем жмем на иконку в виде дискеты, выбираем название, формат изображения, качество и жмем на кнопку Sign in to download.

2. Canva.com

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

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

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

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

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

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

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

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

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

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

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

Здравствуйте, читатели блога iklife. Я рада новой встрече с вами.

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

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

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

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

Основные плюсы:

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

Чтобы установить и использовать расширение, следуйте пошаговой инструкции. Я покажу процесс в браузере Firefox, но данное дополнение доступно также для Chrome, Яндекс и Opera.

Пошаговый план действий для установки дополнения:

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

Шаг 2. В строке поиска ввожу название расширения: Get Styles. В появившемся перечне выбираю первое.

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

Шаг 4. Чтобы установить, жмем на кнопку “Добавить в Firefox”.

Шаг 5. Появится всплывающее окошко, в котором нужно подтвердить доступ приложения к данным на сайтах vk.com и get-styles.ru, а также вкладкам браузера.

После завершения установки можно приступать к использованию.

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

Нажимаем на нее левой кнопкой мыши и выбираем “Галерея тем”.

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

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

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

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

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

Есть возможность установки на компьютер или телефон с ОС Андроид. Сама программа напоминает Chrome, так как они основаны на одном движке.

После установки вы сразу окажетесь на приветственной странице. Пролистав ее вниз, нажмите на кнопку “ВКонтакте”. Авторизуйтесь в социальной сети и подтвердите свое согласие на доступ Orbitum к аккаунту ВК.

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

Мобильное приложение Kate Mobile

Чтобы сменить оформление ВКонтакте, найдите в Google Play альтернативу официальному приложению. Называется программа Kate Mobile, я о ней уже рассказывала в статье о том, . Установите приложение и авторизуйтесь в социальной сети.

Этот способ не подходит для Айфонов, а только для телефонов на Андроид.

Теперь перейдите в основное меню, нажав на три точечки справа. Откройте “Настройки” – “Внешний вид” – “Тема оформления”.

По умолчанию стоит “Индиго”.

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

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

Заключение

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

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

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

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