Wordpress 短代码：使页面编辑器自动加载预览

Question

我遇到了一个非常奇怪的问题。我添加以下代码只是将测试简码添加到我的 Wordpress functions.php.

//TEST SHORTCODE
add_shortcode( 'sc_brandon_test', 'brandon_test' );
function brandon_test(){
echo 'Brandon\'s Test Shortcode file works correctly!';
}

在编辑器中使用短代码 [sc_brandon_test] 时，页面将自动重定向到我正在尝试编辑的页面的损坏预览。

如有任何想法，我们将不胜感激。

Answer 1

通常你不会直接回显你的短代码输出，而是使用 return。 echo 会立即输出您的内容。

所需的行为是在主内容循环中解析简码输出，例如调用 the_content() 或
apply_filters('the_content', get_post_field('post_content', $post_id));

add_shortcode( 'sc_brandon_test', 'brandon_test' );
function brandon_test(){
   $output = 'Brandon\'s Test Shortcode file works correctly!';
   return $output;
}

我推荐这些指南
WordPress Scholar: WordPress Shortcodes
smashing magazine: WordPress Shortcodes: A Complete Guide

Wordpress 短代码：使页面编辑器自动加载预览

Wordpress Shortcode: Causing page editor to autoload preview

wordpress

function

shortcode