StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

How to use a figure/picture tag for an image on the homepage (Monochrome Pro)?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Genesis Blocks › How to use a figure/picture tag for an image on the homepage (Monochrome Pro)?

This topic is: not resolved

Tagged: , ,

Viewing 1 post (of 1 total)
  • Author
    Posts
  • January 31, 2023 at 8:50 am #506660
    cesare
    Participant

    Hi,
    I would like to use the a 

    <figure style="background-image: url(path/to/image.jpg); background-size: cover; background-repeat: no-repeat; height: 300px;">
  <picture >
    <source type="image/webp" srcset="path/to/image.webp">
    <img src="path/to/image.jpg" alt="">
  </picture >
</figure>

    tag to specify different file types for the same image on the homepage of Monochrome Pro, i.e. mainly a webp file and if not supported by the browser a jpg file as fall back option.

    In the block in the backend I can only select an image, i.e. alternative formats are not provided.

    I guess I would have to do that in one of the theme files (.php) but I wouldn't know which one and how to incorporate this.

    Maybe somebody has an example for that.

    Thanks for your help.

    Cheers,
    Cesare

    https://www.cesaremarchetti.ch/
  • Author
    Posts
Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.