Problem z wyświetlaniem wpisów (wordpress)

pytanie zadane 21 stycznia 2021 w Systemy CMS przez Poczatkujaca s z.o.o Obywatel (1,860 p.)

Witam, mam następujący kod strony archiwum wpisów w wordpress

<?php get_header(); ?>

        <!-- Start Blog 
    ============================================= -->
    <div class="blog-area full-width bg-gray default-padding">
        <div class="container">
		
		<div class="blog-items">
		
            <div class="row">
                
                    <!-- Single Item -->
                    <div class=" col-sm-12 col-md-6 col-lg-4 equal-height" style="height: 555px;">
					
                        <div class="item" >
                            <div class="thumb">
                                <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
						   <?php the_post_thumbnail(); ?>
                                </a>
                               <div class="tags">
                                    <?php the_tags (); ?>
                                </div>
                            </div>
                            <div class="info">
                                <h4>
                                   <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
						   
                                </a>
                               </h4>
                                <p>
                                     <?php the_excerpt();  // treść postu ?>
                                </p>
                                <div class="read-more">
                                    <a href="<?php the_permalink(); ?>" class="more-btn">Zobacz więcej<i class="fas fa-angle-double-right"></i></a>
                                </div>
                            </div>
                       
                    </div>
                    <!-- End Single Item -->
</div>
</div>
</div>
</div>
    <!-- End Blog -->
<?php get_footer(); ?>

Chcę żeby kawałki z postami wyświatlały się po 3 w rzędzie, a wyświetla się jeden pod drugim.

Chce żeby było tak

a jest tak

Motyw bazowy

https://materialwp.com/

Strona na localhost

komentarz 21 stycznia 2021 przez Tomek Sochacki Ekspert (227,510 p.)

a gdzie masz pętlę która tworzy kolejne elementy? Pokaż jak masz jaką masz strukturę klas css dla kompletu 3 elementów, bo tu pokazałes kod odpowiedzialny za renderowanie tylko jednego. I zobacz przede wszystkim w css, bo może po prostu każdy element dajesz w osobny ".row" w css.

komentarz 21 stycznia 2021 przez Poczatkujaca s z.o.o Obywatel (1,860 p.)

nie mam zadnych innych pętli mam tylko to. w HTML i css jest dobrze supie się dopiero na wp

komentarz 21 stycznia 2021 przez Tomek Sochacki Ekspert (227,510 p.)

w HTML i css jest dobrze supie się dopiero na wp

co znaczy css jest dobrze a sypie się na wp? chodzi o wordpress? jeśli tak to wp to tylko cms, generalnie jakiś kod, który bierze te szablony które tworzysz lub dostajesz jako gotowy szablon, dodaje swoje rzeczy itp. i wypluwa do clienta html. Mi chodzi właśnie o ten ostateczny response na tej ścieżce GET gdzie masz tą galerię, co tam siedzi w CSS już na kliencie. No i tu pokazałeś kod dla jednego artykułu, gdzieś musisz mieć jakiegoś foreach itp. który iteruje po rekordach z bazy i je wyświetla... czy to jest wp, czysty php czy cokolwiek innego to nie ma żadnego znaczenia.

komentarz 21 stycznia 2021 przez Poczatkujaca s z.o.o Obywatel (1,860 p.)
edycja 23 stycznia 2021 przez Poczatkujaca s z.o.o

jesli chodzi o html i css to ten szablon płatny

ale to wordpressa trzrba wdrożyć frond end

komentarz 21 stycznia 2021 przez Tomek Sochacki Ekspert (227,510 p.)

to czy płatny czy nie jest bez znaczenia, mi chodzi po prostu o pokazanie kodu, który odpowiada za generowanie tych poszczególnych elementów, albo zobacz po prostu przez devtoolsy co tam jest wygenerowane, jaka jest struktura znaczników i klas css w tym fragmencie strony...

komentarz 21 stycznia 2021 przez Poczatkujaca s z.o.o Obywatel (1,860 p.)

<div class="blog-items">
                    <!-- Single Item -->
					
              <div class=" col-sm-12 col-md-6 col-lg-4 equal-height" style="height: 1205px;">
					
					                          <div class="item">
                            <div class="thumb">
							
                                <a href="localhost/wp/czym-jest-program”">
						   <img width="1080" height="675" src='"localhost/wp/wp-content/uploads/2020/10/Projekt-bez-tytulu-19.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" loading="lazy" srcset=""localhost/wp/wp-content/uploads/2020/10/Projekt-bez-tytulu-19.png 1080w, "localhost/wp/wp-content/uploads/2020/10/Projekt-bez-tytulu-19-300x188.png 300w, "c/wp-content/uploads/2020/10/Projekt-bez-tytulu-19-1024x640.png 1024w, "localhost/wp/wp-content/uploads/2020/10/Projekt-bez-tytulu-19-768x480.png 768w" sizes="(max-width: 1080px) 100vw, 1080px">                                </a>
                                <div class="tags">
                                                                    </div>
                            </div>
                            <div class="info">
                                <h4>
                                   tytuł”                                </h4>
                              
                                <p>
                                   </p><p>tekst teksttekst teksttekst teksttekst teksttekst teksttekst tekst.<br>
tekst tekst</p>
                                <p></p>
                                <div class="read-more">
                                    <a href="localhost/wp/czym-jest-program/" class="more-btn">Zobacz więcej<i class="fas fa-angle-double-right"></i></a>
                                </div>
									
                            </div>
						
                        </div>
                    </div>
                    <!-- End Single Item -->
		                   

               
                </div>

komentarz 23 stycznia 2021 przez Poczatkujaca s z.o.o Obywatel (1,860 p.)

@Tomek Sochacki,

Udało mi się wyświetlić po 3 w rzędzie, ale coś mam nie tak w kodzie bo wpisy sie dublują

<?php get_header(); ?>

        <!-- Start Blog 
    ============================================= -->
    <div class="blog-area full-width bg-gray default-padding">
        <div class="container">
		
		  <div class="blog-items">
		
            <div class="row">
              
                    <!-- Single Item -->
					<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>	
              <div class=" col-sm-12 col-md-6 col-lg-4 equal-height" style="height: 555px;">
					
					 
                        <div class="item">
                            <div class="thumb">
							
                                <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
						   <?php the_post_thumbnail(); ?>
                                </a>
                                <div class="tags">
                                    <?php the_tags (); ?>
                                </div>
                            </div>
                            <div class="info">
                                <h4>
                                   <?php the_title(); // tytuł postu ?>
                                </h4>
                              
                                <p>
                                   <?php the_excerpt();  // treść postu ?>
                                </p>
                                <div class="read-more">
                                    <a href="<?php the_permalink(); ?>" class="more-btn">Zobacz więcej<i class="fas fa-angle-double-right"></i></a>
                                </div>
									
                            </div>
						
                        </div>
						
                    </div>
                    <!-- End Single Item -->
		<?php endwhile; endif; ?>
                   

               
                </div>
				
				
            </div>
        </div>
    </div>
    <!-- End Blog -->