Estoy desarrollando un sitio de WordPress de ropa de comercio electrónico para un cliente. Me han dado un diseño estricto que incluye una página titulada 'LookBook' que muestra imágenes en un estilo de galería de pestañas. Al crear esto con una página HTML tradicional, desarrollaría una lista de imágenes en miniatura y un contenedor para la imagen destacada. Usando jQuery, agregaría una función onClick a todos los elementos de la lista para hacer que su fuente de imagen = la fuente de imagen de fondo del contenedor. Esto significaría que cualquier imagen seleccionada se convertirá en la imagen principal hasta que se realice otra selección.

En Wordpress entiendo cómo insertar bloques de imágenes en una lista (un bloque contenedor) y que existen complementos donde puedo importar scripts de jQuery, pero mi principal problema es cuando escribo los scripts para manipular estas imágenes. No sé qué etiquetar elementos a los que hacer referencia o cómo cambiar el nombre de las etiquetas.