Pinned Loading

1. Craft CMS: How to eager-load images ... Craft CMS: How to eager-load images and transforms nested in a Matrix field

   1

   {# eagerLoadElements() explained here: https://bit.ly/3taeKAV 

   2

      TL;DR: eagerLoadElements() lets you use eager-loading syntax for stuff that’s tied 

   3

      to entry already (i.e. stuff you don’t need to pull in via a query). #}

   4

   {% do craft.app.elements.eagerLoadElements(

   5

       className(entry),

2. Responsive map embed inserted with a... Responsive map embed inserted with a variable and styled with Tailwind

   1

   {# Map Embed #}

   2

   {# Twig is the templating language used in this example, but these Tailwind classes could be used with any platform where the `iframe` is inserted via a variable. Apply them to the parent element of the iframe. #}

   3

   <div class="[&>iframe]:aspect-[5/4] [&>iframe]:w-full [&>iframe]:h-auto">

   4

       {{ entry.mapEmbed|raw }}

   5

   </div>

3. Social links managed in SEOmatic (Cr... Social links managed in SEOmatic (Craft CMS plugin)

   1

   {# Social links managed in SEOmatic 

   2

       - Managed under SEOmatic > Site Settings > Social Media > Same As URLs.

   3

       - Links can be reordered and modified by client.

   4

       - The handle field can be used to specify a specific Font Awesome icon 

   5

         (some have variants; e.g. 'linkedin' for the 'in' logo in a square