Изображения для записей блога

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

Обложка и галерея для записей блога

Добавляйте обложки, вставляйте фото в текст и собирайте галереи — прямо из редактора записи. Встроенный редактор позволяет обрезать, повернуть и отфильтровать картинку без сторонних программ. На витрине — лёгкий лайтбокс с навигацией и свайпами, без лишних зависимостей.

Смотреть демо-версию

Что умеет

Обложка — первая картинка = обложка поста. Видна в списке записей, легко выводится в теме дизайна.
Галерея — остальные картинки автоматически показываются после текста. Можно отключить для отдельных фото.
Вставка в текст — выбираете картинку, жмёте «Вставить» — она появляется в позиции курсора. Работает в визуальном и HTML-режиме.
Редактор фото — обрезка с сеткой третей, ресайз с пропорциями, поворот, ч/б фильтр, пошаговая отмена. PNG с прозрачностью не ломается.
Лайтбокс — клик по картинке открывает просмотр. Стрелки, клавиатура, свайпы на мобильных, скролл мышью. Чистый JS, иконки SVG — ничего лишнего.
Свой дизайн — HTML и CSS галереи можно переписать в настройках плагина с подсветкой кода. Если что-то сломали — кнопка «Вернуть к дистрибутиву».

Обложка в теме дизайна

Вставьте в шаблон темы (например stream_posts.html):

{if method_exists('blogPictureHelper', 'getCoverImage')}
  {$cover = blogPictureHelper::getCoverImage($post.id)}
  {if $cover}
      <img src="{$cover.image_url}" alt="{$cover.description|escape}">
  {/if}
{/if}

Если плагин не установлен — код просто не сработает, ничего не сломается.

Галерея

Включается в настройках. Показывает все фото (кроме обложки) после текста записи. Каждую картинку можно исключить из галереи отдельно.

Вставка в текст

В редакторе записи — вкладка «Изображения» или кнопка в тулбаре. Выбрали картинку → «Вставить в пост» → готово.