WordPress установите ширину изображения на 100% и установите максимальную ширину для вставленной ширины

Question

Я бы хотел иметь возможность устанавливать в моей теме Wordpress ширину 100% и максимальную ширину любого значения, установленного при вставке изображения на страницу или в пост. Я мог бы сделать это на основе изображения к изображению, но вы можете себе представить, насколько это было бы утомительно. Есть ли способ, которым я могу сделать это в моем файле CSS или функции? Спасибо!

Answer 1

Итак, прежде всего вы должны составить список размеров, которые вы будете использовать на своем сайте. Позже вы можете сколько угодно.

Допустим, у вас есть 3 типа изображений. Миниатюра, средняя и большая. Миниатюра не более 200 пикселей в ширину. Средняя ширина не более 500 пикселей. Большой - максимальная ширина 1000 пикселей. И так далее.

Теперь добавьте эти типы в ваш CSS-файл (вы можете назвать их как угодно):

.thumbnailImg {
   width: 100%;
   max-width: 200px;
}

.mediumImg {
   width: 100%;
   max-width: 500px;
}

.largeImg {
   width: 100%;
   max-width: 1000px;
}

.whateverElseYouNeed {
    ...
}

Теперь, чтобы применить их к изображениям, добавляемым через WordPress: При добавлении изображения в редакторе, нажмите «Дополнительные параметры» в настройках изображения. Будет опция под названием «Image CSS Class». Здесь вы вводите имя, которое задаете для желаемой ширины (thumbnailImg, mediumImg, largeImg и т. Д.)

См. Это для справки: http://techblog.kjodle.net/2014/08/16/add-css-classes-to-images-in-wordpress/

Answer 2

<style>

img {
width: 100%;
}



</style>

Это должно работать