Живая лента ВК в Тильде. Посты из Вконтакте в Тильде. Тильда виджет ВК. Записи со стены ВК в Тильде
Живая лента ВК в Тильде. Посты из Вконтакте в Тильде. Тильда виджет ВК. Записи со стены ВК в Тильде
=================
ССЫЛКА на программный код:
=================
Обучение работе в ZERO-блоке:
=================
🏆 Мой СУПЕР-Курс по программированию в Тильде:
=================
Скорая помощь по Тильде (и не только):
=================
ЗАРАБАТЫВАЙТЕ СО МНОЙ:
=================
Я придумал новый программный код для Тильды, чтобы создавать вот такую ленту из постов во Вконтакте с автоматическим обновлением. На дизайн внимания не обращаем, здесь просто схематично показан функционал. Но эта лента делается в ЗЕРО-блоках, поэтому даёт полную свободу вашей дизайнерской фантазии.
Суть такая: у вас во Вконтакте создано сообщество, на стене которого публикуются посты. Ну и чтобы не дублировать их руками на сайте в Тильде, Вы можете разместить такую ленту, в которой автоматически будут отображаться все изменения.
Вот я перехожу в своё сообщество и создаю новую запись. Пусть, например, это будет фото с описанием. Публикую на стене, обновляю страницу сайта на Тильде – и вижу новую запись в ленте. Вот так это и работает.
Лента адаптивная, работает на любых устройствах, и листать её можно как кнопками, так и свайпом на тачпадах.
Подхватываются посты трёх видов: Статья, Фотография с описанием и Видеоролик. Для статей появляются кнопки, чтобы можно было перейти на страницу статьи.
Количество слов заголовка и текста можно ограничивать, чтобы всё умещалось в эти карточки, а обрезанные тексты будут заканчиваться тремя точками. Количество последних постов, которое надо стянуть со стены, тоже можно настраивать.
Ну и можете разместить вот такую кнопку, ведущую на стену сообщества, чтобы люди могли там полноценно рассмотреть фотки и видео. Но это уже не касается моего кода, Вы могли её и раньше создать.
Делается лента очень просто. Создаёте ZERO-блок для карточки и ему назначаете CSS-класс. Какие классы надо присвоить элементам – вы узнаете из инструкции, которая прилагается к коду. Там всё очень подробно по шагам показано.
Далее – в этот блок добавляете текстовые элементы для заголовка и текста, шейп для фотографии, кнопку для постов типа «Статья» и ещё один технический шейп. Напоминаю – всё очень подробно по шагам расписано в инструкции, а здесь я лишь показываю сам принцип, как это устроено.
Всё верстаете для разных размеров дисплеев, корректируете дизайн и расположение элементов и сохраняете.
Программный код возьмёт эту карточку за образец, по её стилистике оформит все посты и расположит в ленте, а сам ЗЕРО-блок-образец скроет.
Далее для ленты необходимо создать ещё один ЗЕРО-блок (или использовать какой-то уже имеющийся на вашей странице), ему присвоить нужный класс и в нём разместить три элемента. Два из которых – это кнопки, чтобы листать ленту, а третий – это элемент HTML, в котором сама лента и будет располагаться. Все эти три элемента размещаете как вам надо и задаёте им любые размеры и дизайн для всех дисплеев. Ну и разумеется, надо по инструкции присвоить им соответствующие CSS-классы.
Если кто не в курсе, то для блоков классы прописываются в настройках… нажимаете вот на эту надпись «Добавить CSS Class Name», появляется поле, и туда пишете класс. А чтобы присвоить класс элементу в ЗЕРО-блоке, надо кликнуть по нему правой мышью и выбрать пункт «Add CSS-Class Name», справа в настройках появляется специальное поле, в котором прописываете нужный класс.
На этом графическая часть завершается, добавляете на страницу из раздела «Другое» блок T123-HTML, жмёте ему «Контент» и вставляете мой программный код из файла.
Остаётся только в коде вот здесь прописать ссылку на сообщество во Вконтакте и сервисный ключ к нему. Для получения ключа надо иметь права администратора сообщества и по моей инструкции сделать несколько кликов мышью.
Далее публикуете все изменения и любуетесь результатом.
Вот и всё, друзья! Теперь у вас будет автоматическая публикация статей на сайте в Тильде со стены вашего сообщества Вконтакте.
Ключевые слова:
виджет вконтакте тильда
виджет вк тильда
посты вконтакте тильда
посты вк тильда
записи со стены вконтакте тильда
записи со стены вк тильда
виджет вконтакте tilda
виджет вк tilda
посты вконтакте tilda
посты вк tilda
записи со стены вконтакте tilda
записи со стены вк tilda
1 view
1607
452
1 month ago 01:27:04 1
Улетаю в Сербию! Разговорный стрим
1 month ago 00:08:19 1
Фильм катастрофа “ПОСЛЕЗАВТРА“ (2004) с Деннисом Куэйдом и Джеком Джилленхолом. “Послезавтра“ обзор.
1 month ago 05:09:52 1
Вечерний Мракобес! | Мы чужие на этой земле!
1 month ago 00:07:50 1
Я ЕЩЁ ЖИВОЙ. ПОСЛУШАЙТЕ!
1 month ago 00:05:50 1
Бутырка - Небеса (Икона, 2006) | Русский Шансон
1 month ago 00:08:01 1
КОНКУРСЫ НА КАНАЛЕ!
1 month ago 00:04:00 2
Ирина Белякова и дуэт Роза Ветров - Дождик осенний 6+|Слова Б.Окуджава, музыка И.Шварц Кавер-версия
1 month ago 00:04:35 1
Игорь Растеряев - Георгиевская ленточка
1 month ago 00:01:00 1
ПРАВДА о Пирах в Средние Века #История #средневековье #средниевека
1 month ago 01:33:43 1
“Я не знаю, КТО Я!“ Курс МУХОМОРА изменил ЖИЗНЬ актёра! Может ли гриб помочь ВЫЛЕЧИТЬ НАРКОМАНИЮ?
1 month ago 00:06:47 1
Дом из газобетона. Дачный дом 7,5 на 9. Больше и не нужно!
1 month ago 00:00:00 10
Комнатный Рыцарь в Dark Souls.
1 month ago 00:13:09 1
🌏Ченнелинг | Плеядеанские Световые Коды в ДНК Клетках Человека🧬💫 #плеяды #ченнелинг #звездныесемена
1 month ago 00:38:59 1
Кирилл Лавров. Какая роль чуть не разрушила карьеру актера
1 month ago 00:04:23 1
Сергей Иванович Фургал. Сообщение.
1 month ago 00:00:56 1
Гнилое мясо в Средневековье #история #средневековье #средниевека
1 month ago 00:03:34 5
ХИТ 2000х / Алиса Супронова - Moi Lolita (Alizée)
1 month ago 00:00:54 1
Исламские ученые и мошенники #средниевека #история #средневековье
1 month ago 01:22:56 1
МЕГАКОНДА | продолжения фильма АНАКОНДА #фантастика
1 month ago 00:24:49 1
ПОХОРОНЫ ВИКТОРА ЦОЯ - 19 августа 1990
1 month ago 03:17:32 1
Кто такие инцелы?
1 month ago 00:25:46 6
РОЗА ИЗ ФОАМИРАНА НА СТЕБЛЕ, МК/DIY//ИНТЕРЬЕРНЫЕ ЦВЕТЫ ИЗ ФОАМИРАНА, ВЫСОТОЙ 70 см//РОЗА, КАК ЖИВАЯ!
1 month ago 00:13:30 1
3.Буквицы на Рождественской елке — Живите ,зело, земля