GTranslate с темой Twenty Twenty-Five

  • Решено Vyacheslav Saakov

    (@saakov)


    1 месяц, 1 неделя назад

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

    Замелит странную особенность с версткой сайта, когда меняется язык. На сайте с каждой записью (как в списке, так и индивидуально) есть блок «Метки» в стиле «Форма капсулы». Когда выбирается другой язык (по умолчанию русский), рядом с существующими метками появляются пустые метки (капсулы) с теми же ссылками и из-за чего плывёт вёрстка сайта, например, когда смотришь сайт со смартфона.

    В качестве эксперимента убрал «Форма капсулы» и сделал «По умолчанию», но поменялось только то, что теперь не видно пустых «капсул», а метки так же идут в одну строку не переходя на новую, из-за чего опять же плывёт вёрстка.

    Кто-нибудь сталкивался с такой особенностью? Может есть какое-то решение?

    Спасибо!

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 2 ответов — с 1 по 2 (всего 2)
  • ravilr63

    (@ravilr63)

    1 месяц, 1 неделя назад

    У Вас между метками есть разделитель тег span вот он и влияет на неправильный перевод. Он как бы пустой и его пытается перевести. Проще этот разделитель наверно выпилить или с помощью любого плагина добавить js 

    <script>
    document.addEventListener("DOMContentLoaded", function() {
        document.querySelectorAll('.wp-block-post-terms__separator').forEach(function(el) {
            el.classList.add('notranslate');
        });
    });
    </script>
    Автор Vyacheslav Saakov

    (@saakov)

    1 месяц, 1 неделя назад

    Огромное спасибо!

    Ваш совет с предложенным JS оказался простым и очень дельным решением.

Просмотр 2 ответов — с 1 по 2 (всего 2)

Для ответа на тему необходимо авторизоваться.