Supporto » Aspetto = Temi » Problema visualizzazione tabelle

  • Artgallery75

    (@artgallery75)


    Ho inserito questo codice per la visualizzazione degli articoli nelle singole categorie. Tutto funziona ho solo un problema di visualizzazione quando gli articoli sono 4 praticamente le colonne invece di essere tre diventano due posizionandosi a sinistra della pagina.

    <!-- RIASSUNTI ARTICOLI -->
    
    <div class="container pb-1 rounded-lg">
    <div class="card-columns rounded-lg">
      <?php if (is_category()) { $posts = query_posts( $query_string . '&orderby=title&order=asc' ); } ?>
      <?php while(have_posts()){
      the_post(); ?>
      <div class="card p-1">
         <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( 'full', array( 'class' => 'img-fluid',
                                                                                                'card-img-top') ); 
        ?></a>
        <div class="card-body">
          <h3 class="text-monospace font-italic alert alert-danger"><center><a href="<?php the_permalink(); ?>" class="alert-link text-danger"><?php echo the_title(); ?></a></center></h3>
          <h6 class="text-justify text-monospace font-italic"><a href="<?php the_permalink(); ?>"><?php echo the_excerpt(); ?></a></h6>
          
          <ul class="list-group list-group-flush alert-link">
          <h8 class="text-justify font-italic text-primary"><?php $taxonomy = 'category';       
           $post_terms = wp_get_object_terms( $post->ID, $taxonomy, array( 'fields' => 'ids' ) );
           $separator = ', ';
           if ( ! empty( $post_terms ) && ! is_wp_error( $post_terms ) ) {
           $term_ids = implode( ',' , $post_terms );
           $terms = wp_list_categories( array(
                                               'title_li' => '',
                                               'style'    => 'none',
                                               'echo'     => false,
                                               'taxonomy' => $taxonomy,
                                               'include'  => $term_ids,
                                               'child_of' => 17,
                                               'exclude'  => 17
                                               ) );
           $terms = rtrim( trim( str_replace( '<br />',  $separator, $terms ) ), $separator );
           echo  $terms;
          } ?></h8></ul>
          
          <br />
        </div>
        <div class="card-footer" style="opacity: 0.6;">
          <p class="card-text"><small class="text-muted">Last updated: <strong><?php echo the_time('d/m/Y'); ?></strong></small></p>
        </div>
      </div>
         <?php
      } ?>   
    </div>
Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Andrea Porotti

    (@andreaporotti)

    Ciao @artgallery75,

    difficile fare una diagnosi con questa porzione di codice. E’ probabile che si tratti di un problema CSS, per cui dovresti fare un’analisi con i tools di sviluppo del browser mentre hai aperto il sito.

    In questo caso stai visualizzando un div con classe “card” per ogni post, posso ipotizzare che a causa del CSS non “vadano a capo” quando lo spazio orizzontale è terminato e quindi il layout della pagina si rompe.

    Inizia con l’analizzare un singolo div, verifica che le dimensioni siano quelle corrette o se eventuali altri elementi al suo interno ne aumentano le dimensioni più del previsto.

    Eventualmente, se possibile, allega uno screenshot della pagina per avere un’idea della situazione.

    Artgallery75

    (@artgallery75)

    Il codice non è online sto lavorando in locale…
    Il css è di bootstrap ma sembra che quando gli articoli sono 4 ci siano dei problemi di visualizzazione…

    Non riesco a capire perché questo succede solo con 4 e ti dico anche che il problema nella ricerca e nelle categorie è diverso… Ti ricordi che ho messo un ticket per il problema delle categorie che non sapevo come far apparire la voce “nessun post visualizzato?” Ora che c’è lo stesso codice è strano che ci sia ancora questo problema in modo diverso… Bo..

    • Questa risposta è stata modificata 1 mese fa da Artgallery75.
    • Questa risposta è stata modificata 1 mese fa da Artgallery75.
Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Devi essere collegato per rispondere a questo topic.