Живая лента ВК в Тильде. Посты из Вконтакте в Тильде. Тильда виджет ВК. Записи со стены ВК в Тильде
Живая лента ВК в Тильде. Посты из Вконтакте в Тильде. Тильда виджет ВК. Записи со стены ВК в Тильде
=================
ССЫЛКА на программный код:
=================
Обучение работе в ZERO-блоке:
=================
🏆 Мой СУПЕР-Курс по программированию в Тильде:
=================
Скорая помощь по Тильде (и не только):
=================
ЗАРАБАТЫВАЙТЕ СО МНОЙ:
=================
Я придумал новый программный код для Тильды, чтобы создавать вот такую ленту из постов во Вконтакте с автоматическим обновлением. На дизайн внимания не обращаем, здесь просто схематично показан функционал. Но эта лента делается в ЗЕРО-блоках, поэтому даёт полную свободу вашей дизайнерской фантазии.
Суть такая: у вас во Вконтакте создано сообщество, на стене которого публикуются посты. Ну и чтобы не дублировать их руками на сайте в Тильде, Вы можете разместить такую ленту, в которой автоматически будут отображаться все изменения.
Вот я перехожу в своё сообщество и создаю новую запись. Пусть, например, это будет фото с описанием. Публикую на стене, обновляю страницу сайта на Тильде – и вижу новую запись в ленте. Вот так это и работает.
Лента адаптивная, работает на любых устройствах, и листать её можно как кнопками, так и свайпом на тачпадах.
Подхватываются посты трёх видов: Статья, Фотография с описанием и Видеоролик. Для статей появляются кнопки, чтобы можно было перейти на страницу статьи.
Количество слов заголовка и текста можно ограничивать, чтобы всё умещалось в эти карточки, а обрезанные тексты будут заканчиваться тремя точками. Количество последних постов, которое надо стянуть со стены, тоже можно настраивать.
Ну и можете разместить вот такую кнопку, ведущую на стену сообщества, чтобы люди могли там полноценно рассмотреть фотки и видео. Но это уже не касается моего кода, Вы могли её и раньше создать.
Делается лента очень просто. Создаёте ZERO-блок для карточки и ему назначаете CSS-класс. Какие классы надо присвоить элементам – вы узнаете из инструкции, которая прилагается к коду. Там всё очень подробно по шагам показано.
Далее – в этот блок добавляете текстовые элементы для заголовка и текста, шейп для фотографии, кнопку для постов типа «Статья» и ещё один технический шейп. Напоминаю – всё очень подробно по шагам расписано в инструкции, а здесь я лишь показываю сам принцип, как это устроено.
Всё верстаете для разных размеров дисплеев, корректируете дизайн и расположение элементов и сохраняете.
Программный код возьмёт эту карточку за образец, по её стилистике оформит все посты и расположит в ленте, а сам ЗЕРО-блок-образец скроет.
Далее для ленты необходимо создать ещё один ЗЕРО-блок (или использовать какой-то уже имеющийся на вашей странице), ему присвоить нужный класс и в нём разместить три элемента. Два из которых – это кнопки, чтобы листать ленту, а третий – это элемент HTML, в котором сама лента и будет располагаться. Все эти три элемента размещаете как вам надо и задаёте им любые размеры и дизайн для всех дисплеев. Ну и разумеется, надо по инструкции присвоить им соответствующие CSS-классы.
Если кто не в курсе, то для блоков классы прописываются в настройках… нажимаете вот на эту надпись «Добавить CSS Class Name», появляется поле, и туда пишете класс. А чтобы присвоить класс элементу в ЗЕРО-блоке, надо кликнуть по нему правой мышью и выбрать пункт «Add CSS-Class Name», справа в настройках появляется специальное поле, в котором прописываете нужный класс.
На этом графическая часть завершается, добавляете на страницу из раздела «Другое» блок T123-HTML, жмёте ему «Контент» и вставляете мой программный код из файла.
Остаётся только в коде вот здесь прописать ссылку на сообщество во Вконтакте и сервисный ключ к нему. Для получения ключа надо иметь права администратора сообщества и по моей инструкции сделать несколько кликов мышью.
Далее публикуете все изменения и любуетесь результатом.
Вот и всё, друзья! Теперь у вас будет автоматическая публикация статей на сайте в Тильде со стены вашего сообщества Вконтакте.
Ключевые слова:
виджет вконтакте тильда
виджет вк тильда
посты вконтакте тильда
посты вк тильда
записи со стены вконтакте тильда
записи со стены вк тильда
виджет вконтакте tilda
виджет вк tilda
посты вконтакте tilda
посты вк tilda
записи со
83 views
1607
453
2 months ago 00:00:57 3
Велесова ночь и Хеллоуин #русь #язычество #история
2 months ago 00:02:56 1
“МОЛИТВА“ Храни, Господь, людей родных... Автор Ирина Самарина-Лабиринт. Читает Наталия Прокошина
2 months ago 00:23:17 1
О чем на самом деле «Ежик в тумане» и «Сказка сказок» Юрия Норштейна
2 months ago 01:32:35 1
Александр Соколов (Антропогенез.ру) | Проблемы борьбы с мракобесием
2 months ago 01:27:27 1
Капитан «Пилигрима» (1986) приключения
2 months ago 00:43:47 1
Один в Океане
2 months ago 00:04:00 1
Ирина Белякова и дуэт Роза Ветров - Дождик осенний 6+|Слова Б.Окуджава, музыка И.Шварц Кавер-версия
2 months ago 00:04:27 2
Пикник – Счастливчик (Live)
2 months ago 00:06:09 1
Прическа для девочки - объемная коса из резинок без плетения | Elastic braid
2 months ago 03:41:04 3
Космическая федерация и Великий Переход | Вечерний Мракобес
2 months ago 01:41:07 2
Современные кольчуги | В гостях Сергей Симунин
2 months ago 00:08:09 1
Очень простые вафельные цветы 🌷Съедобные цветы.
2 months ago 00:02:49 1
Павел Пламенев и Макс Нарышев - Неотвратимость карающей длани!
2 months ago 00:01:49 4
Кобыла - Цапля + Возложение Балета
2 months ago 00:07:50 1
Я ЕЩЁ ЖИВОЙ. ПОСЛУШАЙТЕ!
2 months ago 00:03:09 1
Молитва /Ирина Самарина-Лабиринт/
2 months ago 00:00:57 1
Проблемы альтернативной истории: Методы датирования #средневековье #история #средниевека
2 months ago 00:48:03 1
КИНО Концерт в ЛДМ “Спасем мир“ НОВЫЙ ЗВУК | ПЕРЕИЗДАНИЕ от Maschina Records !
2 months ago 00:00:53 1
Выставка Людмилы Кониной «Неповторима мира красота». Вышивка из атласных лент
2 months ago 00:00:57 1
Как жили Крестьяне в Средневековье? #средневековье #история #dnd
2 months ago 00:00:55 1
Пирамиды Боснии и Комнатный Рыцарь паникер #история #средневековье #средниевека
2 months ago 00:08:04 1
«ГОСТЬЯ ИЗ БУДУЩЕГО». ПРОШЛО 39 ЛЕТ. КТО ИЗ АКТЕРОВ ЖИВ? / Что стало с актерами?
2 months ago 00:00:57 1
Проблемы Альтернативной истории: Старые книги #история #средниевека #средневековье
2 months ago 02:31:05 1
Повседневная жизнь пиратов | В гостях Кирилл Назаренко