Fecit
Сегодняшний плагин будет полезен владельцам В wordpress, в целом, довольно много красивых галерей, но часто они тяжеловесные и часто платные. Я решил сделать свой со стилизацией под ленту фотоплёнки с горизонтальной прокруткой.
Выглядит так:
Возможности:
- Выбор высоты плёнки на сайте.
- Выбор, делать ли ссылку на каждую фотку, на вложение или на медиафайл.
- Крутая сортировка и управление галереей.
- Выбор ширины — в основной колонке, по ширине содержимого, по ширине страницы.
Вот, собственно, и всё. Я два дня продолбался с фронтендом, чтобы заставить всё это прилично отображаться.
Неприятный момент. Локализация есть, но на момент версии 1.1.0 не работает. Рано или поздно заборю и напишу об этом.
Забрать можно здесь. Пояснительная записка тут.
История изменений
1.1.1
21.11.2025
- Добавлена поддержка растягивания блока на всю ширину экрана в режиме alignfull
- Реализованы CSS правила с использованием calc(50% — 50vw) и width: 100vw для полного покрытия ширины
- Исправлена проблема, когда блок в режиме 'На всю ширину' не доставал до правой границы страницы
- Скорректированы отступы margin-left и margin-right для режима alignfull
- Исправлена ошибка в скрипте проверки переводов check-translations.js при чтении PHP файла
1.1.0
21.11.2025
- Уменьшен размер картинок в редакторе для соответствия фронтенду
- Добавлена обёртка с белой рамкой через псевдоэлемент .film-frame::before
- Уменьшена высота плёнки в редакторе до 300px для лучшего отображения
- Улучшена структура CSS с позиционированием и z-index для изображений
- Сохранено масштабирование изображений object-fit: cover в редакторе
- Убраны все hover-эффекты из плагина для улучшения производительности
- Упрощены CSS стили для устранения избыточного кода
- Удалена функция film_disable_hover_effects() как ненужная
- Исправлена структура HTML для корректного отображения белой рамки
1.0.5
21.11.2025
- Упрощенная архитектура React-компонентов с использованием React.createElement вместо JSX
- Улучшенная структура кода с вынесением функций редактирования в отдельные методы
- Добавлены подробные комментарии на русском языке для всех функций
- Переработанная система обработки ошибок с проверкой доступности wp.media
- Удалены все hover-эффекты из плагина для улучшения производительности
- Создан отдельный файл style-frontend.css для фронтенда
- Добавлена функция film_disable_hover_effects() для принудительного отключения анимаций
- Исправлена проблема с отображением интерфейса редактирования блока
- Устранены ошибки синтаксиса в React-компонентах
- Переработана обработка медиабиблиотеки WordPress
- Упрощены CSS стили для устранения ошибок отображения
- Исправлена проблема с отсутствием файлов стилей в папке build
- Устранена проблема с неправильной работой модального окна редактирования галереи
- Убраны все transition, transform и scale эффекты из CSS
- Добавлено принудительное отключение hover эффектов с !important
1.0.4
21.11.2025
- Добавлена белая рамка для изображений через новый элемент .film-image-wrapper
- Увеличена нижняя рамка изображений до 12px для улучшенного внешнего вида
- Добавлены подробные комментарии на русском языке во всем коде
- Улучшена структура JavaScript кода с документированными функциями
- Создан файл src/index.js с исходным кодом блока
- Создан файл src/style.css со стилями для редактора
- Добавлены стили для редактора с эффектом при наведении
- Убрано увеличение изображений по наведению курсора на фронтенде
- Удалена отладочная информация для проверки переводов из PHP кода
- Использован стандартный медиазагрузчик WordPress вместо кастомных элементов
- Устранена проблема с отсутствием файла style-frontend.css в папке build
- Исправлена проблема с применением изменений в Gutenberg редакторе
1.0.1
20.11.2025
- Исправлен фронтенд — добавлены отдельные стили для редактора и фронтенда
- Функция сортировки фотографий в панели инспектора с кнопками "Поднять выше/Опустить ниже"
- Кнопки выбора ширины блока — тулбар выравнивания (по ширине колонки, широкое, полная ширина)
- Нумерация изображений в редакторе для удобства работы
- Улучшенный интерфейс управления изображениями с оверлеями
- Поддержка атрибута align в блоке для выравнивания
- Регистрация отдельного стиля для фронтенда
- Добавлен новый файл style-frontend.css для фронтенда
- Возможность быстрого управления изображениями через тулбар
- Исправлены импорты иконок — заменены несуществующие иконки на доступные
- Исправлена конфигурация webpack для включения фронтенд стилей
- Устранены ошибки сборки связанные с иконками
- Удалена отладочная информация из PHP кода
1.0.0
20.11.2025
- Блок фотоплёнки с горизонтальной прокруткой изображений
- Интеграция с редактором Гутенберг
- Настройки высоты плёнки (100-1000px)
- Настройки ссылок на изображения (без ссылки, файл, страница вложения)
- Поддержка множественного выбора изображений из медиабиблиотеки
- Локализация на русский язык
- Адаптивный дизайн для всех устройств
- Стили в стиле классической фотоплёнки с перфорацией
- Добавлена санитизация всех пользовательских данных
- Реализована защита от прямого доступа к файлам
