Use un campo personalizado en lugar de la imagen destacada en WordPress

Use un campo personalizado en lugar de la imagen destacada en WordPress

Recientemente, aproveché al máximo las imágenes destacadas de WordPress (o publiqué miniaturas como algunos las llaman) para el control deslizante de imágenes que se usa en mis temas gratuitos. Sin embargo, algunas personas me han preguntado si es posible tener una imagen separada para el control deslizante y luego la miniatura de la publicación, ya que el control deslizante de la imagen tiende a ser mucho más grande, así que pensé en escribir un tutorial rápido que le muestre cómo agregar un campo personalizado a su tema para que pueda establecer una imagen separada para el control deslizante con “imagen seleccionada” 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”. Reemplace el lugar donde dice “Imagen alternativa” con lo que debería haber significado: como imagen del cursor, imagen del autor … etc.

//get custom field titled "Post Image"
$alternative_post_image = get_post_meta($post->ID, 'Alternative Image', $single = true);

Paso 2: muestra un nuevo campo personalizado en lugar de la imagen destacada

Ahora puede realizar una prueba rápida para ver si el campo personalizado existe y, de ser así, ver la URL definida en el campo personalizado; de lo contrario, ver 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 establecer el enlace a su imagen alternativa. Ingrese el nombre de su campo personalizado (en este ejemplo, es “Otra imagen”) en el campo “Nombre”, luego la URL de su imagen en el campo “Valor”. Luego haga clic en “Agregar un campo personalizado”.

Agregar un campo personalizado de WordPress

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba