Если перед вами когда-либо стояла задача «Сделать crop изображений на сайте», то вы попали по адресу. Сегодня покажем практический кейс, как можно быстро подключить скрипт для кропа (обрезки) фото на примере кропа аватарки пользователя сайта.
Итак, суть нашей задачи состояла в том, что нужно было реализовать красивые круглые аватарки пользователей на сайте, но как вы понимаете, одинаково правильно их центрировать в круг все равно не получится, так как люди могут загружать фото разного формата. Поэтому мы решили поставить на сайт скрипт кроппинга фото, который позволит пользователю при загрузке своего фото выбрать именно ту область, которая ему нужна и именно в круглом формате.
Немного поискав в интернете информацию, мы натолкнулись на скрипт под названием Croppie. Он показался нам довольно простым в использовании и, что самое важное, довольно универсальным. Так как он может работать как с JQuery, так и без него. Примеры того, что умеет скрипт, вы сможете посмотреть на Github.
Как подключить crop пользовательских изображений на WordPress CMS
Для начала вам необходимо будет скачать саму библиотеку и загрузить к себе на сайт, в нужную вам директорию. Для примера, у нас располагается по такому пути: