И, эй, если вам не нравится тема, ни обид.Вы можете использовать подход, представленный здесь, с любой другой теме .

Начало работы с основными File

Лучшая модель, на которой строится свою страницу архива page.php файл вашей текущей теме, на пару причин:

• Его структура уже оптимизированы для отображения пользовательского контента в основному содержимому блока .
• Это, наверное, один из самых простых шаблонов страниц в структуре вашей темы .

Таким образом, начиная с page.php файл темы Zerif Lite, я собираюсь сделать копию и назовите его tmpl_archives.php .

Далее, все, что я собираюсь сделать, это изменить одну строку в этом файле:

<?php get_template_part( 'content', 'page' ); ?>

Мы изменим что это:

<?php get_template_part( 'content', 'tmpl_archives' ); ?>

Все это делает принести нужный файл контента для нашего архива странице .

Если вы хотите, вы можете удалить другие элементы, которые кажутся несущественными на страницу архива (как комментарии), но убедитесь, что оставить в каждом из элементов, которые составляют структуру HTML.И вообще, не бойтесь экспериментировать.Ведь, если что-то перестает работать, вы можете легко вернуть предыдущую код и отлаживать оттуда .

Кроме того, не стоит забывать о стандартной декларации пользовательского шаблона комментарий, который необходимо разместить в самом начале нового файла (в данном случае, tmpl_archives.php):

<?php
/* Template Name: Archive Page Custom */
?>

После этого, то, что мы остались с является следующая структура файлов (с некоторыми элементами удалены для удобства чтения):

<?php
/* Template Name: Archive Page Custom */
get_header(); ?>

<div class="clear"></div>
</header> <!-- / END HOME SECTION -->

<div id="content" class="site-content">

<div class="container">

  <div class="content-left-wrap col-md-9">
    <div id="primary" class="content-area">
      <main id="main" class="site-main" role="main">

        <?php while ( have_posts() ) : the_post(); // standard WordPress loop. ?>

          <?php get_template_part( 'content', 'tmpl_archives' ); // loading our custom file. ?>

        <?php endwhile; // end of the loop. ?>

      </main><!-- #main -->
    </div><!-- #primary -->
  </div>
  <div class="sidebar-wrap col-md-3 content-left-wrap">
    <?php get_sidebar(); ?>
  </div>

</div><!-- .container -->

<?php get_footer(); ?>

Далее давайте создадим другой кусок головоломки — файл пользовательского контента.Мы начнем с content-page.php файл, сделав копию и переименовать его в content-tmpl_archives.php .

В этом файле, мы собираемся, чтобы удалить все, что не важно, сохраняя только структурные элементы, а также призывает основная функция WordPress:

<?php
/**
* The template used to display archive content
*/
?>

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

  <header class="entry-header">
    <h1 class="entry-title"><?php the_title(); ?></h1>
  </header><!-- .entry-header -->

  <div class="entry-content">
    <?php the_content(); ?>

    <!-- THIS IS WHERE THE FUN PART GOES -->

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

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

Заполнитель комментарий виден в середине, где мы собираемся начать том числе наши собственные элементы .

Добавление пользовательского Добро пожаловать Message

Этот на самом деле уже заботятся WordPress.Следующая строка делает магию:

<?php the_content(); ?>

Добавление нового виджета Areas

Давайте начнем эту часть, установив новые области виджета в WordPress, используя стандартный процесс.Тем не менее, давайте сделаем это через дополнительный файл функции, просто чтобы держать вещи многоразовые из темы к теме .

Таким образом, мы начнем с создания нового файла, archives-page-functions.php, помещая его в основной каталог теме, и регистрации двух новых областей виджетов в нем:

if(!function_exists('archives_page_widgets_init')) :
function archives_page_widgets_init() {
  /* First archive page widget, displayed to the LEFT. */
  register_sidebar(array(
    'name' => __('Archives page widget LEFT', 'zerif-lite'),
    'description' => __('This widget will be shown on the left side of your archive page.', 'zerif-lite'),
    'id' => 'archives-left',
    'before_widget' => '<div class="archives-widget-left">',
    'after_widget' => '</div>',
    'before_title' => '<h1 class="widget-title">',
    'after_title' => '</h1>',
  ));

  /* Second archive page widget, displayed to the RIGHT. */
  register_sidebar(array(
    'name' => __('Archives page widget RIGHT', 'zerif-lite'),
    'description' => __('This widget will be shown on the right side of your archive page.', 'zerif-lite'),
    'id' => 'archives-right',
    'before_widget' => '<div class="archives-widget-right">',
    'after_widget' => '</div>',
    'before_title' => '<h1 class="widget-title">',
    'after_title' => '</h1>',
  ));
}
endif;
add_action('widgets_init', 'archives_page_widgets_init');

Далее нам нужно некоторые пользовательские стили для страницы архива, так что давайте также “поставить в очередь” новый CSS файл:

if(!function_exists('archives_page_styles')) :
function archives_page_styles() {
  if(is_page_template('tmpl_archives.php')) {
    wp_enqueue_style('archives-page-style', get_template_directory_uri() . '/archives-page-style.css'); // standard way of adding style sheets in WP.
  }
}
endif;
add_action('wp_enqueue_scripts', 'archives_page_styles');

Это условного оператора поставить в очередь.Это будет работать только, если посетитель просматриваете архив страницу .

Кроме того, давайте не забывать, для того, чтобы этот новый archives-page-functions.php файл, добавив следующую строку в самом конце ~ 34 текущей темы | файла:

require get_template_directory() . '/archives-page-functions.php';