Файл index php WordPress сайта | Как создать свой сайт

Из чего состоит файл index php WordPress сайта

Июн-13-2011 Автор: VeryOldMan

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

<?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. Заданы параметры шрифта даты создания записи: размер шрифта, отступы, фон

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






5 комментариев
  1. idealnaja Пишет,

    Ой, мамочки! А нет программы для визуального создания шаблонов?! С выбором возможных дизайнов. количества колонок, подстановкой картинок?

  2. VeryOldMan Пишет,

    Увы, я таких не знаю.

  3. vadim Пишет,

    А я знаю!

  4. elena Пишет,

    Не уверенна, но кажется на wordpresso есть, но платный, но обещают поддержку. Я не пробывала

  5. Vietsert Пишет,

    Есть такая программа, Artisteer3, платная, от 50 долларов

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