Recientemente, aproveché al máximo las imágenes destacadas de WordPress (o Publicar miniaturas, como algunas personas las llaman) para el control deslizante de imágenes que se usa en mis temas gratuitos. Sin embargo, algunas personas me preguntaron si era posible tener una imagen separada para el control deslizante y luego la miniatura de su publicación porque el control deslizante de la imagen tiende a ser mucho más grande, así que pensé que escribiría un tutorial rápido que le mostraría cómo agregar un campo personalizado para su tema para que pueda definir una imagen separada para el control deslizante con la «imagen destacada» configurada como copia de seguridad.
Paso 1: crea el campo personalizado
El primer paso es crear el nuevo campo personalizado (consulte el códice si no está familiarizado con Campos Personalizados). Inserte lo siguiente al comienzo del ciclo que estaría justo DESPUÉS de la declaración «while (have_posts)» o «foreach($myposts as $post». Cambie donde dice «Imagen alternativa» a lo que tenga sentido, como la imagen del control deslizante , imagen de autor…etc.
//get custom field titled "Post Image" $alternative_post_image = get_post_meta($post->ID, 'Alternative Image', $single = true);
Paso 2: Muestre un nuevo campo personalizado en lugar de una imagen destacada
Ahora puede pasar una prueba rápida para ver si el campo personalizado existe y, de ser así, mostrar la URL definida en el campo personalizado; de lo contrario, mostrar la miniatura de la publicación. Inserta el siguiente código donde quieras mostrar tu imagen.
<?php //if custom field isn't blank if ($alternative_post_image !== '' ) { ?> <img src="https://www.wpexplorer.com/custom-field-image-wordpress/<?php echo $alternative_post_image; ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /> <?php } else { ?> <?php //show featured image the_post_thumbnail(); ?> <?php } ?>
Paso 3: usa el campo personalizado en tus publicaciones
Ahora puede usar su formulario de campo personalizado en el editor de publicaciones para definir el enlace a su imagen alternativa. Ingrese el nombre de su campo personalizado (en este ejemplo es «Imagen alternativa») en el campo «Nombre» y luego la URL de su imagen en el campo «Valor». Luego haga clic en «Agregar campo personalizado».