WP EASY - Все о WordPress и даже больше

WordPress.com Studio — бесплатный редактор тем от Automattic для локальной разработки

2025-07-18T12:50:15.657Z

Если вы разрабатываете темы для WordPress и хотите ускорить процесс, теперь у вас есть новый мощный инструмент от самой Automattic — WordPress.com Studio. Это бесплатное кроссплатформенное приложение для локальной разработки, которое открывает новую главу в создании тем на базе блоков (Full Site Editing).

Что такое WordPress.com Studio?

Studio — это визуальный редактор тем, который запускается на вашем компьютере и позволяет создавать и редактировать темы в реальном времени. Он сочетает в себе:

Полноценный редактор Full Site Editing (FSE)

Поддержку горячей перезагрузки

Встроенный предпросмотр сайта

Простой экспорт тем

И всё это — без необходимости вручную поднимать WordPress на локальном сервере. Всё встроено.

Возможности и фишки

🛠️ Быстрый старт

Вы создаёте новый проект — Studio разворачивает локальный WordPress, тему и сразу открывает редактор.

🔁 Синхронизация с GitHub

Есть встроенная интеграция с GitHub, чтобы вы могли синхронизировать код своей темы с репозиторием и деплоить её на WordPress.com или self-hosted сайты.

🎨 Редактор тем и шаблонов

Создание шаблонов, шаблонных частей, стилей и блоков — визуально, как в Gutenberg.

🚀 Экспорт одним кликом

Можно собрать ZIP-файл темы и загрузить его на любой сайт WordPress.

📦 Поддержка npm и WP-CLI

Для продвинутых пользователей доступна работа через терминал, управление зависимостями и кастомные скрипты.

Кому подойдёт?

Разработчикам тем

WordPress-дизайнерам

Фрилансерам

Агентствам, создающим кастомные темы

Где скачать?

Официальная страница:

👉 https://developer.wordpress.com/studio/

Приложение доступно для Windows, macOS и Linux.

Вывод:

WordPress.com Studio — отличный инструмент, если вы хотите быстро разрабатывать, тестировать и экспортировать темы в удобной среде. Это шаг вперёд в развитии Full Site Editing и новый стандарт для локальной разработки тем под WordPress.

WooCommerce 10.0: инвестиции в доступность

2025-07-15T11:41:29.064Z

Дата: 14 июля 2025

Новая версия WooCommerce 10.0 выходит с ключевым фокусом на улучшение доступности (accessibility). Основные нововведения:

Крупные фронтенд-улучшения для пользователей с особыми потребностями

Удобные URL для оформления заказа, которые можно безопасно пересылать

Расширенные возможности для купонов

Усовершенствованный импорт товаров

Почему это важно?

В июне 2025 года вступил в силу Европейский закон о доступности (EAA). Соответствие WCAG 2.2 тоже становится критичным стандартом .

Доступные сайты удобны не только для людей с ограничениями: они лучше индексируются и дают более качественный UX для всех.

Что конкретно улучшилось?

Исправлены более 140 элементов интерфейса и блоков до уровня WCAG 2.2 AA, некоторые даже AAA

Улучшена совместимость с четеками, клавиатурной навигацией, экранными чтецами и лучшие визуальные подсказки

Проведена работа совместно с Equalize Digital, Fueled и 10up

Итоги

WooCommerce 10.0 – значимый шаг вперёд: работа с доступностью становится уже не «опцией», а базовым стандартом.

Для разработчиков это отличная основа для создания инклюзивных тем, блоков и плагинов.

Fluent Community — строим современное комьюнити на WordPress без костылей и хака

2025-07-13T14:31:25.748Z

Пока другие возятся с устаревшими и тяжеловесными плагинами вроде BuddyPress, команда WPManageNinja (создатели FluentCRM, Fluent Forms и Ninja Tables) делает революцию в построении онлайн-сообществ на WordPress.

Fluent Community — это новый, нативный и по-настоящему современный способ создания комьюнити-платформ прямо внутри вашего сайта. Без перегрузки, без зависимостей, с отличным UI.

🧠 Что такое Fluent Community?

Это не просто плагин, это фреймворк для построения социальных функций:

- Профили пользователей

- Стена активности (Activity feed)

- Друзья, подписки

- Комментарии, реакции

- Приватные и групповые чаты

- Группы и публичные сообщества

- Уведомления

- Медиагалерея

- Настраиваемые поля профиля

- REST API и хук-система

- Интеграция с FluentCRM — мощная связка

💡 Ключевые преимущества

🔌 Работает из коробки

Просто установите плагин — и у вас уже есть функциональные страницы:

/community/ — фид активности

/profile/ — профиль

/groups/, /friends/ и т.д.

📱 Модный, адаптивный UI

Никаких устаревших дизайнов, всё на Tailwind CSS и VueJS. Анимации, плавность, кастомизация — как у SaaS-платформ.

🧩 Гибкость

Своя настройка прав и ролей

Поддержка любых кастомных post types и полей

Кастомизация страниц через блоки Gutenberg или shortcodes

Можно интегрировать с кастомной темой без боли

🔐 Безопасность и контроль

Хуки и фильтры для разработчиков

GDPR-ready

Без сторонних API и трекеров

🔨 Возможные кейсы

🎓 Онлайн-курсы: ученики общаются, делятся прогрессом

🧘‍♀️ Платные клубы: доступ к группе только по подписке

🛠️ SaaS-комьюнити: поддержка и обмен опытом

🚀 Стартапы: закрытые тестовые сообщества

📚 Писатели/блогеры: клуб читателей

🛠️ Как начать

Установите из WordPress репозитория

Перейдите в Community → Settings и настройте базовые опции

Добавьте нужные страницы в меню

Проверьте роли и доступы: кто может писать, комментировать, создавать группы

Подключите FluentCRM, если нужно автоматизировать воронки

🤓 Личный опыт

Я протестировал Fluent Community на сайте с ~1k пользователей — впечатления отличные. Работает быстро, интерфейс нативный, кастомизация простая. Особенно кайфово — настройка пользовательских профилей: можно добавить любое количество полей (город, Telegram, уровень и т.д.).

⚙️ Полезные ссылки:

🔗 Официальный сайт

📥 Плагин на WordPress.org

📚 Документация

🧠 Демо

🛠 FluentCRM — для рассылок и автоматизации

🧭 Заключение

Если вы создаете сайт с акцентом на комьюнити — Fluent Community обязан быть в вашем стекe. Это будущее социальных функций на WordPress: легкое, красивое, кастомизируемое и полностью бесплатное.

🔥 В отличие от BuddyPress, здесь вы получаете современный UI и API, без тонны «интернета из 2010-х».

⚡ View Transitions — как добавить плавные анимации при смене страниц в WordPress без единой строчки кода

2025-07-04T15:40:33.522Z

Когда пользователь кликает по ссылке на сайте — обычно всё исчезает и новая страница появляется внезапно. Это стандартное поведение браузеров. Но что если сделать этот процесс плавным, с красивыми анимациями появления и исчезновения контента?

Вот тут и приходит на помощь плагин View Transitions — лёгкий, бесплатный и почти магический инструмент, который добавляет анимированные переходы между страницами на WordPress-сайте с помощью нативной функции view-transition из CSS.

🔧 Что делает плагин?

Плагин активирует поддержку CSS View Transitions API на вашем сайте. Эта технология позволяет браузеру анимировать изменения DOM при переходе на другую страницу — без "дёрганий", с плавными fade-in/fade-out или кастомными эффектами.

Примеры эффектов:

Затухание контента (fade)
Слайд-переходы
Перелистывание блоков

И всё это — без JavaScript, на нативных возможностях CSS!

⚙️ Как использовать?

Установите плагин
👉 Скачать с wordpress.org
Активируйте его
Плагин сразу начинает работать — ничего настраивать не нужно. Но вы можете настроить:

Исключения по URL (например, отключить на админке или WooCommerce checkout)
Стиль анимации

При необходимости — кастомизация
Вы можете переопределить стили в своём CSS-файле:

::view-transition-old(root),
::view-transition-new(root) {
  animation: fade 0.4s ease;
}

@keyframes fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

Так же вы можете добавить через functions.php (Желательно в дочерней теме)

add_action('after_setup_theme', function() {
    add_theme_support('view-transitions', [
        'default-animation' => 'slide-from-right',
        'post-selector' => '.post',
        'global-transition-names' => [ '.site-header' => 'header' ],
        'post-transition-names' => [ '.entry-title' => 'post-title' ],
    ]);
});

🧪 Поддержка браузеров

На момент написания статьи View Transitions поддерживаются в:

Chrome (с версии 111)
Edge
Opera

В Safari и Firefox пока нет полной поддержки, но сайт будет работать как обычно — просто без анимаций.

⚠️ Влияние на PageSpeed

Плагин не влияет на Core Web Vitals напрямую, но может улучшить визуальное восприятие загрузки страниц. Это особенно важно для UX и удержания пользователей на сайте.

🧩 Совместимость

Плагин совместим:

С классическим и блочным редактором
С плагинами Elementor, Oxygen, Bricks (но поведение может отличаться — протестируйте)
С кэш-плагинами (LiteSpeed, WP Rocket)

✅ Вывод

View Transitions — отличный способ оживить сайт без лишней нагрузки. Это must-have для тех, кто хочет сделать WordPress чуть-чуть более современным и “плавным”.

Подписывайтесь на Telegram канал WP EASY