Alinear miniaturas a la izquierda del texto

Inicio Foros WordPress Themes y Diseño Alinear miniaturas a la izquierda del texto

Este debate contiene 6 respuestas, tiene 2 mensajes y lo actualizó  ivnic hace 8 años, 1 mes.

  • Autor
    Publicaciones
  • #17238

    ivnic
    Participante

    <p>Hola amigos, estoy teniendo un problema al querer alinear las miniaturas a la izquierda del texto, me esta quedando de esta forma:</p>
    <p>MINIATURA<br />
    Texto del post</p>
    <p>En lugar de:<br />
    MINIATURA Texto del post:</p>
    <p>He añadido la funcion en functions.php y antes de php the_content esta linea<br />
    &lt;?php the_post_thumbnail(array( 65,65 ), array(‘class’ =&gt; ‘alignleft’)) ?&gt; indicando la medida de la miniatura y que alinie a la izquierda pero el texto del post me queda abajo de la miniatura, en que estoy fallando?
    </p>

  • #41493

    hugorg2010
    Participante

    y al the_content lo tenes alineado a la derecha? o sea right? podrias probar.. o tal vez darle estilo ala funcion the_post_thumbnail meterla dentro de un contenedor div y alinearlo a la izquierda y lo mismo con el contenido.. no soy experto en esto tal vez alguien te pueda dar algun dato mejor.

  • #41501

    ivnic
    Participante

    Con ese dato hice esto

    <div class=”post-thumbnail”> <?php the_post_thumbnail(array( 65,65 )); ?></div>
    y defini un estilo

    .post-thumbnail {
    width: 65px;
    height: 65px;
    float: left;
    }

    pero ahora en los post que no llevan miniaturas me deja el espacio en blanco definido en .post-thumbnail

  • #41504

    hugorg2010
    Participante

    por ejemplo en donde no lleva miniaturas ? en alguna plantilla de pagina personalizada? o en el mismo loop ahy entradas con minituras y sin miniaturas? de ser asi podrias asignarle una miniatura generica a aquellos post que no tengan para que cuando no le asignes una miniatura busque la imagen por defecto por ejemplo : noimage.jgp y aplique esa imagen asi no te queda el espacio en blanco

  • #41506

    ivnic
    Participante

    Claro ese es el tema, hay post que no llevan miniaturas y tampoco podria poner una generica, entiendo lo que me decis.
    Basandome en como esta ahora seria bueno que llame a ese div class solo cuando el post tiene miniaturas o no se me ocurre como, no la tengo muy clara con el codigo.
    Hay temas por ejemplo el mystique que al asignar una miniatura en un post automaticamente te desplaza el texto a la derecha justificandolo con la imagen a la izquierda. He mirado su codigo pero no lo descubro.

  • #41507

    ivnic
    Participante

    Esto es lo que tiene el index del mystique
    <?php
    if(function_exists(‘the_post_thumbnail’))
    if (has_post_thumbnail()) $post_thumb = true; else $post_thumb = false;
    ?>
    y mas abajo

    <?php if($post_thumb): ?>
    <div class=”post-thumb alignleft”><?php the_post_thumbnail(); ?></div>

  • #41537

    ivnic
    Participante

    Ya lo he resuelto de la siguiente manera por si alguno le sirve.
    defini un class

    /** The Post Thumbnails Container **/
    .post-thumbnail {
    width: 64px;
    height: 64px;
    float: left;
    margin: 13px 2px 3px 3px;
    }

    y en el index lo llamo asi

    <?php the_post_thumbnail( ‘medium’, array( ‘class’ => ‘post-thumbnail’)); ?>

    No se si sera lo mas limpio que se pueda pero me da el resultado exactamente como queria.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest