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

Продолжаем разбираться, что такое шаблоны для ВордПресс, как их создавать, а так же какой шаблон и за что в ответе. Чтобы создаваемые нами шаблоны для ВордПресс темы заработали, нам осталось сделать три файла, даже два - sidebar.php и futer.php. Файл 404.php на работоспособность темы не влияет. Просто если из файла index.php убрать код вывода этого файла, то он совсем пустой будет. Да и файл этот совсем простой. Итак – к делу!

Шаблоны для ВордПресс и файл sidebar.php

Вот его код:

<div id="sidebar">
<h4>Категории</h4>
<br>
<ul><?php wp_list_cats ('sort_column=name'); ?></ul>
<br>
<h4>Новое на сайте</h4> <br>
<ul><?php get_archives ('postbypost', 10); ?></ul>
<br>
<h4>Архивы</h4> <br>
<ul><?php wp_get_archives ('type=monthly'); ?></ul>
</div>

<div id="sidebar"> - открывающий тег контейнера sidebar

<h4>Категории</h4> — заглавие списка категорий

<br> — тег перевода строки, чтобы не сбилось все в кучу

<ul><?php wp_list_cats ('sort_column=name'); ?></ul> — код вывода списка категорий

И аналогично дальше заглавия списков новых записей и архивов по месяцам, с кодами их вывода

Внесем изменения в файл стилей. Вставим вот такой код:

#sidebar{
float:left;
width:150px;
margin-top: 20px;
}

Правила для контейнера sidebar. Здесь просто задано положение контейнера sidebar, его ширина и отступ сверху, для красоты.

Шаблоны для ВордПресс и файл futer.php

Вот его код:

<div id="footer">
<p>Copyright &copy; 2010 <a href="<?php bloginfo ('url'); ?>"><?php bloginfo ('name'); ?></a></p>
</div>
</div>
</body>
</html>

<div id="footer"> — открывающий тег контейнера footer

Запись копирайта с названием и ссылкой на главную страницу сайта, что в общем-то и не обязательно

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

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

Ну и закрывающие теги </body> и </html>

В файл стилей добавим:

#footer {
height:50px;
width: 890px;
float: left;
}

#footer p {
font-weight: bold;
color: #FF0000;
}

Правила для контейнера footer. Заданы высота, ширина и положение контейнера.

Правила для надписи в футере: начертание и цвет шрифта

Шаблоны для ВордПресс и файл 404.php

Вот его код:

<?php get_header (); ?>
<div id="content">
<h4>К сожалению, такой страницы нет</h4><br>
<p>Страница, которую Вы ищете, видимо, удалена или не существовала ранее.</p>
<p>Однако вы можете попробовать поискать необходимую информацию в следующих статьях:</p><br>
<ul>
<?php get_archives ('postbypost', 50); ?>
</ul>
</div>
<?php include (TEMPLATEPATH."/sidebar.php");?>
<?php get_footer (); ?>

Чем-то похож на файл index.php. Зачем он нужен. Если кто-то неправильно наберет адрес страницы Вашего сайта, то вместо простого сообщения, что такая страница не найдена, файл не только сообщит об этом, а и выдаст список страниц сайта, в количестве 50 штук. Может посетитель Вашего сайта найдет среди них что-то нужное для себя.

Вот и готовы все файлы! Не замучили Вас шаблоны для ВордПресс сайтов? Тогда давайте попробуем что получилось. Для этого копируем созданную ВордПресс тему и вставляем в папку themes Вашего движка ВордПресс. Надеюсь, он у Вас уже установлен на Денвере. Заходим в админ-панель, щелкаем Сменить тему оформления, находим и активируем созданную тему. Не красиво? Ну, так это же самый просто вариант темы! Конечно, если поработать с файлом стилей, да добавить комментарии, да пару картинок… Попробуйте!