info@enterin.ru Россия, г. Ярославль

Phpthumbof modx revo. Быстрый старт и шпаргалка. Водяной знак.

Дата публикации: 30 августа 2021

1. Качаем и устанавливаем phpthumbof из репозитория

Вывод превью через phpthumbof.

Есть некоторая картинка

   <img class="" src="/путь/фото.jpg" alt="красивая ночь" />
красивая ночь

Делаем превьюшку, например 300 на 150 (ширина 300 пикселей, высота 150 пикселей)

<a data-fancybox="gallery" href="/путь/фото.jpg">
    <img class="" style="" src="[[phpthumbof? &input=`/путь/фото.jpg` &options=`w=300&h=150&zc=1&fltr[]`]]" />
</a>

Пример

Теперь давайте наложим водяной знак картинку

Сначала логика. Нам нужно добавить фильтр - fltr[], в &options

<img class="" src="[[phpthumbof? &input=`/путь/фото.jpg` 
&options=`w=600&h=300&zc=1&fltr[]=wmi|/путь/фото.jpg|BR|50|5|5|0`]]" />

Расшифровка

<img class="" src="[[phpthumbof? &input=`/путь/фото.jpg` 
&options=`w=600&h=300&zc=1&fltr[]=wmi|путь к фото|позиция знака|прозрачность|отступ слева
|отступ справа|поворот знака`]]" />

- расположение знака - (BR, BL, TR, TL, C, R, L,T, B, * где B=низ, T=верх, L=лево, R=право) - прозрачность от 1 до 100 - отступ слева и отступ справа в задается в пикселях

Пример - &options=`w=600&h=300&zc=1&fltr[]=wmi|/путь/фото.jpg|BR|50|10|10|0`

Текстовый водяной знак Modx Revo

<img class="" src="[[phpthumbof? &input=`/путь/фото.jpg` 
&options=`w=600&h=300&zc=1&fltr[]=wmt|<текст>|<размер шрифта>|<расположение текста>|<цвет текста>
|<путь к шрифту ttf>|<прозрачность в интервале 0-100>|<отступ от краев в процентах>|<угол наклона>
|<цвет фона за шритом (FFFFFF)>|<прозрачность фона за шрифтом от 1 до 100>|]`]]" />

Пример.

Если какой-то параметр нам не нужен, просто удаляем там все - &options=`w=900&h=450&zc=1&fltr[]=wmt|ENTERIN.RU|5|BR|FFFFFF||70|5|0|||`

+1

Выбрать другую заметку

  1. Загрузка страницы с заданным скроллингом по середине - 11.07.2016
  2. Якорные ссылки с плавной прокруткой - Пример - 15.09.2016
  3. Перенос сайта на другой хостинг Modx revo - 17.08.2017
  4. Перенос дампа MySQL 5.7 в MySQL 5.5 или ишибка #1214 - The used table type doesn't support FULLTEXT indexes - 16.05.2018
  5. Документация getProducts - 8.03.2018
  6. mFilter2 - быстрый запуск - 16.05.2018
  7. mSearch2 - быстрый запуск - 16.05.2018
  8. Автоматическое определение года - PHX Modx Revo, Вывод названий месяцев на русском - 16.05.2018
  9. Документация fastField Modx Revo - плагин для получения поля другого ресурса. - 16.05.2018
  10. MODX Revolution - Каталог ядра в открытом доступе - 1.06.2018
  11. Привязать картинку к ячейке excel - 5.07.2018
  12. Обновление MODX Revolution - 26.07.2018
  13. Перевод с http на https, сайт на ModX Revo, хостинг beget. - 19.12.2018
  14. pdoMenu - Как исключить определенные пункты меню - 5.02.2019
  15. Как вывести количество дочерних элементов modx revo - один из вариантов - 8.08.2019
  16. MigX Modx Revo - быстрый старт. Примеры MigX. - 17.08.2019
  17. Запрет на индексацию ссылок или текста - 15.10.2019
  18. Не выводить текущую новость через getProducts ModX revo - 22.10.2019
  19. Font boosting и проблемы со шрифтом в мобильных браузерах - 28.10.2019
  20. Как написать в техподдержку вКонтакте с компьютера - 13.02.2020
  21. Удобно для SEO, но только MODX REVO - 5.06.2020
  22. Сортировка ресурсов на странице через getProdutcts, как в дереве ресурсов - 28.04.2021
  23. Якорные ссылки на странице с плавной прокруткой. Html, CSS + javascript - 26.05.2021
  24. Phpthumbof modx revo. Быстрый старт и шпаргалка. Водяной знак. - 30.08.2021
  25. Getimagelist modx revo, сортировка в обратном порядке - MIGX - 23.09.2021
  26. Яндекс карта через API - Быстрый старт - 24.09.2021
  27. Проверка подключения jQuery - 10.03.2022
  28. Стандартные плейсхолдеры в MIGX - 19.12.2022