Урок 1. Создаем тему для WordPress

Вы решили сделать для своего блога самописную тему? Тогда начнем с того, что установим Вордпресс для тестирования нашей будущей темы. Не советуем тестировать создаваемую тему на вашем работающем блоге с записями, мало ли что случится! Лучше всего установите новый Вордпресс в Денвере, затем откройте папку wp-content/themes и создайте в ней новую папку для будущей темы, назовите ее, например: free_subject или как захотите…

Решите для себя какая будет структура у вашего блога, будет меню слева или справа, ширина таблиц, расположение контента и рекламы…

Создайте файл index.php с таблицей, например так:

В таблице подписано в какой ячейке будут располагаться части темы, тоесть из каких файлов будет “собираться” единый внешний вид. Таким образом получилось 5 файлов:

header.php - выводит шапку сайта
sidebar.php - выводит меню
index.php - выводит контент
sidebar_right.php - выводит меню для рекламы
footer.php - выводит подвал сайта

В дальнейшем нам еще понадобится файл comments.php который будет выводить комментарии. Для задания стилей еще нужно создать файл style.css. Итого получилось 7 главных файлов их вполне достаточно для создания полноценной темы для блога. Конечно для рабочей темы можно было обойтись и одним файлом index.php, но удобнее разбить его на несколько файлов и работать отдельно с каждым из них.

Итог урока: Новая папка с пустыми файлами (7файлов) только в файле index.php имеется следующий хтмл-код:

<div align=center>
<table border=0 cellpadding=8 cellspacing=0 width=900 id=page>
<tr>
<td colspan=3>Шапка, файл header.php</td>
</tr>
<tr>
<td width=200 valign=top>Меню, файл sidebar.php</td>
<td width=500 valign=top>Контент, файл index.php</td>
<td width=200 valign=top>Реклама, файл sidebar_right.php</td>
</tr>
<tr>
<td colspan=3>Подвал, файл footer.php</td>
</tr>
</table>
</div>

Переходим к следующему уроку, где мы подробнее поработаем над файлом index.php.

Как создать тему для WordPress
Урок 1. Создаем тему для WordPress
Урок 2. Создаем файл index.php
Урок 3. Тег head для блога
Урок 4. Редактирование таблицы стилей
Урок 5. Скриншот для темы WordPress
Урок 6. Тестируем самодельную тему
Урок 7. Функции файла index.php
Урок 8. Функции файла comments.php

Сборник функций для создания тем WordPress



Комментариев нет
<NOINDEX>

Оставить комментарий

</NOINDEX>





Связанные записи

Все записи