ページテンプレート内のコンテンツが正しく配置されていない

Question

自分のホームページに、別のCSSファイルでスタイリングしたIDを持つdivを持つ私のホームページに割り当てられているテンプレートがあります。 そのdivにはテキストが含まれていますが、CSSシートには背景イメージがあります。

私は機能を通してそれを接続することにより、スタイリングされたヘッダーを持っています。 私はフッタも持っています。

問題は、私が言及したdivが、これらの要素のすべての下で、起源構造の一部でないかのようにレンダリングされることです。

画像にはテキスト、ヘッダー、フッターがあります。 ダッシュボードでページを編集すると、正しく配置された新しい投稿が作成されます。 ヘッダとフッタの間に画像を表示するにはどうすればよいですか？

ホームページテンプレートのコードは次のとおりです。

<?php 
/* 
Template Name: Homepage Template 
*/ 

genesis(); 

echo "<link rel='style' type='text/css' href='styles.css' />"; 

get_header(); ?> 


<div id="primary" class="content-area"> 

    <main id="main" class="site-main" role="main"> 


     <?php 
    // Start the loop. 
    while (have_posts()) : the_post(); ?> 


    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 

     <header class="entry-header"> 

     </header><!-- .entry-header --> 

     <div class="entry-content"> 

      <div id="home_slider"> 
       Electrical & Mechanical Engineering<br>In Nigera 

      </div> 

     </div><!-- .entry-content --> 

    </article><!-- #post-## --> 



    <?php endwhile; // End the loop. ?> 

    </main><!-- .site-main --> 

</div><!-- .content-area --> 

<?php get_footer(); ?> 

Answer 1

ジェネシスの内容についての事は、あなたがあなたのページにコンテンツを追加するジェネシスのフックを使用しなければならないことです。ここでは、このための偉大な視覚的なガイドがあります：あなたのケースではhttp://genesistutorials.com/visual-hook-guide/

あなただけのコンテンツ領域の前に、あなたのdivを配置したい場合、あなたは次のことを行うことができます：

/** 
* Template Name: Homepage Template 
*/ 

add_action('genesis_before_content', 'add_extra_content_div'); 
function add_extra_content_div(){ 
    ?> 
    <div id="primary" class="content-area"> 
     <main id="main" class="site-main" role="main"> 
     <?php 
     // Start the loop. 
     while (have_posts()) : the_post(); ?> 

     <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
      <header class="entry-header"> 
      </header><!-- .entry-header --> 
      <div class="entry-content"> 
       <div id="home_slider"> 
        Electrical & Mechanical Engineering<br>In Nigera 
       </div> 
      </div><!-- .entry-content --> 
     </article><!-- #post-## --> 
     <?php endwhile; // End the loop. ?> 
     </main><!-- .site-main --> 
    </div><!-- .content-area --> 
?> 
} 

genesis(); 

もう一つのポイントは、ということですGenesisでは、テンプレートからこれらを削除する必要がないように、get_header（）とget_footer（）を入れる必要はありません。

また、genesis（）;は最後の行です。これは非常に重要です。