Создание шаблона для WordPressПересмотрели миллиард шаблонов, но никакой из них вам не подошёл? Есть почти то что вам надо, но всё-таки не то? Так почему бы не создать шаблон самому? Своими ручками… Ведь если, например, создать интернет-магазин и продавать люстры, то очень сложно будет найти подходящий шаблон.

В этой статье, а точнее в нескольких, я вам расскажу, а так же наглядно покажу на живом примере как сделать шаблон для wordpress.

Шаблон, можно сказать, первый шаг к созданию хорошего сайта, и для этого вам понадобятся знание html&css, ну а так же знания php на уровне копи-паст. )

Прежде всего, вам необходимо проанализировать шаблон, а именно понять, фиксированный он или резиновый, понять структуру шаблона, а именно понять какие «главные» блоки на нём присутствуют (шапка, подвал, один два или несколько сайдбаров ну и соответственно блок самого контента).

Как раз недавно друг попросил сверстать и натянуть на wordpress, вот как раз на этом примере и буду показывать. Вёрстку я не буду вам тут объяснять, иначе эта статья затянется, а вот что по поводу натяжки – разложу по полочкам.

Если вам что-то будет не понятно, можете задавать свои вопросы в комментариях

Начнём, посмотрим на скриншот макета, а точнее главной страницы, и проанализируем.

Создание шаблона для WordPress

Как мы видим, этот шаблон фиксированной ширины, с шапкой, подвалом и одним сайдбаром.

Начнём с того, что создадим папку, и назовём её immaker.net. Вы, конечно же, можете назвать как угодно. Внутри создадим ещё несколько папок, а именно:

  • Images – для всех изображений, которые понадобятся
  • Js – для скриптов, которые нужны этой теме (тут как минимум один скрипт, реализующий вкладки в сайдбаре)

Создадим там несколько файлов, с помощью любого текстового редактора (я использую Notepad++ или Dreamweaver 8), а именно:

  • Index.php – который будет первым загружаться, когда кто-либо зайдёт на наш сайт
  • Header.php – который отвечает за вывод шапки нашего сайта
  • Footer.php – отвечает, как вы догадались, за подвал
  • Sidebar.php – отвечает за нашу правую колонку (сайдбар)

Это что очевидно, исходя из шаблона, но кроме этих файлов нам понадобятся ещё, а именно

  • Arhive.php – отвечает за вывод рубрик, архивов, тегов и тд.
  • Page.php – выводит страницу
  • Single.php – выводит одиночную запись (пост)
  • Function.php – содержит функции темы (потом более подробно о нём)
  • Comments.php – выводит всё о комментариях
  • Search.php – выводит страницу результатов поиска
  • 404.php – ну и конечно же не безызвестная всем страница 404 (страниц ошибки)

Главное чтобы расширение было .php

  • Style.css – ну и файл стилей.

Разберём каждый из этих файлов, чтобы было полное представление о структуре шаблонов в wordpress.

Вот думаю и всё, если же нам что-то ещё понадобится, это не останется без внимания.

Теперь думаю подошло время перейти к следующей статье, где мы поговорим о файле index.php и заполним нашу шапку (header.php). Предварительно сделав кое что с файлом style.css.

Увидимся!