حل شده

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

بازدید 20.9k پست ها 1 آخرین فعالیت 2 سال پیش
0
2

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

<?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 پاسخ

1

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

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

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

سوال برنامه نویسی دارید؟

هیچ وقت در پرسیدن سوال شک نکنید

خوش آمدید

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