如何在wordpress中包含短代碼函數中的文件

Question

我想編一個簡碼並在簡碼中想要一個文件。當用戶在編輯器中編寫短代碼時。輸出將顯示所需的文件佈局。

我做一個簡碼，但這不能正常工作，這是我的shortdoe代碼：

<?php 
    function inner_page($atts, $content = null){ 
    $return_string = require 'foo/foo_artilces_list.php'; 

    return $return_string; 
    } 

    add_action('init', 'register_section_shortcodes'); 
    function register_section_shortcodes(){ 
     add_shortcode('inner_page', 'inner_page'); 
    } 
?> 

這是我需要的文件代碼

<?php 
    /*========= 
    Template Name: KBE 
=========*/ 

    get_header(); 
?> 

<div id="foo_container"> 

    <h1><?php the_title(); ?></h1> 

    <!--Breadcrum--> 
    <?php 
     if(FOO_BREADCRUMBS_SETTING == 1){ 
    ?> 
     <div class="foo_breadcrum"> 
      <?php echo foo_breadcrumbs(); ?> 
     </div> 
    <?php 
     } 
    ?> 
    <!--/Breadcrum--> 

    <!--search field--> 
    <?php 
     if(FOO_SEARCH_SETTING == 1){ 
    ?> 
     <div class="foo_search_field"> 
      <input name="" type="text" placeholder="Search the knowledgebase..." /> 
     </div> 
    <?php 
     } 
    ?> 
    <!--/search field--> 

    <!--content--> 
<?php 
    if(FOO_SIDEBAR_SETTING == 0){ 
?> 
    <div id="foo_content" class="foo_content_full" > 
<?php 
    } 
    elseif(FOO_SIDEBAR_SETTING == 1){ 
?> 
    <div id="foo_content" class="foo_content_right" > 
<?php 
    } 
    elseif(FOO_SIDEBAR_SETTING == 2){ 
?> 
    <div id="foo_content"> 
<?php 
    } 
?> 
     <!--leftcol--> 
     <div class="foo_leftcol"> 

      <div class="foo_categories"> 
     <?php 
      $foo_cat_args = array(
       'orderby'  => 'term_order', 
       'order'   => 'ASC', 
       'hide_empty' => true, 
      ); 

      $foo_terms = get_terms(FOO_POST_TAXONOMY, $foo_cat_args); 

      foreach($foo_terms as $foo_cat){ 
       $foo_term_id = $foo_cat->term_id; 
       $foo_term_slug = $foo_cat->slug; 
       $foo_term_name = $foo_cat->name; 
     ?> 
       <div class="foo_category"> 
        <h2> 
         <span class="foo_count"><?php echo FOO_ARTICLE_QTY; ?> Articles</span> 
         <a href="<?php echo get_term_link($foo_term_slug, 'foo_cat') ?>" title="<?php 

sprintf(__("View all posts in %s"), $foo_term_name) ?>"><?php echo $foo_term_name; ?></a> 
        </h2> 

        <ul class="foo_article_list"> 
       <?php 
        $foo_tax_post_args = array(
         'post_type' => FOO_POST_TYPE, 
         'posts_per_page' => FOO_ARTICLE_QTY, 
         'orderby' => 'name', 
         'order' => 'ASC', 
         'tax_query' => array(
          array(
           'taxonomy' => FOO_POST_TAXONOMY, 
           'field' => 'slug', 
           'terms' => $foo_term_slug 
          ) 
         ) 
        ); 

        $foo_tax_post_qry = new WP_Query($foo_tax_post_args); 

        if($foo_tax_post_qry->have_posts()) : 
         while($foo_tax_post_qry->have_posts()) : 
          $foo_tax_post_qry->the_post(); 
       ?> 
          <li> 
           <a href="<?php the_permalink(); ?>"> 
            <?php the_title(); ?> 
           </a> 
          </li> 
       <?php 
         endwhile; 
        else : 
         echo "No posts"; 
        endif; 
       ?> 
        </ul> 
       </div> 
     <?php 
      } 
     ?> 
      </div> 

     </div> 
     <!--/leftcol--> 

     <!--aside--> 
     <?php 
      if((FOO_SIDEBAR_SETTING == 2) || (FOO_SIDEBAR_SETTING == 1)){ 
       dynamic_sidebar('foo_cat_widget'); 
      } 
     ?> 
     <!--/aside--> 
    </div><!--content--> 

</div> 

<?php 
    get_footer(); 
?> 

它告訴我只有小部件和所有的佈局變得混亂。 任何想法

Answer 1

你有兩個問題在這裏。

首先，require不返回任何東西。它只是從文件中「導入」代碼，並將其正確運行到您要求調用的位置。因此，新文件中的所有內容都會在WordPress處理的其他內容之前顯示。

你可以通過輸出緩衝區來繞過這個。這：

$return_string = require 'foo/foo_artilces_list.php'; 

應該是這樣的：

ob_start(); 
require 'foo/foo_artilces_list.php'; 
$return_string = ob_get_flush(); 

現在你可以返回字符串和WordPress將做休息。

第二個問題：您的get_header()和get_footer()調用。 WordPress已經打印了標題，你的電話會再次顯示它。頁腳也一樣......包含的文件將顯示頁腳，WordPress將在頁面的末尾再次顯示它。您應該從包含的文件中刪除兩個呼叫。

爲此，使用輸出緩衝區並不是一個非常乾淨的解決方案。將所有輸出放入包含文件中的函數將函數返回的變量存儲在一個函數中會更好。然後，你可以這樣做：

require('foo/foo_artilces_list.php'); 
$return_string = my_function();