Air Flex для Блогспот: слайдер без стороннего JavaScript и ночной режим в одном шаблоне
Большинство журнальных шаблонов Blogger добавляют слайдер через подключение внешних библиотек — это дополнительные запросы, лишний вес и просадки в PageSpeed. Air Flex сделал иначе: автоматическая прокрутка карточек реализована на встроенном JavaScript без единого внешнего скрипта. На практике это означает, что главная страница твоего Blogspot-блога не тормозит из-за слайдера и при этом выглядит так же, как у медиасайтов с более тяжёлым стеком.
Шаблон рассчитан на тех, кто ведёт новостной или тематический блог с регулярными публикациями — технологии, гаджеты, лайфстайл, финансы, авто. Нужно не просто «сайт», а витрина с категорийными карточками на главной, бегущей строкой трендов в шапке и возможностью переключать вид между светлой и тёмной темой. Бесплатная версия шаблона доступна, но с активной ссылкой в подвале.
Из ключевых технических отличий — чистый код без зашифрованных скриптов и ленивая загрузка изображений уже в базовой конфигурации. С мая 2025 года (версия 1.3.0) добавлена поддержка иконок Threads, Mastodon и X, и исправлены давние баги с H1-тегом на внутренних страницах.
Обзор: Air Flex
Журнальный SEO-шаблон Blogger · Piki Templates- Слайдер на встроенном JS — без сторонних библиотек
- Ночной режим с кнопкой переключения (только premium)
- Бегущая строка «Тренды» в шапке
- Блоки категорий на главной без кода
- Sticky-сайдбар и sticky-меню настраиваются через шорткод
- Три системы комментариев: Blogger / Facebook / Disqus
- Поддержка RTL и автоперевода
- Нет зашифрованных скриптов
- Поддержка 25+ иконок соцсетей, включая Threads и Mastodon (с 2025)
- Ограничение 1 МБ Blogger — при большом числе постов главная начинает показывать 2–3 публикации вместо 10+; лечится Jump Break в каждом посте
- Тёмный режим только в premium — в бесплатной версии кнопка есть, но функция не активна
- Одна система комментариев одновременно — нельзя показывать Blogger и Facebook параллельно, только по очереди
- Логотип и название блога рядом — у части пользователей в premium-версии логотип отображается вместе с заголовком, не заменяя его; решается через Layout без кода
- Обновить тему: Здесь
- Документация: Читать онлайн
- Поддержка: Написать в поддержку
- Как выбрать шаблон для Blogger: Гид по выбору 👍
Для каких проектов подходит Air Flex
Air Flex удобен там, где нужно выводить много материала на главной с разбивкой по разделам и при этом не платить за отдельный хостинг или плагин слайдера.
📰 Технический или новостной блог
Публикуешь несколько материалов в неделю? Блоки рубрик на главной позволяют сразу показать посты из разных разделов — гаджеты, приложения, обзоры — без ручного их перетаскивания. Всё настраивается через Layout.
🌙 Блог с аудиторией, сидящей ночью
Технические, игровые или финансовые материалы часто читают поздно вечером. Ночной режим переключается кнопкой в правом верхнем углу — без перезагрузки страницы и без запроса системных настроек браузера.
💰 Блог под монетизацию AdSense
Рекламные места расположены в стратегически важных зонах — в шапке, в сайдбаре, между постами. Не нужно вручную встраивать блоки; слоты уже заготовлены и легко активируются через Layout.
🌍 Многоязычный или RTL-блог
Если пишешь на арабском, иврите или фарси — Air Flex поддерживает режим отображения справа налево без доработки кода. Это редкость среди бесплатных шаблонов Blogger.
Как устроен Air Flex изнутри
Несколько функций шаблона неочевидны без чтения документации — объясняю, что за ними стоит и как это влияет на повседневную работу.
Слайдер избранных публикаций работает через встроенный JS-код шаблона, а не через внешние библиотеки вроде Swiper или Slick. Это значит, что при загрузке страницы браузер не делает дополнительных запросов к CDN за скриптом. На практике: главная страница быстрее отображается даже при медленном соединении, и PageSpeed не штрафует за «блокирующие ресурсы». Слайдер тянет посты из «Популярных публикаций» Blogger — работает автоматически, без ручного наполнения.
Переключатель ночного режима живёт в правом верхнем углу и меняет цветовую схему без перезагрузки. В настройках Layout предусмотрено два слота для логотипа: светлый и тёмный — при смене режима показывается нужный. Если тёмного логотипа нет, в соответствующее поле вставляется URL изображения из любого поста Blogger. Этот блок доступен только в premium-версии; в бесплатной кнопка есть визуально, но функция отключена.
В шапке сайта есть горизонтальная бегущая строка с «горячими» постами — ты указываешь ярлык (label) в настройках Layout, и туда автоматически подтягиваются свежие публикации с этим тегом. Аналогично работают блоки рубрик на главной: каждый блок привязан к конкретному ярлыку и показывает последние посты из этой рубрики. Никакого кода не нужно — только ярлыки и настройки Layout.
Поведение меню и сайдбара при прокрутке управляется напрямую из Layout через два шорткода: fixedMenu=true фиксирует навигацию вверху экрана, fixedSidebar=true делает сайдбар «прилипающим». Оба значения переключаются без правки XML — достаточно сменить true на false в поле гаджета.
Известные ограничения перед покупкой
Эти вещи не написаны в описании шаблона, но всплывают у пользователей после установки. Лучше знать заранее.
Blogger передаёт каждый раздел страницы блоками по 1 МБ. Если посты длинные или содержат HTML-форматирование без очистки, главная начинает показывать 2–3 публикации вместо заданного числа. Piki Templates рекомендует два решения: вставлять «Jump Break» (разрыв поста) после первого абзаца в каждой публикации или прогонять текст через встроенный инструмент Clean Text Editor перед публикацией, чтобы удалить лишнюю разметку.
Air Flex поддерживает Blogger, Facebook и Disqus — но не одновременно. Шорткод commentsSystem принимает одно из трёх значений. Если нужна параллельная работа блоков комментариев, этот шаблон не подойдёт. Разработчик объясняет это соображениями скорости — двойная загрузка SDK Facebook заметно замедляет страницы.
Выпадающее меню в шапке настраивается вручную через Layout и не подтягивает посты автоматически. Если категорий много или рубрики регулярно меняются, каждое обновление структуры придётся делать вручную в настройках гаджета.
Шпаргалка по основным шорткодам Air Flex
Все настройки вносятся в раздел «Переменные по умолчанию» через Layout — никакого XML. Ниже самые используемые параметры и что они делают.
Все значения — строчными буквами (lowercase), как в документации. Опечатка в регистре — и шорткод не сработает.
Что даёт премиум-версия Air Flex
- 🌙 Ночной режим — переключатель светлой / тёмной темы в шапке с поддержкой двух вариантов логотипа; в бесплатной версии недоступен.
- 📌 Удаление кредита в подвале — бесплатная версия требует сохранять ссылку на разработчика; premium снимает это ограничение и убирает автоматический редирект при удалении кредита.
- 📋 Mega Menu — многоуровневое статическое выпадающее меню с произвольными ссылками и описаниями.
- ⭐ Нужный виджет Featured Posts — выделение конкретных публикаций в слайдер (не только по популярности).
- 📐 Неограниченные рекламные блоки — зонирование AdSense в нескольких позициях страницы.
- 🔄 Пожизненные обновления — все будущие версии бесплатно; 12 месяцев технической поддержки от команды Piki Templates.
- 📚 Веб-документация + видеоуроки — текстовая документация доступна всем, но видеоинструкции — только покупателям.
Шорткоды для публикаций
Кнопки в постах (V.1.0.0): (getButton) #text=(Текст) #icon=(demo) → #icon=(download) → #icon=(buy) → с цветом: #color=(#ff0000)
Иконки соцсетей (в шапке): facebook · instagram · telegram · youtube · x · threads · mastodon · vk
Сравнение бесплатной и премиум-версии Air Flex
| Функции | Бесплатно | Премиум ⚡ |
|---|---|---|
| Адаптивный дизайн (мобильный + десктоп) | ✔ | ✔ |
| Слайдер на встроенном JavaScript | ✔ | ✔ |
| Бегущая строка «Тренды» | ✔ | ✔ |
| Ленивая загрузка изображений | ✔ | ✔ |
| Нет зашифрованных скриптов | ✔ | ✔ |
| Поддержка RTL | ✘ | ✔ эксклюзив |
| Ночной режим + тёмный логотип | ✘ | ✔ эксклюзив |
| Удаление кредита в подвале | ✘ | ✔ эксклюзив |
| Неограниченные рекламные блоки | ✘ | ✔ эксклюзив |
| Mega Menu + пользовательское меню | ✘ | ✔ эксклюзив |
| Пожизненные обновления + 12 мес. поддержки | ✘ | ✔ эксклюзив |
| ЦЕНА | Бесплатно | $18 |
Air Flex против других SEO-шаблонов Blogger
Если выбираешь между несколькими быстрыми шаблонами, вот где Air Flex выигрывает, а где уступает.
| Характеристика | Air Flex | SeoFlex | IceFlex |
|---|---|---|---|
| Встроенный слайдер | ✔ без сторонних библиотек | ✔ | ✔ |
| Ночной режим | ✔ (premium) | ✔ | ✔ |
| Бегущая строка трендов | ✔ | ✘ | ✘ |
| Поддержка RTL | ✔ (premium) | ✔ | ✔ |
| Цена | $18 | ~$19 | ~$10 |
| Разделы по рубрикам на главной | ✔ без кода | ✔ | ✔ |
| Тренды / Breaking News | ✔ | ✘ | ✔ (Breaking) |
Air Flex выигрывает там, где нужна бегущая строка «Тренды» прямо в шапке — из шаблонов этого же ценового диапазона это редкость. Если тебе нужен более строгий акцент на чистый SEO без медиа-акцентов — SeoFlex будет ближе.
Вопросы про Air Flex, которые не закрывает описание
Почему на главной показывается только 2–3 поста, хотя я добавил 15?
Можно ли одновременно показывать комментарии Blogger и Facebook?
commentsSystem в настройках гаджета Default Variables. Параллельная работа двух блоков не предусмотрена по соображениям скорости: одновременная загрузка SDK Facebook и комментариев Blogger заметно увеличивает время первого ответа страницы.