Creating and Using the "Thumbnail" Image Style in a Drupal 9 Content Type

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.

    content type page

2.2. Configure the Content Type:

  • Provide a name and description for your content type, and configure other settings as needed.

    create content type

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."

    fields listselect image field

give name to field of image

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.

    navigate to manage display tab

     

    select thumbnail for image field created then update and save

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.

Share on social media

Comment

Submitted by RichardTaw (not verified) on Tue, 09/03/2024 - 03:57

Permalink

Наши инженеры качественно и с гарантией выполнят все необходимые диагностические и ремонтные работы для восстановления вашей техники. Запишитесь на ремонт прямо сейчас [url=https://oto-hui.com/threads/thu-cam-on-goi-den-khoa-cong-nghe-o-to-truo…]

Submitted by Kennethcig (not verified) on Tue, 09/03/2024 - 11:53

Permalink

Официальный телеграм SYKAAA предлагает новым игрокам бонус 325% в 4 этапа, за активное повышение аккаунта - игрок получает круглосуточную поддержку и участие в турнирах. Новых игроков привлекает не только бонус 100FS за регистрацию, но и дизайн https://t.me/s/sykaaa_official_casino на сайте наглядное меню, которое позволяет в пару кликов найти нужный софт, выбрать игру или сделать депозит.

Submitted by ChrisDon (not verified) on Tue, 09/03/2024 - 23:42

Permalink

מהחוויה הוא הנערות המעניקות את העיסוי. מדובר בנערות היפות ביותר בארץ, והן מעסות את גופך במסירות רבה וגם הן נהנות מאותה החוויה תחווה תחושות נעימות של חום והתרגשות ורק תרצה עוד ועוד. נערות ליווי בתל אביב עד הבית יושב לבד בבית ומרגיש משועמם? לא צריך איתור שירותי ליווי אילת בהתאמה אישית

Submitted by DwayneJaw (not verified) on Wed, 09/04/2024 - 10:12

Permalink

Казино Booi - это не просто платформа для азартных развлечений, это целый мир возможностей и шансов. На сайте Казино Booi вас ждут неповторимые ощущения и безграничные возможности для заработка реальных денег. Переходите по ссылке и играйте в честном и прибыльном казино Booi Casino [url=https://logocenter.info/wp-content/pgs/?akcii_i_bonus_kodu_dlya_vavada…]

Submitted by MelvinMop (not verified) on Wed, 09/04/2024 - 11:22

Permalink

В последние годы увлечение различными играми и развлечениями в сети стало особенно популярным. Современные платформы предлагают широкий спектр игр, которые позволяют насладиться азартом и развлечением, не выходя из дома. Выбор подходящего виртуального игрового заведения может стать настоящим вызовом из-за множества предложений на рынке [url=http://wiki.hightgames.ru/index.php?title=%20%D0%A2%D0%BE%D0%BF-10%20%D…]

Submitted by LeonardFeast (not verified) on Wed, 09/04/2024 - 17:06

Permalink

Миниатюризация технологий остаётся ключевым направлением в разработке электроники. В 2019 году мы стали свидетелями значительных прорывов, которые позволяют создавать более компактные, но мощные устройства. Этот пост рассмотрит актуальные тренды и методы, которые помогут в разработке миниатюрных и высокоэффективных электронных устройств [url=https://www.hotel-details.com/hotels/dromoland-castle]dromoland castle history[/url]

Submitted by MartinAloni (not verified) on Thu, 09/05/2024 - 07:37

Permalink

В современном мире развлечений и азартных игр открывается множество возможностей для тех, кто ищет острые ощущения и интересные испытания. В данном разделе мы рассмотрим один из наиболее популярных и динамично развивающихся вариантов, предоставляющих игрокам шанс испытать удачу и насладиться увлекательным процессом [url=http://adelmo.com.sg/index.php?option=com_k2&view=itemlist&task=user&id…]

Submitted by DarrenUsemo (not verified) on Thu, 09/05/2024 - 12:51

Permalink

Более 28 лет я выводу людей из запоя и знаю, что простых случаев не бывает. Помочь можно даже в самых безнадежных ситуациях. Русаков Виктор Владимирович, клиника "Доброе Сердце" Самара https://rusnord.ru/others/64483-vyvod-iz-zapoja-v-domashnih-uslovijah-j…

Submitted by BlakeLeach (not verified) on Thu, 09/05/2024 - 14:21

Permalink

Перед установкой видеонаблюдения важно провести анализ объекта и определить ключевые зоны покрытия. Это может включать в себя входы и выходы, парковки, периметр и другие стратегически важные места [url=https://greednews.su/vybor-kamery-videonabljudenija-dlja-doma-kljuchevy…]

Submitted by Pedrorib (not verified) on Thu, 09/05/2024 - 16:36

Permalink

Лист из нержавеющей стали. Разные виды и размеры. Качественная продукция. Выбирайте! · Китайский поставщик. Доступные цены. Оперативная доставка. Гарантия качество [url=http://samarmatura.ru/]труба профильная 40х20х2[/url]

Submitted by BlakeLeach (not verified) on Fri, 09/06/2024 - 01:47

Permalink

Алкогольная зависимость широко встречается у мужчин и женщин разного возраста. Пагубное пристрастие часто выступает причиной смерти из-за проблем со здоровьем. Алкоголь рушит семьи, лишает карьеры, портит качество жизни, вызывает опасные заболевания https://smi24.net/samara/384954671/

Submitted by WilliamRic (not verified) on Fri, 09/06/2024 - 01:48

Permalink

Вывод из запоя на дому становится всё более актуальной темой в современном обществе. Проблемы с алкоголем нередко становятся серьезной преградой для здоровья и социальной жизни, и многие люди ищут безопасные и эффективные методы преодоления этой зависимости https://subscribe.ru/group/novosti-i-faktyi/18732037/

Submitted by Samuelevasp (not verified) on Fri, 09/06/2024 - 02:18

Permalink

Алкоголизм — это не просто пристрастие к алкоголю, это сложное заболевание, которое затрагивает не только самого человека, но и его близких. Когда кто-то из близких страдает от алкогольной зависимости, важно не только осознать это, но и найти правильные способы помощи https://sitebs.ru/blogs/107238.html

Submitted by Williamrob (not verified) on Fri, 09/06/2024 - 10:12

Permalink

Модули для гардеробной от производителя. Большой выбор товаров в каталоге интернет-магазина с доставкой по Москве на следующий день. Низкие цены [url=http://shkaf-kupe-dmitrov.ru]угловая система хранения для гардеробной[/url]

Submitted by Williambefat (not verified) on Sun, 09/08/2024 - 16:41

Permalink

Преимуществом ламината является его разнообразие дизайнов и отделки. Вы можете выбрать ламинат, имитирующий дерево, камень, плитку или любой другой материал, чтобы создать уютный и стильный интерьер в вашем доме. Благодаря широкому выбору цветов и текстур, вы сможете подобрать идеальное покрытие для любого стиля интерьера. https://kvarcvinil5.ru/

Submitted by Timothymob (not verified) on Sun, 09/08/2024 - 17:41

Permalink

Ламинат – это популярное покрытие для пола, которое сочетает в себе прочность, долговечность и стильный внешний вид. Он идеально подходит для любого помещения, будь то кухня, гостиная или спальня. Ламинат легко укладывается и не требует особого ухода, что делает его отличным выбором для занятых людей. Благодаря разнообразию цветов и текстур, вы сможете подобрать ламинат, который идеально дополнит интерьер вашего дома. Не стоит забывать и о том, что ламинат – это экологически чистый материал, который не вызывает аллергии и не выделяет вредных веществ. Приобретая напольные покрытия в нашем магазине вы обновите свой дом с помощью качественного ламината! https://kvarcvinil1.ru/

Submitted by Josephtar (not verified) on Tue, 09/10/2024 - 08:10

Permalink

Каменные столешницы - это не просто модный тренд в дизайне кухонь, но и практичное решение, способное прослужить долгие годы. Они придают интерьеру особый шарм, презентабельность и аристократичность [url=https://materialyinfo.ru/stoleshnica-iz-iskusstvennogo-kamnya-idealnoe-…]

Submitted by DonaldSmize (not verified) on Wed, 09/11/2024 - 07:21

Permalink

In this article, we'll explore one of the most lucrative and appealing options for both newcomers and experienced players—a casino with a No Deposit Bonus for registration that allows for withdrawals https://nodepcanada.com/

Submitted by MichaelMip (not verified) on Thu, 09/12/2024 - 02:40

Permalink

Ведущий производитель стальных резервуаров для хранения жидкостей и газов. Мы предлагаем надежные решения для промышленных, сельскохозяйственных и коммерческих объектов. Высокое качество, долговечность и индивидуальный подход — основные принципы нашей работы [url=https://zso-k.ru/product/rezervuary-gorizontalnye-stalnye/rezervuary-go… резервуара ргс 50[/url]

Submitted by xzvMaist (not verified) on Thu, 09/12/2024 - 13:27

Permalink

[url=https://samoylovaoxana.ru/chernomorskoe-pobereje-tyrcii-lychshie-kyrort… побережье Турции — лучшие курорты и города для туристов[/url] или [url=https://samoylovaoxana.ru/tag/simvol-egipta/]символ Египта[/url]

[url=https://samoylovaoxana.ru/gorod-flinstoynov-v-portygalii-jizn-sredi-gig… Флинстоунов в Португалии. Жизнь среди гигантских валунов[/url]

https://samoylovaoxana.ru/tag/arenda-yahty-v-odesse/

Ещё можно узнать: [url=http://yourdesires.ru/vse-obo-vsem/1381-kak-pojavilis-peschery.html]пещ… что это такое[/url]

Add new comment