Я люблю Email рассылки. Подписан на 30 штук. Но получать их в почтовый ящик, где они перемешиваются с личными и рабочими переписками, мне не нравится. Потому что с таким подходом всё свалено в кучу и начинается бардак. Я уже рассказывал в этой статье, как можно добавить в одно приложение не только сайты и блоги (RSS), но и подкасты, YouTube каналы и плейлисты, Email рассылки и Twitter аккаунты.
Благодаря такому подходу, вы собираете различные типы контента в одном месте, можете организовать их по темам (папкам). У вас отпадает необходимость переключаться между приложениями и сервисами, чтобы ознакомиться с последними материалами из интересующих вас источников.
Telegram мне тоже нравится. Но то, как он быстро превращается в свалку, так как личные переписки (один на один) перемешаны с групповыми чатами и каналами – ужасно. Есть и хорошие новости: в следующей версии Telegram, появится сортировка и группировка каналов по папкам. Это здорово, но проблему целиком не решит.
Как сделать бегущую строку на Тильде правильно
Да и не нравится мне использовать Telegram для получения новостей, интересных постов и так далее через каналы. Потому что я уже собрал всё в одном месте, а телега выпадала из моего воркфлоу. До этого момента.
Я нашёл способ как добавить любой Telegram канал в RSS читалку. Бесплатно. Без смс и регистрации. Без ботов. И без навыков, костылей и прочей головной боли.
Как это сделать
Заменить в этой ссылке ⤵️
https://rsshub.app/telegram/channel/ПоследнееСлово
последнее слово «ПоследнееСлово» на название канала.
Пример
Я хочу подписаться на канал Applicator Антона Маслака. У него такой адрес:
https://t.me/Aapplicator
Значит ссылка для добавления в RSS читалку будет выглядеть так:
https://rsshub.app/telegram/channel/Aapplicator
Добавляете в читалку, кладёте в нужную папку и готово.
Доказательство
Держите скриншоты. На них видно, что всё работает.
Первые 2 скриншота из News Explorer (моя любимая и лучшая RSS читалка). Последний скриншот – из самого Telegram.
Почему это ещё удобно
Вы можете помечать как «прочитанное» или «непрочитанное» сообщения в Telegram. Добавлять их в «избранное». Вам не нужно пролистывать длинные посты, так как в списке отображается только их небольшая часть (первые 3 предложения, но можно показать до 10).
Если вы сделали как я: добавили всё, что возможно в RSS ридер, то теперь можно смело отписаться от всех каналов и использовать Telegram для переписок и общения в чатах, и получать информацию в одном месте, которая удобно организована. С таким подходом, вы перестанете отвлекаться, заходя в Telegram, так как там теперь только общение. Никаких «я быстро зайду на 2 минуты проверить канал», а залипнуть минут на 20. Вы даже не представляете насколько это крутое ощущение отписаться от всех Telegram каналов и использовать его для того, для чего он был задуман: для общения.
Теперь у вас есть ответ на вопрос: “Как читать Telegram каналы без регистрации и использования Telegram”
Один недостаток
Если автор канала пересылает (репостит) сообщение из другого канала, то этого не видно. В RSS всё отображается так, что это сообщение автора этого канала.
Но чаще всего (при пересылке) авторы выделяют различными способами или это понятно из контекста. Меня это не напрягает совершенно.
Приписка
Очень хочется, чтобы мои статьи приносили как можно больше пользы. Если вы вынесли для себя какие-то полезные идеи и советы – поделитесь ими с родными, друзьями, близкими или просто в социальных сетях. И не забывайте оставлять комментарии :).
Источник: tuzovpavel.ru
Бегущая строка для прямых эфиров в OBS
Бегущая строка — полоска текста, которая скользит во время эфира и о чём-то рассказывает! Во время прямых эфиров в SMMplanner мне нравилось зашивать в строку интерактивы для аудитории: какие-то шутки, промокоды, пасхалки. Очевидно, эту штуку замечала небольшая часть аудитории, но по идее это сильно работало на комьюнити.
Бегущая строка в OBS
99% всех эфиров я делал в OBS, поэтому настройки для него! Вот небольшая видеозапись настройки!
Шаг 2. Размещаем текст над чёрным прямоугольником и помещаем бегущую строку в низ экрана. Можно соединить источники в группу и зафиксировать их.
Шаг 3. Применяем фильтр «scroll» для бегущей строки. Я в ней настрою горизонтальное движение. Вертикальное движение больше подходит для финальных титров.
Зачем нужна?
95% моих эфиров были обучающие, причём без особой визуальной части, т.е. смотреть на экран — необязательно. Я уверен, что картинку эфира смотрела небольшая часть народу, больше слушали. Поэтому у меня бегущая строка превратилась в инструмент вовлечения для «своих». Зрители самостоятельно догадывались, что полезно смотреть в строку, говорили об этом другим и это, в теории, помогало строить комьюнити.
Промокоды. Запихивал в строку какой-нибудь промокод для новичков на SMMplanner, который работал 1-2 дня. После эфира регистрировал до 5 попыток ввода со 100 зрителей.
Подарки в рассылке. В бегущей строке прописывал, как получить небольшой инфопродукт, вроде шаблонов для Историй или карточек. Для этого нужно было написать какое-то кодовое слово в сообщения группы ВКонтакте. Больше всего зрителей было во ВКонтакте, поэтому рассылку развивали именно там. Регистраций в рассылку было меньше, я думаю это из-за качества инфопродуктов — ну, сколько SMM-специалисту нужно коллекционировать шаблоны?
Шутки. Больше всего нравилось придумывать шутки с различными отсылками. Правда, не похоже что это прям кому-то зашло. За всё время только один раз похвалили шутку про Креосан.
Источник: ilyaslusarev.ru
Бегущая строка на сайте с WordPress без плагинов
Иногда для привлечения внимания к какому-то элементу на сайте, возникает желание создать для него анимацию. Как по мне, самой простой анимацией является так называемая бегущая строка на сайте. И сегодня я покажу, как её создать за 1 минуту без плагинов и фотошопа. Силами одного лишь HTML. Для этого в языке HTML создан специальный тег marquee.
И всё, что мы поместим внутрь этого тега, будет двигаться.
Выйду в поле ночью с конем
HTML код бегущей строки
Эта бегущая строка на сайте движется благодаря такому коду:
Выйду в поле ночью с конем
Теперь давайте еще больше привлечем внимание к этой строке и стилизуем текст, чтобы он стал таким.
Ночкой темной тихо пойдем
Ночкой темной тихо пойдем
Возможности стилизации этого тега такие же, как у любого div’a и span’a. то есть мы можем задать его высоту, ширину, фон, рамки, отформатировать текст и много другое.
Дополнительные возможности
Кроме стилизации текста, у самого тега есть несколько дополнительных возможностей. А именно:
Направление текста
За это отвечает команда direction. По умолчанию у нее стоит значение left, но мы можем спокойно заменить его на
right (движение текста направо)
Слева направо
КОД
Слева направо
up (движение снизу вверх)
Снизу вверх
КОД
Снизу вверх
down (движение сверху вниз)
Сверху вниз
КОД
Сверху вниз
Скорость движения текста
Для этого есть команда scrollamount. По умолчанию в значении этой команды цифра 6, но мы можем менять его на любое число от 1 (самое медленное движение) и до бесконечности. Число здесь — это шаг движения в пикселях.
Поэтому, если поставить цифру, которая больше ширины экрана, то текст будет «моргать».
Скорость движения 1 пиксель (самая медленная)
Черепаха
Скорость движения 80 пикселей
Маршрутка
Скорость движения 1920 пикселей (моя ширина экрана)
25 кадр
Ограниченность прокрутки
Теперь давайте закроем текст в камеру, из которой он не сможет выбраться (И камера эта будет надежнее, чем у героя Билла Скарсгорда в 1 сезоне сериала Castle Rock). Для этого нам понадобится команда behavior. По умолчанию у неё стоит значение scroll . Поэтому текст пропадает и появляется с другого края. Чтобы это изменить, нам надо заменить значение команды на alternate .
Свободу попугаям!
Свободу попугаям
А если нам надо, чтобы текст просто прошел до конца строки и остановился, то значение команды надо заменить на slide.
Российская экономика
Российская экономика
Если вы дочитали до этого места и не видели движение фразы «Российская экономика» (хотя и движение самой российской экономики вы тоже вряд ли видели), то просто нажмите на клавиатуре F5 (сверху, между 6 и 7), чтобы страница обновилась.
Движение изображения
Тут всё так же, как у текста, только вместо самого текста надо вставить код изображения.
Также можно разместить любое количество изображение подряд
<marquee><img alt="Бегущая строка на сайте с WordPress без плагинов" decoding="async" svg+xml,%3Csvg%20%20viewBox='0%200%201%201'%3E%3C/svg%3E" data-src="https://andrewrochev.ru/ticker/%D0%B0%D0%B4%D1%80%D0%B5%D1%81%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F%201" /><img alt="Бегущая строка на сайте с WordPress без плагинов" decoding="async" svg+xml,%3Csvg%20%20viewBox="0%200%201%201"%3E%3C/svg%3E" data-src="https://andrewrochev.ru/ticker/%D0%B0%D0%B4%D1%80%D0%B5%D1%81%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F%202" /> <img alt="Бегущая строка на сайте с WordPress без плагинов" decoding="async" svg+xml,%3Csvg%20%20viewBox='0%200%201%201'%3E%3C/svg%3E" data-src="https://andrewrochev.ru/ticker/%D0%B0%D0%B4%D1%80%D0%B5%D1%81%20%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D1%8F%203" />
<h3>Движение текста по изображению</h3><div class='ai-viewports ai-viewport-1 ai-insert-24-63688871' style='margin: 8px 0; clear: both;' data-insertion-position='prepend' data-selector='.ai-insert-24-63688871' data-insertion-no-dbg data-code='PGRpdiBjbGFzcz0nY29kZS1ibG9jayBjb2RlLWJsb2NrLTI0IGFpLWxpc3QtYmxvY2snIHN0eWxlPSdtYXJnaW46IDhweCAwOyBjbGVhcjogYm90aDsnPgoKPGRpdiBjbGFzcz0nYWktZHluYW1pYyBhaS1saXN0LWRhdGEnIHJlZmVyZXItbGlzdD0nSXc9PScgcmVmZXJlci1saXN0LXR5cGU9J0InIGRhdGEtY29kZT0nUENFdExVUmZVRzl6ZERndExUNEtQR0Z6YVdSbElHTnNZWE56UFNKamIyNTBaVzUwTFhkcFpHVWlQanhrYVhZZ2FXUTlJbUZrWm05NFh6RTJPVEl6TmpVeU9EQTBOVGt4TWpNd05DSStQQzlrYVhZK0NqeHpZM0pwY0hRK2QybHVaRzkzTGxsaExtRmtabTk0UTI5a1pTNW9Za05oYkd4aVlXTnJjeTV3ZFhOb0tHWjFibU4wYVc5dUtDa2dld29nSUNBZ1kyOXVjM1FnY21GdVpHOXRTVzUwSUQwZ1RXRjBhQzVtYkc5dmNpaE5ZWFJvTG5KaGJtUnZiU2dwSUNvZ01UQXdNREF3S1RzS0lDQWdJR052Ym5OMElHUnBkbEpoYm1SdmJVbHVkQ0E5SUNKeVkyOXNYekVpSUNzZ2NtRnVaRzl0U1c1ME93b2dJQ0FnWkc5amRXMWxiblF1WjJWMFJXeGxiV1Z1ZEVKNVNXUW9KMkZrWm05NFh6RTJPVEl6TmpVeU9EQTBOVGt4TWpNd05DY3BMbWxrSUQwZ1pHbDJVbUZ1Wkc5dFNXNTBPd29nSUNBZ2QybHVaRzkzTGxsaExtaGxZV1JsY2tKcFpHUnBibWN1Y0hWemFFRmtWVzVwZEhNb1d3b2dJQ0FnSUNBZ0lIc0tJQ0FnSUNBZ0lDQWdJR052WkdVNklHUnBkbEpoYm1SdmJVbHVkQ3dLSUNBZ0lDQWdJQ0FnSUhOcGVtVnpPaUJiV3prM01Dd3lOVEJkTEZzNU9EQXNNalV3WFN4Yk56STRMRGt3WFN4Yk56STRMREk0TUYwc1d6Y3dNQ3d5TlRCZExGczVOekFzT1RCZExGc3hNREF3TERJMU1GMHNXekV3TURBc01USXdYU3hiT1RVd0xEa3dYU3hiT1RZd0xEa3dYU3hiT1Rnd0xERXlNRjBzV3pFd01EQXNPVEJkWFN3S0lDQWdJQ0FnSUNBZ0lHSnBaSE02SUZzS0lDQWdJQ0FnSUNBZ0lDQWdleUFpWW1sa1pHVnlJam9nSW0xNVZHRnlaMlYwSWl3Z0luQmhjbUZ0Y3lJNklIc2dJbkJzWVdObGJXVnVkRWxrSWpvZ0lqRXpOVFk0TkRBaUlIMGdmU3dLSUNBZ0lDQWdJQ0FnSUNBZ2V5QWlZbWxrWkdWeUlqb2dJbUpsZEhkbFpXNUVhV2RwZEdGc0lpd2dJbkJoY21GdGN5STZJSHNnSW5Cc1lXTmxiV1Z1ZEVsa0lqb2dJalEzTVRJeU16QWlJSDBnZlN3S0lDQWdJQ0FnSUNBZ0lDQWdleUFpWW1sa1pHVnlJam9nSW5OaGNHVWlMQ0FpY0dGeVlXMXpJam9nZXlBaWNHeGhZMlZ0Wlc1MFNXUWlPaUFpT0RVNU9EUTFJaUI5SUgwc0NRa0pDaUFnSUNBZ0lDQWdJQ0JkQ2lBZ0lDQWdJQ0FnZlFvZ0lDQWdYU2s3Q2lBZ0lDQjNhVzVrYjNjdWVXRkRiMjUwWlhoMFEySXVjSFZ6YUNobWRXNWpkR2x2YmlncElIc0tJQ0FnSUNBZ0lDQjNhVzVrYjNjdVdXRXVZV1JtYjNoRGIyUmxMbU55WldGMFpTZ0tJQ0FnSUNBZ0lDQWdJQ0FnZXdvZ0lDQWdJQ0FnSUNBZ0lDQWdJQ0J2ZDI1bGNrbGtPaUF5T0RJeU1EY3NDaUFnSUNBZ0lDQWdJQ0FnSUNBZ0lHTnZiblJoYVc1bGNrbGtPaUJrYVhaU1lXNWtiMjFKYm5Rc0NpQWdJQ0FnSUNBZ0lDQWdJQ0FnSUhCaGNtRnRjem9nZXlCd01Ub2dKMk41ZW1SM0p5d2djREk2SUNkb1ptTmpKeUI5TEFvZ0lDQWdJQ0FnSUNBZ0lDQWdJQ0JzWVhwNVRHOWhaRG9nZXlCbVpYUmphRTFoY21kcGJqb2dNakF3TENCdGIySnBiR1ZUWTJGc2FXNW5PaUF4SUgwc0NpQWdJQ0FnSUNBZ0lDQjlDaUFnSUNBZ0lDQWdLVHNLSUNBZ0lIMHBPd3A5S1RzS1BDOXpZM0pwY0hRK1BDOWhjMmxrWlQ0PSc+PC9kaXY+CjwvZGl2Pgo=' data-block='24'></div>
<p>Ну и напоследок пустим бегущую строку с текстом по изображению. Для этого нам надо создать div’ный блок и установить ему фон с нужным нам изображением. А внутри блока написать нужный нам текст или другое изображение. Всё просто</p>
<p><img decoding="async" src="https://andrewrochev.ru/wp-content/uploads/2019/08/train.png" alt="Бегущая строка на сайте фотография по фотографии" width="450px" /></p>
<p>Чу-Чу Чу-Чух </p>
Чу-Чу Чу-Чух <img alt="Бегущая строка на сайте с WordPress без плагинов" decoding="async" svg+xml,%3Csvg%20%20viewBox="0%200%201%201"%3E%3C/svg%3E" data-src="https://andrewrochev.ru/ticker/%D0%B0%D0%B4%D1%80%D0%B5%D1%81%20%D0%BF%D0%B0%D1%80%D0%BE%D0%B2%D0%BE%D0%B7%D0%B0" /></marquee>
В заключение
Как видите, всё очень просто.
И абсолютно нет необходимости устанавливать какой-то плагин, тем самым дополнительно создавая нагрузку на страницу и сайт. Зачем, если можно это всё сделать одной строчкой кода? Другое дело, если нужна более сложная анимация. Тут уже без плагинов и JavaScript кода не обойтись. Но если использовать на своем WordPress сайте плагин Elementor, то изучать код не обязательно.
Там можно создавать анимацию для каждого элемента отдельно. Полный обзор этого мегаполезного плагина будет позже
Источник: andrewrochev.ru
>»>