Есть вот такая верстка

С помощью какого плагина можно реализовать вставку картинок на страницу ?
Есть замечательный плагин по вставке и редактированию текста на страницу Content Editor, в нем есть функция вставки картинок только вот примеров как это правильно делать не наведено ... кто как делает? поделитесь опытом с новичком

StaticPage не рассматриваешь?

  • MORION_2010 ответили на это сообщение.

    можно и его но там текста очень мало, не знаю насколько целесообразно

    уже есть идея как это можно реализовать

    sigalevoa а как можно красиво реализовать через static page?

    • sigalevoa ответили на это сообщение.

        MORION_2010
        я делаю так

        {repeater tab="Статьи" name="articles" label="" prompt="Добавить" span="full"}
        {variable name="image" type="mediafinder" label="логотип jpg" mode="image" imageWidth="180" imageHeight="auto" thumbOptions="crop" cssClass="photo_card_thmb"}{/variable}
        {variable name="imagew" type="mediafinder" label="логотип webp" mode="image" imageWidth="180" imageHeight="auto" thumbOptions="crop" cssClass="photo_card_thmb"}{/variable}

        {variable name="title" label="Атрибут изображения title" type="text" span="right"}{/variable}
        {variable name="alt" label="Атрибут изображения alt" type="text" span="right"}{/variable}
        {variable name="name" label="Название" type="text" span="left"}{/variable}
        {variable name="public_date" label="Дата" type="datepicker" mode="date" span="left"}{/variable}
        {variable name="text" label="Текст" type="textarea" size="small" span="full"}{/variable}
        {variable name="link" label="Ссылка" type="staticpagepicker" span="full"}{/variable}
        {/repeater}

        я использую два поля для изображения что бы была возможность еще webp загружать
        и в шаблоне вывожу изображения в теге picture, внутри него в srcset вывожу оба изображения. для webp через twig делаю проверку, если изображение

        и для админки дописываю сили для .photo_card_thmb флоаты что бы два изображения прижать друг к другу.

            в админке выглядит вот так

            • MORION_2010 ответили на это сообщение.

              sigalevoa

              Куда вставляется данный код ?

              {repeater tab="Статьи" name="articles" label="" prompt="Добавить" span="full"}
{variable name="image" type="mediafinder" label="логотип jpg" mode="image" imageWidth="180" imageHeight="auto" thumbOptions="crop" cssClass="photo_card_thmb"}{/variable}
{variable name="imagew" type="mediafinder" label="логотип webp" mode="image" imageWidth="180" imageHeight="auto" thumbOptions="crop" cssClass="photo_card_thmb"}{/variable}

{variable name="title" label="Атрибут изображения title" type="text" span="right"}{/variable}
{variable name="alt" label="Атрибут изображения alt" type="text" span="right"}{/variable}
{variable name="name" label="Название" type="text" span="left"}{/variable}
{variable name="public_date" label="Дата" type="datepicker" mode="date" span="left"}{/variable}
{variable name="text" label="Текст" type="textarea" size="small" span="full"}{/variable}
{variable name="link" label="Ссылка" type="staticpagepicker" span="full"}{/variable}
{/repeater}
              • sigalevoa ответили на это сообщение.

                  sigalevoa брат, а нафига webp, когда можно lazyload сделать?

                  • sigalevoa ответили на это сообщение.

                      MORION_2010
                      в шаблон. подключается компонент staticpage и добавляются "переменные" которые обрабатываются staticpage и на его страницах в админке появляются соответствующие поля.

                          Web51
                          а как одно с другим связано?)
                          я использую webp как более современный формат изображений. да и вообще что бы заказчики (у меня заказчики по СЕО работают) умилялись когда
                          PageSpeed Insights не снижает оценку сайту из-за того что не используются современные форматы изображений

                          но помимо webp никто не мешает мне когда надо надо ленивую загрузку использовать так что я как одно с другим не могу связать)

                            4 дня спустя

                            sigalevoa Попробовал твой вариант, мне подходит только вот такой нюанс поля смешиваются с полями СЕО плагина SEO Extension как их отделить?

                              • Ssigalevoa

                                • Сообщение #13
                                • Изменено

                                Я сначала вообще не понял что у тебя там происходит на скриншоте.
                                Пошел и установил себе SEO Extension. В общем он через одно место расширяет Static Page. И если ты добавляешь какие либо виджеты через переменные, все что должно было быть во вкладке "мета" уезжает к тебе в виджет - в твоем случае это репитер.

                                Я бы на твоем месте вообще удалил этот плагин для сео и нужные поля добавил в статик page переменными.
                                На небольших "проектах" я так и делаю. у меня одна и та же заготовка. Просто копирую/вставляю

                                так и сделал .... спасибо

                                4 дня спустя

                                А будет работать если набор полей которые вписаны на главной закинуть в фрагменты и оттуда подтягивать на разные страницы по мере необходимости ??? ...

                                И еще вот про это хочу спросить

                                там где идет список полей в исходном коде образовалось пустое место, пока не знаю как на такое реагируют поисковые боты, то что код идет не сначала строки

                                • reazzon ответили на это сообщение.

                                  оберни все объявленные переменные для static page в тег
                                  {% spaceless %}
                                  {% endspaceless %}
                                  он уберет пустые строки и пробелы внутри

                                  MORION_2010 А будет работать если набор полей которые вписаны на главной закинуть в фрагменты

                                  Не будет работать.

                                  MORION_2010 И еще вот про это хочу спросить

                                  Оберни переменные для StaticPages в специальный тег

                                  {% spaceless %}
{% endspaceless %}

                                      ну все теперь все шикарно -)

                                      7 месяцев спустя

                                      sigalevoa Здравствуйте, а как вывести данные этих переменных?