Создаем тему для Wordpress самостоятельно

Думаю, у большинства блоггеров когда-нибудь да возникает желание изменить тему оформления своего блога. При этом не выбирать что-то из доступного и бесплатного, а подыскать что-то оригинальное или сделать свое. Не у каждого хватает знаний для того, чтобы с ноля создать свою тему, или переделать существующую, а покупать готовое дизайнерское решение не всегда есть средства.

После того, как увлекся переводом тем, я совершенно случайно наткнулся на один сайт с очень полезной для этого дела вещью – нашел бесплатный фреймворк (каркас темы), который может удовлетворить запросы даже изощренного пользователя. Причем написан он правильно и грамотно, с кучей наворотов. Теперь сам использую исключительно его на всех своих блогах!

Итак, преимущества: возможность делать двух-трехколоночные темы с любым расположением сайдбаров, куча областей для виджетов (13 штук), грамотное оформление страницы автора (с выводом аватара, биографии и возможностью связаться по E-mail), дополнительные страницы архивов и ссылок, и (очень важная вещь) возможность включения древовидных комментариев (что в самом Wordpress’е заложено, но темами почему-то не используется и приходится ставить дополнительный плагин).

Из недостатков: явных не обнаружено! Единственная мелочь – для того, чтобы разрешить комментирование страницы необходимо добавить произвольное поле «comments» со значением «comments».

Теперь все, что необходимо сделать для того, чтобы создать тему самому – это прописать стили в файле style.css!

Сам оригинальный фреймворк имел пару багов, которые я поправил и кучу переводов на разные языки – с этим тоже пришлось повозиться – удалил все ненужные и откорректировал русский перевод т.к. он был немного корявый. Отредактировал, правда не по правилам – правил прямо в файлах, так как ничем не смог толково открыть исходный файл, но это ни на что не влияет, кроме как на красоту реализации в программерском смысле.

Такую вот полезную штуку и предлагаю вам для скачивания! Выбирать, что качать вам – авторский фреймворк или же его, но с моими доработками.

Что необходимо делать дальше?

Во-первых, залить файлы на хостинг в папку с темами Wordpress’а.

Во-вторых, решить для себя, как вы будете ее (тему) делать, потому как присутствует возможность на основе фреймворка делать множеств тем.

В-третьих, приступить к созданию своей новой темы.

Для тех, кто решил делать одну единственную тему – можете смело брать и корректировать файл style.css, который лежит в корне темы. Но это будет не совсем правильно (опять же не потому, что не будет работать, а с позиции программерской красоты).

Ну, а чтобы все было грамотно и по всем правилам необходимо скопировать папку thematicsamplechildtheme в папку с темами вашего блога, обозвать ее так, как будет называться ваша новая тема и приступить к редактированию стилей. (Все остальные темы делаем так же – копируем, переименовываем, редактируем).

В первую очередь, вам необходимо определиться, сколько сайдбаров будет иметь ваша тема и где они будут располагаться. А после этого в файле стилей прописать, какой файл использовать, т.е. для темы с левым сайдбаром в файле style.css меняем строчку:

@import url('../thematic/library/layouts/2c-r-fixed.css');

На строчку:

@import url('../thematic/library/layouts/ 2c-l-fixed.css');

Для остальных вариантов делаем по аналогии.

Со структурой будущей темы определились, приступаем к прописыванию самих стилей. Все в тот же файл style.css добавляем все, что вам необходимо – при желании меняем шрифт, его размер, цвет ссылок, шапку, подвал, фон, в общем дальше все зависит исключительно от вашей фантазии и желания!

Для того, чтобы удобно было работать со стилями и визуально наблюдать, как и что будет получаться используйте браузер Firefox с плагином Firebug.

Удачной разработки и новых тем! Что непонятно, спрашивайте – отвечу!

PS: Буду признателен, если в благодарность сошлетесь на данный пост со своего блога!