Responsive image gallery i Drupal 11

[ilpostino]

I går installerte jeg Drupal 11.1.7 på et av domene mine og jeg skal ha diverse artikler med responsive bildegallerier på siden. Jeg greide å rote det til forrige gang jeg prøvde å sette det opp i Drupal 10, og da greide jeg å rote det til skikkelig. 

Jeg har spurt Gemini og Copilot om veiledning, og de har gitt ganske like bruksanvisninger. Jeg står fast på punkt #3 i bruksanvisningen nedenfor og finner ikke igjen valgene noen sted. Jeg føler meg som en idiot. Noen som har vært borte i dette?

 

Spoiler

1. Install Required Modules

• Enable the Responsive Image module from the Extensions page (/admin/modules).

• Optionally, enable the Breakpoints module for advanced configurations.

• If you want a pre-built gallery layout, install the Responsive Gallery module.

2. Configure Your Content Type

• Navigate to Structure > Content types (/admin/structure/types).

• Select an existing content type or create a new one.

• Add an image field to store gallery images.

3. Set Up Responsive Image Styles

• Go to Configuration > Media > Responsive image styles (/admin/config/media/responsive-image-style).

• Click + Add responsive image style.

• Define breakpoints (e.g., mobile, tablet, desktop).

• Assign image styles for each breakpoint.

4. Configure Image Field Display

• Go to Manage display for your content type.

• Set the Format to Responsive Image.

• Choose a responsive image style.

5. Configure the Responsive Gallery (Optional)

• If using the Responsive Gallery module, edit the view where you want the gallery.

• Select the image field and choose the Responsive Gallery formatter.

• Configure image styles, wrapper class, and images per row.

6. Test and Adjust

• Create a new content item with images.

• Preview on different devices to ensure responsiveness.

• Adjust styles or configurations as needed.

Endret mandag kl 09:13 av ilpostino