club762.ru
Если окинуть взглядом две предыдущие части моего руководства, то можно сказать (в терминах онлайн-игроков), что квест я полностью выполнил. Взгляните на название руководства: разве оно не соотносится с тем, что мы с вами уже сделали? Мы создали PSD-макет и преобразовали его в тему для WordPress. Если бы мы ставили перед собой цель создать статичный веб-документ, то мы могли бы на этом шаге остановиться, поскольку задание выполнено полностью. Но мы, естественно, не будем останавливаться на достигнутом, потому что нам необходимо как-то обрабатывать динамический контент, поставляемый WordPress. Перед тем как приступить к работе, мы проведем небольшой ликбез, касающийся структуры этой CMS.
Любая тема WordPress состоит из трех обязательных (обычно четырех) файлов: header.php, index.php, sidebar.php (необязательный компонент) and footer.php. Тема WordPress может включать в себя и другие файлы, но эти являются минимумом.
Чтобы разделить .html-файл на отдельные php-файлы, я обычно использую комментарии:
<!—Header—> код хэдера <!—End Header—> <!—Main Content—> основной контент <!—End Main Content—> <!—Sidebar—> сайдбар <!—End Sidebar—> <!—Footer—> футер с разной информацией <!—End Footer—>
То есть я беру .html-файл:
и добавляю к нему комментарии:
Теперь мне останется только вырезать и вставить помеченные комментариями секции в соответствующие файлы:
Вернемся назад и вставим вместо комментариев следующие команды:
<?php get_header(); ?> <?php get_sidebar(); ?> <?php get_footer(); ?>
Благодаря этим командам, страница, получаемая браузером, будет собираться из нескольких файлов, словно конструктор. Оставшийся код сохраните как index.php. Мы будем использовать файл index.html в качестве эталона для проверки дизайна (вдруг что-то пойдет не так, как нам хотелось).
Мы сделали далеко не все, что хотели, но основы мы уже заложили. Когда WordPress обращается к базам данных для начальной php-страницы (по умолчанию, index.php), он «выбрасывает» на нее хэдер, сайдбар и футер. Таким образом, нам не надо постоянно повторять участки кода: для этого можно воспользоваться приведенными выше php-командами.
В следующих частях мы подробно остановимся на файлах header.php и footer.php.
http://www.studionashvegas.com/old-posts/creating-a-wordpress-theme-from-a-psd-file-part-3-the-wordpress-structure/
