Создать сайт самому? Не проблема! Все о создании сайтов – как создать дизайн сайта, верстка сайта, уроки HTML, сайт на WordPress, как выбрать хостинг сайтов

Итак, продолжаем разбираться, как создавать шаблоны сайтов WordPress и с вопросом создания файлов,  из которых и состоят эти самые шаблоны  WordPress сайтов. На очереди файл index.php. Казалось бы, такой сложный файл, а в простейшем варианте он поместился в полтора десятка строк. Вот он:

<?php get_header (); ?>
<div id="content">
<?php if (have_posts ()) : while (have_posts ()) : the_post (); ?>
<div class=«title»><h2><?php the_title (); ?></h2></div>
<div class="date"><?php the_time ('F dS, Y') ?></div>
<?php the_content (__ ('Читать полностью'));?>
<?php endwhile; else: ?>
<p><?php _e ('Такая страница не существует'); ?></p>
<?php endif; ?>
<?php if (function_exists ('wp_pagenavi')) { wp_pagenavi (); } ?>
</div>
<?php get_sidebar (); ?>
<?php get_footer (); ?>

Ну и по строкам:

<?php get_header (); ?> — код, отвечающий за вставку шапки сайта, то есть хедера или точнее шаблона header

<div id="content"> — открывающий тег контейнера content, в котором мы собственно и видим содержание страницы сайта

<?php if (have_posts ()) : while (have_posts ()) : the_post (); ?> — код цикла, отвечающий за вывод контента на страницу сайта

<div class="title"><h2><?php the_title (); ?></h2></div> — контейнер title, в котором находится заголовок страницы

<div class="date"><?php the_time ('F dS, Y') ?></div> — контейнер date, в котором находится код отвечающий за вывод даты создания записи

<?php the_content (__ ('Читать полностью'));?> — обязательная часть кода цикла. Если Вы создаете не полную запись, а срезанную с помощью тега more, то этот код создаст ссылку на полный вариант записи

<?php endwhile; else: ?>
<p><?php _e ('Такая страница не существует'); ?></p> — код с условием, если не найдена страница сайта и строка, появляющаяся в результатах поиска

<?php endif; ?> — закрывающий тег кода цикла

<?php if (function_exists ('wp_pagenavi')) { wp_pagenavi (); } ?> — код вывода страниц с помощью очень хорошего плагина wp-pagenavi,  который очень часто вставляют в шаблоны сайтов WordPress. В чем его «хорошесть». В админ-панели движка WordPress можно выставить значение количества записей на одной странице. Если количество записей станет больше указанного, то следующие записи WordPress покажет на другой странице, а внизу появится строка со ссылками на эти другие страницы. Причем внешний вид ссылок легко можно настроить

</div> — закрывающий тег контейнера content

<?php get_sidebar (); ?> — код, отвечающий за вставку сайдбара или шаблона sidebar

<?php get_footer (); ?> — код, отвечающий за вставку футера или шаблона footer

Вот и весь код файла index.php. Как видите, потихоньку шаблоны сайтов WordPress открывают свои секреты… Да, чуть не забыл! В файл стилей добавим вот такой код:

#content{
width:720px;
float: left;
padding-bottom: 20px;
padding-right: 20px;
text-align: justify;
}
.title {
color: #FF0000;
font-size: 18px;
text-decoration:none;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.date{
font-size: 10px;
padding: 0px 0px 10px 0px;
background-color: #f2f2f2;
}

Что это такое:

Правила для контейнера content. Задана ширина контейнера, положение, отступы снизу и справа для того, чтобы не наезжал на сайдбар и футер, выравнивание текста записи по ширине

Правила для контейнера title. Заданы параметры шрифта заглавия страниц сайта: цвет, размер, полужирное начертание и тип шрифта

Правила для контейнера date. Заданы параметры шрифта даты создания записи: размер шрифта, отступы, фон

Во пока, на сегодня, и все о том, как создавать шаблоны сайтов WordPress и в частности как создавать файл index.php. Остались файлы sidebar и futer. Да, еще один небольшой файл – 404. Так он называется. Так, как файлы небольшие, я попробую рассказать о них в одной статье — Шаблоны для ВордПресс и файлы sidebar.php, futer.php и 404.php