instablog Миниатюры для блога Есть решение

Лев
13 июля 2022
1

Код в мета такого плана не отображает миниатюру, непонятно как сделать чтобы выглядело как пост в инсте. Подскажите пожалуйста как вывести картинку в пост и какого размера изображения лучше будут для сайта. Информацию накопал только 2014 года которая не помогает

g_thumb=img itemprop="url" src="домен/wa-data/public/site/МАЙТАРГЕТ%20ЩИПЦЫ%20600.png" class="post-thumb" alt="подпись к изображению"/>

<meta itemprop="width" content="600">

<meta itemprop="height" content="800">

ссылка на фото через файл менеджер загружена, 

Прикрепить фотоальбом вообще не понял за что отвечает

6 ответов
  • Лев
    Решение
    13 июля 2022 13:01

    https://help.weberia.ru/181/ka...

    делал по этой инструкции, не получается

  • Сергеев Владимир
    Разработчик
    Решение
    13 июля 2022 15:19

    Та инструкция для другой темы. 
    Надо по этой инструкции

  • Лев
    Решение
    13 июля 2022 15:50

    Поменял размеры в админке 600 на 600, стоит галка делать изображения квадратными, как сделать чтобы не сжирала картинку по краям или как , на глаз нужно целый день подгонять изображение чтобы оно было более менее по центру. Как сделать отображение картинки, как в интернет магазине на шопскрипте, чтобы был виден товар адекватно.

    Вторая трудность - это в самой статье вылазит вначале и в конце эта миниатюра блога, как это убрать?

    • Сергеев Владимир
      Разработчик
      Решение
      13 июля 2022 18:48

      То, что вылазит в конце записи – это альбом, прикреплённый к записи блога. 
      Его можно открепить и он не будет отображаться. 

      По поводу миниатюры в начале записи – в файле post.html удалите строку:

      {include file="stream.img.html" place='post' float="true" inline}

  • Сергеев Владимир
    Разработчик
    Решение
    13 июля 2022 16:28

    Здравствуйте, Лев! 

    Откройте приложение Блог -> дизайн -> шаблоны -> файл stream.img.html
    В этом файле найдите код:

    <img itemprop="url" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="{$post.post_thumb}" class="post-thumb uk-width-1-1 js-only lazyload" alt="{$post.title}" width="{$post_thumb_width}" height="{$post_thumb_height}" loading="lazy" data-uk-cover />

    И удалите из него data-uk-cover в конце.

  • Лев
    Решение
    13 июля 2022 17:08

    У меня в шаблонах только stream.html есть, в нем отсутствует 

    <img itemprop="url" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-src="{$post.post_thumb}" class="post-thumb uk-width-1-1 js-only lazyload" alt="{$post.title}" width="{$post_thumb_width}" height="{$post_thumb_height}" loading="lazy" data-uk-cover />

    • Сергеев Владимир
      Разработчик
      Решение
      13 июля 2022 18:44

      Значит откройте stream.html а затем в адресной строке замените stream.html на stream.img.html.


      Затем подправьте тег, который я говорил. 
      После нажатия на кнопку сохранить ругнётся, что недостаточно прав – ничего страшного. 

      Нажмите на эту же кнопку ещё раз и сохранится. 
  • Лев
    Решение
    14 июля 2022 13:09

    Спасибо. помогло!  тег был немного другой, но додумался где убрать data-uk-cover, всё получилось

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

Узнавайте первым о скидках и специальных предложениях!