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

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

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

Оглавление:

1. Добавляем картинку в описание
2. Заключение

Добавляем картинку в описание

Идем в вк, и переходим в раздел «Мои группы». Здесь идем на вкладку «Управление», и открываем нужный паблик.

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

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

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

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

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

Откроется форма просмотра. Здесь вам нужно нажать на кнопку «Закрепить».

Готово, картинка закреплена в описании.

Если понадобится убрать картинку, снова перейдите к ее просмотру, и нажмите кнопку «Открепить».

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

Заключение

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

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

Вопросы?

Вам помогла эта информация? Удалось решить возникший вопрос?

Понравилась статья? Пожалуйста, подпишитесь на нас Вконтакте!

Facebook

Twitter

Мой мир

Одноклассники

Google+

Загрузка…

vksetup.ru

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

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

Для начала пишем статью и размещаем её вместе с фото на стене Вашей группы. Пример приведён ниже (Рисунок 1):

Рисунок 1

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

Далее нажимаем на «время» записи и переходим на новую страницу (Рисунок 2).

Рисунок 2

В появившемся окне нажимаем на «Закрепить» и всё!!! Ваше фото теперь в описании группы. Вы можете так же и «открепить», если Вам не понравиться вид на главной странице группы (Рисунок 3).

Рисунок 3

Вернитесь на главную страницу и обновите 2 раза, почему-то только на второй раз происходят изменения. Как видите, теперь картинка в самом верху (Рисунок 4). Ваша задача – подобрать хорошее фото, соответствующее Вашей тематике.

Рисунок 4

Работа не сложная, занимает пару минут Вашего времени. Успехов!

www.seowind.ru

Урок 6. Как оформить внутренние страницы группы ВКонтакте картинками

Немного теории

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

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

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

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

1. Когда проще один раз показать, чем долго описывать. Например, чтобы объяснить клиентам, как правильно определить свой размер: где нужно измерить, как прикладывать сантиметровую ленту и т.д.  Также при помощи картинки можно наглядно показать процесс заказа от заявки до получения (пример такой схемы вы можете посмотреть на главной странице нашего сайта tibimi.ru).
2. Ну и, конечно, чтобы привлечь внимание клиента, ведь статистика утверждает, что информация, подкрепленная иллюстрациями, воспринимается читателем как более интересная.

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

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

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

Переходим к практике.

Шаг 1. Оформление шапки и подвала страницы ВКонтакте

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

Картинки для оформления шапки и подвала страниц должны быть 600 пикселей в ширину и не менее 40 пикселей в высоту. В принципе, высота может быть любая, но мы не рекомендуем делать ее слишком большой (больше 200 пикселей), так как в этом случае страница будет смотреться некрасиво. Если вы плохо владеете графическими программами, то для того, чтобы создать такие картинки, рекомендуем снова посмотреть урок 3 Рисуем графическое меню в Photoshop, где мы показывали основы рисования в программе Photoshop.

У нас получились такие картинки:

Готовые картинки сохраните в формате PNG (аналогично тому, как мы сохраняли меню группы) и загрузите в Альбом для администратора, который мы создали в уроке 4 Как оформить меню в группе в ВКонтакте.

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

<center>[[photo-уникальный_номер_картинки|nolink;noborder;600px| ]]</center>

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

Чтобы дополнить картинку подвала ссылкой на главную страницу группы (как это сделано в группе vk.com/tibimi и как мы хотим сделать в нашем примере), код должен быть таким:

<center>[[photo-уникальный_номер_картинки

|noborder;600px|идентификатор_групы]]</center>

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

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

Идентификатор группы, как уже было сказано, состоит из слова club и этого числа (без пробелов). Например, в нашем случае это club59792224

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

Что в итоге получилось:

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

Шаг 2. Вставка картинок внутри текста в группе ВКонтакте

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

Затем выберите пункт Выбрать из фотографий сообщества

В открывшемся окне выберите фотографию, которую вы загрузили для добавления на страницу. В ваш код страницы в самом низу добавится строчка типа [[photo-59792224_314864670|294x400px;noborder| ]]

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

• left, если вы хотите, чтобы картинка находилась у левого края страницы
• right, если вы хотите, чтобы картинка находилась у правого края страницы

В нашем примере получилось так:

Мы видим, что картинка занимает слишком много места. Чтобы ее уменьшить, мы вручную можем задать необходимые нам размеры. Например, в нашем коде картинки: [[photo-59792224_314864670|294x400px;noborder;left| ]] указаны цифры 294x400px. Первая цифра – ширина изображения, вторая – высота изображения. Вообще для того, чтобы картинка приобрела определенный размер, достаточно указать только ширину, а высота будет рассчитана автоматически (пропорционально). Укажем ширину 200 пикселей. Тогда наш код картинки будет выглядеть так: [[photo-59792224_314864670|200px;noborder;left| ]]

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

Такой результат нас устраивает:

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

Если мы хотим, чтобы картинка находилась у правого края страницы, то мы заменяем слово left на right и получаем результат: [[photo-59792224_314864670|200px;noborder;right| ]]

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

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

tibimi.ru

кастомизируем блок ссылок в группах Вконтакте

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

Создаём список

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

На появившуюся картинку пока не обращаем внимание. Ею мы займёмся позже. Дайте ссылке название.

Повторяем, пока не добавите все ресурсы.

Готовим инструменты

Что не так

Посмотрите на ваш список ссылок. Вам всё нравится? Все ли картинки встали ровно? Они все в одном стиле? Если да, мы вас поздравляем! Вы счастливчик, один из миллиона! Вам этот разбор не нужен. А вот мы и сотни других недовольны автокартинками.

Вторая картинка вообще не читается – какие-то микроскопические буквы на белом фоне. Instagram вообще не пропустил нашу картинку, заменив её на свой логотип. А у ссылки на сайт картинку добавил неинформативную.

Что будем делать?

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

Действуем

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

Нажимаем на «Network», и выбираем «All».

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

Ищем на панели окошечко «Filter». Оно под красным кружком. Вводим туда share.php. Список внизу резко сокращается до такой же строчки. Это как раз запрос, по которому картинка загружается на сервер.

Кликните на эту строчку. И в появившемся окне – на «Headers». Оттуда нам нужно будет скопировать некоторые данные. Параллельно с эти открываем Postman. Можно не регистрироваться и пропустить пункт создания коллекции. Доходим до этого окошка:

Там, куда показывает стрелка, выбираем POST. Возвращаемся на страницу со ссылками и копируем из панели Request, cookie и body.

После POST вставляем https://vk.com/share.php. Во вкладке «Headers» в «Key» пишем «cookie», а в Value вставляем второй скопированный текст. Или копируем из кода всё, начиная с cookie до последнего символа кода. Но тогда перед вставкой нажимаем «Bulk Mode».

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

Теперь переходим в «Body». Выбираем form-data и по строчке вставляем в таблицу. Первое слово – в первый столбик, остальное – во второй. Или вставляем абзацем через «Bulk Mode». 

В строчке image видим ссылку. Заменяем её на какую-нибудь из нужных нам. Проверяем, не появилось ли в начале строчек лишних пробелов. И нажимаем большую синюю кнопку «Send».

Внизу получаем примерно такой код:

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

 

olprime.ru

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

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

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

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

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

В открывшемся окне жмем на Закрепить.

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

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

http://vkpluss.ru/poleznaya-informaciya/kak-v-opisanie-gruppy-vstavit-kartinku.html2015-10-23T17:35:49+00:00НадеждаСофт и просто полезноев описание группы вставить картинку

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

Надежда Трофимова[email protected]Блог vkpluss.ru

vkpluss.ru

Как кастомизировать блок ссылок в группе в VKontakte / Habr

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

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

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

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

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

Выход есть всегда

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

Подготовка

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

Браузер Chrome, можно и любой другой, но именно тут есть удобный встроенный инструмент для разработки. Кликаете правой кнопкой мыши и в контекстном меню выбираете «Inspect» ( или «Исследовать» в русской версии).

Альтернативный способ: Больше инструментов (More Tools) > Инструменты (Tools) > Инструменты разработчика (Developer Tools).

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

В программе Postman нужно ввести необходимые данные, полученные из запроса: это заголовок с сессией, который храниться в cookie, и сам Body запрос с данными. Делается это очень просто. Из шага 3 нужно скопировать: Request URL, Cookie, Body

и вставить их в Postman.

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

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

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

Шаг 5

Получив нужный идентификатор, мы должны теперь сформировать API запрос для добавления новой ссылки в группу. Для этого в браузере в режиме разработчика вместо share.php нужно написать groupsedit.php и произвести похожие действия как в шаге 4. Копируем Request URL, Method POST, Cookie, Body, создаем новую вкладку в Postman и вставляем данные.

После добавления в Postman в режиме Bulk

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

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

Например, я для Facebook, hh.ru и Instagram сделал тематические логотипы, залил их на Google Drive, открыл доступ по ссылке и добавил для каждого ресурса.

Удачи вам в кастомизации!

Update: Информация на 24 декабря 2018 года уже не актуальна, vk обновил алгоритм загрузки изображения. Позже, как будет время, я разберусь и обновлю статью.

habr.com