Как мне заставить этот wp_query работать в шорткоде? - PullRequest
Новая
       13

Как мне заставить этот wp_query работать в шорткоде?

0 голосов
/ 04 апреля 2019

Я не могу заставить работать wp_query в шорткоде. Я думаю, что это правильно в соответствии с кодексом WP, но он продолжает ломать мой сайт - ошибка 500. Он находится во внешнем файле для пользовательской темы Genesis.

Файл находится в подпапке, и я включил этот файл и добавил функцию add_shortcode в файл functions.php. Когда я комментирую include_once, сайт хорош, так что я предполагаю, что что-то упустил из функции. 

<?php
function exp_post_slider_shortcode( $atts ) {

$a = shortcode_atts( array(
    'cat' => '15',
    'posts_per_page' => '3',
), $atts ); 

$output = '';   
 $args = array(

            'cat' => $a['cat'],
            'posts_per_page' => $a['posts_per_page'],
);
    $post_slider = new WP_Query( $args );

if ( $post_slider->have_posts() ) {
    // The Loop
     $output .=  '<div class="exp-post-slider-container">'
     $output .= '<div class="owl-carousel owl-theme exp-post-slider">'
    while ( $post_slider->have_posts() ) {
        $post_slider->the_post();
        $feat_image_url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
        $output .= '<div class="exp-cat-slide" style="background-image:url('.$feat_image_url.'); background-size:cover; background-repeat:no-repeat;">';
        $output .= '<div class="exp-slide-post-info">';
        $output .= '<h2>' . get_the_title() . '</h2>';
        $output .= '<p>' . get_the_author() . ' | ' . get_the_date() . '</p>';
        $output .= '<p><a href="' . get_permalink() . '" class="exp-post-link-btn">View Post</a>';
        $output .= '</div></div>';
    }

    wp_reset_postdata();
} else { 

        $output .= '<div class="exp-cat-slide" style="background-image:url(https://webclient.co/explore/wp-content/uploads/2019/04/looking-out-no-posts.jpg); background-size:cover; background-repeat:no-repeat;">';
        $output .= '<div class="exp-slide-post-info">';
        $output .= '<h2>No Adventures Posted Here Yet</h2>';
        $output .= '<p>Check Back Soon!</p>';
        $output .= '<p><a href="https://webclient.co/explore/blog/" class="exp-post-link-btn">Check Out Our Blog</a>';
        $output .= '</div></div>';
}


$output .= '</div>'
$output .= '</div>'

return $output;
} ?>

Я пытаюсь получить вывод на ползунок совы. Не проблема заставить его работать как функцию в хуке темы, но мне нужно, чтобы он работал как шорткод с категорией и количеством параметров публикации.

Ответы [ 2 ]

1 голос
/ 04 апреля 2019

Я только что переместил предоставленный вами код в среду тестирования Wordpress, и стало очевидно, что при использовании переменной $output вам не хватает некоторых ; в конце строки.

С кодомниже я могу вывести ваш шорткод: 

add_shortcode('test','exp_post_slider_shortcode');

function exp_post_slider_shortcode( $atts ) {

$a = shortcode_atts( array(
    'cat' => '15',
    'posts_per_page' => '3',
), $atts ); 

$output = '';   
 $args = array(

            'cat' => $a['cat'],
            'posts_per_page' => $a['posts_per_page'],
);
    $post_slider = new WP_Query( $args );

if ( $post_slider->have_posts() ) {
    // The Loop
     $output .=  '<div class="exp-post-slider-container">';
     $output .= '<div class="owl-carousel owl-theme exp-post-slider">';
    while ( $post_slider->have_posts() ) {
        $post_slider->the_post();
        $feat_image_url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
        $output .= '<div class="exp-cat-slide" style="background-image:url('.$feat_image_url.'); background-size:cover; background-repeat:no-repeat;">';
        $output .= '<div class="exp-slide-post-info">';
        $output .= '<h2>' . get_the_title() . '</h2>';
        $output .= '<p>' . get_the_author() . ' | ' . get_the_date() . '</p>';
        $output .= '<p><a href="' . get_permalink() . '" class="exp-post-link-btn">View Post</a>';
        $output .= '</div></div>';
    }

    wp_reset_postdata();
} else { 

        $output .= '<div class="exp-cat-slide" style="background-image:url(https://webclient.co/explore/wp-content/uploads/2019/04/looking-out-no-posts.jpg); background-size:cover; background-repeat:no-repeat;">';
        $output .= '<div class="exp-slide-post-info">';
        $output .= '<h2>No Adventures Posted Here Yet</h2>';
        $output .= '<p>Check Back Soon!</p>';
        $output .= '<p><a href="https://webclient.co/explore/blog/" class="exp-post-link-btn">Check Out Our Blog</a>';
        $output .= '</div></div>';
}


$output .= '</div>';
$output .= '</div>';

return $output;
}

На больше sidenote: Пожалуйста, помните о буфере вывода.Если вы чувствуете, что ваш шорткод не размещен там, где вы ожидаете, взгляните на функцию ob_get_clean().

0 голосов
/ 04 апреля 2019

Вам нужна функция add_shortcode, чтобы превратить вашу функцию в шорткод.Очень хорошая документация по этому вопросу из WP: https://codex.wordpress.org/Shortcode_API

Может выглядеть так: 

add_shortcode( 'exp_post_slider', 'exp_post_slider_shortcode' );

Затем в редакторе вы можете использовать это в своем контенте для запуска вашей функции exp_post_slider_shortcode исгенерировать вывод: 

[exp_post_slider whatever_args="whatever..."]
...