Wsparcie » Wtyczki » Jak stworzyć trzy kolumny dla wybranych wpisów

  • Rozwiązano owerk

    (@owerk)


    Cześć,
    mam do Was pytanie. W jaki sposób mogę stworzyć 3 kolumny z trzema wybranymi przeze mnie postami które posiadają tytuł i miniaturkę.
    Chodzi mi o coś takiego http://i.imgur.com/tXg0bv3.png (rozrysowałem to w Paintcie, ale myślę, że da się zrozumieć ;))
    Bardzo proszę o kod HTML i CSS do wklejenia.
    Dodam, że chciałbym aby ta kolumna wyświetlała się poza pętlą, dlatego niżej podaję kod, jednego z wpisów, znajdujących się właśnie poza główną pętlą:

    <?php
    $recent = new WP_Query();
    $recent->query('showposts=1');
    if($recent->have_posts()) : while($recent->have_posts()): $recent->the_post();
    ?>
    <div class="post_image_th">
    <?php the_post_thumbnail('mainImageCropped'); ?>
    </div>
    <div class="post_content_spot">
    <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
    <?php the_excerpt(); ?>
    <ul>
    <li class="user"><?php echo get_avatar( get_the_author_meta( 'ID' ), 32 ); ?><?php the_author_posts_link(); ?></li>
    <li class="comments"><?php comments_popup_link('0 comments »', '1 comment »', '% comments »'); ?></li>
    </ul>
    <?php endwhile ?>
    <?php else : ?>
    <p> Nothing find </p>
    <?php endif ?>

    Z góry dziękuję za wszystkie odpowiedzi, bardzo mi na tym zależy. Pozdrawiam

Viewing 1 replies (of 1 total)
  • Thread Starter owerk

    (@owerk)

    Problem rozwiązany. Gdyby ktoś potrzebował, to wystarczy do „div’a” w którym znajduje się kod wpisu w CSS dodać:

    div
    {
    column-count:3;
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
    }

    Pozdrawiam 😉

Viewing 1 replies (of 1 total)
  • Temat ‘Jak stworzyć trzy kolumny dla wybranych wpisów’ jest zamknięty na nowe odpowiedzi.