Файлы sidebar.php, futer.php и 404.php WordPress сайта | Как создать свой сайт

Из чего состоят файлы sidebar.php, futer.php и 404.php WordPress сайта

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

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

Файл WordPress 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, его ширина и отступ сверху, для красоты.

Файл WordPress 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. Заданы высота, ширина и положение контейнера.

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

Файл WordPress 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 Вашего движка ВордПресс. Надеюсь, он у Вас уже установлен на Денвере. Заходим в админ-панель, щелкаем Сменить тему оформления, находим и активируем созданную тему. Не красиво? Ну, так это же самый просто вариант темы! Конечно, если поработать с файлом стилей, да добавить комментарии, да пару картинок… Попробуйте!






8 комментариев
  1. Виктор Пишет,

    Спасибо, разобрано подробно и грамотно изложено.

    Удач!!!

  2. Марат Пишет,

    Можно heder с одного шаблона перекинуть на другой, подогнав css?

    Можно

  3. Анна Пишет,

    Спасибо за ваш пост, он мне очень помог в изменении футера на моем сайте =) Спасибо!

  4. Вера Пишет,

    Добрый день! Я поставила на блог бесплатную тему. Хотела убрать внешние ссылки с футера. В итоге вход на сайт был заблокирован. В окне было указано, что поскольку тема бесплатная, то нельзя ничего менять. Можно ли решить эту проблему или придется менять тему?

  5. VeryOldMan Пишет,

    Проблему можно решить любую, при определенном уровне знаний. Поэтому Вам решать, стоит ли связываться с теми, кто установил в шаблон эту блокировку или просто подобрать другой шаблон.

  6. vakul64 Пишет,

    Пытался путем проб и ошибок редактировать тему сайта. А тут нашел такое подробное разъяснение устройства основных кодов шаблонов. Большое спасибо, это очень поможет в дальнейшем освоении этой непростой для меня и многих других науки.

  7. Владислав Пишет,

    сделал все по инструкции, загрузил, активировал — белое окно и ничего нет! как так?

  8. Сергей Пишет,

    А имя файлу стилей в статье не присвоили. Как этот файл должен называться ?

    Что нибудь вроде — stile.css или style.css и должен размещаться с остальными файлами

    (index.php ; sidebar.php ; header.php ; futer.php ; 404.php) в папке с названием,

    например, Mi_tema. Так я понимаю ???

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