Темы WordPress (шаблоны) — установка тем на Вордпресс, из каких файлов (шаблонов) состоят и как работают WP темы
Сегодня хочу поговорить про темы оформления (шаблоны) для WordPress (создать свой блог). Зная как принципиально устроена любая тема (шаблон) для Вордпресс вам будет легче вносить в нее необходимые изменения или дополнения. В принципе, ничего сложного в устройстве темы оформления (шаблона) для WP нет, но по началу все равно может возникнуть ряд непонятностей и вопросов, поэтому я постараюсь рассказать все максимально подробно и доступно.

Где можно скачать тему или шаблона для Вордпресс, как установить ее на WordPress
Скачать тему для Вордпресс можно бесплатно, например, отсюда или отсюда. После того, как вы скачали шаблон для Вордпресс, ее нужно распаковать. Затем вам необходимо будет получить доступ к вашему сайту по протоколу FTP и скопировать, полученную после разархивирования, папку с темой оформления Вордпресс в папку:
wp-content/themes
Далее вы заходите в админку WordPress и выбираете из левого меню пункт «Дизайн». В открывшемся меню выберите пункт «Тема».
В области «Текущая тема оформления» будет отображаться используемая в данный момент в WP тема (шаблон). Наша, вновь добавленная тема для Вордпресс, должна появиться в области «Доступные темы оформления». Нажав на кнопку «Предпросмотр» вы сможете увидеть, как будет выглядеть данная тема применительно к содержимому вашего WP блога.
Чтобы применить понравившуюся тему (шаблон) для Вордпресс, нужно щелкнуть по кнопке «Активировать» рядом с превьюшкой этой темы. В результате, миниатюра данной темы WP переместится в область «Текущая тема оформления», а так же произойдет изменение внешнего вида блога, в соответствии с используемой темой WordPress.
Вроде все просто и понятно. Но вряд ли вы найдете такую тему для Вордпресс, которая отвечала бы вашим требованиям на сто процентов. Наверняка вам захочется что-нибудь поменять, убрать или добавить. Но как это сделать? Не особо сложно, но для этого необходимо знать и понимать, как устроена тема для Вордпресс, из каких файлов она состоит и за что конкретно каждый из этих файлов темы WP отвечает.
Как устроена тема WordPress, какие шаблоны темы Вордпресс за что отвечают
Тема Вордпресс всегда включает в себя определенный набор файлов, которые отвечают за оформление отдельных участков любой вебстраницы вашего WP блога. Получается, что все вебстраницы блога на WordPress собираются из файлов (шаблонов) используемой вами темы Вордпресс, подобно конструктору.
Некоторые из этих файлов (шаблонов), например HEADER и FOOTER, используются на всех страницах WP блога, другие шаблоны используются только в определенных случаях. Схематично структуру шаблонов темы Вордпресс можно изобразить примерно так:

Шаблон HEADER отвечает за отображение шапки всех страниц WP блога, т.е. верхней части. В шаблоне HEADER для блога на Вордпресс так же формируются мета-теги, которые включаются в HTML код всех страниц WP блога. В HEADER формируется заголовок страницы TITLE, задается кодировка русского языка, которая используется в вашем WP блоге, указывается путь к файлу таблицы стилей, который должен подключаться для задания оформления данной вебстраницы в Вордпресс и т.д.
Как я уже писал в статье Оптимизируем тему (шаблон) WordPress для уменьшения количества запросов к базе данных, вы можете заменить в HEADER участки кода, с ненужными обращениями к базе данных на статичный код HTML, для того, чтобы снять лишнюю нагрузку на сервер при формировании вебстраниц вашего WP блога.
Шапка Вордпресс блога, формируемая в шаблоне HEADER, остается неизменной для всех вебстраниц WP блога, но содержимое области контента блога на WordPress формируется разными шаблонами темы Вордпресс, в зависимости от того, какое именно содержимое (контент) выводится. Рассмотрим это подробнее:
- за вывод содержимого главной страницы WordPress сайта отвечает шаблон INDEX из папки с темой WordPress
- за вывод страниц со статьями WordPress отвечает шаблон SINGLE из темы Вордпресс
- при выводе содержимого временного архива статей WordPress (по годам и месяцам), при выводе содержимого архива тегов (меток), а так же при выводе содержимого категорий статей используется обычно один и тот же шаблон ARCHIVE из папки темы WP
- за вывод результатов поиска WordPress по блогу отвечает шаблон SEARCH из темы WP
- за вывод статичных страниц WordPress вашего блога (например, «О блоге») отвечает шаблон PAGE из папки с темой Вордпресс
За формирования футера (footer) в WordPress (подвала, нижней части вебстраницы) отвечает шаблон FOOTER из папки с темой WP. Обычно в этом шаблоне FOOTER выводится название блога со словами, что все права защищены (я делаю эту строчку еще и ссылкой на главную страницу для улучшения внутренней оптимизации блога). Так же в FOOTER можно добавить код счетчиков посещений, если вы их будете использовать на своем сайте.
За вывод сайдбара (sidebar) WordPress (боковой панели WP блога) справа или слева от центральной части страниц отвечает шаблона SIDEBAR из папки с темой Вордпресс. В каждой конкретной теме WP кроме SIDEBAR могут использоваться еще несколько шаблонов сайдбаров. В теме, используемой на моем WP блоге, сначала боковая панель формируется из кода шаблона SIDEBAR, но потом из него осуществляется обращение к SIDEBAR1 и SIDEBAR2, которые формируют двухколоночное продолжение сайдбара в Вордпресс.
Зная устройство используемой вами темы Вордпресс, вы можете легко понять, в какой именно файл (шаблон) нужно будет внести изменения для получения желаемого эффекта. Все эти файлы, входящие в состав темы WordPress, называются шаблонами. Причем возможны варианты использования разных шаблонов из папки темы WP для отображения содержимого вебстраницы.
Как работают шаблоны из темы Вордпресс, приоритеты использования шаблонов из папки с темой WordPress
Проще всего рассказать о порядке использования шаблонов Вордпресс для отображения той или иной страницы WP блога на каком-то примере. Допустим, что посетитель вашего WP блога открывает вебстраницу со списком статей какой-либо категории (рубрики). Какой шаблон из папки текущей темы Вордпресс должен при этом запуститься?
На основании того, что было написано выше, вы можете сделать вывод, что для отображения содержимого этой вебстраницы WP блога должен использоваться шаблон ARCHIVE из папки темы Вордпресс. При этом вы будете правы лишь отчасти. Да, действительно, этот шаблон будет использоваться для отображении этой вебстраницы категорий WP блога, но только при выполнении ряда условий.
Давайте рассмотрим действия WordPress при переходе посетителя по ссылке, ведущей на вебстраницу со списком статей какой -либо рубрики (например, WordPress — создание блогов). Сначала Вордпресс в папке текущей темы:
wp-content/themes/название_вашей_темы
будет искать шаблон (файл), который отвечает за вывод именно этой категории. А т.к. категории (рубрики) WordPress идентифицирует по ID, то и искать в папке с темой WP он будет шаблон CATEGORY-n. Здесь N — номер ID данной категории (Как узнать ID рубрики или страницы в WordPress). Но такой шаблон (файл) в папке вашей WP темы может появится только в том случае, если вы сами специально создали для данной категории в Вордпресс отдельный шаблон отображения.
Но если вы это не делали, то WordPress, не найдя шаблон в папке с текущей темой (например, CATEGORY-12) будет искать в папке с шаблонами текущей темы WordPress общий для всех категорий (вне зависимости от их ID) файл шаблона CATEGORY. Если и такого файла-шаблона найдено не будет, то Вордпресс уже будет искать общий шаблон для вывода всех архивов ARCHIVE.
ARCHIVE он скорее всего найдет в папке с вашей текущей WP темой, но если случится страшное — даже этого шаблона в папке с WP темой не будет — Вордпресс будет вынужден использовать основной шаблон темы оформления — INDEX.
Вот такая вот получается логика использования шаблонов в Вордпресс. А теперь, вооруженные приведенным выше примером, давайте рассмотрим порядок использования шаблонов для разных вебстраниц блога на WordPress.
Порядок обращения к шаблонам темы Вордпресс, при загрузке различных страниц WP блога
Рассмотрим все возможные варианты вебстраниц, которые используются в WordPress и последовательность использования шаблонов из папки с темой Вордпресс:
- Начать, конечно же, следует с главной страницы блога на WordPress. Порядок обращения к шаблонам будет следующим. Сначала Вордпресс будет искать в папке с WP темой:
wp-content/themes/название_вашей_темы
шаблон HOME, а не найдя его обратится к файлу шаблона Вордпресс INDEX. Резюме:
- HOME
- INDEX
- При отображении конкретной статьи в WP блоге — сначала ищется шаблон SINGLE в папке темы Вордпресс, а при его отсутствии в качестве шаблона отдельной страницы со статьей будет использоваться шаблон INDEX и папки WP темы. Резюме:
- SINGLE
- INDEX
- Для отображения статичной страницы WordPress можно будет выбрать конкретный шаблон прямо из админки WordPress. Для этого, при создании или редактировании уже существующей статичной страницы, вы должны выбрать из выпадающего списка «Шаблон страницы» нужный вам шаблон (эти файлы шаблонов вы должны будете создать заранее и добавить в папку с вашей WP темой). Если вы не выберете из этого списка шаблон, то WordPress будет искать в папке с WP темой шаблон PAGE, а не найдя его будет использовать в качестве шаблона INDEX. Резюме:
- Шаблон, выбранный в админке WordPress, при создании статичной страницы
- PAGE
- INDEX
- При отображении страницы категории (рубрики) в WordPress будет вначале осуществляться поиск в папке с текущей темой Вордпресс, шаблона именно для категории с таким ID (Как узнать ID рубрики или страницы в WordPress), например, CATEGORY-11. Если такого шаблона в папке с WP темой найдено не будет, то как я описывал чуть выше, Вордпресс станет искать шаблон CATEGORY. В случае его отсутствия в папке с WP темой — искать ARCHIVE, ну а если и его не будет, то для оформления страницы категорий в WP блоге будет использоваться шаблон Вордпресс INDEX. Резюме:
- Шаблон конкретной категории WordPress (CATEGORY-6, например)
- CATEGORY
- ARCHIVE
- INDEX
- Для отображения страницы тега (метки) в WordPress может использоваться специальный файл шаблона из темы Вордпресс, который будет содержать в своем названии короткую ссылку (слаг). Например, для метки со слагом joomla, файл шаблона должен будет называться TAG-JOOMLA. Если WordPress такого шаблона не найдет в папке вашей WP темы, то он попробует найти общий для всех страниц тегов (меток) шаблон Вордпресс — TAG. Если и его не будет, то будет искаться в папке с WP темой ARCHIVE, а затем — INDEX. Резюме:
- Шаблон WordPress для вывода постов с определенной меткой
- TAG
- ARCHIVE
- INDEX
- Когда будет запрошена страница автора статей, то вначале WordPress ищет в папке с текущей WP темой файл шаблона AUTHOR. При неудаче -ARCHIVE, ну, а если и его не найдет в папке с WP темой, то будет использован общий шаблон Вордпресс — INDEX. Резюме:
- AUTHOR
- ARCHIVE
- INDEX
- Для отображения страницы временного архива WordPress, например, за месяц или год, Вордпресс сначала проверит папку с текущей WP темой на наличие в ней шаблона DATE, а уже затем обратится к ARCHIVE или к INDEX, в случае отсутствия ARCHIVE. Резюме:
- DATE
- ARCHIVE
- INDEX
- Для оформления страницы результатов поиска в WordPress будет использоваться шаблон SEARCH из папки с WP темой, в случае его наличия. В противном случае будет использоваться общий шаблон Вордпресс — INDEX. Резюме:
- SEARCH
- INDEX
- Для отображения страницы ошибки 404 в WordPress (ничего не найдено) будет использоваться шаблон 404 из папки с WP темой. О том как его создать вы можете почитать в этой статье — Как создать и зачем нужна страница ошибок 404 для блога на WordPress. Если в папке с вашей WP темой такого шаблона не будет, то будет использоваться INDEX, открывающий главную страницу вашего блога. Резюме:
- 404
- INDEX
Можете также посмотреть видео «Установка темы WordPress»:
У Евгения Попова имеется видекурс по WordPress, который стоит того, чтобы с ним ознакомиться.
Вы так же можете ознакомиться с другими материалами по WordPress:
- Вопросы по WordPress
- Плагины для WordPress
- Установка плагинов в WordPress
- Карта сайта для WordPress
- Hyper Cache - кэширование в Вордпресс
- All in One SEO Pack - поисковое продвижение Вордпресс
- Спам в комментариях WordPress
- Подписка на новые комментарии в WordPress
- Удобная постраничная навигация для WordPress
- Хлебные крошки для WordPress блога
- Внутренняя перелинковка и создание списка похожих материалов
Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru
- Оптимизация WordPress для снижения его нагрузки на сервер хостера — Часть 1 — Оптимизация темы Вордпресс, как узнать количество запросов к базе данных, плагин WP Tuner
- Плагин WP-PageNavi для WordPress — постраничная навигация для вашего WP блога — установка на Вордпресс, настройка, изменение внешнего вида
- Где можно скачать ВордПресс, установка WordPress на хостинг в деталях и картинках, вход в админку WP и смена пароля
- Artisteer — программа для создания и редактирования шаблонов Joomla и тем WordPress
- Шаблоны для Joomla — выбор шаблона (платные, бесплатные или взломанные темы), где скачать простые шаблоны для Joomla 1.5, как их установить и активировать в Джумла
- Создание карты сайта на WordPress — Часть 2 — Установка и настройка плагинов Sitemap Generator и WP DS Blog Map для создание карты Вордпресс блога в формате HTML для посетителей
- Оптимизация WordPress: как защитить комментарии Вордпресс от спама, как заставить плагин DCaptcha работать на WP 2.92, как отключить корзину


Да... За 2 года работы с WordPress я уже выучил это всё наизусть... Зато как не хватало такого мануальчика для Вордпресс тогда, когда я не знал этого всего...
Зачет! Только собрался осваивать WordPress и начал с выбора шаблона для будущего сайта. Автору спасибо
Max: всегда пожалуйста, рад что Вордпресс мануал пригодился.
Предлагаю благодарить автора частыми кликами по Яндекс.Директ
Max: +1
еще один не плохой ресурс с темами для Вордпрессhttp://webtheme.ru/
автору огромное спасибо за подробный faq по оформлению Вордпресс!
Извиняюсь за вопрос, такой уж я чайник =) а как узнать ftp WP блога? хост или порт, или че там еще надо...
darinku: спросите в техподдержке вашего хостинг провайдера. А вообще, вам должны были выслать эти данные по почте при покупке хостинга, ну или еще каким-то способом сообщить.
stimer: пожалуйста, буду рад, если Вы порекомендуете мой сайт ktonanovenkogo.ru кому-то для изучения основ вебмастеринга. Сайт еще молодой и основной приток посетителей идет с поисковиков, а хотелось бы, чтобы и вирусный маркетинг работал. Спасибо.
Дмитрий огромное вам спасибо за столь доступные уроки по Вордпресс, в основном ими руководствовалась при создание блога на WordPress.Только призыв о помощи однако имею. Пожалуйста подскажите как например мне прописать и в каких файлах,что бы на главной странице отображались посты,а не рубрики.А то мне для такого отображения пришлось просто страницу делать и ставить ее как главную((Но это не правильно,так как я не так давно занимаюсь подобным(созданием WP блога и тд)для меня очень мало понятно.Заранее спасибо, Наталья.
Natalya: посмотрите здесь Настройки чтения WordPress, по-моему там есть ответ на ваш вопрос.
Как можно поменять шрифт в шапке Вордпресс, там где название WP блога?
Андрей: если это не картинка, то попробуйте открыть ваш WP блог в браузере FireFox с установленным плагином FireBug. C помощью этой связки вы сможете горы свернуть (не преувеличиваю — правда). Если не знакомы с плагином FireBug, то тогда вам нужно будет ознакомится с этими материалами — Firebug — самый необходимый инструмент при работе над дизайном сайта
Статья полезная и информативная! Я хочу немного добавить.
1. Я не стал бы заливать только-что скачанный файл темы Вордпресс на хост
2. Установить и протестировать на локальном хосте (Денвер)
— проверить на скрытые и закодированные ссылки -убрать или закрыть
— протестировать блог локально, изучить тему досконально
— изменить дизайн, лого, фавикон и т.д
— оптимизировать css, php файлы WP шаблона
3. Только после этого, залить WordPress на хост
но подвергнется работе фильтра. Как сделать так, чтобы этого не происходило?
Если не секрет что за тема у Вас установлена?
Дмитрий, я создал блог на движке вордпресс . Кстати многое взял из ваших уроков.Спасибо за уроки.
Картинки в браузере I.E отображаются все в черной рамочке.
В остальных браузерах нормально.
В свойствах картинки где рамка ставлю 0
Самое интересное что 2 картинки отображаются нормально. Я уже сравнивал какая разница в значениях в фото, всё сходится.
Менял уже по разному, всё бестолку. Рамочки так и траурные есть.
Подскажите пож что надо сделать чтоб и в I.E отображалось нормально.
Дмитрий огромнейшее спасибо за ваш труд! Читаю прям всё по порядку в этой рубрике. Доступно как никогда. Также спасибо за рекламу дисков Евгения Попова. Раньше натыкался на его сайты, но заказывать не решался. А вот после ваших советов не удержался))) Сегодня иду получать посылку.
Я довольно часто пользуюсь инфой с Вашего блога. Данке шон!
Большое спасибо.
Дмитрий, Ваша статья очень пригодилась.
Большое спасибо.
Макс, отличное предложение по поводу благодарности хозяину сайта. Очень полезный ресурс. Я начинаю день с него и заканчиваю им же. Хотя не всё понимаю — втдимо ещё сильный чайник, но кое что получается и очень благодарна за это Дмитрию и всем кто пишет свои комментарии — очень необходима такая поддержка в начале.
СПАСИБО!!!
здравствуйте, у себя не могу найти шаблон SINGLE (
вот что только отображается:
Архивы
(archive.php)
Боковая колонка
(sidebar.php)
Заголовок
(header.php)
Комментарии
(comments.php)
Основной шаблон
(index.php)
Подвал
(footer.php)
Результаты поиска
(search.php)
Функции темы
(functions.php)
Шаблон страницы
(page.php)
Стили
Список стилей
(style.css)
-Ты видишь суслика?
-Нет!
-И я не вижу...А он есть!
( &cory; ДМБ)
Спасибо автору за прекрасную статью,
сколько искал подобную — не находилась.
Респект тебе Андрей. молодец, очень качественный блог. Все хорошо расписано, сам в сео и создании сайтов уже 4 года, но конкретно с вордпресом не занимался. а у тебя расписано все по полочкам.
Продолжительные аплодисменты стоя!!! Серьезно
Очень хорошие объяснения. Но есть ли у вас совет по исправлению неправильного показа в браузере? дело в том, что моя тема везде просматривается правильно, кроме Оперы. В Опере цвет основного фона идёт на полстраницы, а фон статьи пропадает. Где искать ошибку?
Спасибо.
Гульнара: видимо ваш шаблон WordPress не проверялся его создателем на кроссбраузервность. Найти решение (особенно без опыта) будет сложно. Может просто другую тему взять за основу для WordPress?
Всегда читаю ваш блог, очень доступно объясняете. Но у меня такая проблема, что нигде не могу найти ответ. У меня дублируются:
и
Я так понимаю верхние выводит ВордПресс, как их правильно убрать не подскажете?
а у меня в теме есть место для верхнего баннера. но я не понимаю, как его там разместить. тема требует прописать адрес баннера, начиная с http. но если у меня есть только код баннера или вообще картинка gif? как тогда поместить баннер именно вверху страницы?
Добрый день,
2 вопроса: 1)как вообще поменять шапку... надо поменять heder.php? и и этого будет достаточно?
2)Как в хедер внести изменения, не в плане оформления(css) а в плане дизайна (php)... там менюшку добавить, местами что то поменять.
к примеру, хотел в «twentyten» меню поставить на самый верх шапки- шаблона, не важно.
Дим, такой вопрос. Есть производители шаблонов, в которых к их темам идет своя панель управления шаблоном что ли... Например wpzoom, themeforest и еще некоторые производители шаблонов в почти всех своих шабах по-сути используют одни и теже панели: управление виджетами на морде, записями и прочим.
Собственно, вопрос: как можно из подобных тем подобные панели воткнуть в свою WP тему? Какие файлы это могут быть?
Или проще на основе таких шаблонов уже перекраивать под свой дизайн?
Заранее спасибо и с уважением, и все такое, ну ты понел
P.S. Кста, пора уже вводить раздел «Вопросы недели» на сайте, не?
Марат:
1) Да, шапку как правило можно поменять, редактируя файл header.php
2) Вообще то php — это язык программирования и он никак не связан с «дизайном» , и что вы вообще подразумеваете под словом дизайн?
P.S. Не слушайте того доброго человека, который вам сказал, что php отвечает за дизайн, а то меня, как программиста ранило прям
P.P.S. Не пользуйтесь Twenty Ten, эта тема стандартная и стоит на огромном количестве блогов, а лицезреть два абсолютно одинаковых блога не приятно.