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 Cecilfrups (not verified) on Fri, 09/13/2024 - 02:43

Permalink

Современные цифровые технологии открывают перед пользователями новые горизонты в мире онлайн-развлечений и взаимодействий. В условиях стремительного развития интернет-пространства важно понимать, какие из платформ обеспечивают наивысший уровень комфорта и эффективности [url=http://thinktoy.net/bbs/board.php?bo_table=customer2&wr_id=551305]http:…]

Submitted by DavidMuh (not verified) on Fri, 09/13/2024 - 09:50

Permalink

Особое внимание уделяется разнообразию игровых предложений, среди которых можно найти как классические, так и современные варианты. Также предусмотрены бонусные программы и промоакции, способствующие увеличению шансов на выигрыш и улучшению общего опыта [url=http://gctech21.com/bbs/board.php?bo_table=sub0501_n2&wr_id=967007]http…]

Submitted by DanielAlugh (not verified) on Sat, 09/14/2024 - 14:48

Permalink

Играйте в лучшие казино, ТОП-10 список: честные и надежные, на реальные деньги, быстрые выплаты и выводы, минималные ставки, лицензия и проверенные, мобильные, популярные и новые, бонусы и фрисписны, слоты и автоматы [url=https://t.me/s/cazinotopnews]топ-5 лучших казино[/url]

Submitted by TimothyVok (not verified) on Sun, 09/15/2024 - 07:42

Permalink

Современные развлекательные площадки в интернете предоставляют множество возможностей для увлекательного досуга. Однако иногда возникают трудности с доступом к этим платформам [url=https://clashofcryptos.trade/index.php?title=%20%D0%9E%D0%B1%D0%BD%D0%B…]

Submitted by Thomasdak (not verified) on Mon, 09/16/2024 - 02:54

Permalink

Отказное (информационное) письмо подтверждает, что товар не нуждается в прохождении обязательной сертификации до продажи. Мы подготовили для вас ответы на самые популярные вопросы — о цене, требованиях, сроках отказного письма, и где его купить https://dzen.ru/a/ZuQlWcS6C3ZUtygf

Submitted by BrianBlope (not verified) on Mon, 09/16/2024 - 12:47

Permalink

Школа парных танцев D-Fox во Владивостоке предлагает уникальную возможность погрузиться в мир хастла – захватывающего и энергичного танца, который завоевывает сердца танцоров по всему миру http://dfox-vl.ru/

Submitted by Daviddrete (not verified) on Mon, 09/16/2024 - 16:39

Permalink

Внедорожник BYD Leopard — лучший вариант для комфортного преодоления любых препятствий. Благодаря задней и передней блокировкам дифференциала он обладает великолепной проходимостью [url=http://progressive-cars.ru/]купить новый китайский автомобиль[/url]

Submitted by Floydboats (not verified) on Tue, 09/17/2024 - 05:50

Permalink

Электромобиль Zeekr X, который Вы можете заказать у нас на сайте. Что касается внешнего вида, который подчеркивается светодиодными фарами с интеллектуальной матрицей, которые исчезают за решеткой радиатора [url=http://avansir.ru/]m hero 917 купить[/url]

Submitted by Elwoodbiags (not verified) on Tue, 09/17/2024 - 12:38

Permalink

1win

Submitted by Davidlem (not verified) on Wed, 09/18/2024 - 02:21

Permalink

Если вы или ваши близкие нуждаются в помощи, не откладывайте обращение за профессиональной поддержкой. Свяжитесь с нами сегодня, чтобы начать путь к выздоровлению и лечение от алкоголизма в Алматы https://alco-help-almaty.kz/

Submitted by CharlesCom (not verified) on Wed, 09/18/2024 - 02:39

Permalink

Сегодня технологии достигли нового уровня, и искусственный интеллект становится неотъемлемой частью нашей повседневной жизни. Системы обработки информации способны понимать и генерировать текст, взаимодействуя с пользователями на интуитивном уровне [url=http://www.tiendahinchables.com/blog/%D0%B7%D0%B0%D0%B1%D0%B8%D1%80.htm…]

Submitted by Allanexorp (not verified) on Wed, 09/18/2024 - 10:47

Permalink

Организация вправе внедрить требования ISO 9001, применив их в своей системе менеджмента качества, но при этом получение сертификата не является обязательным. Решение о прохождении сертификации и получении сертификата соответствия является добровольным решением компании [url=https://www.behance.net/aobelova/info]https://www.behance.net/aobelova/…]

Submitted by Josephtwide (not verified) on Thu, 09/19/2024 - 00:44

Permalink

Сейчас узнаете о 10 лучших онлайн-казино в рейтинге игр на реальные деньги репутации и других параметров в новом списке 2024 года. Лучшие (Online casino) на реальные деньги [url=https://yu-k.ru]Самые лучшие казино 2024 года[/url]

Submitted by RobbyShugs (not verified) on Thu, 09/19/2024 - 13:09

Permalink

В настоящее время все больше и больше компаний ведет бизнес через Интернет. Быстрое обращение с заказами, обратная связь с клиентами, прямой контакт – все это является ключевыми моментами в успешном бизнесе [url=https://crimeapress.info/virtualnye-telefonnye-nomera-v-chyom-vygoda-ih…]

Submitted by CarterEvani (not verified) on Thu, 09/19/2024 - 14:19

Permalink

Одним из ключевых аспектов сертификации является постоянное улучшение. В рамках процедуры организации должны внедрять процессы, направленные на непрерывное совершенствование системы управления качества. Это включает в себя регулярные внутренние аудиты, анализ производства и внедрение корректирующих действий [url=https://otkaznie-pisma.blogspot.com/]https://otkaznie-pisma.blogspot.co…]

Submitted by JorgeLep (not verified) on Fri, 09/20/2024 - 03:10

Permalink

В эпоху цифровой коммерции Авито занимает лидирующие позиции среди площадок для продажи товаров и услуг в русскоязычном сегменте интернета. Ежемесячная аудитория сервиса превышает 60 миллионов пользователей, что делает присутствие на платформе критически важным для успешной реализации продукции и услуг [url=https://domoxozyaiki.ru/dom-i-byit/kriptovalyutnye-virtualnye-nomera-dl…]

Submitted by RonaldSam (not verified) on Fri, 09/20/2024 - 03:44

Permalink

В мире онлайн-гемблинга существует множество казино, но Vodka Casino выделяется среди остальных. Этот официальный сайт предлагает широкий выбор игр, привлекательные бонусы и надежную репутацию [url=https://bayatthelake.com/]водка бет[/url]

Submitted by Kennethexodo (not verified) on Fri, 09/20/2024 - 05:44

Permalink

Бесплатный сервис по подбору интернет-провайдеров и тарифов домашнего интернета. Помогаем выбрать и подключить качественный интернет и телевидение по лучшей цене за 5 минут [url=https://telecomprofit.ru/]https://telecomprofit.ru/[/url]

Submitted by Robertmag (not verified) on Fri, 09/20/2024 - 09:14

Permalink

Высочайшее качество продукции пищевого оборудования является одним из приоритетных направлений развития нашей компании и одним из главных ее преимуществ [url=http://ya-pack.ru/]пищевое оборудование[/url]

Submitted by DarrenDes (not verified) on Fri, 09/20/2024 - 12:33

Permalink

Горизонтальные упаковочные автоматы для упаковки продуктов во флоу-пак, имеющие надежную конструкцию и уникальное программное обеспечение [url=http://oborudpromo.ru/]москва оборудование пищевой промышленности[/url]

Submitted by Robertmag (not verified) on Sat, 09/21/2024 - 03:47

Permalink

Онлайн-система контроля качества ежесекундно отслеживает процесс, эффективно сочетаясь с лабораторными испытаниями, дополняя общую картину [url=http://ya-pack.ru/]пищевое и перерабатывающее оборудование[/url]

Submitted by CharlesCrigh (not verified) on Sat, 09/21/2024 - 05:22

Permalink

Квартиры-студии, предложенные иностранным покупателям на Северном Кипре, часто путают с односпальными апартаментами. Однако эти объекты отличаются друг от друга по метражу, наличию или отсутствию отдельной комнаты [url=https://www.newton-apartment.ru/]недвижимость на кипре цены[/url]

Submitted by Matthewbop (not verified) on Sat, 09/21/2024 - 07:27

Permalink

Откройте для себя лучшие дома на продажу на Кипре с широким выбором вариантов, которые подойдут вашему образу жизни и бюджету. От современных вилл до традиционных объектов недвижимости, найдите дом своей мечты среди красивых и разнообразных ландшафтов Кипра [url=https://overview-estate.ru/]купить дом на кипре на берегу[/url]

Submitted by BasilMaisp (not verified) on Sat, 09/21/2024 - 16:39

Permalink

Как недорогие дома на Северном Кипре, так и роскошные виллы общей площадью от 400 квадратных метров обустраиваются плавательными бассейнами [url=https://f-h-cy.ru/]купить квартиру южный кипр[/url]

Submitted by JosephBrure (not verified) on Sun, 09/22/2024 - 07:01

Permalink

Казино было открыто в 2017 году. Это лицензированная площадка, функционирующая на основании действующей лицензии Кюрасао. Дизайн официального сайта минималистичен. На стартовой странице находятся все нужные раздел [url=https://uschinaseries.org/]https://uschinaseries.org/[/url]

Submitted by JosephBrure (not verified) on Sun, 09/22/2024 - 12:14

Permalink

Мы предлагаем уникальный сервис по подбору и доставке авто из Дубая в РФ под ключ. Наша команда профессионалов поможет вам найти идеальное транспортное средство в ОАЭ, учтя все ваши пожелания и бюджет [url=https://www.ibm.com/links/?cc=us&lc=en&prompt=1&url=//pavel-auto-dubai…]

Submitted by MichaelBlall (not verified) on Mon, 09/23/2024 - 14:08

Permalink

Приобретайте виртуальные и временные номера телефонов для регистрации. Удобный и надежный сервис для получения смс-онлайн. Более 180 стран и тысячи сервисов [url=https://www.rionews.com.ua/mixed/nonpublicated/now/n24162122346]однораз… номер для тг[/url]

Add new comment