Image Widget Crop

Hier heb je 2 modules voor nodig. Image Widget Crop en de Crop module zelf. Je kunt er een afbeeldingsveld mee bijsnijden. Tal van instellingen.. Kijk desnoods ook naar de Engelstalige handleiding van de module zelf.

Na installatie krijg je Crop Types bij Structuur.

Drupal8_001775.png

Je kunt er de breedte/hoogte ratio mee instellen en ook de minima van het bijgesneden gedeelte. Hier ga ik voor een 1:1 verhouding.  Een vierkant dus... Ik stel dat er minstens een 300 px  X 300 px  afbeelding moet zijn.

Drupal8_001781.png

Daarna moet je een afbeeldingsstijl aanmaken.


Drupal8_001777.png

Er is een mogelijkheid bijgekomen: manueel bijsnijden.
Drupal8_001778.png
Drupal8_001779.png

Stel die in en als die groter zou zijn dan 300 px, schaal die die naar 300 px.


Drupal8_001780.png

Nu moet je een inhoudstype aanmaken en een afbeeldingsveld instellen. bij het formulier maak je gebruik van de widget.

Drupal8_001782.png

Je stelt die bvb zo in...


Drupal8_001783.png

Daarna moet je ook de weergave van de node instellen:


Drupal8_001784.png

Ook hier kan je verfijnen..


Drupal8_001785.png

Nu kan je aan de slag.. De input.. Let op het vierkant. Ik kan die wel aanpassen en bvb vergroten.


Drupal8_001786.png

De weergave wordt dan weer geschaald naar 300px. Al mijn afbeeldingen hebben dus dezelfde maat en ik heb van elke afbeelding het belangrijkste deel kunnen capteren..


Drupal8_001787.png