Как создать шорткод wordpress для вывода новостей с версткой?

Question

[WebforSelf]

Подскажите, как создать шорткод с этим кодом, чтоб потом вывести его через шорткод
в elementor. Не могу добавить php код на страницу, там только html и shortcode

<div class="swiper-container">
    <div class="swiper-wrapper">
<?php 
$query = new WP_Query( array(  'cat' => 5,  'showposts' => 100 ) );
  while ( $query->have_posts() ) : $query->the_post(); ?>   
<div class="service__slide" id="bx_651765591_37">
<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); ?>
<a href="" class="card-service card-service--family" style="background-image:url(<?php echo $image_url[0]; ?>);">
<div class="card-service__title"><?php the_title(); ?></div>
<span class="card-service__link"><?php the_content(); ?></span>
</a>
</div>
<?php endwhile; ?>
 <?php wp_reset_query(); ?>	 
 </div>
 </div>

Answer 1

[Виталий]

function shownews(){

    ob_start();

    ?>

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <?php
            $query = new WP_Query( array(  'cat' => 5,  'showposts' => 100 ) );
            while ( $query->have_posts() ) : $query->the_post(); ?>
                <div class="service__slide" id="bx_651765591_37">
                    <?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); ?>
                    <a href="" class="card-service card-service--family" style="background-image:url(<?php echo $image_url[0]; ?>);">
                        <div class="card-service__title"><?php the_title(); ?></div>
                        <span class="card-service__link"><?php the_content(); ?></span>
                    </a>
                </div>
            <?php endwhile; ?>
            <?php wp_reset_query(); ?>
        </div>
    </div>

    <?php

    return ob_get_clean();

}

add_shortcode('shortshownews', 'shownews');

Comments

[WebforSelf]

Подскажите, а если добавлю поле из custom fields то оно не выведется?

<span class="card-service__link"><?php echo get_post_meta($post->ID, 'короткое_описание', true); ?></span>

Поставил вот так, не выводит. Хотя в записи данное поле есть, и заполнено.