Wordpress'te Custom Blog Post'lar yan yana gelmiyor

RawShed

Kilopat
Katılım
19 Temmuz 2015
Mesajlar
334
Çözümler
4
Wordpress'te tema yapıyorum. Bootstrap ile oluşturduğum card'lar normalde yan yana gelmesi gerekiyor fakat block element düzeyinde geliyor. Blog postların yan yana gelmesi için ne yapmalıyım?
PHP:
    <div class="container mt-5">

        <h3><?php bloginfo("name"); ?></h3>


        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>

            <div class="card-group" >
                <div class="card" >
                    <div class="card-body" >
                        <?php the_title( '<h5 class="card-title">', '</h5>' ); ?>
                        <p class="card-text"><?php the_excerpt(); ?></p>
                        <a class="btn btn-info" href="<?php the_permalink(); ?>">Devamını Oku</a>
                    </div>
                </div>
            </div>

        <?php endwhile; endif; ?>

    </div>
 

Dosya Ekleri

  • Ekran görüntüsü 2020-11-21 202730.png
    Ekran görüntüsü 2020-11-21 202730.png
    15,8 KB · Görüntüleme: 32
<div class="card-group" >

Buradaki class içine d-flex yazmayı denediniz mi?

<div class="card-group d-flex" >
Hepsini denedim hocam, display: inlline vs. Araştırdığım kadarıyla CSS ile ilgisi yok WordPress sorguları ile 2 sütun haline getirmem lazım ama nasıl yapacağımı bilmiyorum.
 
PHP:
    <div class="container mt-5">
        <h3><?php bloginfo("name"); ?></h3>
        <div class="row">
            <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                <div class="col-md-6">
                    <div class="card" >
                        <div class="card-body" >
                            <?php the_title( '<h5 class="card-title">', '</h5>' ); ?>
                            <p class="card-text"><?php the_excerpt(); ?></p>
                            <a class="btn btn-info" href="<?php the_permalink(); ?>">Devamını Oku</a>
                        </div>
                    </div>
                </div>
            <?php endwhile; endif; ?>
        </div>     
    </div>

Böyle yaptığında yan yana 2 tane olacaktır. Şunu incelemeni de tavsiye ederim.

 

Yeni konular

Yeni mesajlar

Geri
Yukarı