چیدمان نمایش مطالب مرتبط با یک پست در وردپرس

حل شده 

PHP

توسط nex در 1 سال پیش
2 20.7k 1 1 سال پیش
nex mehdigm
0

سلام وقت همگی بخیر این کد زیر رو میخوام استفاده کنم برای مطالب مرتبط با یک پست فقط مشکل اینجاست که چیدمانش ستونیه و در کنار هم دیگه نمیاد کسی میتونه راهنمایی کنه؟ در ضمن هیچ استایلی هنوز بهش ندادم

<?php
            $tags = wp_get_post_tags($post->ID);
            if ($tags) {
                $first_tag = $tags[0]->term_id;
                $args = array(
                    'tag__in' => array($first_tag),
                    'post__not_in' => array($post->ID),
                    'posts_per_page' => 3,
                    'caller_get_posts' => 1
                );
                $my_query = new WP_Query($args);
                if ($my_query->have_posts()) {
                    ?>
                    <aside class="widget widget_related_posts"> <?php
                        echo '<h4 class="widget-title">مقالات مرتبط</h4>';
                        while ($my_query->have_posts()) : $my_query->the_post(); ?>
                            <article class="post">
                                <div class="post-media">
                                    <a href="<?php the_permalink() ?>"
                                       class="thumbnail"><?php the_post_thumbnail('thumb-160'); ?></a>
                                </div>
                                <h5><a href="<?php the_permalink() ?>"
                                       title="لینک یکتا به <?php the_title_attribute(); ?>"><?php the_title(); ?></a>
                                </h5>
                            </article>
                        <?php
                        endwhile;
                        ?>
                    </aside>
                    <?php
                }
                wp_reset_query();
            }
            ?>

پاسخ ها

1

در این کد از تگ article استفاده شده . این تگ چارچوب block داره و به صورت پیشفرض در یک خط با تگ های دیگه قرار نمیگره و کل فضای افقی رو به خودش اختصاص میده .

برای حل مشکل میتونید از تگ هایی که چارچوب inline-block دارند استفاده کنید. مثل div و یا از کد زیر استفاده کنید.

article{
  	display :inline-block;
  }
ممنونم – nex 1 سال پیش

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید