Как заменить строку в URL-адресе с миниатюрами в Blogger? - PullRequest
Новая
       23

Как заменить строку в URL-адресе с миниатюрами в Blogger?

0 голосов
/ 25 февраля 2019

Как заменить эту строку s0-d на -w280-h152-p-k-no-nu
в теге данных data:post.featuredImage

пример: 

replace('s0-d', '-w280-h152-p-k-no-nu', data:post.featuredImage);

1 Ответ

0 голосов
/ 26 февраля 2019

В v2 шаблонах Blogger, data:post.featuredImage относится к виджету Популярные сообщения, мы можем использовать существующий код - 

<b:with value='data:post.featuredImage.isResizable?resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;):data:post.thumbnail' var='image'>

и изменять параметры ширины и соотношенияприсутствует в операторе resizeImage для удовлетворения наших требований 

<b:with value='data:post.featuredImage.isResizable?resizeImage(data:post.featuredImage, <b>280</b>, &quot;<b>280:152</b>&quot;):data:post.thumbnail' var='image'>

В v3 Шаблоны Blogger с использованием оператора resizeImage напрямую могут достичь цели 

<img expr:src='resizeImage(data:post.featuredImage, 280,"280:152")'/>

Обычно тег данных data:post.featuredImage, используемый в виджетах, присутствует в теге snippetedPostThumbnail b: includedable (существует несколько случаев этого).Редактирование этого в конкретном виджете (например, виджете «Избранные публикации», виджете «Сообщения блога» и т. Д.) Затронет все изображения в этом виджете.Замена выделенного раздела b:with в определении snippetedPostThumbnail b: включаемый тег с предыдущим тегом изображения с использованием оператора resizeImage даст желаемые эффекты 

<b:includable id='snippetedPostThumbnail'>
    <div class='snippet-thumbnail'>
        <b><b:with value='data:post.featuredImage.isYoutube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 945, &quot;945:600&quot;) : &quot;&quot;' var='highRes'>
            <b:include data='{image: data:post.featuredImage, imageSizes: [256, 512, 945, 1684], imageRatio: &quot;945:600&quot;, sourceSizes: &quot;(min-width: 954px) 842px, (min-width: 801px) calc(100vw - 112px), calc(100vw - 64px)&quot;, enhancedSourceset: data:highRes}' name='responsiveImage'/>
        </b:with></b>
    </div>
</b:includable>
...