Content_Display: Frontpage_View
EN:
The default image is 100% wide. This is fine.
RU:
картинка по умолчанию шириной 100%. это нормально.
<img width="1" height="1" src="https://projectdmc.org/support/topic/make-please-content_display-slider_view-optionally-width100/..." class="attachment-large size-large" alt="" decoding="async" loading="lazy" data-wp-pid="908">
/wp-content/plugins/advanced-gutenberg/assets/css/recent-posts.css
.advgb-recent-posts-block.frontpage-view .advgb-recent-posts .advgb-recent-post .advgb-post-thumbnail img {
width: 100%;
height: auto;
}
.
Content_Display: Slider_View
EN:
picture in real size. instead of 100% width and no height limit, if for example there are several pictures of different sizes in the slider, then the slider changes height when scrolling.
lets hide two lines so that the width of the photo in the slider is 100%.
RU:
картинка в натуральную величину. а не шириной 100% и без ограничения по высоте, если например в слайдере несколько картинок разного размера – то слайдер меняет высоту при прокрутке.
надо скрыть две строчки, чтобы ширина фоток в слайдере была 100%.
<div class="slick-list draggable" style="height: 481px;">
<div class="slick-track" style="opacity: 1; width: 10710px; transform: translate3d(-1190px, 0px, 0px);">
<article class="advgb-recent-post slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 1190px;" tabindex="0" role="tabpanel" id="slick-slide00" aria-describedby="slick-slide-control00">
<div class="advgb-post-thumbnail">
<a href="https://projectdmc.org/support/topic/make-please-content_display-slider_view-optionally-width100/..." tabindex="0">
/wp-content/plugins/advanced-gutenberg/assets/css/recent-posts.css
.advgb-recent-posts-block .advgb-recent-post .advgb-post-thumbnail a {
display: inline-block;/* hide this so the image is 100% wide */
max-width: 100%;
}
<img width="1" height="1" src="https://projectdmc.org/support/topic/make-please-content_display-slider_view-optionally-width100/..." class="attachment-large size-large" alt="" decoding="async" loading="lazy" data-wp-pid="908">
/wp-content/plugins/advanced-gutenberg/assets/css/recent-posts.css
.advgb-recent-posts-block.slider-view .advgb-recent-post .advgb-post-thumbnail img {
height: auto;
width: auto; /* hide this. lets make optional width: 100%;*/
margin: 0 auto;
}
.
EN:
Make a checkbox: “image slider width 100%”. So that, depending on the need, you can turn it on or off.
Make a field: “picture slider height” and crop photos about the height, if the height is higher than the specified one with a picture width of 100%.
Let’s say I will use a slider for posts with large photos. What if my photos will be less than 100% in width or different proportions?
RU:
Сделайте галку: “ширина картинки слайдера 100%“. Чтобы в зависимости от необходимости можно было включить или выключить.
Сделайте поле: “высота картинки слайдера” и обрезку фоток о высоте, если при ширине картинки 100% высота выше указанной.
Допустим я буду использовать слайдер для записей с большими фотографиями. А вдруг у меня фото будут по ширине меньше 100% или разных пропорций?