Задать вопрос
Ivseti
@Ivseti
Фронтенд HTML, CSS и немного JS с PHP

Как заставить Open Graph подтягивать первое фото из слайдера?

Поставил плагин ворд пресс, https://wordpress.org/plugins/opengraph/

Он стабильно подтягивает 2 или 3 фотку из слайдера. Собственно вопрос, как подтягивать только первую фотку.

Единственная зацепка из первого DIV с первым слайдом : data-liindex="0" data-liref="rs-0" - это первый слайд.

HTML первого слайда:
<li data-index="rs-0" data-transition="parallaxhorizontal" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="900" data-thumb="https://domen.ru/wp-content/uploads/2020/02/parus-001-224x140.jpg" data-rotate="0" data-fsslotamount="7" data-saveperformance="off" data-fstransition="fade" data-fsmasterspeed="900" class="tp-revslider-slidesli active-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 20; visibility: inherit; opacity: 1; background-color: rgba(255, 255, 255, 0);">
                        <div class="slotholder" style="position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; visibility: inherit; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);"><!--Runtime Modification - Img tag is Still Available for SEO Goals in Source - <img src="https://domen.ru/wp-content/uploads/2020/02/parus-001-848x530.jpg" alt="Гостевой дом «Парус»" class="rev-slidebg defaultimg" data-no-retina="">--><div class="tp-bgimg defaultimg " data-bgcolor="undefined" style="background-repeat: no-repeat; background-image: url(&quot;https://domen.ru/wp-content/uploads/2020/02/parus-001-848x530.jpg&quot;); background-size: cover; background-position: center center; width: 100%; height: 100%; opacity: 1; visibility: inherit; z-index: 20;" src="https://domen.ru/wp-content/uploads/2020/02/parus-001-848x530.jpg"></div></div>
                        <a href="https://domen.ru/wp-content/uploads/2020/02/parus-001.jpg" class="mh-popup-group__element ah_check_tooltip">
                            <div class="tp-parallax-wrap" style="position: absolute; display: block; visibility: visible; left: 2px; top: 0px; z-index: 1;"><div class="tp-loop-wrap" style="position:absolute;display:block;;"><div class="tp-mask-wrap" style="position: absolute; display: block; overflow: visible;"><div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme" data-x="['center','center','center','center']" data-hoffset="['2','2','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-width="full" data-height="full" data-whitespace="normal" data-type="shape" data-basealign="slide" data-responsive_offset="on" data-frames="[{&quot;delay&quot;:0,&quot;speed&quot;:900,&quot;frame&quot;:&quot;0&quot;,&quot;from&quot;:&quot;opacity:0;&quot;,&quot;to&quot;:&quot;o:1;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;},{&quot;delay&quot;:&quot;wait&quot;,&quot;speed&quot;:900,&quot;frame&quot;:&quot;999&quot;,&quot;to&quot;:&quot;opacity:0;&quot;,&quot;ease&quot;:&quot;Power3.easeInOut&quot;}]" data-textalign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" id="layer-304484878" style="visibility: inherit; transition: none 0s ease 0s; text-align: inherit; line-height: 24px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 0px; font-weight: 400; font-size: 16px; white-space: normal; min-height: 528px; min-width: 819px; opacity: 1; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform-origin: 50% 50% 0px;">
                            </div></div></div></div>
                        </a>

                    </li>
  • Вопрос задан
  • 80 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы