Поддержка Проблемы и решения Удвоение кода и самодобавление тега

  • Всем привет.
    Впервые за много лет столкнулся вот с какой проблемой.
    На странице вставляю такой код:

    <div class="inform__carts">
            <a class="cart-inform cart-inform--1" href="#">
                <p class="cart-inform__text">День борьбы со СПИДом
    
            </a>
            <a class="cart-inform cart-inform--2" href="#">
                <p class="cart-inform__text">Что надо знать о ВИЧ
    
            </a>
            <a class="cart-inform cart-inform--3" href="#">
                <p class="cart-inform__text">Как передается ВИЧ
    
            </a>
            <a class="cart-inform cart-inform--4" href="#">
                <p class="cart-inform__text">Профилактика ВИЧ
    
            </a>
        </div>

    а в браузере получаю удвоение параграфов, добавление тега <br>, и вообще код ломается совсем. Вот такая фигня показывается в браузере:

    <div class="inform__carts">
        <a class="cart-inform cart-inform--1" href="#">
            
    
            <p class="cart-inform__text">День борьбы со СПИДом
    
        </a>
        <a class="cart-inform cart-inform--1" href="#"></a><br>
            <a class="cart-inform cart-inform--2" href="#"></a>
    <a class="cart-inform cart-inform--2" href="#">
            <p class="cart-inform__text">Что надо знать о ВИЧ
    
        </a>
        <a class="cart-inform cart-inform--2" href="#"></a><br>
            <a class="cart-inform cart-inform--3" href="#"></a>
    <a class="cart-inform cart-inform--3" href="#">
            <p class="cart-inform__text">Как передается ВИЧ
    
        </a>
        <a class="cart-inform cart-inform--3" href="#"></a><br>
            <a class="cart-inform cart-inform--4" href="#"></a>
    <a class="cart-inform cart-inform--4" href="#">
            <p class="cart-inform__text">Профилактика ВИЧ
    
        </a>
        <a class="cart-inform cart-inform--4" href="#"></a>
        
    
    </div>

    Решения никак не найду, подскажите, может кто сталкивался и знает, как это победить.
    Версия WP 5.8.2, использую классический редактор.

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

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Модератор Yuri

    (@yube)

    Мне кажется, что проблема в незакрытом <p> и в том, что блочный <p> обернут в строчный <a>. Современные стандарты вроде как такое безобразие допускают, но у вордпресса, обученного работать с текстами в контенте записей, а не с html-кодом, может быть свое мнение. Возможно, поможет какой-нибудь плагин из тех, которые предназначены для вывода pure HTML code. Или переход на блочный редактор и блок типа html.

    Теги <p> все закрыты, на самом деле, я не знаю, почему так скопировалось и сохранилось в моём сообщении.

    <div class="inform__carts">
    <a class="cart-inform cart-inform--1" href="#"><p class="cart-inform__text">День борьбы со СПИДом</p></a>
    <a class="cart-inform cart-inform--2" href="#"><p class="cart-inform__text">Что надо знать о ВИЧ</p></a>
    <a class="cart-inform cart-inform--3" href="#"><p class="cart-inform__text">Как передается ВИЧ</p></a>
    <a class="cart-inform cart-inform--4" href="#"><p class="cart-inform__text">Профилактика ВИЧ</p></a>
    </div>

    Вот так это выглядит вставленное в страницу.
    На счёт плагина вывода pure HTML надо посмотреть, раз никаких других вариантов нет.
    Спасибо, Юрий, за идею.

    Помог плагин WP Coder.
    Юрий, ещё раз спасибо.

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «Удвоение кода и самодобавление тега» закрыта для новых ответов.