Question

我为自己创建了一个wordpress网站，我的家/主站点有一个静态页面，还有博客本身的子页面，但我想通过编辑下的wordpress文本编辑器编辑静态网站上的一些文本页面。但是当我尝试文本编辑器中的页面在开始时是空的，当我输入内容并发布时，页面设计和以前的内容被擦除，只有页眉/页脚保持原样。是否有一种特定的方式来显示我的内容以便能够编辑它？

<div class="bsection">
    <div class="container-fluid content-padding">
        <div class="row">
            <div class="col-sm-4">
            <h3>some title</h3>
            Text i want to be edited in future
            </div>
            <div class="col-sm-4">
            <h3>some title</h3>
            Text i want to be edited in future
            </div>
            <div class="col-sm-4">
            <h3>some title</h3>
            Text i want to be edited in future
            </div>

        </div>
    </div>
</div>

所以是的，我希望col-sm-4中的文本可以在wp文本编辑器中编辑，并保持整个页面的css / look不变。

Answer 1

您可以使用<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all"> </div>来实现这一点，您可以在这里制作自己的自定义短代码：

shortcodes

在编辑器中，您可以像这样使用它们：

function my_container_func( $atts, $content = null ) {
    $a = shortcode_atts( array(
        'class' => 'container-fluid content-padding'
    ), $atts );

    return '<div class="' . esc_attr($a['class']) . '"><div class="row">' 
            . do_shortcode($content) 
            . '</div></div>';

}
add_shortcode( 'my_container', 'my_container_func' );

function my_col_func( $atts, $content = null ) {
    $a = shortcode_atts( array(
        'class' => 'col-sm-4',
        'title' => ''
    ), $atts );

    return '<div class="' . esc_attr($a['class']) . '">'
            . '<h3>' . esc_attr($a['title']) . '</h3>'
            . $content . '</div>';
}
add_shortcode( 'my_col', 'my_col_func' );

如需更多阅读Shortcode API

Wordpress，在静态主页上编辑文本

1 个答案: