首页 文章

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

提问于
浏览
-1

我为自己创建了一个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不变 .

1 回答

  • 0

    您可以使用 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' );
    

    在编辑器中,您可以像这样使用它们:

    [my_container]
      [my_col title="My title A"]
        Text content
      [/my_col]
      [my_col title="My title B" class="col-sm-2"]
        Text content
      [/my_col]
    [/my_container]
    

    欲了解更多信息,请阅读Shortcode API

相关问题