He llegado crear 60 códigos(he incluso aparte he llegado utilizar mas código porque lo intentado con funciones en functions.php o con jquery en un archivo js por probar no quedo nada) sin éxito lo he divido entre etiquetados, categorías y subcategorías pero si éxito ni uno porque o me eliminaba algunas imágenes me las multiplicaba ya no se que hacer y necesito que las imágenes que genera esto en la pagina de mi WordPress algunas sean moradas o otras naranjas claro como fondo de las imágenes sin que me toque mas nada que esa es otra no paraba de tocarme los figures o los titulos h2 y ahora he puesto mi primer código que cree alguien sabe que hacer como para dividirlo o lo que sea para que note diferencia y ponga los colores correspondiente sin tocar otra cosa que no sea de las etiquetas de img.
printf( '<main class="container main">' );
if( have_posts() ):
while( have_posts() ):
the_post();
$template_html = '
<a href="%s">
<figure class="item i-b ph100 sm33 md20 lg15 main-items">
<img class="fondo" src="%s">
<figcaption><h2>%s</h2></figcaption>
</figure>
</a>
';
printf(
$template_html,
get_permalink(),
main_image_url( 'thumbnail' ),
get_the_title()
);
endwhile;
else:
printf( '<p class="error">No hay entradas</p>' );
endif;
rewind_posts();
printf( '</main>' );``