Cum să împarți o buclă în mai multe coloane

Crează coloane pentru interogarea și afișarea simplă

În teme, este probabil mai util să ai ceva care se integrează bine în etichetele de șablon și bucla. Prima mea răspuns nu s-a concentrat prea mult pe asta. În plus, am considerat că este puțin prea complicat pentru o adoptare rapidă.

O abordare mai ușoară care mi-a venit în minte a fost să extind "bucla" cu coloane și am ajuns la această soluție până acum:

Un obiect WP_Query_Columns "extinde" orice interogare standard WP cu coloane peste care se poate itera ușor. Primul parametru este variabila de interogare, iar al doilea parametru este numărul de elemente care trebuie afișate pe coloană:

<?php $the_query = new WP_Query('cat=1&showposts=50&orderby=title&order=asc');?>
<?php foreach(new WP_Query_Columns($the_query, 10) as $column_count) : ?>
    <ul>
        <?php while ($column_count--) : $the_query->the_post(); ?>
        <li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
        <?php endwhile; ?>
    </ul>
<?php endforeach; ?>

Pentru a-l utiliza, adaugă pur și simplu clasa WP_Query_Columns din acest gist în fișierul function.php al temei tale.

Utilizare avansată

Dacă ai nevoie de numărul coloanei pe care o afișezi în prezent (de exemplu, pentru unele clase CSS even/odd, poți obține asta și din foreach:

<?php foreach(new WP_Query_Columns($the_query, 10) as $column => $column_count) : ?>

Și numărul total de coloane este disponibil și el:

<?php 
    $the_columns = new WP_Query_Columns($the_query, 10);
    foreach($the_columns as $column => $column_count) : 
?>
    <h2>Coloana <?php echo $column; ?>/<?php echo sizeof($the_columns); ?></h2>
    <ul>...

Exemplu Twenty Ten

Am putut modifica rapid tema twenty ten pentru un test și am adăugat titluri deasupra oricărei bucle în acest fel. Este inserat în loop.php, începutul este codul temei:

<?php /* Dacă nu există postări de afișat, cum ar fi o pagină de arhivă goală */ ?>
<?php if ( ! have_posts() ) : ?>
    <div id="post-0" class="post error404 not-found">
        <h1 class="entry-title"><?php _e( 'Nu a fost găsit', 'twentyten' ); ?></h1>
        <div class="entry-content">
            <p><?php _e( 'Ne cerem scuze, dar nu au fost găsite rezultate pentru arhiva solicitată. Poate căutarea vă va ajuta să găsiți o postare relevantă.', 'twentyten' ); ?></p>
            <?php get_search_form(); ?>
        </div><!-- .entry-content -->
    </div><!-- #post-0 -->
<?php endif; ?>

<!-- WP_Query_Columns -->
<?php 
    ### Necesită WP_Query_Columns --- vezi http://wordpress.stackexchange.com/q/9308/178
    $query_copy = clone $wp_query; // salvează pentru a restaura mai târziu
    foreach( new WP_Query_Columns($wp_query, 3) as $columns_index => $column_count ) : ?>
    <ul>
        <?php 
        while ( $column_count-- ) : the_post(); ?>
            <li><h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Legătură permanentă către %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2></li>
        <?php endwhile; ?>
    </ul>       
<?php endforeach; ?>
<?php $wp_query = $query_copy;?>

<?php
    /* Începe bucla.
    ...

Pentru un răspuns mai lung:

(care este practic cum am ajuns la lucrurile de mai sus, dar explică mai bine cum să rezolvi efectiv problema cu operații matematice simple. Noua mea soluție este să iterezi peste ceva pre-calculat.)

Depinde puțin de cât de mult trebuie să rezolvi efectiv problema.

De exemplu, dacă numărul de elemente pe coloană este egal cu unu, acest lucru este foarte simplu:

<?php $the_query = new WP_Query('cat=1&showposts=50&orderby=title&order=asc');?>    
<?php while ($the_query->have_posts()) : $the_query->the_post();?>
<ul>
    <li>.. </li>
<ul>
<?php endwhile;  wp_reset_query(); ?>
</ul>

Chiar și cu acest cod simplu, se poate observa că există mai multe decizii de luat:

• Câte elemente sunt într-o coloană?
• Câte elemente sunt în total?
• Există o nouă coloană de început?
• Și există o coloană de încheiat?

Ultima întrebare este destul de interesantă pentru ieșirea HTML, deoarece probabil dorești să închizi nu doar elementele, ci și coloana cu elemente HTML.

Din fericire, cu codul, putem seta toate acestea în variabile și putem crea un cod care să se calculeze întotdeauna în funcție de nevoile noastre.

Și uneori, nici măcar nu putem răspunde la fiecare întrebare de la început. De exemplu, numărul total de elemente: Există vreunul, câteva, multiple, un număr exact care se potrivește cu un număr întreg de coloane în total?

Chiar dacă răspunsul lui Jan Fabry ar putea funcționa în unele cazuri (ca exemplul meu de mai sus pentru scenariul cu un element pe coloană), s-ar putea să fii interesat de ceva care funcționează pentru orice număr de elemente returnate de WP_Query.

Mai întâi pentru matematică:

//
// exemplu aritmetic:
//
# configurație:
$colSize = 20;  // numărul de elemente într-o coloană
$itemsTotal = 50; // numărul de elemente (total)

# calcul:
$count = 0; // o variabilă contor bazată pe zero
$isStartOfNewColum = 0 === ($count % $colSize); // operație modulo
$isEndOfColumn = ($count && $isStartOfNewColum) || $count === $itemsTotal; // încapsulare

Acest cod nu rulează, așa că să-l transformăm într-un exemplu simplu de text

//
// exemplu simplu de text:
//
$column = 0; // inițializează un contor de coloană
for($count=0; $count<= $itemsTotal; $count++) {
    $isStartOfNewColum = 0 === ($count % $colSize); // modulo
    $isEndOfColumn = ($count && $isStartOfNewColum);
    $isStartOfNewColum && $column++; // actualizează contorul de coloană

    if ($isEndOfColumn) {
        printf("/Sfârșitul coloanei: %d\n", $column-1);
    }

    if ($isStartOfNewColum) {
        printf("<începutul coloanei: %d\n", $column);
    }

    printf(" * elementul %d\n", $count);
}
if ($count && !$isEndOfColumn && --$count === $itemsTotal) {
    printf("/Sfârșitul coloanei: %d\n", $column);
}

printf("Terminat. Numărul total de coloane: %d.\n", $column);

Acesta rulează efectiv și face deja o ieșire:

<începutul coloanei: 1
 * elementul 0
 * elementul 1
 * elementul 2
 * elementul 3
...
 * elementul 17
 * elementul 18
 * elementul 19
/Sfârșitul coloanei: 1
<începutul coloanei: 2
 * elementul 20
 * elementul 21
 * elementul 22
...
 * elementul 37
 * elementul 38
 * elementul 39
/Sfârșitul coloanei: 2
<începutul coloanei: 3
 * elementul 40
 * elementul 41
 * elementul 42
...
 * elementul 48
 * elementul 49
 * elementul 50
/Sfârșitul coloanei: 3
Terminat. Numărul total de coloane: 3.

Acesta simulează deja destul de bine cum ar putea arăta într-un șablon WordPress:

//
// exemplu WordPress:
//
$count = 0; // inițializează contorul de elemente
$column = 0; // inițializează contorul de coloană
$colSize = 10; // dimensiunea coloanei de zece de data aceasta
$the_query = new WP_Query('cat=1&showposts=50&orderby=title&order=asc');
$itemsTotal = $the_query->post_count;
?>
<?php while ($the_query->have_posts()) : $the_query->the_post();?>
<?php
    # variabile de afișare a coloanelor 
    $isStartOfNewColum = 0 === ($count % $colSize); // modulo
    $isEndOfColumn = ($count && $isStartOfNewColum);
    $isStartOfNewColum && $column++; // actualizează contorul de coloană

    if ($isEndOfColumn) {
        print('</ul>');
    }

    if ($isStartOfNewColum) {
        printf('<ul class="col-%d">', $column);
    }
?>
    <li> ... fă-ți ziua ...
    </li>
<?php endwhile; ?>
<?php
if ($count && !$isEndOfColumn && --$count === $itemsTotal) {
    print('</ul>');
}
// Nu trebuie să faci asta în fiecare buclă, doar o dată la sfârșit ar trebui să fie suficient
wp_reset_query();
?>

(Nu am executat ultimul exemplu într-un mediu WP, dar ar trebui să fie cel puțin sintactic corect.)