简码在Wordpress网站上不起作用

Question

我一直在wordpress网站上工作。几天前，我改变了主题。我以前曾支持wordpress简码。我正在使用[box type =” shadow”]创建一个阴影框。 例如

[box type =” shadow”] Lorem Ipsum只是印刷和排版行业的伪文本。[/ box]和outuput一直显示如下图

我不想为此使用任何插件。我想用纯代码做到这一点。

Answer 1

简码在WordPress中非常流行。

这是它的工作方式。

canvas#canvas-4:focus {
    outline-width: 0px!important;
}

您可以使用框类型定义的类来控制设计。

您可以在这种格式的文本编辑器上使用

function boxShow($atts, $content = null ){
    //default values
    $option = shortcode_atts( array(
         'type' => '',
    ), $atts );

    ob_start(); 

    $class = $option[ 'type' ] ? 'shadow' : 'normal';

    //HTML goes here
    ?>
    <div class="box <?php echo $class; ?>"><?php echo $content; ?></box>

    <?php
    $output = ob_get_clean();
    return $output;
}
add_shortcode( 'box', 'boxShow' );

如果要用作代码级别，请使用以下格式：

[box type="shadow"]Your content here[/box]

有关WordPress Shortcode API

的更多信息

Answer 2

如果您不想使用插件，则可以直接将代码编写到主题文件夹中的functions.php中。

// functions.php
function boxShow($atts, $content = null){
     return '<div class="box">'.$content.'</div>';
} 

add_shortcode('box',boxShow);

此后，您可以在页面中添加简码：

[box]Text[/box]

有关更多信息，请参阅本指南： https://speckyboy.com/getting-started-with-wordpress-shortcodes-examples/