• 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.

    Chi ha creato la discussione 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 4 anni fa da Artgallery75.
    • Questa risposta è stata modificata 4 anni fa da Artgallery75.
Stai visualizzando 2 risposte - dal 1 al 2 (di 2 totali)
  • Il topic ‘Problema visualizzazione tabelle’ è chiuso a nuove risposte.