Я встраиваю фид Yelp в свой сайт stati c и wi sh для определения ширины и высоты, но не могу понять, как настроить таргетинг на элемент Yelp - PullRequest
Новая
       28

Я встраиваю фид Yelp в свой сайт stati c и wi sh для определения ширины и высоты, но не могу понять, как настроить таргетинг на элемент Yelp

0 голосов
/ 05 марта 2020

Я пытаюсь встроить обзор Yelp в мой сайт c, а затем задать его ширину и высоту, но я не могу понять, как это сделать. Код, который я вставляю в мой HTML, является тегом span, но, просматривая страницу в Chrome, я вижу, что обзор Yelp встроен в iframe.

Нужно ли, чтобы стиль влиял на этот iframe? Если да, то как я могу настроить таргетинг на iframe? Я использую .less для моего CSS.

Это встроенный код Yelp: 

<span class="yelp-review" data-review-id="XHRGLZHuRQWjPK90OH1XQw" data-hostname="www.yelp.com">Read 
    <a href="https://www.yelp.com/user_details?userid=G7KpLAhF-jMDN05Erympbw"
    rel="nofollow noopener">Frank L.</a>'s 
    <a href="https://www.yelp.com/biz/mcdonalds-portland-2?hrid=XHRGLZHuRQWjPK90OH1XQw"
    rel="nofollow noopener">review</a> of <a href="https://www.yelp.com/biz/d-AFGxgOM-fQVODjFSMxsw"
    rel="nofollow noopener">McDonald's</a> on <a href="https://www.yelp.com" 
    rel="nofollow noopener">Yelp</a> <script async="async" src="https://www.yelp.com/embed/widgets.js" type="text/javascript"> 
    </script>
</span>

Вот как это установлено в моем HTML

<main>
    <section>
        <span class="yelp-review" data-review-id="XHRGLZHuRQWjPK90OH1XQw" data- 
            hostname="www.yelp.com">Read 
            <a href="https://www.yelp.com/user_details?userid=G7KpLAhF-jMDN05Erympbw"
            rel="nofollow noopener">Frank L.</a>'s 
            <a href="https://www.yelp.com/biz/mcdonalds-portland-2?hrid=XHRGLZHuRQWjPK90OH1XQw"
            rel="nofollow noopener">review</a> of <a href="https://www.yelp.com/biz/d-AFGxgOM- 
            fQVODjFSMxsw"
            rel="nofollow noopener">McDonald's</a> on <a href="https://www.yelp.com" 
            rel="nofollow noopener">Yelp</a> <script async="async" 
            src="https://www.yelp.com/embed/widgets.js" type="text/javascript"> 
            </script>
        </span>
    </section>
</main

1 Ответ

0 голосов
/ 05 марта 2020

В итоге я перешел по ссылке файла JS, src = "https://www.yelp.com/embed/widgets.js", скопировал код в этом файле, вставил его в свои локальные файлы и изменил некоторые свойства ширины, которые я нашел.

Кажется, что работает, у меня есть контроль над шириной, как я хотел, хотя в идеале этот вариант не мой выбор № 1. Я все еще хотел бы услышать, есть ли у кого-нибудь лучшее представление о том, как манипулировать свойством width во встроенном элементе Yelp.

...