Тема WordPress с нуля - склеиваем файлы

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

  1. Откройте "index.php". Подключаем шапку с подвалом. В начало поместите вызов
    get_header();
    
    В конец
    get_footer();
    
    Разумеется оформляем согласно всем правилам: оборачивая в <?php ... ?>.
  2. Теперь пришел черед футера. Перед закрывающим блоком с комментарием <!-- /section --> вызываем сайдбар:

    get_sidebar();
    
  3. Копируем из исходной папки с вертской папку со скриптами (javascript).

  4. Далее займемся шапкой, точнее подключим каскадные таблицы стилей. Заменяем имеющиеся "инклуды" одной строкой:

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    Кроме имеющегося объявления условного комментария для Internet Explorer 6, его мы чуть изменим до:
    	<!--[if IE 6]>
    	<script src="<?php bloginfo('template_url'); ?>/javascript/pngfix.js"></script>
    	<script>DD_belatedPNG.fix('#nav, #footer, #topstory .tag, .title');</script>
    	<![endif]--> 
    Bloginfo - функция API, позволяющая получать различную информацию о вашем бложике. Подробнее об этом читайте в Кодексе.
  5. Избавляемся от скриптов Cufon, они заменяют часть текста сгененерированными картинками (в нашем случае теги заголовков), выглядит красиво, но по сути бесполезная "бяка".

Приложения к этому уроку (измененные файлы):

А вот так должен выглядеть наш каркас. Страшновато? Это лишь промежуточный этап.





© 2012-2014 Druweb.ru. Вы можете спокойно копировать любые материалы сайта только при наличии обратной ссылки.