Как сделать кликабельный пост вконтакте

Делаем слова в сети Вконтакте ссылкой

Кликабельная, текстовая ссылка в сообщении ВК.

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

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

Чтобы узнать свой id, зайдите в «Мои настройки» и промотайте страницу вниз. В разделе «Адрес Вашей страницы» размещен этот уникальный номер.

Ссылки вики-страницы. Секреты и советы.

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

[Полный адрес|Описание], где в первом отделении, вы вставляете полную ссылку, скопированную с адресной строки браузера, а во-втором – пишите свой текст.

Не забывайте, что на вики-странице действуют не только внутренние ссылкивк, но и внешние. Также, в первом случае, можно использовать упрощенную схему записи: вместо [http://vk.com//topic-1111-1111|ваш текст], можно написать [[topic222|ваш текст]].

Ссылка, как изображение:

Загружаете в вк фотографию и пишите следующую строку:

[[photo-4489985_156570323|35px|http://…]], где первая часть – адрес размещения фото; вторая часть – размер фото; третья часть – ссылка, по которой пользователь перейдет нажав на картинку.

Красивая ссылка на вики-сраницу:

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

Скопируйте в адресной строке адрес вики-страницы:

1. Вставьте его в свой пост;
2. Загрузите интересное изображение;
3. Удалите текст с адресом на вики-страницу (не волнуйтесь, он останется под картинкой).

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

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

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

Источник

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

Здравствуйте, дорогие читатели!

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

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

Зачем нужны текстовые ссылки

Давайте для начала рассмотрим некоторые особенности использования анкора в ВК.

Анкор – это слово или фраза, под которым скрыт URL-адрес. Нажав на него, вы попадете на новую веб-страницу.

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

Как сделать имя человека ссылкой

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

Рекомендуемый способ

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

Поставьте знак “@” (собака) в записи или комментарии. Введите имя нужного юзера. Если он есть у вас в друзьях или подписчиках, то он отобразится во всплывающем списке. Выберите его.

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

Не нужно копировать адрес веб-страницы полностью. Нужен только идентификатор.

Теперь у вас в поле ввода находится текст примерно следующего вида @durov (Павел Дуров). @durov – это идентификатор пользователя ВК, а Павел Дуров – его имя и фамилия.

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

При желании вместо “@” (собаки) можно использовать символ “*” (звездочка). Результат будет идентичный.

С помощью BB-кода

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

Чтобы создать URL-адрес в тексте, вам необходимо создать конструкцию следующего вида [durov|Павел Дуров]. Пробелов быть не должно.

Открываете квадратные скобки. Указываете ID человека в ВК. На этот раз не получится ввести имя юзера и воспользоваться подсказкой. Необходимо скопировать идентификатор с адресной строки браузера, перейдя в профиль юзера.

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

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

Создание ссылки на сообщества

Вставить URL на группу, сообщество или событие можно по тому же принципу, что и на личную страницу.

Если вы собираетесь ссылаться на публичную веб-страницу, скопируйте ее ID и вставьте сразу после знака “@” или “*”, а текст напишите в скобках. У вас должна получиться конструкция следующего вида @public138073773 (анкор).

При создании URL-адреса на группу у вас получится вид @club138073773 (анкор).

Мероприятие и встреча будут выглядеть так @event138073773 (анкор).

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

Ссылки на внешние сайты

Сослаться на внешний сайт с использованием анкора можно только при помощи заметок.

При публикации новой записи в сообществе или в своей ленте в перечне вложений выберите “Заметка”.

Выделите слово или словосочетание, в которое хотите поместить URL на внешний сайт. Нажмите “Добавить ссылку” (значок в виде стрелки).

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

Кликните на кнопку “Сохранить и прикрепить заметку”, а потом на “Отправить” для окончательной публикации поста.

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

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

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

Заключение

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

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

Источник

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

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

Давайте рассматривать все подробнее.

Как сделать картинку ссылкой в HTML

По тексту понятно, что kuda-vedet-ssylka – это адрес целевой страницы, а gde-lezhit-kartinka/kartinka.png – это путь к файлу изображения и его название.

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

Для тега
часто применяется атрибут target=”_blank”, открывающий ссылку в новой вкладке.

А тег часто содержит alt=”альтернативный текст, показываемый, если картинка не загрузилась”, title=”название изображения”, height=”указывается высота в пикселях”, width=”указывается ширина в пикселях”.

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

А вот так он работает:

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

Рекомендованный размер аватара самим ВКонтакте 200 х 500 pixel.

Мы рекомендуем загружать 400 х 1000 pixel. Это связанно с особенностью перекодирования программы обработки изображений ВКонтакте. Если задать размер больше, мы ощутимо выиграем в качестве изображения после обработки.

Размеры аватара для сообщества ВКонтакте

Как установить аватар Вконтакте?

Чтобы установить аватар просто кликните на картинку с базовым аватаром VK.

Картинка-ссылка на CSS

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

Для того, чтобы сделать картинку-ссылку на CSS нам нужно пройти 2 шага:

1. Создаем класс объекта и прописываем его в таблице стилей (файл style.css).

Общий код выглядит вот так:

В данном случае link-img – это класс объекта, width и height – размер изображения, background – фон объекта (в качестве фона мы устанавливаем изображение).

Размер обложки для сообщества или группы ВКонтакте

Рекомендованный размер обложки для десктоп (ноутбука, PC) версии ВКонтакте – 1590 х 400 pixel.

С десктопом все понятно, но для мобильной версии не все изображение видно на экране.

Размеры обложки Вконтакте Targbox

Самый простой способ сделать правильно оформленную обложку сообщества Вконтакте – воспользоваться нашим шаблоном. Просто сохраните шаблон к себе на ноутбук и используйте его как фон в любой программе для обработке изображений. Платные программы: Photoshop – лидер на рынке, corel painter. Бесплатные программы: GIMP, Paint 3D – стандартная программа Windows 10 + Paint.NET. Или закажите разработку дизайна обложки у профессиональных дизайнеров.

Шаблон размер обложка Вконтакте от Targbox

Как установить обложку для сообщества ВКонтакте?

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

Как добавить обложку ВКонтакте

Как добавить обложку ВКонтакте

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

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

Итак, давайте колдовать добавлять ссылки к картинкам (или картинки к ссылкам, кому как нравится) на стену или в сообщения в группах Вконтакте.

Шаг 1. Готовим картинку

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

Поддерживаемые форматы – jpg, gif и png.

Шаг 2. Вставляем ссылку в ВК

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

Шаг 3. Вставляем изображение

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

Для этого выбираем кнопку «Выбрать свою иллюстрацию» (фотоаппарат).

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

После выбора, будет возможность слегка подкорректировать – обрезать лишнее и повернуть. Жмем «Сохранить изменения».

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

Действуем

Открываем в 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».

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

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

Как сделать картинку ссылкой на форуме

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

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

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

Изображение в BB-коде указывается вот так:

Указывается ссылка на картинку.

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

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

Что не так

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

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

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

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

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

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

Минимальный размер – 1200 х 800 pixel. Важно помнить, что на обложке фотоальбома будет написано его название.

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

Как удалить виджет из группы ВК

Что бы удалить виджет из группы нужно:

Как добавить виджет для группы ВК

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

Что бы добавить несколько виджетов нужно перейти в каталог, выбрать нужный виджет

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

Источник