Imagen caracteristica del post (WordPress)

Aquí en skyandstars y seguro en muchas páginas has visto que debajo el titulo de cada entrada hay una imagen que hace referencia a lo que se va a tratar en esa noticia, con este tutorial te voy a mostrar cómo hacerlo con WordPress.

Paso 1: El código

Primero que nada debes buscar la localización de tu imagen, por ejemplo debajo de un titulo h1, el código HTML seria como esto:

1 2	<h1>titulo</h1> <img src="http://urldetuimagen" alt="nombre-de-la-noticia" />

Lo que tienes que hacer, es que en lugar de colocar http://urldetuimagen como la ubicación de tu imagen, vas a colocar el siguiente código:

<?php $values = get_post_custom_values("imagen");
if ( !isset($values) ) {
echo "URL_DE_TU_IMAGEN_POR_DEFECTO";
}
else {
echo $values[0]; 
} 
?>

Donde URL_DE_TU_IMAGEN_POR_DEFECTO debes cambiarlo por una URL de imagen por defecto que será mostrada cuando no coloques ninguna.

Es decir, tu noticia quedara algo así:

<h1>titulo</h1>
<img src="<?php $values = get_post_custom_values("imagen");
if ( !isset($values) ) {
echo "URL_DE_TU_IMAGEN_POR_DEFECTO";
}
else {
echo $values[0]; 
} 
?>" alt="nombre-de-la-noticia" />

Paso 2: Añadiendo la imagen en cada post

Lo que tienes que hacer ahora es buscar la sección donde se escriben las noticias en tu WordPress y llegar hasta la sección que dice “Campos Personalizados” y configurarlo así:

wordp

a- Coloca “imagen” en el espacio nombre.

b- En valor coloca la URL de tu imagen.

c- Has clic en “Agregar campo personalizado” y listo, una vez que publiques tu noticia tendrás la imagen perteneciente a esa entrada.

(debes hacer el paso 2 con cada noticia que agregues)

Mijael es el creador y editor de skyandstars.net donde publica guias y tutoriales sobre WordPress, Cutenews, PHP, HTML y mucho más. Acutalmente estudiante universitario.

Mijael166