![](/sites/default/files/2023-10/thumbnail_style_0.png)
In this example, we'll explore the creation and application of a "Thumbnail" Image Style within a Drupal 9 content type. The "Thumbnail" style will automatically resize and crop images to 200x200 pixels, making them ideal for displaying as thumbnails. This practical guide demonstrates how to set up and use Image Styles effectively to enhance the visual presentation of your website's content.
Step 1: Create the "Thumbnail" Image Style
As we discussed here Demystifying Image Styles in Drupal 9: Tailoring Visual Content for Your Site
Step 2: Create a Content Type
2.1. Navigate to the Content Type Page:
- In the administrative menu, go to "Admin > Structure > Content types."
Click "Add content type" to create a new content type.
2.2. Configure the Content Type:
Provide a name and description for your content type, and configure other settings as needed.
2.3. Add an Image Field:
To include images in your content type, add an "Image" field to it. You can do this by clicking on "Manage fields" for your content type and adding a new field of type "Image."
![give name to field of image](/sites/default/files/inline-images/adding_field_name.png)
2.4. Configure the Image Field:
When configuring the image field, make sure to set the "Image Style" to "Thumbnail." This means that any images added using this field will automatically be resized and cropped to 200x200 pixels using the "Thumbnail" Image Style.
Step 3: Create Content with the "Thumbnail" Image Style
3.1. Add Content:
- Go to "Content" in the administrative menu and click "Add content" to create a new piece of content using the content type you just configured.
3.2. Upload an Image:
- When adding content, use the image field you created.
- Upload an image, and it will automatically be processed with the "Thumbnail" Image Style.
Conclusion:
In this example, we've successfully created and utilized the "Thumbnail" Image Style within a Drupal 9 content type. This Image Style automatically resizes and crops images to 200x200 pixels, making them suitable for use as thumbnails. By configuring your content type to use this Image Style, you can ensure that images displayed on your website are consistent and visually appealing.
With Image Styles, you can easily manage and optimize images, enhancing the user experience on your Drupal site.
Comment
Цена сертификата…
Цена сертификата соответствия ИСО 9001 всегда рассчитывается индивидуально, так как зависит от ряда факторов: сферы деятельности; количества и местоположения площадок; численности. Сертификат выдается сроком на 3 года https://teletype.in/@sezdok/optimalnaya-cena-sertifikata-iso09001-v-ros…
Сертификат соответствия ИСО…
Сертификат соответствия ИСО 9001 – документ, который выдается по результатам экспертной проверки и подтверждает, что система менеджмента качества (СМК) организации соответствует международному стандарту ISO 9001 «Системы менеджмента качества. Требования» либо его национальному аналогу ГОСТ Р ИСО 9001 и своевременно совершенствуется https://vc.ru/u/3200429-marev/1137556-sertifikat-iso-9001-chto-eto-tako…
Приобретение собственного…
Приобретение собственного жилья – важное и ответственное решение. Для большинства людей это одно из самых значимых вложений в жизни. Однако накопить нужную сумму бывает непросто. Именно здесь на помощь приходят финансовые инструменты, позволяющие сделать мечту о собственном доме реальностью [url=https://xn--80asucf0d.xn--j1al4b.xn--p1ai/index.php/component/k2/itemli…]
Полный список промокодов…
Полный список промокодов Яндекс Путешествий на первый заказ и не только на июль 2024 Актуальные скидки, промокоды и кешбэк на отели и авиабилеты на сервисе [url=https://t.me/sale_travels]яндекс путешествия промокод 12[/url]
Купить биокамин для квартиры…
Купить биокамин для квартиры – это создать неповторимую атмосферу уюта и тепла у себя в доме [url=https://biocamin.com/product-category/napolnye/]Напольный биокамин купить[/url]
Магистерские диссертации на…
Магистерские диссертации на заказ в Москве. магистерская диссертация на заказ. Оформление заказа: Заполните форму на нашем сайте, указав все необходимые детали вашей магистерской диссертации [url=http://dissertaciya-dlya-studentov.ru/]магистерская диссертация[/url]
Преимущества заказа…
Преимущества заказа магистерской диссертации. Самый ценный и невосполнимый ресурс – это время. Часто в магистратуру идут взрослые люди, обремененные семьей и работой, не имеющие возможности потратить несколько месяцев на то, чтобы искать литературные источники, собирать эмпирические данные и писать текст диссертации [url=http://dissertaciya-dlya-studentov.ru/]кандидатская диссертация под ключ[/url]
«Аутстаффинг Рейтинг» –…
«Аутстаффинг Рейтинг» – рейтинг агентсв, предоставляющих клиентам услуги трудоустройства и ведения документооборота по иностранным работникам в России. Помогаем бизнесу выбрать лучшего подрядчика https://outstaffing-rating.ru/
VKrutka — программа для…
VKrutka — программа для безопасной накрутки просмотров, лайков, подписчиков, комментариев с вашим текстом и лайков на комментарии в ВК [url=https://www.vkrutka.ru]накрутка товаров VK[/url]
https://kupi-buket63.ru/
https://kupi-buket63.ru/
Tired of reaching someone’s…
Tired of reaching someone’s voicemail? It might not be you – it could be your business phone number. Thankfully, you can get a new number thanks to the power of virtual phone numbers [url=https://www.explosion.com/148343/the-ultimate-guide-to-buying-virtual-n…]
знакомства в тг
знакомства в тг
jadwal-waktu-sholat.online
jadwal-waktu-sholat.online
hondro strong
hondro strong
https://derglaube.online/
https://derglaube.online/
https://telegram-znakomstva…
https://telegram-znakomstva.ru/
jadwal-waktu-sholat.online
jadwal-waktu-sholat.online
https://truthgate.us/
https://truthgate.us/
увеличение толщины полового…
увеличение толщины полового члена
https://lesifflet.cc/
https://lesifflet.cc/
A virtual phone number …
A virtual phone number (sometimes also called a virtual phone line) is a telephone number that's not associated with a specific device or piece of hardware [url=https://www.centerpost.org/maximizing-communication-with-rented-phone-n…]
как отличить оригинал Рей…
как отличить оригинал Рей Бен Рэй Бан от подделки полезные советы
https://polemix.cc/
https://polemix.cc/
https://holylandherald.com/
https://holylandherald.com/
Virtual Phone basic…
Virtual Phone basic information and a brief history. How a company can create a local or international brand with a 1800 number [url=https://press.farm/virtual-phone-numbers-in-turkey-for-business/]https:…]
lords.lat - cмотреть фильмы…
lords.lat - cмотреть фильмы и сериалы бесплатно в хорошем HD качестве [url=https://2022.lords.lat/]2024.lords.lat[/url]
https://skachat-pin-up…
https://skachat-pin-up.website/
MostBet je mezinarodni…
MostBet je mezinarodni organizace a jeji webove stranky jsou dostupne s domenou .com. V tomto clanku se zamerime prave na mezinarodni sazkovou kancelar Mostbet.com.
Na oficialni webove stranky mezinarodni sazkove kancelare Mostbet.com se lze snadno dostat obejitim blokace. K tomu je treba pouzit prohlizec s rezimem uspory provozu (Opera, Firefox) nebo sluzby VPN. Na domovske strance se nachazi dalsi sekce s obchazenim blokovani a take odkazy na aplikace pro iOS a Android, pres ktere je sazkova kancelar vzdy pristupna [url=https://mostbets-cz.com/]most bet[/url]
https://prodvizhenie-vidnoe…
https://prodvizhenie-vidnoe.ru/
https://prodvizhenie…
https://prodvizhenie-domodedovo.ru/
Exploring the Enigmatic…
Exploring the Enigmatic World In a realm where luck intertwines with skill and strategy, a mysterious playground beckons. Here, seekers of thrills find themselves drawn into a labyrinthine landscape where fortunes can change in the blink of an eye [url=https://libraryfreedom.wiki/index.php?title=_PlayFortuna_Casino_Mobile_…]
http://smehoclub.ru/
http://smehoclub.ru/
you in dreams for a long…
you in dreams for a long time, if you now decide to order Cookstown escorts services using a search engine of our these late. The second category prefer meeting clients in the morning and afternoon. Such a gradation is very Escort women work at belfast escorts
Good News Bible (GNB), also…
Good News Bible (GNB), also called the Good News Translation (GNT) in the United States, is an English translation of the Bible by the American Bible Society [url=https://bible-history.com/nmb]New Matthew Bible (NMB)[/url]
https://prodvizhenie-korolev…
https://prodvizhenie-korolev.ru/
https://hram-sveta.ru…
https://hram-sveta.ru/medicina-ot-a-do-ya-dlya-pacientov-i-vrachey/151823-magnitno-rezonansnaja-tomografija-vnutrennego-uha.html
официальный сайт пин ап…
официальный сайт пин ап казино
поликарбонат оптом https:/…
поликарбонат оптом https://polikarbonat-sotovyj.ru/
Мечтаете об уюте и комфорте…
Мечтаете об уюте и комфорте в тропическом уголке? Каждый год всё больше людей выбирают для себя постоянное место обитания в местах, где солнце светит круглый год [url=https://www.aura-invest.com/bbs/board.php?bo_table=free&wr_id=3621519]h…]
риобет казино
риобет казино
Лизинг грузовых автомобилей…
Лизинг грузовых автомобилей может стать эффективным решением для ИП, которым необходимо расширение или обновление автопарка без значительных единовременных затрат [url=https://1abakan.ru/forum/showthread-60295/]https://1abakan.ru/forum/sho…]
Что можно приобрести в…
Что можно приобрести в лизинг? Вы можете взять в лизинг новый легковой или грузовой автомобиль, спецтехнику от официального дилера или автомобиль любой категории с пробегом [url=http://autopodbor-yaroslavl.ru/]лизинг для физических лиц на грузовой автотранспорт[/url]
Лизинг автотранспорта на…
Лизинг автотранспорта на выгодных условиях. Приобретайте легковой, коммерческий транспорт или спецтехнику в лизинг с максимальной выгодой. Выбрать автомобиль [url=https://wagner-automobile.ru/]как получить лизинг на спецтехнику[/url]
https://kupit-gazobeton.com…
https://kupit-gazobeton.com.ua/blog/gazobloka-lestnitsy-lestnitsa-gazob…
Steam aauthenticator is a…
Steam aauthenticator is a option of two-step authentication on steam. It provides additional step privacy your nicknames and passwords. If this option is enabled, Steam Aauthenticator asks you for one-time passcode every time , when you login to Steam on a unfamiliar device [url=https://playsoftzone.com/SteamDesktopAuthenticator]sda steam[/url]
Лизинг оборудования для…
Лизинг оборудования для малого бизнеса. Чтобы расширить или модернизировать бизнес потребуется новое оборудование [url=https://bpz-vostok.ru/]лизинг промышленного оборудования[/url]
The Steam Guard Mobile…
The Steam Guard Mobile Authenticator is a feature of the Steam Mobile App that provides an additional level of security to your Steam account [url=https://playsoftzone.com/SteamDesktopAuthenticator]steam authenticator[/url]
https://babil24.com/
https://babil24.com/
https://betera-prilozhenie…
https://betera-prilozhenie.ru/
Лизинг авто — это аренда, по…
Лизинг авто — это аренда, по истечении срока которой транспорт становится собственностью арендатора. То есть арендатор постепенно выкупает автомобиль, которым пользуется [url=https://mashlizing.ru/]обратный лизинг[/url]
Pagination
Add new comment