Хочу поделиться, думаю полезной информацией для групп Вконтакте. Еще весной я прошла курсы Администратора Вконтакте, и теперь развиваю свои группы по рукоделию региональный проект детские праздники. Так как же сделать кликабельное фото? Все очень просто:
1. Окрывай альбом с фотографиями
2. копируй ссылку page-. -.
3. иди на стену группы, нажимай редактировать любой пост, который хочешь закрепить
4. в текст вставляй ссылку, внизу сразу появитсяя ссылка «страница» и картинка нашего меню
5. стирай из текста поста адрес ссылки (внизу на крестик не нажимай — ссылка останется на месте).
6. нажимай сохранить.
7. закрепи пост (кнопка закрепить в режиме просмотра поста — для этого надо нажать по дате публикации поста и затем «закрепить»)
8. обнови страничку
9. проверяй ссылки
Так же закрепляется меню и кликабельная картинка на него.
Источник: bodrechok.blogspot.com
Как сделать кликабельную картинку ВКонтакте большого размера
Как сделать кликабельную картинку вконтакте в группе
Пользуясь социальными сетями часто можно встретить кликабельные изображения, являющиеся ссылкой на какой-либо внешний ресурс. В этой статье вы узнаете, как сделать ссылку на фото в Контакте.
Для чего это нужно
Картинка-ссылка — это изображение, при нажатии на которое пользователь переходит на привязанную веб-страницу. Чаще всего кликабельные изображения используются владельцами групп и публичных страниц ВК, для размещения в них рекламных объявлений внешних ресурсов, а так же для предоставления дополнительной информации по какой-либо теме.
Как сделать ссылку на фото в Контакте
- откройте страницу, адрес которой вы хотите прикрепить к изображению;
- скопируйте ссылку из адресной строки браузера;
- зайдите в редактор записей на вашей странице либо в группе;
- вставьте скопированный адрес в поле для записей;
- сайт автоматически добавит изображение с выбранного адреса;
- нажмите на значок фотоаппарата (появится сверху слева при наведении курсора на картинку);
- нажмите «Выбрать файл»;
- укажите путь до нужного изображения находящегося на вашем компьютере;
- нажмите «Открыть»;
- выберите область, которая будет отображаться на записи;
Как сделать кликабельный баннер ВКонтакте из любой картинки
Справка. Размер изображения должен превышать 537х240 пикселей.
С помощью этих не сложных действий вы можете легко опубликовать кликабельную картинку на вашей странице либо в группе.
Как сделать ссылку из картинки Вконтакте
Здравствуйте, друзья! Мы с Вами уже рассматривали, как сделать ссылку словом Вконтакте, но если Вы хотите, чтобы пользователи обратили внимание на добавленную Вами публикацию, тогда давайте разбираться, как сделать ссылку из изображения или фотографии. Такая заметка с большей вероятностью привлечет внимание людей, соответственно, по ней кликнет больше пользователей.
Запись с ссылкой можно сделать отдельно в своем профиле, отдельно в группе. Если Вы хотите, можно добавить запись к себе на страницу, а потом поделиться ей с подписчиками своей группы, также можете отправить запись личным сообщением выбранному пользователю.
Давайте рассматривать все подробнее.
Делаем картинку ссылкой с помощью создания новой записи
Добавить урл с картинкой Вконтакте можно создав и опубликовав новую запись на своей странице или в группе. Расскажу, как это сделать в своем профиле.
Зайдите в свой аккаунт в вк и нажмите на поле «Что у Вас нового?».
Дальше откройте в браузере нужную страницу в Интернете и скопируйте из адресной строки урл.
Вернитесь на страницу Вконтакте и вставьте урл в пустое поле. Наведите курсор мышки на изображение и нажмите на появившийся значок фотоаппарата.
Откроется вот такое окошко. В нем нажмите на кнопку «Выбрать файл», чтобы добавить изображение. Обратите внимание, что его размер должен быть больше чем 537х240 px, иначе появится сообщение с предупреждением.
Через Проводник найдите нужную картинку на компьютере, выделите ее мышкой и нажмите «Открыть».
С помощью маркеров выберите область, которая будет использоваться, и нажмите «Сохранить изменения».
Удалите сам урл из поля для ввода текста, чтобы она не отображалась в записи. Нажмите «Отправить».
Выбранная картинка будет активной ссылкой, кликнув по которой, пользователь перейдет на указанный Вами сайт в Интернете. Опубликованную заметку увидят все Ваши друзья у себя в Новостях.
Если Вам нужно чтобы конкретный человек увидел сделанную Вами ссылку, или Вы хотите добавить эту картинку к себе в группу, тогда нажмите под записью на изображение громкоговорителя.
На вкладке «Поделиться» отметьте маркером подходящий вариант и нажмите «Поделиться записью».
Если выберите «Отправить личным сообщением», тогда нужно указать пользователей из своего списка друзей, кому оно будет отправлено. Можно выбрать одного или нескольких человек.
Если хотите добавить сделанную запись на стену в группу, отметьте маркером «Подписчики сообщества» и выберите свою группу из списка.
Вот так выглядит запись с картинкой-ссылкой, которой Вы поделились, на стене группы.
Делаем кликабельное изображение, используя стандартную ссылку
Сделать картинку кликабильной Вконтакте можно и немного другим способом. Для этого нам понадобится урл следующего вида:
Начнем со слова «Ссылка». Вместо него нужно вставить адрес сайта, на который будет ссылаться изображение.
Для примера, сошлюсь на поисковую страницу Яндекса. Открываю ее в браузере, копирую все из адресной строки и вставляю вместо слова «Ссылка».
Теперь заменим слово «Ссылка на картинку». Найдите нужное изображение в Интернете и скопируйте его адрес из адресной строки браузера. Вставьте скопированную строку в наш исходный урл вместо слов «Ссылка на картинку».
Если урл на картинку, которую Вы выбрали слишком длинный, можете сделать из него короткий. Об этом мы подробно писали в статье: как сделать короткую ссылку Вконтакте.
Слово «Описание» можете или заменить, добавив свой текст, или ничего не писать, как и в случае с заголовком. Я добавлю текст: Нажмите на картинку.
В результате, у меня получилась вот такая ссылка. Все замененные в ней слова, я выделила жирным:
https://vk.com/share.php?url=https://yandex.ua/image=https://yandex.ua/images/search?text=яндексpos=0noparse=truehttps://vkdom.su/novosti/kak-sdelat-klikabelnuyu-kartinku-vkontakte-v-gruppe.html» target=»_blank»]vkdom.su[/mask_link]
Как сделать картинку кликабельной?
В этом руководстве объясняется, как сделать картинку ссылкой:
Создать кликабельное изображение не так сложно, как может показаться. Есть несколько способов сделать это. Я расскажу вам о двух возможных вариантах.
Изображение, с которым мы будем работать
В рамках этого руководства я буду использовать в качестве примера приведенное ниже изображение:
Сначала я опишу ручной метод, который подойдет для любого HTML-кода . Это метод, который я рекомендую.
В качестве второго варианта я расскажу о быстром обходном пути, как сделать картинку ссылкой в HTML , который стоит использовать в WordPress :
Первый вариант предполагает ручное добавление HTML-кода для кликабельного изображения. Хотя это звучит немного пугающе, на самом деле все делается просто и быстро.
Вариант 1, Шаг 1: Возьмите необходимые URL-адреса
Чтобы завершить этот шаг, изображение, которое вы хотите сделать кликабельным, уже должно быть загружено на ваш сайт.
Чтобы создать необходимый HTML-код , нужно собрать воедино два фрагмента информации. Я рекомендую сначала открыть новый текстовый файл, куда можно будет вставлять эти URL-адреса .
1. URL-адрес целевой страницы
Адрес страницы / поста / сайта, куда вы хотите перенаправить пользователя после того, как он кликнет по изображению. Для этого перейдите на страницу, которую вы хотите использовать и скопируйте URL из адресной строки браузера:
В моем случае URL-адрес целевой страницы:
https://amylynnandrews.com/how-to-start-a-blog/
После того, как вы скопируете URL-адрес целевой страницы, вставьте его в открытый текстовый документ, чтобы не потерять, когда скопируете следующий URL-адрес .
2. URL-адрес изображения
Это URL-адрес , определяющий, где находится изображение в интернете. Перед тем, как сделать ссылку на картинку с компьютера, нужно понять, что все изображения, доступные в Сети, размещаются где-то. Они должны быть доступны для просмотра.
Самый простой способ найти URL-адрес изображения — это перейти на веб-страницу, на которой оно выводится. Например, если вы уже загрузили изображение на сайт, перейдите на страницу, где оно отображается.
- Если вы пользователь Windows , кликните по изображению правой кнопкой мыши. После этого появится так называемое контекстное меню. В нем необходимо выбрать пункт « Скопировать URL-адрес изображения »;
- Если вы пользователь Mac , кликните по изображению, удерживая нажатой клавишу control. После этого появится небольшое меню, в котором нужно будет выбрать пункт « Скопировать адрес изображения ».
URL-адрес изображения будет сохранен в буфере обмена, и вы сможете вставить его.
Я прокрутила страницу вверх, навела курсор мыши на изображение и нажала клавишу control , так как я работаю на Mac . Обратите внимание, что я выбрала в меню пункт Copy Image Address :
Выбрав этот пункт меню, я скопировала URL-адрес изображения в буфер обмена. После этого я вставляю его в заранее открытый текстовый документ:
https://amylynnandrews.com/wp-content/uploads/2016/01/how-to-create-a-blog.jpg
Если вы являетесь пользователем WordPress , существует альтернативный способ поиска URL-адреса изображения. В панели администрирования WordPress перейдите в меню Медиа> Библиотека медиа . Используйте окно поиска или прокрутите окно вниз, чтобы найти изображение. Нажмите на него. В появившемся окне выделите и скопируйте весь фрагмент кода в поле URL .
Вариант 1, Шаг 2: Создайте код
Продолжаем разбираться, как сделать url ссылку на картинку. Для этого скопируйте приведенный ниже фрагмент кода и вставьте его в текстовый документ:
Теперь в текстовом документе замените выделенные жирным шрифтом два URL-адреса скопированными ранее URL-адресами ( то есть URL-адресом целевой страницы и URL-адресом изображения ).
Для этого выделите и скопируйте URL-адрес целевой страницы. Затем выделите в коде http://LandingPageURL.com ( также в текстовом документе ). После того, как выделите его, нажмите « Вставить », и в этом месте должен вставиться URL-адрес целевой страницы.
На данный момент мой код из такого:
Источник: www.internet-technologies.ru