Is it possible for images to have a title?

[digdilem]

One thing I'm missing is that I like to display the text in the image link underneath the image. Currently, it seems only to be used for the alt tag.

As a picture of a picture probably explains it better, this is another site I did which template did do this, and I'd like to replicate it somehow.

![Parking area in a small quarry by the Devonport Leat](image.jpg)

Generates:

Any ideas how I can do this with Relearn please?

[McShelby]

You can use Hugo's figure shortcode

[digdilem]

@McShelby - thank you, that was a useful read. More importantly, it gave me a pointer to address this from the hugo perspective rather than the theme, something I had not considered.

I didn't want to change all my markdown to use {{<figure >}} rather than my normal markdown, which didn't take that long once I'd changed approaches.

Markdown of: ![Top of the 1kw immersion element, showing its two thermostats (one user settable, one factory set)](2.png)

Now produces

method:

Create new file: /layouts/_default/_markup/render-image.html containing:

{{ $caption := "" }}
{{ if .Title }}
  {{ $caption = .Title }}
{{ else if .Text }}
  {{ $caption = .Text }}
{{ end }}

<figure>
  <img src="{{ .Destination | safeURL }}"
       {{ with .Text }}alt="{{ . }}"{{ end }}
       {{ with .Title }}title="{{ . }}"{{ end }}
       loading="lazy"
       decoding="async"
  >
  {{ if $caption }}
    <figcaption><p><b><i>{{ $caption }}</b></i></p></figcaption>
  {{ end }}
</figure>

Now all my image links are working as I want.

Thanks again.