Любое дизайнерское решение может привлечь или оттолкнуть пользователей. Нам, конечно, хочется, чтобы пользователи оставались на сайте или в группе подольше. Чтобы они прониклись нашими текстами и захотели стать постоянными клиентами. Красивая группа Вконтакте с фирменным стилем добавит вам значимости в глазах посетителей. Но, если добавить нужную шапку и аватарку проще простого, то с блоком ссылок всё намного сложнее. Там картинки появляются автоматически, и вы не можете их изменить. Или всё-таки можете? Легко! Мы подготовили подробный разбор, как получить красивый дизайн ВК даже в ссылках.
Создаём список
Начнём с того, что закинем нужные ссылки в группу. Если список у вас уже готов, идите к следующему пункту. Добавить ссылки на сайт или ваши аккаунты в других соцсетях можно через управление сообществом или просто кликнув на «Ссылки» под списком участников. Нажмите «Добавить ссылку» и вставьте адрес страницы.
На появившуюся картинку пока не обращаем внимание. Ею мы займёмся позже. Дайте ссылке название.
Повторяем, пока не добавите все ресурсы.
Готовим инструменты
Что не так
Посмотрите на ваш список ссылок. Вам всё нравится? Все ли картинки встали ровно? Они все в одном стиле? Если да, мы вас поздравляем! Вы счастливчик, один из миллиона! Вам этот разбор не нужен. А вот мы и сотни других недовольны автокартинками.
Вторая картинка вообще не читается – какие-то микроскопические буквы на белом фоне. 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».
Внизу получаем примерно такой код:
Если результат получился другим, проверьте, не ошиблись ли вы на предыдущих этапах. И вернитесь сюда.
Итак, вы получили photo_id. Он понадобится нам для добавления к ссылке. Возвращаемся к вкладке со ссылками и панелью. В «Filter» на место share.php вводим groupsedit.php.
И повторяем всё, что мы делали в Postman, только уже с этим запросом. Остановимся только на последнем пункте. Когда добавите часть с photo_id, замените его значение на то, которое вы получили раньше. Также здесь можете редактировать название ссылки и желаемый адрес.
В итоге в Postman у вас должно получиться две вкладки. С их помощью вы можете добавлять новые ссылки. Добавляете ВК новую ссылку, работаете с запросом share.php. Находите там photo_id и идёте дальше знакомым путём. Спокойно удаляйте лишние ссылки и наслаждайтесь стройным рядом иконок. Удачи!
