Работа с шаблонами в WordPress.
Здравствуйте!
Хочу задать Вам вопрос? Установил себе Denver. Тестирую WordPress2.6. закачал пару десятков шаблонов с иноязычных ресурсов. Какой ни возьму, что то не нравится. Захожу в папку с CSS. меняю ширину или ещё какую ерунду, сохраняю но картинка сайта не меняется. С php не работал и даже близко не представляю. Что не так, как научится простой перекройке уже готовых шаблонов не вникая в дебри. У меня есть блог на Блоггере и там перекраивать шаблоны у меня очень даже получается при этом в HTML я разбираюсь на 3 %. Предполагаю, что бы поменять в WP теме какие-то параметры CSS. что-то ещё надо сделать, но что не знаю. Подскажите если можете, хотя бы дайте наводку, пример как это делается, а там уж разберусь.
С уважением Олег
Любая тема для 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> вёрстку, поэтому, если нам нужно изменить положение какого-либо объекта, нужно найти class или id данного объекта в таблице стилей и изменить необходимый параметр на необходимый нам.
Как правило, шаблон имеет несколько глобальных контейнеров это головная часть шаблона (он же вынесен в header.php), тело (index.php, single.php, archive.php, page.php и т.д.) и низ (выносят в footer.php). Где основная часть разделена на два блока: блок для вывода статьи, и блок для панели навигации (Sidebar). Графически это выглядит так:
Возможно, Вам будут полезны следующие материалы:
- Подробный справочник по CSS на HTMLBook.ru.
- Теги шаблонов в WordPress (Юрий Белотицкий)
- Секреты CSS вёрстки (Дмитрий Лялин)
- Делаем свой шаблон для WordPres (MaxSite)
Еще записи по теме
- Как сделать форум
- Как смотреть закрытую статистику в LiveInternet
- Как лить трафик
- Руководство по созданию каталога ссылок. Как сделать каталог ссылок.
- Почта для домена. Как подключить свой домен к Яндекс Почта.
- Практические советы по оптимизации блога на WordPress, повышению его привлекательности и функциональности
- Автоматизируем прием WebMoney на сайте.
Самое обсуждаемое