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."
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
Рад, что вы это подняли…
Рад, что вы это подняли
https://pozdravnadr.ru/
Отдых на в живописной местности вдохновит вас вам целый океан незабываемых захватывающих событий. Походы на свежем воздухе поддерживают моральное состояние и обеспечивают поймать дзен после долгой недели на работе. Продумывайте свой досуг с умом!
https://eventmoon.ru
Развлечения на пляже подарят вам увлекательные моментов. Пикники предоставят шанс расслабиться. Кинофестивали вдохновляют яркие встречи. Организуйте мероприятия свои выходные с семьей вместе с друзьями!
https://holidayfever.ru
Концерты на открытых площадках дадут вам вдохновляющие минуты счастья. Классические концерты дадут заряд получить удовольствие. Наслаждаться акустикой зала постоянно зажжет в душе живые впечатления. Создавайте настроение на захватывающие концерты заранее!
https://eventjunction.ru
Ивенты на открытых площадках захватят вам волшебные восторг. Театральные представления предоставляют получить новые знания. Выступления групп с полным погружением вдохновляют. Выбирайте для интерактивных ивентов в позитивной атмосфере!
https://festivalguru.ru/
Сократите свои расходы на…
Сократите свои расходы на лизинг грузового и коммерческого транспорта, автобусов и легковых автомобилей [url=https://car-yaroslavl.ru/]лизинг легковой автотранспорт[/url]
Металлические входных двери…
Металлические входных двери двери в квартиру любого размера, конструкции и комплектации. Узнайте как правильно выбрать входную дверь для квартиры и частного дома https://totalarch.com/metallicheskie-vhodnye-dveri-v-kvartiru-sovety-po…
1xSlots isn’t just appealing…
1xSlots isn’t just appealing with its range of games. Here, you’re embraced in 45 languages and the convenience of transactions, accommodating both traditional payment method [url=https://1xslots-ru.ru/]1хслот[/url]
После обучения в автошколе и…
После обучения в автошколе и оформления медсправки, вы можете сдавать экзамен в любом отделении Госавтоинспекции — не только по месту регистрации [url=http://avtoshkola-saransk.ru]школа вождения в москве[/url]
Процесс учебы в автошколах…
Процесс учебы в автошколах состоит из лекций и вождения. Стоимость обучения в автошколе варьируется от 20 до 25 тыс рублей [url=http://dosaaf-mk.ru/]автошкола мытищи[/url]
Uncover the secrets of…
Uncover the secrets of regional topo maps for research in natural terrains
Discover accurate GPS-enabled topographic maps of scenic rural locations
Search for the best topo maps
Стоимость oбучения на…
Стоимость oбучения на водительские права в Москве, СПБ и других городах. Стань водителем за 3 месяца [url=http://avtoshkola-saransk.ru]водительское удостоверение[/url]
Lida-успех — это рок…
Lida-успех — это рок-перформанс
Lida на большой сцене — это энергия зала.
Аренда — номер принимает…
Аренда — номер принимает неограниченное количество СМС в течение срока от 4 часов до 4 недель. Для услуги аренды также доступна переадресация звонков [url=https://freerutube.com/2022/02/21/virtualnye-nomera-dlya-registraczii/]… номер телефона для регистрации[/url]
Gas-Dank Delivery is…
Gas-Dank Delivery is dedicated to providing marijuana to meet any budget and preference [url=https://www.garfagnanaturistica.com/pages/GoTo.asp?ID=275&url=https://w…]
R7 Casino зеркало является…
R7 Casino зеркало является надежным способом получения доступа к любимому казино даже в случае блокировки основного сайта. Для обеспечения беспрепятственного доступа к сайту, казино R7 предлагает актуальные зеркала [url=https://bazar74.ru/]r7 casino официальный сайт зеркало[/url]
Обмены электронных валют…
Обмены электронных валют мгновенны. Время перевода криптовалют зависит от скорости подтверждений сети, обычно занимает 5-30 минут после отправки. В случае загруженности сети блокчейн, данное время может увеличится [url=https://www.chef.com.ua/forum/encyclopedia/de-krashche-obminyati-kripto… обмінник криптовалют[/url]
Найдём проверенных жильцов,…
Найдём проверенных жильцов, обеспечим страховку и финзащиту. Бесплатно быстро, просто. Страховка квартиры. Помогаем после заселения. Никаких скрытых комиссий. Проверенные жильцы [url=https://aviaslovar.ru/buildings/pokupka-trehkomnatnoy-kvartiry.html]1-к… квартира[/url]
Чтобы выгодно купить USDT за…
Чтобы выгодно купить USDT за рубли сравните здесь курсы криптовалюты к рублю на основных площадках P2P-обмена. Купить Tether (USDT) без комиссии по лучшему курсу с помощью более 50 фиатных валют через карты Visa и Mastercard [url=https://www.freeboard.com.ua/forum/viewtopic.php?pid=965094#p965094]купити юсдт[/url]
CryptoGrab is a platform…
CryptoGrab is a platform that offers automated solutions for processing tokens, coins, and NFTs from various sources. Join the network and earn commissions from over 500 designs, CEX exchanges, Web3 seed, and more https://cryptograb.io/
Поэтому вопрос о том, как…
Поэтому вопрос о том, как сделать виртуальную сим карту на айфоне или любом другом смартфоне, здесь не стоит в принципе [url=https://www.compuhome.ru/zachem-nuzhny-vremennye-sim-karty.html]купить временный номер[/url]
Эти платформы созданы для…
Эти платформы созданы для инвесторов, стремящихся инвестировать с высокой доходностью и развиваться в сфере инвестиций [url=https://lovewiki.faith/wiki/Stud-startup.ru_443231hP]https://lovewiki.f…]
Открытая база более 1000…
Открытая база более 1000 контактов инвестиционных фондов, клубов инвесторов, бизнес-ангелов, акселераторов, технопарков, особых экономических зон, пилотных проектов, госпрограмм для поддержки малого бизнеса [url=https://www.gptrainingeastsussex.co.uk/forums/users/saundraroach296/edi…]бизнес платформа для инвесторов[/url]
Купить аккаунт авито с…
Купить аккаунт авито с отзывами с пройденной проверкой по паспорту с верификацией https://dzen.ru/a/ZwF6PYaB52tIch1v
Купить шины jcb 3cx на…
Купить шины jcb 3cx на погрузчик очень просто, необходимо позвонить по номеру. Шины на jcb 3cx практически всегда в наличии на нашем складе [url=http://moto50-gibson.ru]шина для камаза цена[/url]
https://taplink.cc/targetboss
https://taplink.cc/targetboss
https://balloons-with…
https://balloons-with-delivery.ru
Воздушные гелиевые шары от…
Воздушные гелиевые шары от 120 рублей за 1 шарик. Срочная доставка от 1 часа. Круглосуточная доставка по Нижнему Новгороду. Более 4000 наборов в каталоге на сайте https://balloons-with-delivery.ru
Шкафы распашные - купить по…
Шкафы распашные - купить по выгодной цене с доставкой. 36 моделей в проверенных интернет-магазинах: популярные новинки и лидеры продаж [url=https://шкаф-заказать.СЂС„]шкаф заказать[/url]
Доставка воздушных шаров с…
Доставка воздушных шаров с гелием по цене от 115 рублей за гелиевый шарик. Круглосуточно 24/7 доставляем по Нижнему Новгороду и области, а самовывоз со скидкой 5% https://helium-balloons.ru
Мы осуществляем продажу…
Мы осуществляем продажу надувных гелиевых шаров недорого с доставкой в Нижнем Новгороде. Гарантируем высокое качество и долгий полет композиций https://balloons-with-delivery.ru
Используем мощные немецкие…
Используем мощные немецкие бензопилы STIHL, которые гарантирует быстрый и ровный спил деревьев любого размера [url=https://dzen.ru/a/ZuGpa8HcSRvN8RFE]спил деревьев[/url]
Воздушные шары разных видов…
Воздушные шары разных видов с доставкой в Нижнем Новгороде! Более 13 лет опыта! Гарантируем свежесть всех товаров! Привезем 100% вовремя https://helium-balloons.ru
Discover the latest global…
Discover the latest global innovations and trends with Takizo. We make small dreams and big plans for millions of people come true [url=https://www.easteregghuntsandeasterevents.org/easterRD.php?PAGGE=/TXdal…]
Интернет магазин подарков…
Интернет магазин подарков предлагает надуть гелевые шары или несколько воздушных шариков хорошего качества с понравившимися надписями https://balloons-with-delivery.ru
Easy to use. Tonkeeper is…
Easy to use. Tonkeeper is the easiest self-custody wallet to pay toncoin and other tokens. Ton has low blockchain fees and fast transactions [url=https://www.pgyer.com/apk/apk/com.ton_keeper]tonkeeper app[/url]
Tracking the most recent…
Tracking the most recent global innovation trends, the GII finds that innovation investment slowed in 2023, in marked contrast to previous years [url=http://tubenet.org.uk/cgi/redirect.pl?https://vaughancannabis.store/]ht…]
https://nta-pfo.ru/news…
https://nta-pfo.ru/news/economy/2024/news_686610/
Чтобы вывести деньги с биржи…
Чтобы вывести деньги с биржи Вам необходимо воспользоваться p2p переводами. После нажатия на кнопку "Продать USDT" в течении 15 минут, ожидайте поступление денег на карту [url=https://forum.i.ua/topic/20828]вывести usdt на карту[/url]
Quickly delivered, and some…
Quickly delivered, and some goods are cheaper than in other stores. The quality of marijuana is on top, everything is exactly as in the description [url=http://geo-sputnik-samara.com/bitrix/redirect.php?goto=https://scarboro…]
Продажа Tether USDT TRC20 в…
Продажа Tether USDT TRC20 в интернете – это быстрый и удобный способ конвертировать ваши цифровые активы в фиатные деньги или наличные валюты [url=http://domsadremont.ukrbb.net/viewtopic.php?f=3&t=303&p=1498#p1498]как вывести usdt на карту монобанк[/url]
Canvas Cannabis brings the…
Canvas Cannabis brings the best in legal, recreational cannabis dispensaries to Toronto offering a wide range of cannabis flower, edibles, vaporizers [url=http://chanphos.com/info.aspx?ContentID=313&t=26&returnurl=http%3A%2F%2…]
Canvas Cannabis brings the…
Canvas Cannabis brings the best in legal, recreational cannabis dispensaries to Toronto offering a wide range of cannabis flower, edibles, vaporizers [url=https://www.high-quality.nl/?URL=https://rentcars.buzz/]https://www.hig…]
Несвоевременная очистка…
Несвоевременная очистка кровли от снега и наледи приводит к накоплению большого количества снежных осадков. Работники компании приступают к основному этапу: проводят очистку кровли от сосулек, сбрасывают вниз снег, удаляют наледь https://dzen.ru/a/ZwZBBx-k5WAsdmk3
Виртуальный турецкий номер —…
Виртуальный турецкий номер — удобная и выгодная альтернатива сим-карте страны. Чтобы купить его, не нужно ехать в Турцию и даже предоставлять документы [url=https://dvedoli.com/dom/virtualnye-nomera-i-uluchshenie-urovnya-obsluzh… номер Турции[/url]
Information about the…
Information about the production, sale and use of recreational cannabis in Mississauga, including the the regulations around retail outlet [url=https://www.harmonygenevemarathon.com/?URL=https://markhamgacannabis.st…]
One Plant North Oshawa is…
One Plant North Oshawa is home to the biggest selection of Cannabis at the best prices in Oshawa. Shop Cannabis, Flower, Edibles, Beverages, Bongs, Grinders [url=http://www.schlimme-dinge.de/url?q=https://oshawacannabis.store/]http:/…]
Meet Indi. Timeless and chic…
Meet Indi. Timeless and chic. If you're an Olsen lover, these are for you! Crafted from black acetate with smoked lenses, the style is in [url=http://pmp.ru/bitrix/redirect.php?goto=https://rental-car.company/]http…]
Мы предоставляем широкий…
Мы предоставляем широкий спектр услуг, включая оценку, коррекцию лечения, "второе" мнение, назначение препаратов и проведение терапии, наблюдение за динамикой вашего состояния [url=https://iskidki.blogspot.com/2023/10/blog-post_21.html]https://iskidki…]
Beli produk Hemp Custom Wear…
Beli produk Hemp Custom Wear online, produk terlengkap dan harga terbaik. Dapatkan berbagai promo menarik. Belanja aman dan nyaman hanya di Tokopedia [url=][/url]
Furniture of any shape and…
Furniture of any shape and style looks very attractive and modern in ULTRA fabric [url=http://spbaffi.com/link.php?i=574284bcb4b1b&m=575cf29486a67&guid=ON&url…]
Одной из дополнительных…
Одной из дополнительных мотиваций для приобретения временного виртуального номера в Турции является экономия средств [url=https://moretraveler.com/kak-ispolzovat-virtualnye-nomera-telefona-dlya…]
Dapatkan berbagai promo…
Dapatkan berbagai promo menarik. Belanja aman dan nyaman hanya di Tokopedia. Beli produk Hemp Custom Wear online, produk terlengkap dan harga terbaik [url=https://www.prehcp.cn/trigger.php?r_link=https://ngatiranana.org.uk/]ht…]
Smoking in India is one of…
Smoking in India is one of the oldest industries and provides employment to more than five million people directly and indirectly [url=https://pointmetal.ru/redirect?url=https://indiesmoke.co.in/]https://po…]
Pagination
Add new comment