Содержимое внутри шаблона страницы неуместно

Question

У меня есть шаблон в моей дочерней теме Genesis, который назначается моей домашней странице с div, у которого есть идентификатор, который я написал в отдельном файле CSS. Этот 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

Дела о содержании книги Бытия является то, что вы должны использовать крючки Genesis, чтобы добавить содержимое на страницу. Существует большое визуальное руководство для этого здесь: 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(); - очень последняя строка в шаблоне - это очень важно.