Живая лента ВК в Тильде. Посты из Вконтакте в Тильде. Тильда виджет ВК. Записи со стены ВК в Тильде

Живая лента ВК в Тильде. Посты из Вконтакте в Тильде. Тильда виджет ВК. Записи со стены ВК в Тильде ================= ССЫЛКА на программный код: ================= Обучение работе в ZERO-блоке: ================= 🏆 Мой СУПЕР-Курс по программированию в Тильде: ================= Скорая помощь по Тильде (и не только): ================= ЗАРАБАТЫВАЙТЕ СО МНОЙ: ================= Я придумал новый программный код для Тильды, чтобы создавать вот такую ленту из постов во Вконтакте с автоматическим обновлением. На дизайн внимания не обращаем, здесь просто схематично показан функционал. Но эта лента делается в ЗЕРО-блоках, поэтому даёт полную свободу вашей дизайнерской фантазии. Суть такая: у вас во Вконтакте создано сообщество, на стене которого публикуются посты. Ну и чтобы не дублировать их руками на сайте в Тильде, Вы можете разместить такую ленту, в которой автоматически будут отображаться все изменения. Вот я перехожу в своё сообщество и создаю новую запись. Пусть, например, это будет фото с описанием. Публикую на стене, обновляю страницу сайта на Тильде – и вижу новую запись в ленте. Вот так это и работает. Лента адаптивная, работает на любых устройствах, и листать её можно как кнопками, так и свайпом на тачпадах. Подхватываются посты трёх видов: Статья, Фотография с описанием и Видеоролик. Для статей появляются кнопки, чтобы можно было перейти на страницу статьи. Количество слов заголовка и текста можно ограничивать, чтобы всё умещалось в эти карточки, а обрезанные тексты будут заканчиваться тремя точками. Количество последних постов, которое надо стянуть со стены, тоже можно настраивать. Ну и можете разместить вот такую кнопку, ведущую на стену сообщества, чтобы люди могли там полноценно рассмотреть фотки и видео. Но это уже не касается моего кода, Вы могли её и раньше создать. Делается лента очень просто. Создаёте ZERO-блок для карточки и ему назначаете CSS-класс. Какие классы надо присвоить элементам – вы узнаете из инструкции, которая прилагается к коду. Там всё очень подробно по шагам показано. Далее – в этот блок добавляете текстовые элементы для заголовка и текста, шейп для фотографии, кнопку для постов типа «Статья» и ещё один технический шейп. Напоминаю – всё очень подробно по шагам расписано в инструкции, а здесь я лишь показываю сам принцип, как это устроено. Всё верстаете для разных размеров дисплеев, корректируете дизайн и расположение элементов и сохраняете. Программный код возьмёт эту карточку за образец, по её стилистике оформит все посты и расположит в ленте, а сам ЗЕРО-блок-образец скроет. Далее для ленты необходимо создать ещё один ЗЕРО-блок (или использовать какой-то уже имеющийся на вашей странице), ему присвоить нужный класс и в нём разместить три элемента. Два из которых – это кнопки, чтобы листать ленту, а третий – это элемент HTML, в котором сама лента и будет располагаться. Все эти три элемента размещаете как вам надо и задаёте им любые размеры и дизайн для всех дисплеев. Ну и разумеется, надо по инструкции присвоить им соответствующие CSS-классы. Если кто не в курсе, то для блоков классы прописываются в настройках… нажимаете вот на эту надпись «Добавить CSS Class Name», появляется поле, и туда пишете класс. А чтобы присвоить класс элементу в ЗЕРО-блоке, надо кликнуть по нему правой мышью и выбрать пункт «Add CSS-Class Name», справа в настройках появляется специальное поле, в котором прописываете нужный класс. На этом графическая часть завершается, добавляете на страницу из раздела «Другое» блок T123-HTML, жмёте ему «Контент» и вставляете мой программный код из файла. Остаётся только в коде вот здесь прописать ссылку на сообщество во Вконтакте и сервисный ключ к нему. Для получения ключа надо иметь права администратора сообщества и по моей инструкции сделать несколько кликов мышью. Далее публикуете все изменения и любуетесь результатом. Вот и всё, друзья! Теперь у вас будет автоматическая публикация статей на сайте в Тильде со стены вашего сообщества Вконтакте. Ключевые слова: виджет вконтакте тильда виджет вк тильда посты вконтакте тильда посты вк тильда записи со стены вконтакте тильда записи со стены вк тильда виджет вконтакте tilda виджет вк tilda посты вконтакте tilda посты вк tilda записи со стены вконтакте tilda записи со стены вк tilda