Где скачать готовые CSS-шаблоны?

Иногда, в поисках идей, я просматриваю каталоги шаблонов для сайтов. В этой статье я расскажу, что такое CSS-шаблоны для сайта, где лучше всего их искать.

CSS шаблоны для сайта

Что такое шаблон для сайта

Под шаблоном в этой статье я понимаю сверстанный макет, то есть набор HTML и CSS файлов, изображений и, возможно, скриптов.

Шаблон отличается от PSD-макета (несверстанного, т.е. изображения), и темы оформления (которая чаще всего является уже конечным продуктом, полностью готовым к установке на CMS). Шаблон является промежуточным продуктом между PSD-макетом и темой оформления.

Зачем нужны готовые CSS-шаблоны?

Используя сверстанный шаблон, можно быстро и без особых проблем сделать тему оформления для любой CMS. В одном из ближайших постов я расскажу, как на основе сверстанного шаблона и темы Toolbox создать собственную тему для блога на WordPress. Также их можно использовать и без CMS, для создания простых сайтов типа визиток.

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

На бесплатные шаблоны действуйт, как правило, лицензия Creative Commons, поэтому у вас не возникнет проблем с его использованием, изменением, и последующим распространением.

Где можно найти CSS-шаблоны?

Обыно я ищу бесплатные шаблоны на следующих сайтах:

  • http://www.freecss.in – около 170 шаблонов, для каждого выводится дата добавления в каталог
  • http://templated.org – очень удобная система поиска и сортировки: по цвету, лицензии; около 500 шаблонов, для каждого выводится количество скачиваний и дата добавления
  • http://www.templatemo.com – много шаблонов, выводится количество загрузок и дата добавления в каталог
  • http://www.freewebsitetemplates.com – много шаблонов, но каталог практически никак не организован
  • http://www.freecsstemplates.org – большой каталог, около 700 шаблонов, есть поиск

Конечно, существует большое количество других каталогов. Также можно поискать обзоры шаблонов, я обычно ищу по запросу free HTML CSS templates, и просматриваю обзоры в зарубежных блогах.




15 комментариев к “Где скачать готовые CSS-шаблоны?”

  1. Vadim

    Рекомендую обратить внимание на наиболее популярные шаблоны Twitter Bootstrap, а также фронтенд-шаблон HTML5 BoilerPlate 🙂

    Ответить
    • Ирина

      Про Twitter Bootstrap много слышала, надо уже посмотреть, что он собой представляет 🙂

      Ответить
      • Дамир

        ничего особенного, неудобный перегруженный HTML+CSS+jQuery – фреймворк, ручками всё получается быстрее и качественней.

        единственное что там интересно так это, изучить структуру модульной сетки, остальное бред…

        Ответить
  2. Тимофей

    А я хочу уникальный дизайн, на днях начну думать, что можно сделать с блогом.

    Ответить
    • Ирина

      Да, я тоже считаю, что если блогом заниматься серьезно – то уникальный дизайн обязателен. Кстати, если что-то придумаете, обращайтесь, могу сверстать макет и сделать тему (если нарисованный дизайн будет, конечно) 🙂
      К CSS-шаблонам я отношусь как к “конструктору”, с их помощью легко учиться создавать темы, а еще можно смотреть, как ту или иную часть реализовал автор, чему-то учиться у него, думать, “а как бы я это сделала”, пробовать сделать…

      Ответить
  3. Максим

    Прекрасная подборка, вот подумываю тоже подобрать шаблон для себя. Воспользуюсь Вашими подсказками! Спасибо! Как мне кажется все больше оборотов набирают на данное время шаблоны в стиле windows 8. У меня есть наброски в html. Ирина, вы занимаетесь кодингом? А то есть заманчивое предложение!

    Ответить
    • Ирина

      Максим, не за что 🙂
      Касательно Вашего предложения: я могу сделать шаблон либо из PSD-макета (сверстать его, и потом натянуть на WP), либо из уже готовой верстки. Напишите на почту oriolo@oriolo.ru, обговорим детали.

      Ответить
  4. Роман

    Здравствуйте. Я скачал шаблон с http://www.freecss.in, но язык в заголовках, меню и т.п только англ, пишу рус. буквами, но он просто не отображает… В самом тексте все ок. Посоветуйте что сделать?

    Ответить
  5. Юля

    Я скачала HTML шаблон, и тоже была неувязочка со шрифтами, дело в том что большинство таких шаблонов имеют шрифты без поддержки кирилицы. Это решается поключением другого похожего шрифта через CSS, который можно подобрать тут https://www.google.com/fonts

    Ответить
  6. Максим

    Вот недавно пришлось искать шаблон , но большинство содержат их них скрытые ссылки и другие невидимые человеку простому , особенно кто не разбирается в php, html . Свое мнение остановил на проверенном ресурсе. Поиск шаблонов из админки, так как мне особых наворотов не надо, а достаточно простого и не мозолящего глаза шаблона.

    Ответить
    • Ирина

      Максим, да, такая проблема с готовыми темами для вордпресс существует. Но я в этом посте рассказывала про html+css шаблоны, которые в дальнейшем при желании можно самостоятельно превратить в тему. Поэтому для них вопрос ссылок неактуален – там нет php, и поэтому их можно просто удалить.

      Ответить
  7. Максим

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

    Ответить
  8. Дмитрий

    Ребят подскажите какие нибудь плагины для wordpress чтобы можно было рекламные афиши вешать.Сайт фотопортал.Бьюс сам долго уже, а знаний своих не хватает/Вообще хочу полностью сам написать страницы и залить на вордпресс.Это реально?

    Ответить

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