مشکل ریسپانسیو عکس در صفحه single با وردپرس

حل شده 

Wordpress

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

سلام وقت بخیر دوستان پستهایی که ارسال میکنم وقتی بریم ادامه مطلب عکسی که داخل پست قرار داره ریسپانسیو نیست و عکس از چپ و راست جمع میشه و خوانایی رو از دست میده کسی میتونه راهنمایی کنه؟ اینم کدهای صفحه single. در ضمن از بوت استرپ 4 استفاده میکنم.

<?php get_header(); ?>
    <div class="container">
        <?php if (have_posts()) : ?>
            <div class="row">
                <div class="col-12 ">
                    <?php while (have_posts()) :
                    the_post(); ?>
                    <div id="single-content">
                        <div class="single-cont-entry"><?php the_content(); ?></div>
                    </div>
                </div>
                <?php endwhile; ?>
            </div>
        <?php endif; ?>
    </div>
<?php get_footer(); ?>
آخرین ویرایش: 09-08-2018 ساعت 20:04، توسط nex

پاسخ ها

2

برای ریسپانسیو کردن عکساتون به صورت زیر عمل کنید :

روش اول : -- اگر از bootstrap 4 استفاده میکنید، کلاس img-fluid رو به عکس مورد نظر اضافه کنید .

روش دوم : -- تمامی عکساتون ریسپانسیو میشه .

img {
    max-width: 100%;
    height: auto;
}

روش سوم : -- فقط تصاویر مورد نظر شما ریسپانسیو میشه :

.my-class > img {
    max-width: 100%;
    height: auto;
}

پ.ن : کلاسِ تگی که تصویر در اون قرار داره رو به جای my-class قرار بدید.

آخرین ویرایش: 10-08-2018 ساعت 12:57، توسط mehdigm
ممنون لطف کردی – nex 1 سال پیش

خوش آمدید

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

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