web-dev-qa-db-fra.com

Comment créer des colonnes avec une page d'affichage Wordpress et CPTUI?

Je suis un peu perdu avec celui-ci, j'espère vraiment de l'aide pour modifier le code ci-dessous en quelque chose qui fonctionne pour moi. J'utilise le plugin CPTUI et ça fonctionne bien. L'extrait de code ci-dessous provient d'une liste ordonnée modifiée que j'ai créée. Il affiche la page, comme il se doit, dans une liste ordonnée avec une vignette. Tout fonctionne comme il se doit. Cependant, je voudrais afficher ceci comme une rangée de trois cellules de tableau

voici un lien vers le code que j'ai> https://Pastebin.com/N44fyEhB

L'extrait de code pour la boucle while:

<?php $args = array( 'post_type' => 'the_members', 'orderby' => 'ID', 'order' => 'DESC', 'posts_per_page' => '200' );
            $ourposts = new WP_Query( $args );
            if ( $ourposts->have_posts() ) : while ( $ourposts->have_posts() ) : $ourposts->the_post(); ?>
            <li><a href="<?php the_permalink();?>"><?php the_post_thumbnail( array(200, 150) );?></a><br><?php echo get_the_date( 'Y-m-d' ); ?> </i></li>
    <?php
    endwhile;
    endif; ?>

Ce que je recherche, c’est un moyen d’afficher 3 colonnes sur une seule ligne .... Je sais que la boucle while doit ressembler un peu à ceci>

    <?php $args = array( 'post_type' => ‘themembers’, 'orderby' => 'ID', 'order' => 'DESC', 'posts_per_page' => '200' );
     $i = 0; 
     echo ‘<tr>’;
     $ourposts = new WP_Query( $args );
     while($row = $ourposts) {
       $img = $row['the_post_thumbnail'];
       $img_link = $row['the_permalink’];
       if $img = ( $i % 2 == 0 ); 
            echo '<td><a href=\">’; $img_link; echo '\">'; $img; echo ‘</a>’; } ?>

       <?php endif;
       echo '<tr>';
       endwhile;
       ?>

Est-ce même proche? Suis-je sur la bonne voie ????? Je suis en train de deviner au-dessus… de l’aide.

Une autre méthode consisterait à utiliser CSS pour résoudre ce problème, mais si vous pensez que le PHP ci-dessus est affreux, vous devriez voir comment modifier le CSS.

Existe-t-il des exemples de code (Tables ou CSS) indiquant spécifiquement comment procéder?

Tous les indicateurs seraient utiles.

custom-post-typesphpcsshtml
1
Miles Works

Peut-être que cela vous aide:

$ourposts = new WP_Query( $args );
// ask if there results
if( $ourposts->have_posts() ):
    $i = 0;
    // outside the while you open and close the tr so inside the while yo only have to print a close tr and reopen it
    echo '<tr>';
    while($ourposts->have_posts()) : $ourposts->the_post();
        $i++;
        // every three posts you closes and open a tr
        if( $i%3==0 ){
            echo '</tr><tr>';
        }
        echo '<td>'.get_the_title().'</td>';
    endwhile;
    // then close the tr
    echo '</tr>';
endif;
0
Agustin Prosperi