1

Вот код вывода постов

 <?php
    $ids = get_field( 'news_thumbs');
    $news_count = get_field( 'news_count');
    $paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
    $query = new WP_Query( [
    'post_type' => 'news',
    'posts_per_page' => $news_count,
    'post__in' => $ids,
    'paged' => $paged,
    'orderby' => 'post__in',
    'order' => 'ASC'
    ]);

    if ( $query->have_posts() ) {?>
        <div class="news_thumbnails">
        <? while ( $query->have_posts() ) : $query->the_post();
            $service_title = get_field('news_card_title');
            $newsDescript = get_field('news_descript');
            $news_miniature = get_field('news_miniature');
            $news_date = get_field('news_date');
            if(!empty($news_date)) {
                $newsDate = $news_date;
            } else {
                $newsDate = get_the_time('d.m.Y');
            }
        ?>
            <div class="news_thumb animate fadeInUp">
                <div class="img_box_wrapp_2">
                    <div class="date">
                        <p><? echo $newsDate; ?></p>
                    </div>
                    <div class="img_box">
                        <? echo wp_get_attachment_image( $news_miniature, 'news' ); ?>
                    </div>
                </div>
                <div class="news_thumb_descript">
                    <h3><? echo $service_title; ?></h3>
                    <div class="p_wrapp_thumb">
                        <? echo $newsDescript; ?>
                    </div>
                </div>
                <div class="news_thumb_footer">
                    <a href="<?php the_permalink(); ?>" class="more_link">Подробнее</a>
                </div>
            </div>
        <?
            endwhile;
        ?></div><?
            wp_reset_postdata();
        ?>
        <?} else {?>
        <h3>У вас нет новостей</h3>
        <? } ?>

Некоторые карточки он выводит так

введите сюда описание изображения

Какие-то он выводит так

введите сюда описание изображения

То есть видно что он в некоторых карточек в .p_wrapp_thumb вставляет лишний .news_thumb_descript. Как сделать так чтобы в .p_wrapp_thumb не вставлялся .news_thumb_descript ?

5
  • Это Ваша тема или какая-то сторонняя? Довольно странно что там добавляется что-то лишнее, так как в этом месте Вы выводите ACF поле get_field('news_descript'), я так понимаю что это Text или Text Area
    – Simon
    7 янв 2021 в 9:46
  • Нет. Это редактор WordPress.
    – Denis
    7 янв 2021 в 9:50
  • В смысле WYSIWYG?
    – Simon
    7 янв 2021 в 9:52
  • Какой контент в поле от acf? Больше похоже на то что в контент вставлен текст вместе с тегом div
    – Darth KYL
    7 янв 2021 в 9:54
  • 1
    Если это WYSIWYG, переключитесь из вкладки Visual на вкладку Text на той записи где выводятся данные теги и убедитесь что там нет лишних HTML тегов. Очень похоже что форматирование не очищено перед копированием
    – Simon
    7 янв 2021 в 9:56

2 ответа 2

0

Нашел такой вот выход с помощью JQuery

$('.news_thumb').each(function() {
   pWrapp = $(this).find(".p_wrapp_thumb");
   if(pWrapp.find(".news_thumb_descript").length > 0) {
      pWrapp.find("p").unwrap();
   }
});
0

Раз уж на то пошло и Вы решили очистить при помощи jQuery вашу строку, я бы Вам предложил сделать это при помощи уже имеющихся средств WordPress, а именно wp_kses() или wp_kses_post() (в wp_kses() вы указываете разрешенные теги и их атрибуты в качестве параметра, а wp_kses_post() оставляет HTML теги разрешенные для публикации в записи для текущего пользователя, в вашем случае должно оставить просто div и уберет атрибут class). Например:

<div class="news_thumb animate fadeInUp">
    <div class="img_box_wrapp_2">
        <div class="date">
            <p><?php echo $newsDate; ?></p>
        </div>
        <div class="img_box">
            <?php echo wp_get_attachment_image( $news_miniature, 'news' ); ?>
        </div>
    </div>
    <div class="news_thumb_descript">
        <h3><?php echo $service_title; ?></h3>
        <div class="p_wrapp_thumb">
            <?php // В качестве второго параметра передается список допустимых HTML элементов в переданном контенте. https://wp-kama.ru/function/wp_kses
            <?php echo wp_kses( $newsDescript, [
                'p' => [] // в данном случае я Вам оставил только тег <p>
            ] ); ?>
        </div>
    </div>
    <div class="news_thumb_footer">
        <a href="<?php the_permalink(); ?>" class="more_link"><?php esc_html_e( 'Подробнее' ); ?></a>
    </div>
</div>
3
  • В теге <p> после текста остаются очень много пробелов.
    – Denis
    7 янв 2021 в 11:27
  • А Вы уверены что в контенте их нет? Или Вам нужно и пробелы убрать в том числе?
    – Simon
    7 янв 2021 в 11:33
  • В контенте их нет.
    – Denis
    7 янв 2021 в 11:45

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.