首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何删除wp短代码中的<pre>标记?

如何删除wp短代码中的<pre>标记?
EN

Stack Overflow用户
提问于 2014-05-12 16:25:10
回答 2查看 3.3K关注 0票数 3

我正在尝试创建一个显示最新帖子的短代码。我使用了下面的代码作为短代码

代码语言:javascript
复制
 function my_recent_posts_shortcode( $atts ) {
extract( shortcode_atts( array( 
        'limit' => 5 
        ), $atts,'recent-posts' ) );

$q = new WP_Query( 
 array('posts_per_page'=>'.$limit.','post_type'=>'post')
);


$list = '';
while($q->have_posts()):$q->the_post();
    $list .= '<div class="post">
        <img class="img_border img_border_b img_fl" src="'.get_template_directory_uri().'/images/blog/01.jpg" alt="Post Image 1" />
        <div class="post_content">
            <h2><a href="'.get_permalink().'">'.get_the_title().'</a></h2>

            '.the_content().'
            <a class="more" href="fullpost.html">More</a>
        </div>
        <div class="clear"></div>
    </div>';

endwhile;

wp_reset_query();

return $list;
}

add_shortcode( 'recent-posts', 'my_recent_posts_shortcode' );

之后,我已经创建了一个页面,并为此选择了默认的页面模板?这是我的page.php模板循环

代码语言:javascript
复制
<div id="templatemo_content" class="left">
        <?php if(have_posts()) : ?>
            <?php while (have_posts()) : the_post(); ?>
                <?Php the_content();?>
        <?php endwhile; ?>    
            <?php endif; ?> 




    </div>

以下是我的短代码

代码语言:javascript
复制
  [recent-posts limit="3"]

但是当我看到结果时,它会显示一个'pre‘标签。

请告诉我解决办法。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-05-12 16:36:56

the_content()正在输出您的内容,请在您的my_recent_posts_shortcode函数中用apply_filters('the_content',get_the_content())替换它,替换后将有效!!

问候

票数 1
EN

Stack Overflow用户

发布于 2014-12-03 22:30:46

检查所讨论的页面的编辑模式,在哪里安装了您的短代码。如果您使用的是wysiwyg编辑器,并且您处于“可视”模式,那么您的短代码可能具有预包装器。在“文本”模式下检查它。

代码语言:javascript
复制
<pre>[Blah_shortcode]</pre>
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23614167

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档