Entradas con imagenes

[bbrian]

Busqué por todos lados este plugins, bajé iimage browser y no tengo idea como utilizarlo, no veo una sola opción, no se como hacerlo !
Dejo un ejemplo de lo que quiero:



Alguno me puede ayudar ?

[bbrian]

Estoy usando Simple Post Thumbnails
Pero no se ven las imagenes !
Se ve el titulo en el lugar de la img.
QUE HAGO ? :|

[rogertm]

Lo que mejor puedes hacer es usar el Plugin de metacortex WP Smart Image II. Funciona perfectamente...

[bbrian]

Lo descargue, pero no lo entendi ! Alguna explicacion no hay ?

[bbrian]

Me baje el Smart Image ii, pero la miniatura la pone cuando abris los post, yo los quiero en la principal como deje en la imagen, que hago ?:S

[rogertm]

Iniciado por bbrian

Lo descargue, pero no lo entendi ! Alguna explicacion no hay ?

¿Y no tiene un archivo readme.txt ?

Fíjate bien, en el General Setting del plugin, le activas la opción de Active Editor Box, que es para que te salga una cajita cuando estás creando el post para que escojas la imagen y la manera en que la quieres mostrar.
Ahora, en tu theme, tienes que poner el código:

Código PHP:

<?php wpsi(); ?>
 

donde quieras que aparezcan los tumbnails (o como se diga) de las imágenes de tus noticias...

Saludos...

[bbrian]

Gracias Rogertm.
La última !
Ya hace unos dias que estoy con esto me vuelve loco.
Mira como queda puesto:


El codigo es este:

Código PHP:

     <div id="front-list">    
    
    <?php
      $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
      query_posts("cat=-9,-15&paged=$page&posts_per_page=5"); ?>
    
    <?php while (have_posts()) : the_post(); ?>        

    <div class="clearfloat">
    <h3 class=cat_title><?php the_category(', '); ?> &raquo</h3>
    <div class="title"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></div>
    <div class="meta">[<?php the_time('j M Y') ?> | <?php comments_popup_link('Comentar Nota', '1 Comentario', '% Comentarios');?> | <?php if(function_exists('the_views')) { the_views(); } ?>]</div>    
<?php wpsi(); ?>
    <div class="spoiler">
          <?php    $values = get_post_custom_values("Image");
    if (isset($values[0])) { ?>
      <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
    <img src="<?php echo bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo get_option('home'); ?>/<?php
$values = get_post_custom_values("Image"); echo $values[0]; ?>&w=150&h=150&zc=1&q=100"
alt="<?php the_title(); ?>" class="left" width="150px" height="150px"  /></a>
      <?php } ?>

    <?php the_excerpt(); ?>
    </div>  

Asi esta puesto, para que lado lo puedo meter asi queda bien ? ya lo movi para todos lados no se que hacer, nunca queda el texto a la derecha.

[rogertm]

Fácil... al <?php wpsi(); ?> le creas un estilo, algo así:

Código PHP:

<div class="wpsi"><?php wpsi(); ?></div>
 

Y en style.css añades esto:

Código CSS:

.wpsi img { float: left; }
 

[bbrian]

Se me sigue viendo exactamente igual :|

[rogertm]

Es que me parece, que todo este código:

Código PHP:

<?php $values = get_post_custom_values("Image");
if (isset($values[0])) { ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
<img src="<?php echo bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo get_option('home'); ?>/<?php $values = get_post_custom_values("Image"); echo $values[0]; ?>&w=150&h=150&zc=1&q=100" alt="<?php the_title(); ?>" class="left" width="150px" height="150px"  /></a>
<?php } ?>
 

te está sobrando. Fíjate, que con ese código estás llamando a la imagen del post get_post_custom_values("Image")...

Saludos

[bbrian]

Le borre todo el codigo que me dijiste:

Código PHP:

 <div id="front-list">    
    
    <?php
      $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
      query_posts("cat=-9,-15&paged=$page&posts_per_page=5"); ?>
    
    <?php while (have_posts()) : the_post(); ?>        

    <div class="clearfloat">
    <h3 class=cat_title><?php the_category(', '); ?> &raquo</h3>
    <div class="title"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></div>
    <div class="meta">[<?php the_time('j M Y') ?> | <?php comments_popup_link('Comentar Nota', '1 Comentario', '% Comentarios');?> | <?php if(function_exists('the_views')) { the_views(); } ?>]</div>    
    <div class="spoiler">
         
    <?php the_excerpt(); ?>
    </div>  

En que parte le meto el:

Código PHP:

 <div class="wpsi"><?php wpsi(); ?></div>  

Lo muevo y me queda la imagen arriba o abajo nunca al costado :S
No se que hacer !

[rogertm]

Así:

Código PHP:

<div class="spoiler">
<div class="wpsi"><?php wpsi(); ?></div>
<?php the_excerpt(); ?>
</div>
 

Ahora, no te aseguro que funcione, si no te funcionaba antes, es problema de la clase y el id superiores #front-list y .clearfloat... Me imagino que el asunto esté en la clase clearfloat. Verifica qué hace esta clase y organiza el asunto, pero me imagino que con algo como esto se arregle:

Código CSS:

.spoiler .wpsi img { float: left; }
 

EDITO: Ya a partir de aquí el problema no es de wordpress, es de CSS, te sugiero que vallas al foro correspondiente y abras un nuevo tema allí

[bbrian]

Sigue haciendo lo mismo :S

[bbrian]

Le agregue esto:
.wpsi img { float: left !important; }
y sigue apareciendo mal :S
ayuda por favor

[rogertm]

Olvídalo, es cuestión de alguna clase que genéricamente está por encima de la que has creado... Lo dicho, ya que tienes el asunto de wordpress solucionado, te repito mi sugerencia, ve al foro de CSS que allí te van a ayudar debidamente...

[bbrian]

Ok, probare, gracias roger !

[metacortex]

Iniciado por rogertm

Olvídalo, es cuestión de alguna clase que genéricamente está por encima de la que has creado...

Si fuese así, el "!important" lo hubiera sobrescrito de todas formas (por supuesto asumiendo que está trabajando en Firefox).

El problema en sí radica en que el estilo se está aplicando a la imagen y no a la capa contenedora (div.wpsi). Una imagen es un elemento por naturaleza inline; hay que darle características de bloque para que pueda obedecer al float. Ese div.wpsi es totalmente innecesario, yo se lo volaría y le asignaría una clase a la imagen, de esta manera:

Código PHP:

<?php wpsi('class=wpsi') ?>
 

Y en el CSS:

Código CSS:

img.wpsi {
  display: block;
  float: left;
  margin: 4px 8px 0 0;
}
 

Eso soluciona el problema.

[bbrian]

Listo, lo solucione!
Gracias Dario.
Alguno conoce un plugin para acortar el texto que muestran mis entradas en la principal ?

[gorillaz]

bueno y por que no colocas el "leer mas" ?
o de forma automatica limitada a X cantidad de letras. por ejemplo 50 letras mostradas en cada post al inicio/home

php the_content_rss('', TRUE, '', 50);

y listo.