如果您想复制问题中提到的shortcode方法，可以这样做。可以将以下两个选项之一添加到主题功能中。php文件。

Basic "Box"

// Add Box Shortcode
function wpse_168480_box_shortcode( $atts , $content = null ) {
    return \'<div class="myBox">\'.$content.\'</div>\';
}
add_shortcode( \'box\', \'wpse_168480_box_shortcode\' );

在样式表中，为“myBox”选择器类添加您所看到的任何样式（或者只是替换class="myBox" 如果愿意，可以使用内嵌样式。例如：style="background: #EEEEEE;"

要模仿上面显示的样式，请执行以下操作：

.myBox {
    background: #EEEEEE;
    border-top: 1px solid #CBCBCB;
    border-bottom: 1px solid #CBCBCB;
    padding: 20px;
    width: 100%;
}

从这里，您只需将内容包装在方框快捷码中，例如：

[box]Your Content Here[/box]

Advanced "Box"

您可以使用它来获得更多的花色，并通过属性将特定的颜色传递给它。

// Add Advanced Box Shortcode
function wpse_168480_advanced_box_shortcode( $atts , $content = null ) {

    // Attributes
    extract( shortcode_atts(
        array(
            \'color\' => \'#EEEEEE\',
            \'borderColor\' => \'#CBCBCB\'
        ), $atts )
    );

    $styles = \'padding: 20px;\';
    $styles .= \'width:100%;\';
    $styles .= \'background: \'.$atts[\'color\'].\';\';
    $styles .= \'border-top:1px solid \'.$atts[\'borderColor\'].\';\';
    $styles .= \'border-bottom:1px solid \'.$atts[\'borderColor\'].\';\';

    return \'<div styles="\'.$styles.\'">\'.$content.\'</div>\';

}
add_shortcode( \'advanced_box\', \'wpse_168480_advanced_box_shortcode\' );

从这里，您可以将内容包装在advanced\\u box快捷码中，以及您想要使用的十六进制颜色。如果未输入任何属性，则默认为上述函数中指定的颜色。例如：

[advanced_box color="#f1f1f1" borderColor="#000000"]Your Content Here[/advanced_box]