Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

imagen previa en el index

Estas en el tema de imagen previa en el index en el foro de WordPress en Foros del Web. Hola bueno este es mi primer tema de ayuda así que quisiera saber como poner una imagen a un lado del titulo de la entrada ...
  #1 (permalink)  
Antiguo 05/10/2010, 19:07
Avatar de CSSCREATIVO  
Fecha de Ingreso: octubre-2010
Mensajes: 26
Antigüedad: 13 años, 6 meses
Puntos: 1
Pregunta imagen previa en el index

Hola
bueno este es mi primer tema de ayuda así que quisiera saber como poner una imagen a un lado del titulo de la entrada pero que esa imagen sea tomada en automático de una imagen que este insertada dentro del post o entrada haha no se si me doy a entender pero si no me comentan abajo pero mas o menos como un extracto o algo asi

Última edición por CSSCREATIVO; 05/10/2010 a las 19:15
  #2 (permalink)  
Antiguo 06/10/2010, 06:00
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 21 años
Puntos: 34
Respuesta: imagen previa en el index

Se puede hacer, algunos themes lo hacen de forma automática y reconocen las imágenes dentro del post.

Ese método, es un poquito complejo. Pero una salida fácil y rápida es que lo hagas así.

En el Theme que estes usando, en los lugares donde quieres que aparezcan las imágenes debes poner.

Código HTML:
<img src="<?php echo get_post_meta($post->ID, "image", $single = true); ?>" width="60" height="40" alt="<?php the_title(); ?>" /> 
Width y Height lo cambias según tus necesidades.

Y para cada post, una vez que lo publicas, puedes por ejemplo, ver si te creó una miniatura de 150x150 y buscas la URL de la misma.

Entonces en donde editas el post, abajo en Campos personalizados, creas uno llamado 'image' y allí pegas http://tusitio .com/wp-content/uploads/la_imagen_150_150.jpg

Espero te sirva.
__________________
elGastronomo
  #3 (permalink)  
Antiguo 06/10/2010, 13:59
Avatar de CSSCREATIVO  
Fecha de Ingreso: octubre-2010
Mensajes: 26
Antigüedad: 13 años, 6 meses
Puntos: 1
Respuesta: imagen previa en el index

mmm eso ya lo sabia pero nimodo intentare con eso por mientras . gracias
  #4 (permalink)  
Antiguo 06/10/2010, 14:32
Avatar de Nekko
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Buenos Aires
Mensajes: 3.141
Antigüedad: 16 años, 1 mes
Puntos: 656
Respuesta: imagen previa en el index

En el functions.php podés poner una función para que encuentre automáticamente la imagen

Código PHP:
/* Catch that image II */
// Obtener la URL de la primer imagen en el post
function catch_that_image() {
global 
$post$posts;
$first_img '';
ob_start();
ob_end_clean();
$output preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i'$post->post_content$matches);
$first_img $matches [1] [0];

// si no encuentra una imagen, que busque en el custom field 'thumbs'
if(empty($first_img)){
$first_img get_post_meta($post->ID'thumbs'$single true);
}
return 
$first_img;

Y en tu home, dentro del loop, llamás a la imagen asi (usando timthumb):

Código PHP:
<img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php echo catch_that_image(); ?>&h=40&w=80&zc=1" alt="<?php the_title(); ?>" />
En summarg tengo posteadas algunas cositas sobre como usar timthumb (es la costumbre, pero Metacortex tiene un plugin desarrollado también)
__________________
Taller para crear themes wordpress desde cero | Presupuestos para trabajos particulares vía MP
  #5 (permalink)  
Antiguo 06/10/2010, 14:49
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 21 años
Puntos: 34
Respuesta: imagen previa en el index

El otro método sería que te bajes algún theme de la gente de WooThemes y analices la funcion de ellos WooImage()

Ya te digo, ese otro método sería el ideal, pero yo no entiendo tanto como para ponerme a analizar funciones...
__________________
elGastronomo
  #6 (permalink)  
Antiguo 06/10/2010, 14:53
Avatar de rogertm
Mod->Cuba
 
Fecha de Ingreso: julio-2005
Ubicación: /home/Cuba/Habana/rogertm/
Mensajes: 2.922
Antigüedad: 18 años, 8 meses
Puntos: 638
Busqueda Respuesta: imagen previa en el index

WP3 tiene soporte para thumbnails, es solo agregar en functions.php lo siguiente:
Código PHP:
Ver original
  1. add_theme_support( 'post-thumbnails' );
Luego es cuestión de trabajar con la función the_post_thumbnail(), entonces, a la hora de crear el post, en la parte derecha, debajo de donde se agregan las tags y las categorías, saldrá un link con el cual podemos asignar una imagen para el thumbnail...

Saludos...
__________________
Friki y Blogger por Cuenta Propia:213
Twenty'em: Theming is Prose
  #7 (permalink)  
Antiguo 06/10/2010, 15:00
Avatar de CSSCREATIVO  
Fecha de Ingreso: octubre-2010
Mensajes: 26
Antigüedad: 13 años, 6 meses
Puntos: 1
Respuesta: imagen previa en el index

Bueno mm estube jugando con codigos que me diste y encontre las respuesta sin usar timthumb

primero agregamos esto al functions.php

Código:
<?php function get_first_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Defines la imagen "default"
$first_img = "/images/default.jpg";
}
return $first_img;
} ?>

y en el index o donde quieras agregas lo siguiente

Código:
<img src="<?php echo  get_first_image(); ?>"  alt="<?php the_title(); ?>" />

Bueno espero que le sirva a alguien mas :D hah (Y)

Etiquetas: index, previa
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 13:16.