Сборка собственного шаблона wordpress. Часть 5

В части 4 мы создали файл loop.php который отвечает за отображение записей.
но пока мы можем увидеть все записи одна за другой только на главной странице.
чтобы увидеть записи определенной категории — необходимо создать в папке нашего шаблона файл archive.php
Для начала мы скопируем все содержание файла index.php

 
Добавим название и описание  вызываемой рубрики.
обратите пожалуйста внимание что мы вынесли из файла loop.php тег article
и исправили заголовок с h1 на h2

файл loop.php теперь у нас выглядит так:

<?php if(have_posts()) : while(have_posts()) : the_post(); ?>
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_content(); ?>    
<?php endwhile; endif; ?>

а файл archive.php вот так:

<?php get_header(); ?>
<article>
<h1><?php single_cat_title(''); ?></h1>
<p><?php echo category_description( $category_id ); ?> </p>
<?php get_template_part('loop'); ?>
</article>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

исправляем файл index.php (добавляем тег article)

<?php get_header(); ?>
<article>
<?php get_template_part('loop'); ?>
</article>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

я намеренно не стал ничего исправлять в предыдущих уроках чтобы лишний раз вы смогли обратить внимание на уже созданные файлы шаблона. В процессе создания сайта мы неоднократно будем вносить исправления в шаблон и таблицу стилей. Внимательно смотрите на результат и не ленитесь перечитывать прошлые уроки если у вас получается что-то не так. Это поможет вам получить ценный практический опыт работы с шаблонами.

теперь создаем файл single.php, который будет выводить запись нашего сайта. там размещаем пока то, что у нас в файле index.php. если у нас нет файла single.php — то для вывода записи wordpress будет обращаться к шаблону index.php

теперь у нас появился в папке новый файл single.php

<?php get_header(); ?>
<article>
<?php get_template_part('loop'); ?>
</article>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

в дальнейшем мы можем создать дополнительный файл (например loop-single.php) в котором модифицируем вывод записи для того, чтобы вид на главной отличался от вида отдельной записи, но об этом уже поговорим позднее.

точно такой же создаем файл page.php для отображения страниц

<?php get_header(); ?>
<article>
<?php get_template_part('loop'); ?>
</article>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

подводим итоги

В папке нашего шаблона теперь :

header.php — шапка сайта

footer.php — подвал сайта

index.php — главная страница

archive.php — вывод рубрик

loop.php — вызов записи

page.php — страница сайта

single.php — запись сайта

functions.php — настройки

style.css — стили

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

мы можем сохранить у себя папку с шаблоном и при установке wordpress «с нуля» просто закачать нашу папку site.ru/wp-content/themes/

предлагаю вам самостоятельно поработать с файлом style.css и «индивидуализировать» внешний вид нашего свежеиспеченного шедевра.

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

Удачи!

Вопросы, пожелания и ваше мнение прошу писать в комментарии



Добавить комментарий