Итак, давайте будем разбираться в этой схеме (см. видео) визуализации иерархии файлов шаблонов Wordpress, что здесь все значит и как с этим работать.

Для этого в предыдущих уроках мы с вами создали такую простую тему, которая состоит из 2-х файлов index.php и style.css. 

Активируем эту тему через главное меню Внешний вид - Темы. 

И давайте приступать к работе.

Если перейти на главную страницу сайта, то у нас отображается просто белый экран. Ничего не отображается.

Почему так произошло?

Дело в том, что у нас сейчас в активной теме есть только один файл index.php и какой бы контент мы не открывали, во всех случаях будем открываться этот шаблон, который сейчас пустой.

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

<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>Это файл index.php</title>
</head>
<body>
Это файл index.php
</body>
</html>

Сделаем это для того, чтобы было понятно, что у нас отображается этот файл. Пробуем снова перейти на главную страницу и мы с вами, что это у нас файл index.php. У нас появилась черная полоска, благодаря тому, что у нас появился каркас этой страницы.

Куда бы мы с вами не переходили и какой бы контент мы бы с вами не просматривали, у нас в любом случае будет срабатывать шаблон index.php. 

Что бы мы с вами не просматривали: рубрики, содержимое, метки, страницы 404 и.т.д. В любом случае будет отображаться файл index.php. Это корень нашей темы Wordpress, с помощью которой, соответственно, у нас выводится все содержимое, которое у нас есть на этом сайте.

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