Построение шаблонов темы WordPress. Сайдбар и футер
Сегодня мы завершаем процесс построения шаблона WordPress для нашего сайта. В прошлой статье было рассмотрено построение файлов шаблонов index.php, single.php и page.php. Теперь мы займемся построением шаблонов sidebar.php и footer.php.
Файл sidebar.php
Поскольку мы строим виджетизированную тему, то построение этого файла не вызовет особых проблем. Так как, по существу, компоновка нашего сайдбара будет производиться путем добавления тех или иных виджетов (функциональных блоков) в меню админ панели.
Создаем пустой файл sidebar.php, и затем вставляем в него следующие строки:
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<?php endif; ?>
Вот, собственно, и все. Если виджетов нет, то в сайдбаре ничего выводиться не будет. Что же теперь следует сделать, чтобы отобразить в сайдбаре то, что было на нашем первоначальном сайте?
Надо просто воспользоваться соответствующими виджетами. Если ранее в сайдбаре был список категорий, или список страниц, то для них есть свои виджеты. Если выводился список ссылок, есть виджет и для ссылок. Если в сайдбаре выводилась информация о сайте, или счетчики посещений, то для них можно использовать текстовый виджет.
Практически не существует информации, которую бы нельзя было представить с использованием тех или иных виджетов.
Файл сайдбара сохраните.
Файл footer.php
Этот шаблон завершает формирование темы WordPress. Создаем пустой файл под именем footer.php.
Теперь возьмите ту секцию подвала, которую Вы ранее выделили в шаблоне сайта, и вставьте ее содержимое в файл футера.
В самом начале необходимо закрыть тэг DIV, который был открыт еще в файле хедера:
</div>
После него надо вставить хук Вордпресса для футера, необходимый для правильной работы плагинов:
<?php wp_footer(); ?>
Собственно говоря, это все. Файл сохраняем.
Файлы шаблона комментариев
Есть еще один файл шаблона, который нам надо добавить к теме, чтобы мы могли работать с комментариями.
До того как появилась 3 версия WordPress, можно было работать и без него. В этом случае WordPress просто брал недостающий шаблон из другой темы (обычно той, что используется по умолчанию). Теперь, однако, такой вариант не проходит.
Эти файлы – comments.php и comments-popup.php. Самое простое, что можно сделать, это скопировать данные файлы из темы Кубрика, которая ранее использовалась по умолчанию.
Если у Вас сохранилась старая дистрибуция WordPress (до версии 2.9), то она гарантированно содержит тему default Кубрика. Если нет, то ее можно взять в Интернете по адресу
http://wordpress.org/extend/themes/default
Надо скачать тему Кубрика к себе на компьютер, а затем взять из нее указанные файлы и добавить к файлам шаблона своей темы.
Теперь наша тема содержит все необходимые файлы. Их необходимо закачать на сервер. Лучше всего воспользоваться для этого FTP клиентом.
Заходим на сервер через FTP и находим каталог, в котором размещаются темы WordPress. Это каталог wp-content/themes. В нем создаем папку для новой темы с тем названием, которое мы выбрали для своей темы, и в нее закачиваем все созданные нами файлы.
Для того чтобы активировать тему, заходим в админ панель WordPress нашего сайта. Там в меню кликаем на «Внешний вид – Темы», заходим во вкладку, и в ней будет представлена наша тема. Правда, картинки с тумбнейлом там не будет (для этого надо ее создать), но это не помешает активировать новую тему.
Дальше начинается такой интересный этап, как проверка того, как функционирует созданная тема. Ведь при ее создании мы могли не все учесть, или просто внести ошибки. Надо проверить работу сайта во всех режимах, и исправить ошибки, если они есть. Можно также подправить элементы таблицы стилей, если мы хотим изменить формат вывода той или иной части контента.
После этого сайт должен выглядеть (почти) так же, как он выглядел ранее, до перевода на платформу WordPress.
Теперь мы можем сделать скриншот для нашего сайта и добавить его к файлам темы для того, чтобы в админ панели выводилась графическая миниатюра для нашей темы. Можно сделать снимок экрана, а затем обработать его в графическом редакторе, например Photoshop. Желаемый размер миниатюры – 300х255 пикселов, имя его – screenshot.png (или .jpg, или .gif). Файл добавляем к остальным файлам темы на сервере.
Итак, наша тема готова. Далее необходимо будет завершить перенос первоначального сайта на платформу WordPress. Об этом речь пойдет в следующей статье.
спасибо, полезно. но есть плагин специальный, который генерирует вот эти коды автоматически, остается только картинки вставить для оформления.
Не знаю, что Вы имеете в виду. Если плагин, который бы переводил обычный шаблон страниц HTML в шаблон WordPress, то я такого не встречал, да и сомневаюсь, что такое вообще можно сделать. Ведь для работы плагина его уже надо установить на сайт WordPress.
В Гугле есть информация о переводе шаблонов, но ни о каком плагине речи нет. Если бы такой плагин существовал, то в Гугле он бы наверняка где-то упоминался.
Я слышал об онлайн сервисе, который вроде бы делает это. Но он платный, и насколько я понял, результат имеет ограничения, типа того, что его потом нельзя модифицировать.
Но если Вы дадите больше информации, то будем рады услышать.
Здравствуйте! Подскажите как сделать шире садбар? Уж больно узкий он у меня, скорее всего от темы зависит, но мне не хотелось бы её менять!
В разных темах это делается по-разному. Но скорее всего, надо поправить файл стилей styles.css. Там для сайдбара должна указываться ширина width. Но этого может быть мало. Так как есть еще общая ширина и ширина секции контента. Общая ширина тоже может измениться.