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.
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:
1 2 3 4 5 6 7 8 | <?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í:
1 2 3 4 5 6 7 8 9 | <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" /> |
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í:

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.