Как установить и отобразить изображения с оригинальным размером (без обрезки) в Betheme Masonry Blog Style? - PullRequest
Новая
       21

Как установить и отобразить изображения с оригинальным размером (без обрезки) в Betheme Masonry Blog Style?

0 голосов
/ 15 мая 2019

Я использую Betheme для своего сайта WordPress и использую его стиль блога Masonry (который является обязательным) для сообщений в блоге.Изображения (избранные изображения) содержимого, отображаемого на странице блога, имеют произвольные размеры, как определено в монсовом стиле блога.

Но я хочу, чтобы все изображения, отображаемые на странице блога, былив их полном размере.

Стиль Betheme Monsory Blog для справки https://themes.muffingroup.com/be/theme/blog/masonry-blog-style/?mfn-s

Я применил пользовательский CSS для изменения размеров оболочек / элементов div, в которых отображаются изображения.

Оболочкаиспользуется в теме для стиля блога. 

<html>
<div class="image_frame post-photo-wrapper scale-with-grid images_only">
   <div class="image_wrapper">
      <a href="http://*******.com/2019/05/15/123/">
         <div class="mask"></div>
         <img width="960" height="750" src="http://*******.com/wp-content/uploads/2019/05/z1s969obmsu11-960x750.jpg" class="scale-with-grid wp-post-image" alt="" srcset="http://*******.com/wp-content/uploads/2019/05/z1s969obmsu11-960x750.jpg 960w, http://*******.com/wp-content/uploads/2019/05/z1s969obmsu11-1280x1000.jpg 1280w" sizes="(max-width: 960px) 100vw, 960px">
      </a>
      <div class="image_links double"><a href="http://*******.com/wp-content/uploads/2019/05/z1s969obmsu11-429x1024.jpg" class="zoom" rel="prettyphoto">
         <i class="icon-search"></i>
         </a>
         <a href="http://*******.com/2019/05/15/123/" class="link">
         <i class="icon-link"></i>
         </a>
      </div>
   </div>
</div>
</html>

Я искал варианты в настройках темы, но не смог найти ни одного варианта, который помог бы мне решить проблему.Хотя проблема незначительная, но она имеет значение.

1 Ответ

0 голосов
/ 15 мая 2019

WordPress имеет размер изображения, называемый «полный», который возвращает первоначально загруженное изображение.

Прямо сейчас ваша тема показывает измененную версию загруженного изображения. Это z1s969obmsu11-960x750.jpg . Если вы используете «полный» размер изображения, это будет z1s969obmsu11.jpg

Если это проблема CSS, используйте инструмент разработчика вашего браузера, чтобы проверить, не перекрывают ли стили темы ваши пользовательские стили. Если это так, улучшите специфичность CSS-селектора или, как самое последнее решение, используйте! Важное.

...