Работа с шаблонами в WordPress. » Сергей Токарев - персональный блог

Работа с шаблонами в WordPress.

Здравствуйте!
Хочу задать Вам вопрос? Установил себе Denver. Тестирую WordPress2.6. закачал пару десятков шаблонов с иноязычных ресурсов. Какой ни возьму, что то не нравится. Захожу в папку с CSS. меняю ширину или ещё какую ерунду, сохраняю но картинка сайта не меняется. С php не работал и даже близко не представляю. Что не так, как научится простой перекройке уже готовых шаблонов не вникая в дебри. У меня есть блог на Блоггере и там перекраивать шаблоны у меня очень даже получается при этом в HTML я разбираюсь на 3 %. Предполагаю, что бы поменять в WP теме какие-то параметры CSS. что-то ещё надо сделать, но что не знаю. Подскажите если можете, хотя бы дайте наводку, пример как это делается, а там уж разберусь.
С уважением Олег

По каким причинам внесённые изменения не отображаются, мне, как Вы понимаете, сказать трудно. Может у Вас Браузер кэширует файл со стилями, может ещё чего, я не телепат. Но что касается перекраивания шаблонов, то тут всё достаточно просто. Для работы Вам понадобится знание CSS, немного HTML, знания php могут не пригодится вообще.

Любая тема для WordPress - это .php файл (файлы) с HTML шаблоном, где в нужных местах вставлены функции для вывода необходимой информации, и файл со стилями. Поэтому, редактирование темы ни чем не отличается от редактирования обычного HTML шаблона. Если Вы зайдёте в папку с темой, то увидите там несколько файлов, благодаря им, мы можем увеличить функционал, и упростить настройку.

Иерархия шаблонов в WprdPress следующая:

Основные файлы шаблона:

style.css - сюда пишем весь css. то есть это файл оформления страницы;

header.php - то с чего начинается ваш шаблон, то есть шапка сайта WordPress;

index.php - главный файл шаблона;

single.php - файл каждого отдельного поста;

comments.php - шаблон комментариев;

sidebar.php - боковая панель;

footer.php - "подвал", который заканчивает ваш шаблон;

Файлы архивов:

archive.php - файл просмотра постраничных архивов (навигационный, стр.1,2,3...)

404.php - ошибка 404

search.php - результаты поиска

page.php - шаблон статической страницы

tag.php - архив записей по тегам

В принципе, все эти файлы можно заменить одним - index.php, т.к. если при запросе нужного шаблона обнаружить не удаётся, то используется основной, т.е. index.php.

Более подробно о структуре шаблонов в WordPress смотрите здесь.

Теперь, когда известно, за что отвечает каждый их файлов, можно преступить непосредственно к подгону темы.

WP шаблон использует дивовую (<div></div>wink вёрстку, поэтому, если нам нужно изменить положение какого-либо объекта, нужно найти class или id данного объекта в таблице стилей и изменить необходимый параметр на необходимый нам.

Как правило, шаблон имеет несколько глобальных контейнеров это головная часть шаблона (он же вынесен в header.php), тело (index.php, single.php, archive.php, page.php и т.д.) и низ (выносят в footer.php). Где основная часть разделена на два блока: блок для вывода статьи, и блок для панели навигации (Sidebar). Графически это выглядит так:

Конечно, названия объектов могут отличаться, но сама структура почти всегда примерно такая. Всё остальное зависит от Ваших знаний CSS. Для получения дополнительных функций просто вставте нужную php функуцию в шаблон.

Возможно, Вам будут полезны следующие материалы:

  • Подробный справочник по CSS на HTMLBook.ru.
  • Теги шаблонов в WordPress (Юрий Белотицкий)
  • Секреты CSS вёрстки (Дмитрий Лялин)
  • Делаем свой шаблон для WordPres (MaxSite)

Задать свой вопрос

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