Создание шаблона для WordPress с нуля » Блог Обычного веб-мастера
Конечно же, сейчас можно скачать огромное количество готовых шаблонов для WordPress, половина из них сразу же выкинуть (удалить) из-за неаккуратности, большого веса графики или ещё по каким причинам и останется ещё с десяток шаблонов вполне себе ничего и даже вроде как из под дизайнерского пера. Но это всё не то! мы не ищем лёгких путей и задумали создать свой собственный уникальный шаблон WordPress с нуля! Ведь так?
Первое, что нам понадобиться – это умение рисовать в каком-нибудь графическом редакторе, я лично предпочитаю старый добрый Photoshop и вам советую. Создание дизайна насколько интимное (индивидуальное), настолько же и трудоёмкое занятие, к тому же не каждый и справиться, поэтому на данном этапе нас может спасти пару десятков – сотня долларов на WMZ.
Сделаем вид, что мы сами нарисовали. Для тех, кто не сделал, а сие чудо сотворил сам, есть ещё один пункт для гордости (как и у меня 
). В данном случае, я хотел добиться максимализма и ощущения свежести что ли в дизайне и считаю, что этого добился:
Следующим этапом идёт html + css вёрстка, ну здесь уже, что называется - кто на что горазд. Можно и JavaScript, можно и Ajax подключить. Я обошёлся стандартом.
Наступает самый ответственный и в то же самое время интересный момент, а именно превращение статичной html страницы в старый добрый (точнее новый и свежий) шаблон WordPress.
Первое, что мы деалем – это зверски расчленяем наш index.html на несколько частей: голова – header.php, тело – index.php, руки, они же сайдбары – sidebar.php, ну и филейная часть footer.php, ну и другие – другие – другие…
То есть, наша папка с шаблоном должна представлять что-то похожее на:
- header.php
- index.php
- sidebar.php – их, кстати, может быть несколько: 2,3,4… Сами знаете.
- footer.php
а так же
- searchform.php – форма поиска
- page.php – отдельная страница блога
- comments.php – форма и комментарии
- archives.php – понятно из названия
- 404.php – страница ошибки 404, то есть файл/страница не найдена на сервере
- search.php – страница результатов поиска
и
- style.css – файл каскадных таблиц
- images/ – директория с изображениями в дизайне
Конечно же, для более продвинутого дизайна просто необходимо создание более раздробленного шаблона, в котором будут отдельные части иметь свою страницу, ну и не разбивая их, можно добиться отличного результата.
Наступает время пичкать шаблон php кодом. Для этого необходимо создавать отдельный мануал, потому как тема непростая и требует часто расмотрения нескольких вариантов. Я же обойдусь самыми главными, необходимыми для того, что бы шаблон заработал.
Попробую привести примеры на реальном шаблоне (простом как морковка и по максимуму мной прокомментированном):
Удаляем всё, что у нас было до тега <body> и вставляем:
- ссылка на .txt шапки шаблона, то есть header.php
В index.php вставляем:
- ссылка на .txt тела шаблона, то есть index.php
В боковую колонку:
- ссылка на .txt сайдбара шаблона, то есть sidebar.php
И в низ. Обратите внимание, что страницы блога у меня находятся именно там, вы же можете их вставлять куда угодно.
- ссылка на .txt сайдбара шаблона, то есть footer.php
Ну вот и всё. заливаем по FTP в
- sitename.ru/wp-content/themes/
и включаем в админ – панели. Всё работает. Ну или не работает – так тоже бывает.
P.S. К сожалению, ссылку на рабочий шаблон показать не могу так как проект в разработке и не хотелось бы показывать чёрти что – увидите, обещаю. Удачи в разработке!
P.S. №2 - А сапожник-то без сапог!!
Комментарии к «Создание шаблона для WordPress с нуля»
Нет комментариев.
Оставить комментарий