WordPress-плагин: Текстовая выноска на полях (Text with Side)

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

Я хочу дать вам возможность писать на полях блога. И не только писать, но и оформлять текст различным форматированием и добавлять картинку.

«Страх — самое древнее и сильное из человеческих чувств, а самый древний и самый сильный страх — страх неведомого» 

цитата Говарда Филлипса Лавкрафта из эссе «Сверхъестественный ужас в литературе» (1925–1927)

Собственно, суть доработки на полях этой записи. В настройках можете вставить картинку, добавить и отредактировать текст, выбрать, слева будет вставка или справа, задать ширину картинки, задать, будет ли картинка снабжена ссылкой.

В мобильной версии, увы, прикол не работает, там слишком узкие поля, поэтому блок будет отображаться в основном поле контента.

К сожалению, у меня пока плохо выходит локализация, поэтому язык плагина английский. Русский в комплекте есть и он должен подхватываться в зависимости от локали пользователя, но не подхватывается. Потом исправлю.

Забрать можно тут. Пояснительная записка тут.

P. S. А вы знали, что первым использованием мата в письменном источнике была именно запись на полях? Какой-то монах написал на полях церковной книги своё мнение о руководстве: «OD fuckin abbot», надпись датируется 1528 годом:

История изменений

2.0.0
27.11.2025
  • Добавлены подробные комментарии ко всему PHP коду на русском языке
  • Добавлены подробные комментарии ко всему JavaScript коду на русском языке
  • Улучшена структура и читаемость кода
  • Добавлены PHPDoc комментарии для PHP функций и методов
  • Добавлены JSDoc комментарии для JavaScript функций
  • Улучшена документация классов и интерфейсов
  • Обновлена версия до 2.0.0 для обозначения крупного релиза
  • Сохранена полная обратная совместимость функционала
  • Все логика плагина работает без изменений
  • Улучшена стабильность благодаря лучшей документации
  • Упрощено понимание кода для будущих разработчиков
1.1.0
27.11.2025
  • Блок в редакторе теперь отображается в поле контента с шириной 100% и max-width: 400px
  • Убраны float и отрицательные margin из редактора — блок ведёт себя как обычный элемент
  • Увеличена максимальная ширина изображения до 300px для удобства просмотра
  • Добавлена информативная подсказка о том, как блок будет выглядеть на фронтенде
  • Добавлен ::before псевдоэлемент с подписью позиции блока (Left Side Block / Right Side Block)
  • Добавлена визуальная идентификация блоков: границы, фон, цветные акценты
  • Улучшенная визуализация в редакторе с чётким отображением содержимого
  • Упрощена архитектура — удалён сложный CSS для float в редакторе
  • Улучшена стабильность работы блока в редакторе Gutenberg
  • Решена проблема с непредсказуемым поведением в узких областях редактора
  • Исправлено отображение текстового редактора с правильными стилями
  • Улучшена совместимость с различными разрешениями экрана в редакторе
1.0.0
01.01.2024
  • Создан гутенберговский блок для текста с боковым изображением
  • Добавлен полноценный текстовый редактор с поддержкой форматирования
  • Реализована возможность добавления и удаления изображений
  • Добавлена настройка позиции изображения (слева/справа)
  • Реализованы три варианта ссылок на изображение (нет, на медиафайл, на страницу вложения)
  • Добавлена настройка ширины блока изображения
  • Создана полная локализация на русский и английский языки
  • Реализована адаптивная верстка для мобильных устройств
  • Добавлены стили для редактора и фронтенда
  • Создана система безопасности с проверкой прав доступа

Опубликовано

в

,

от

Метки:

Подпишитесь на новые посты, чтобы не пропускать их (РКН о сборе имейлов уведомлён должным образом):

Предыдущий пост
Процесс описывает последовательность действий во времени, система описывает устройство, материалы,…