GB: Блог о дизайне, верстке и веб-разработке
  • Email
  • Google
  • Twitter
  • Rss
  • Главная
  • Сайтостроение
    • WordPress
      • Digging into WordPress
    • Сниппеты
    • Дизайн
      • Вдохновение
    • Система
  • Шаблоны WordPress
  • Контакты
  • Карта сайта

Лучшие шаблоны-фреймворки для WordPress

22.02.2012 / Wordpress 9 комментариев
Home» Сайтостроение » Wordpress » Лучшие шаблоны-фреймворки для WordPress
Лучшие шаблоны-фреймворки для WordPress

Вы хотите иметь уникальный шаблон у себя на блоге? Думаю, ответ очевидный — конечно же, хотите. Рисовать его с нуля, верстать и оптимизировать — очень долгое занятие, если вы не слишком сильны в этих делах. Можно использовать премиум шаблоны, но нужен ли вам весь тот функционал, который туда засовывают разработчики? Уверен, что не слишком нужен. Я предлагаю вам другой вариант, который не особенно сложен, но дает вам полный контроль над вашим собственным шаблоном для WordPress.

Итак, я хочу поговорить о фреймворках для разработки шаблонов WordPress. Что они из себя представляют, почему их удобно использовать? И, конечно, не обойдется без лучших представителей этого жанра. Приступим.

Что такое фреймворки?

Что такое фреймворки

Обычно, начинающие веб-разработчики, услышав это слово, впадают в ступор и боятся их использовать. А на самом деле — все очень просто. Фреймворк это инструмент, которым нужно просто научиться пользоваться. Достаточно разобраться, как он работает и все проблемы уйдут ;) Вы же не боитесь отвертки или молотка, правильно?
Если говорить о CSS фреймворках, то они более универсальны и могут использоваться в любом проекте. Яркий пример такого инструмента это BonBon, который позволяет создавать интересные кнопки, о нем я уже писал.

А что же такое шаблоны-фреймворки? Очень просто — это обычные шаблоны, которые написаны по стандартам веб-разработки, обычно, хорошо документированы и готовы к употреблению как самостоятельные продукты, так и для дальнейшего «допиливания напильником».

Как использовать шаблоны-фреймворки?

Как использовать фреймворки

Расскажу, как поступаю я, в случае разработки нового шаблона:

  • подбираю фреймворк, который подходит мне по структуре расположения блоков
  • полностью вычищаю CSS, который отвечает за «рюшечки и красивости»
  • удаляю ненужный мне функционал шаблона
  • дописываю свои функции
  • внедряю стили оформления
  • оптимизирую и сжимаю

Казалось бы, достаточно много движений, но это не так. Некоторые фреймворки, с которыми приходилось сталкиваться, уже готовы, поэтому первые три пункта занимают минуту — найти на диске и скопировать в папку с проектом. Остальное — не проблема навесить на готовый каркас, в котором нет ничего лишнего. Удобно, не так ли?

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

Лучшие шаблоны-фреймворки для WordPress

Я составил небольшой личный топ5, которым и хочу с вами поделиться. Все из представленных шаблонов полностью бесплатны, отлично документированы и являются хорошей «стартовой площадкой» для разработки.

Bones

фреймворк bones

По праву занимает первое место моего хит-парада. Хорошая документация и структурированный код, построен на HTML5, CSS3 и 960Grid. Мало того, он еще доступен в адаптивной или relative версии. Да, он умеет «тянуться» под экраны мобильных устройств. В общем, очень и очень рекомендую, фреймворк отличный.

Скажу по секрету — на его основе готовлю полный редизайн этого блога. Только тссс… ;)

Скачать можно с официального сайта

Whiteboard Framework

whiteboard framework

Несмотря на то, что с этим проектом я работал всего пару раз — он оставил хорошее впечатление. Его основная мысль — многие разработчики вычищают ненужный код, поэтому мы его не будем вставлять. И действительно, фреймворк очень быстрый, легкий и тоже поддерживает мобильные устройства. Активно применяется  HTML5 и CSS3, есть поддержка мультиязычности.

Скачать с официального сайта

Starkers

starkers

По сути, это почищенная тема Twenty Ten от официального WordPress. Разработчик фреймворка вычистил код от ненужных стилей и функций, оставив только скелет шаблона. Если вам нужен минимальный по размеру фреймворк — этот подойдет. Только не пугайтесь демо-страницы, это все таки скелет ;)

Скачать с официального сайта

Roots

roots

Этот шаблон основан на HTML5 и самых популярных CSS фреймворках, таких как Blueprint, 960, 1140px, Less Framework и Adapt.js. Все это звучит страшно для начинающих, но, тем не менее, этот шаблон стоит того, чтобы на него обратить внимание. Список его возможностей очень и очень обширный, на официальном сайте есть подробное описание и документация.

Скачать с официального сайта

PressWork

presswork

Этот шаблон не является фреймворком в чистом виде, но дает возможность человеку, далекому от веб-разработки, создать свой уникальный шаблон. Это, своего рода, редактор, в котором можно перетаскивать блоки, выстраивая нужную структуру. Поддерживает HTML5, шрифты Гугла и полностью соответствует стандартам W3C.

Скачать с официального сайта

Вот такой небольшой хит-парад. Если вы не пользовались ничем подобным раньше — рекомендую попробовать, вам понравится.

Удачного дня ;)

creative, web-dev, Wordpress

Понравилась запись? Поблагодари автора

Tweet
Рейтинг записи: 4.9

Похожие записи

  • Ошибка 404 и немного фантазии (18)
    В сегодняшней статье я хочу рассказать о том, откуда берется ошибка 404 на ваших сайтах, почему это плохо и как с этим явлением бороться. Что делать, если избеж...
  • Выпадающий список на CSS (8)
    Сегодня хочу представить небольшой "рецепт" создания списка на CSS. Никакого JQuery, никакого CSS3 - только старый, добрый, кроссбраузерный CSS. Пример достаточ...
  • 10+ бесплатных адаптивных шаблонов Wordpress (5)
    Мобильные устройства все больше входят в обиход. Планшеты стоят уже не так дорого, все большее количество людей могут себе их позволить. И каждый планшет умеет ...

Комментарии к записи

  1. Эльвира:
    22.02.2012 в 14:48

    Виктор, добрый день! Спасибо. Это значит, статьи про фреймворки не заканчиваются? Ведь теперь хотелось бы поподробнее узнать о каждом этапе работы 
    полностью вычищаю CSS, который отвечает за «рюшечки и красивости»удаляю ненужный мне функционал шаблонадописываю свои функциивнедряю стили оформленияоптимизирую и сжимаю
    на примере шаблона Bones!    Продолжение следует?)))

    Ответить
    • Виктор Милашечкин:
      22.02.2012 в 14:51

      Все может быть ;)

      Ответить
  2. Эльвира:
    23.02.2012 в 19:40

    Виктор, поздравляю тебя с Днем защитника Отечества!!!!!
    Спасибо за твои чудесные подарки в виде отличных, честных (без всяких гадких ссылок и кодов) шаблонов и полезных советов! Спасибо за постоянную связь с читателями твоего блога! Счастья, любви, успеха тебе!!!!

    Ответить
    • Виктор Милашечкин:
      23.02.2012 в 19:52

      Спасибо за поздравления ;) Все для читателя ;) ))

      Ответить
  3. Виктор Милашечкин:
    23.02.2012 в 19:51

    Немного не подходит — потому как стоит денег. Я выложил бесплатные варианты, если интересно, расскажу о платных. Есть небольшой опыт работы с ними

    Ответить
  4. Ирина:
    24.02.2012 в 07:19

    Еще есть Toolbox от Automatic, я обычно его использую.

    Ответить
    • Виктор Милашечкин:
      24.02.2012 в 10:28

      Чего то не могу нагуглить, поделитесь ссылочкой

      Ответить
      • Ирина:
        24.02.2012 в 18:24

        Я брала тут: http://wordpress.org/extend/themes/toolbox

      • Виктор Милашечкин:
        25.02.2012 в 14:04

        Спасибо, поковыряю. На первый взгляд — Twenty Eleven :)

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

Топ за 60 дней

Год блогу
Год блогу


Комментарии Wordpress
Комментарии WordPress. Добавляем функциональность


Создание плагина Wordpress
Создание плагина WordPress


Fuctions-PHP
Не трогайте functions.php


Выпадающий список CSS
Выпадающий список на CSS


Метки

creative CSS CSS3 HTML5 infographic jquery news PHP PSD sys themes twitter web-dev Wordpress Аналитика Перевод Плагины

(c) 2012 GB: Блог о дизайне, верстке и веб-разработке