Wordpress，編輯靜態主頁上的文字

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 /外觀，因爲它是。

Answer 1

可以實現與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