Wordpress Shortcode - 查询投资组合邮政类型

时间:2016-02-03 10:20:27

标签: php html wordpress

我在编写短代码以查询帖子类型组合时遇到了麻烦。我留下我的短代码:

function display_custom_post_type() {
    $args = array(
        'post_type' => 'portfolio'
    );
    $string = '';

    $my_query = new wp_query($args);

    if ($my_query - > have_posts()):

        while ($my_query - > have_posts()): $my_query - > the_post(); ?>

    <? php
    $string. = '<div class="latest-post"> < a href = "'.the_permalink().'" > '.the_post_thumbnail().' < /a> < h5 > '.the_title().' < /h5> < span > < i class = "fa fa-plus" > < /i></span >
        < /div>';

    endwhile;
    endif;
    wp_reset_query();
    return $string;
}
add_shortcode('ultimos_directorios', 'display_custom_post_type');

查询正常,但OUTPUT错误,我将其粘贴到此处:

http://threefeelings.com/proyectos/tendencias/portfolio/proyecto-1/<img width="650" height="433" src="http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/3.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="3" srcset="http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/3-300x200.jpg 300w, http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/3-200x133.jpg 200w, http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/3.jpg 650w" sizes="(max-width: 650px) 100vw, 650px">Proyecto 1
http://threefeelings.com/proyectos/tendencias/portfolio/proyecto-2/<img width="650" height="433" src="http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/4.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="4" srcset="http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/4-300x200.jpg 300w, http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/4-200x133.jpg 200w, http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/4.jpg 650w" sizes="(max-width: 650px) 100vw, 650px">Proyecto 2
http://threefeelings.com/proyectos/tendencias/portfolio/proyecto-3/<img width="650" height="433" src="http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/6.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="6" srcset="http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/6-300x200.jpg 300w, http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/6-200x133.jpg 200w, http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/6.jpg 650w" sizes="(max-width: 650px) 100vw, 650px">Proyecto 3
http://threefeelings.com/proyectos/tendencias/portfolio/proyecto-4-2/<img width="650" height="433" src="http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/7.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="7" srcset="http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/7-300x200.jpg 300w, http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/7-200x133.jpg 200w, http://threefeelings.com/proyectos/tendencias/wp-content/uploads/2016/01/7.jpg 650w" sizes="(max-width: 650px) 100vw, 650px">Proyecto 4<div class="latest-post">
<a href=""></a>
<h5></h5>
<span><i class="fa fa-plus"></i></span>
</div>
<div class="latest-post">
    <a href=""></a>
    <h5></h5>
    <span><i class="fa fa-plus"></i></span>
</div>
<div class="latest-post">
    <a href=""></a>
    <h5></h5>
    <span><i class="fa fa-plus"></i></span>
</div>
<div class="latest-post">
    <a href=""></a>
    <h5></h5>
    <span><i class="fa fa-plus"></i></span>
</div>
</div>

如您所见,不尊重打开和关闭标记,URL链接删除

任何反馈都会非常感激。谢谢!! 家Frede

1 个答案:

答案 0 :(得分:0)

只需将“$ string”更改为此

即可
$string .= '<div class="latest-post"> 
               <a href = "'.get_permalink().'" >'.get_the_post_thumbnail().'</a>    
               <h5>'.get_the_title().'</h5><span><i class="fa fa-plus"></i></span>
            </div>';