Изображения для блога + автор фото для приложения «Блог»

Плагин «Изображения для блога» (blogimges)

Плагин упрощает работу с изображением записи блога: вы загружаете одну фотографию, а плагин автоматически генерирует набор эскизов нужных размеров и помогает вывести их в теме.

Основные возможности

• Одна загрузка — много эскизов: плагин делает все варианты по заданным пресетам.
• Готовые пресеты по умолчанию (не удаляются): 96x0, 150x0, 400x0, 970x0.
• Свои пресеты: максимальная сторона, ширина, высота, квадратная обрезка, прямоугольник.
• Автогенерация и предпросмотр: загрузили — эскизы создались, превью 400x0 видно сразу.
• Замена фото: старые файлы удаляются, оригинал сохраняется как id.original.ext.
• Автор фото: отдельное поле, сохраняется в базу в blog_post.image_author.
• Чистка при удалении записи: каталоги с изображениями записи удаляются автоматически.
• Пересоздание эскизов: массово для всех записей из настроек с прогресс-баром.

Где хранятся файлы

• Оригинал: wa-data/protected/blog/blogimges/{post_id}/{post_id}.original.{ext} (дублируется в public).
• Эскизы: wa-data/public/blog/blogimges/{post_id}/, имена см. ниже.

Имена файлов

• Оригинал: {id}.original.{ext} (например, 12.original.jpg).
• Ширина×авто: {id}.{W}x0.webp (например, 12.400x0.webp).
• Авто×высота: {id}.0x{H}.webp (например, 12.0x300.webp).
• Квадратная обрезка: {id}.{S}x{S}.webp (например, 12.96x96.webp).
• Прямоугольная обрезка: {id}.{W}x{H}.webp (например, 12.970x400.webp).
• Макс. сторона: {id}.{S}.webp (например, 12.970.webp).

Настройка пресетов

1. Откройте: Блог → Плагины → blogimges.
2. В блоке «Эскизы, формируемые при загрузке» добавьте пресеты. Список появляется выше, заблокированные — системные.
3. Сохранение происходит автоматически. Ниже выводится список дескрипторов (например, 400x0) для вставки в тему.

Загрузка фото к записи

• В редактировании записи есть область загрузки (выбрать файл).
• После загрузки автоматически:
  • удаляются старые файлы записи;
  • сохраняется новый оригинал id.original.ext;
  • по всем пресетам создаются эскизы;
  • показывается превью 400x0;
  • меняется подпись к загрузке на «Заменить превью поста».

Поле «Автор фото»

• Поле всегда видно рядом с загрузкой, значение сохраняется в blog_post.image_author.
• Подсказка под превью не выводится — именно поле для ввода.

Удаление записи

При удалении записи блога каталоги wa-data/public/blog/blogimges/{id}/ и wa-data/protected/blog/blogimges/{id}/ удаляются автоматически.

Пересоздание эскизов

1. Откройте настройки плагина.
2. Нажмите «Удалить и заново создать эскизы изображений всех записей» — пойдёт процесс с прогресс-баром.
3. Дождитесь 100%, появится сообщение «Эскизы пересозданы».

1 Ширина 400 px, ретина 800 px

{* получаем расширение оригинала по полю, которое заполняет плагин *}
{assign var=ext value=$post.image_oreginal_pfoto|regex_replace:'/^.*\\./':''}

{* URL для 400px по ширине (высота авто) *}
{assign var=img_url value=$wa_url|cat:'wa-data/public/blog/blogimges/'|cat:$post.id|cat:'/'|cat:$post.id|cat:'.400x0.'|cat:$ext}

{* URL для ретины (800x0) *}
{assign var=img2x_url value=$wa_url|cat:'wa-data/public/blog/blogimges/'|cat:$post.id|cat:'/'|cat:$post.id|cat:'.800x0.'|cat:$ext}

<img src="{$img_url|escape}" srcset="{$img2x_url|escape} 2x" alt="{$post.title|escape}" itemprop="image">

2) С проверкой наличия изображения

{assign var=ext value=$post.image_oreginal_pfoto|regex_replace:'/^.*\\./':''}
{assign var=img value=$wa_url|cat:'wa-data/public/blog/blogimges/'|cat:$post.id|cat:'/'|cat:$post.id|cat:'.400x0.'|cat:$ext}

{if $post.image_oreginal_pfoto}
    <img src="{$img|escape}" alt="{$post.title|escape}">
{else}
    <img src="{$wa_theme_url}img/dummy200.png" alt="{$post.title|escape}">
{/if}

3) Любой размер по дескриптору

{* вместо 400x0 подставьте нужный дескриптор из настроек *}
{assign var=descriptor value='400x0'}
{assign var=ext value=$post.image_oreginal_pfoto|regex_replace:'/^.*\\./':''}
{assign var=img value=$wa_url|cat:'wa-data/public/blog/blogimges/'|cat:$post.id|cat:'/'|cat:$post.id|cat:'.'|cat:$descriptor|cat:'.'|cat:$ext}
<img src="{$img|escape}" alt="{$post.title|escape}">

Автоматические обновления и база

• При установке/обновлении плагина автоматически добавляются поля в blog_post: image_oreginal_pfoto и image_author.
• Плагин не создаёт собственных таблиц данных: всё в blog_post.

Полезно знать

• Если после замены фото показывается старое — это кеш. Плагин добавляет «сброс» кеша, обновите страницу.
• Права на каталоги wa-data/public и wa-data/protected должны позволять запись/удаление.
• Список дескрипторов для копирования есть внизу страницы настроек плагина.