Вы хотите иметь уникальный шаблон у себя на блоге? Думаю, ответ очевидный — конечно же, хотите. Рисовать его с нуля, верстать и оптимизировать — очень долгое занятие, если вы не слишком сильны в этих делах. Можно использовать премиум шаблоны, но нужен ли вам весь тот функционал, который туда засовывают разработчики? Уверен, что не слишком нужен. Я предлагаю вам другой вариант, который не особенно сложен, но дает вам полный контроль над вашим собственным шаблоном для WordPress.
Итак, я хочу поговорить о фреймворках для разработки шаблонов WordPress. Что они из себя представляют, почему их удобно использовать? И, конечно, не обойдется без лучших представителей этого жанра. Приступим.
Что такое фреймворки?
Обычно, начинающие веб-разработчики, услышав это слово, впадают в ступор и боятся их использовать. А на самом деле — все очень просто. Фреймворк это инструмент, которым нужно просто научиться пользоваться. Достаточно разобраться, как он работает и все проблемы уйдут
Вы же не боитесь отвертки или молотка, правильно?
Если говорить о CSS фреймворках, то они более универсальны и могут использоваться в любом проекте. Яркий пример такого инструмента это BonBon, который позволяет создавать интересные кнопки, о нем я уже писал.
А что же такое шаблоны-фреймворки? Очень просто — это обычные шаблоны, которые написаны по стандартам веб-разработки, обычно, хорошо документированы и готовы к употреблению как самостоятельные продукты, так и для дальнейшего «допиливания напильником».
Как использовать шаблоны-фреймворки?
Расскажу, как поступаю я, в случае разработки нового шаблона:
- подбираю фреймворк, который подходит мне по структуре расположения блоков
- полностью вычищаю CSS, который отвечает за «рюшечки и красивости»
- удаляю ненужный мне функционал шаблона
- дописываю свои функции
- внедряю стили оформления
- оптимизирую и сжимаю
Казалось бы, достаточно много движений, но это не так. Некоторые фреймворки, с которыми приходилось сталкиваться, уже готовы, поэтому первые три пункта занимают минуту — найти на диске и скопировать в папку с проектом. Остальное — не проблема навесить на готовый каркас, в котором нет ничего лишнего. Удобно, не так ли?
А теперь сравните, сколько времени займет верстка шаблона с нуля. Даже если вы очень хороший специалист — никак не меньше двух-трех часов напряженного труда. Очевидно, что фреймворки для разработки использовать очень выгодно с точки зрения потраченного времени.
Лучшие шаблоны-фреймворки для WordPress
Я составил небольшой личный топ5, которым и хочу с вами поделиться. Все из представленных шаблонов полностью бесплатны, отлично документированы и являются хорошей «стартовой площадкой» для разработки.
Bones
По праву занимает первое место моего хит-парада. Хорошая документация и структурированный код, построен на HTML5, CSS3 и 960Grid. Мало того, он еще доступен в адаптивной или relative версии. Да, он умеет «тянуться» под экраны мобильных устройств. В общем, очень и очень рекомендую, фреймворк отличный.
Скажу по секрету — на его основе готовлю полный редизайн этого блога. Только тссс…
Скачать можно с официального сайта
Whiteboard Framework
Несмотря на то, что с этим проектом я работал всего пару раз — он оставил хорошее впечатление. Его основная мысль — многие разработчики вычищают ненужный код, поэтому мы его не будем вставлять. И действительно, фреймворк очень быстрый, легкий и тоже поддерживает мобильные устройства. Активно применяется HTML5 и CSS3, есть поддержка мультиязычности.
Скачать с официального сайта
Starkers
По сути, это почищенная тема Twenty Ten от официального WordPress. Разработчик фреймворка вычистил код от ненужных стилей и функций, оставив только скелет шаблона. Если вам нужен минимальный по размеру фреймворк — этот подойдет. Только не пугайтесь демо-страницы, это все таки скелет
Скачать с официального сайта
Roots
Этот шаблон основан на HTML5 и самых популярных CSS фреймворках, таких как Blueprint, 960, 1140px, Less Framework и Adapt.js. Все это звучит страшно для начинающих, но, тем не менее, этот шаблон стоит того, чтобы на него обратить внимание. Список его возможностей очень и очень обширный, на официальном сайте есть подробное описание и документация.
Скачать с официального сайта
PressWork
Этот шаблон не является фреймворком в чистом виде, но дает возможность человеку, далекому от веб-разработки, создать свой уникальный шаблон. Это, своего рода, редактор, в котором можно перетаскивать блоки, выстраивая нужную структуру. Поддерживает HTML5, шрифты Гугла и полностью соответствует стандартам W3C.
Скачать с официального сайта
Вот такой небольшой хит-парад. Если вы не пользовались ничем подобным раньше — рекомендую попробовать, вам понравится.
Удачного дня










Виктор, добрый день! Спасибо. Это значит, статьи про фреймворки не заканчиваются? Ведь теперь хотелось бы поподробнее узнать о каждом этапе работы
полностью вычищаю CSS, который отвечает за «рюшечки и красивости»удаляю ненужный мне функционал шаблонадописываю свои функциивнедряю стили оформленияоптимизирую и сжимаю
на примере шаблона Bones! Продолжение следует?)))
Все может быть
Виктор, поздравляю тебя с Днем защитника Отечества!!!!!
Спасибо за твои чудесные подарки в виде отличных, честных (без всяких гадких ссылок и кодов) шаблонов и полезных советов! Спасибо за постоянную связь с читателями твоего блога! Счастья, любви, успеха тебе!!!!
Спасибо за поздравления
Все для читателя
))
Немного не подходит — потому как стоит денег. Я выложил бесплатные варианты, если интересно, расскажу о платных. Есть небольшой опыт работы с ними
Еще есть Toolbox от Automatic, я обычно его использую.
Чего то не могу нагуглить, поделитесь ссылочкой
Я брала тут: http://wordpress.org/extend/themes/toolbox
Спасибо, поковыряю. На первый взгляд — Twenty Eleven