Друзья, среди вас есть хомяки? В самом хорошем смысле этого слова? Те, кто любит «нахомячить» все самое интересное и красивое про запас? Тогда сегодняшняя статья, уверена, останется у вас в закладках, потому что сегодня я предлагаю вашему вниманию подборку из 50 бесплатных адаптивных тем для WordPress. И это только первая часть, у меня в загашнике останется тем еще на пять таких статей, которые я с удовольствием опубликую в будущем.
А вообще-то, здравствуйте, друзья моего пушистого блога!
Для начала пара слов вместо вступления. Если у вас до сих пор установлена не адаптивная тема оформления, то вы либо вынуждены использовать плагин для создания мобильной версии своего блога, либо же просто-напросто теряете посетителей. И то, и другое не очень здорово, верно? И я буду не я, если хотя бы одна из тех тем, что я покажу далее, не приглянется вам до такой степени, что вы тут же задвинете все текущие дела и отправитесь переодевать свой любимый блог :). Впрочем, пора уже от слов переходить к делу.
Лучшие адаптивные темы WordPress 2013 года. Часть первая
1. Emptilium
Трехколоночная HTML5/CSS3-адаптивная тема WordPress с собственной панелью настроек и поддержкой 600+ шрифтов от Google.
2. FlatBlog
После появления Windows8 плоский дизайн (Flat) после многих лет забвения вновь стал популярным трендом. И FlatBlog — отличный качественный пример такого дизайна.
3. Komachi
Очень красивая тема в японском стиле отлично подойдет для портфолио.
Узнать больше | Демо
4. Flounder
Оригинальная и простая flat-тема WordPress. На любителя, как по мне. Но что-то в ней есть, правда?
5. Circle
Универсальная адаптивная тема, на базе которой можно создать блог, портфолио, корпоративный сайт, даже интернет-магазин.
Узнать больше | Демо | Скачать
6. Asteria Lite
Чистая элегантная адаптивная тема WordPress с большим слайдером, полной совместимостью с WooCommerce и плагином Contact Form 7. Постраничная навигация на Аяксе, что означает, что перемещаться между страницами можно без их перезагрузки. Мощная панель настроек, поддержка Google Fonts, SEO-оптимизация, полная готовность к переводу на другие языки — все это позволяет построить на базе Asteria Lite сайт любой направленности: от блога до полноценного интернет-магазина.
7. Neutro
Современный стильный плоский дизайн, поддержка произвольных типов записей, слайдер, адаптированный для сенсорных экранов — это лишь малая часть достоинст этой отличной темы, построенной на HTML5/CSS3 и Hybrid Core framework. Кроме того, чистый и аккуратный код, огромное количество настроек в админке — вы еще не отправились скачивать эту тему? 🙂
8. Pieces
Забавная минималистичная тема, которая представит ваши изображения в самом выгодном свете. Впрочем, на ее основе можно сделать и классический блог — и он тоже будет хорош, не сомневайтесь!
9. Centrino
О, ну это, без сомнения, тема для интернет-магазина :). Однако поддерживает все блоговые примочки вроде галерей, страниц архивов, форматов записей, есть и сайдбар — так что найти применение этой теме будет несложно.
Узнать больше | Демо | Скачать
10. Shopping
Просто отличная тема для интернет-магазина, ни добавить, ни убавить :).
Узнать больше | Демо | Скачать
11. Like Blogger
Дочерняя тема стандартной Twenty Twelve (а внешне и не скажешь, правда?), что означает, что для работы этой темы вам потребуется установить Twenty Twelve.
Узнать больше | Демо | Скачать
12. Happy
И еще одна дочерняя тема Twenty Twelve. Совсем непохожая на предыдущую, между прочим.
Узнать больше | Демо | Скачать
13. Finale
Очень элегантная и стильная, эта тема представит ваш контент, будь то портфолио или блог, в самом выигрышном свете.
14. Simple Dark
Об этой теме я уже говорила, когда речь шла о лучших flat-темах WordPress. Но не грех и напомнить, тем более, она того стоит.
15. Pastel
Дочерняя тема Twenty Thrirteen — легкая, прозрачная, весенняя — и действительно очень красивая.
Узнать больше | Демо | Скачать
16. TopBest
Отличительная особенность этой темы — очень мощная админ-панель. Настраивается практически все, а значит, и сделать на основе этой темы можно практически все.
Пять вариантов оформления главной страницы, множество шорткодов — впрочем, скачивайте и смотрите сами :).
17. Anew
Классический tumblog style для вашего личного блога. Табы в сайдбаре, круглые миниатюры — все очень аккуратно и уместно.
18. Xerxes
Подойдет фотографам и всем тем, кто желает красиво представлять на сайте изображения и графику. Впрочем, и для обычного блога сойдет вполне, как кажется Web-кошке.
19. Wembley
Тема для портфолио от того же производителя.
20. Elloria
Все-таки мультяшки на скринах темы всегда вызывают улыбку и смотрятся выигрышно. Не знаю, как эта тема будет выглядеть с другими изображениями, но зеленая трава на фоне уже задает общее настроение.
21. Yegor
Красивая и красочная фототема, Табы в сайдбаре, лента лучших постов над областью контента — все остальное при ближайшем рассмотрении в демо.
22. Hueman
Помнится, вас, друзья, очень порадовала русская транскрипция названия этой темы :). Продолжаем радоваться, тем более, что тема достойная, вопреки тому самому неблагозвучному для русского уха названию.
23. The Newswire
Новостная тема с большим слайдером, поддержкой Google Fonts, множеством настроек в админке, двумя настраиваемыми меню, местами для баннеров в хедере и сайдбаре.
Узнать больше | Демо | Скачать
24. WP Jurist
Как следует из названия, тема подойдет для сайтов юридических фирм. Тема очень мощная и гибкая, смотрите демо и читайте описание.
Узнать больше | Демо | Скачать
25. Appointment
Тема для всех типов бизнес-сайтов. Встроенный настраиваемый слайдер, несколько сайдбаров, настраиваемое меню — это неполный список отличительных особенностей этой адаптивной темы.
Узнать больше | Скачать
26. WereTech
Смотрите, какая классная тема! Мне нравится, но это, наверное, из-за моего любимого сочетания цветов. Хотя блок избранных статей с крупными миниатюрами, табы в сайдбаре, трехколоночный макет — уверена, все это понравится не только мне, правда? Ну и в качестве бонуса — настройки в админке и поддержка Google Fonts.
27. Premium
Отличная яркая тема, идеально подходящая для сайта креативного агенства, портфолио или бизнес-сайта. Внутри множество настроек, пять цветовых схем, два шаблона для страницы портфолио, шаблон блога, элегантный слайдер.
28. Boot Store
Адаптивная тема WordPress для интернет-магазина, построенная на BootStrap со множеством функций и возможностей.
29. WPHerald Lite
Грамотно сделанная новостная адаптивная тема WordPress.
30. Adele
Чистая светлая адаптивная тема WordPress подойдет, скорее, для женского блога. Розовое конфетти в хедере намекает 🙂
Узнать больше | Демо
31. Dental
Симпатичная «шкурка» для сайта стоматологической клиники. Приятное сочетание цветов, правильная типографика, удачно подобранные иконки, настройки в консоли — и кое-что еще, конечно же :).
Узнать больше | Демо
32. Windows 8
Шаблон, созданный под впечатлением от Windows 8. Впрочем, я могла бы этого и не говорить :). Из особенностей собственные виджеты, настраиваемое меню, изображение заголовка и фона и прочие приятные детали.
Демо | Скачать
33. Hermoso
Об этом шаблоне у нас уже тоже шла речь, впрочем, он заслуживает повторного упоминания, как думаете? Яркий, со множеством настроек блоговый шаблон — нравится?
Узнать больше | Демо
34. Vantage
Уникальный по количеству настроек, универсальный в применении шаблон WordPress, который подойдет для сайта любого типа.
35. VisitPress
Легко настраиваемая адаптивная тема WordPress, которая будет отлично смотреться на любом устройстве.
36. Multipurpose
Адаптивная SEO-friendly тема WordPress с множеством настроек в админке.
37. Ato
Необычная, но достаточно простая в использовании и легко настраиваемая тема.
Узнать больше | Демо
38. Reslig
Бесплатная премиум-тема для фотоблога.
Узнать больше | Демо
39. Fundler
Тема для сайта краудфандинга — это сайты для сбора средств для стартапов. Тема нынче в тренде, кстати.
40. Oslove
Тема для блога или портфолио, внутри: три языка, настраиваемая цветовая гамма, кнопки соцсетей.
Демо | Скачать
41. BigFoot
Креативная тема с полноэкранным слайдером.
Узнать больше | Демо
42. Publish
Минималистичная тема, идеально подходящая для личного блога с акцентом на контент.
43. Elegant
Простая, но элегантная профессиональная тема WordPress, представленная в двух цветовых схемах: светлой и темной.
44. Post
Экстремально минималистичная адаптивная WordPress-тема, но только снаружи. Внутри же 8 разных вариантов расположения страниц, два варианта слайдера — большой и маленький, 9 цветовых схем и много что еще.
45. Hiero
Тема из тех, что не требуют комментариев.
46. DW Minion
Простая бесплатная премиум-тема для блога в классическом его понимании. Легкая и изящная, она сфокусирует внимание посетителя на контенте.
47. Frau
Нужно ли говорить, что это тема для женского сайта?
Узнать больше | Демо | Скачать
48. Digest
49. Virtue
50. Gatgetry
Современный стиль этой темы позволит вам выделиться из толпы похожих блогов.
Ну что, понравилось что-нибудь? Не торопитесь с выбором, ибо, как я уже упоминала вначале, у меня для вас припасена еще пара-другая сотен отличных адаптивных тем для WordPress, еще бы не полениться и оформить их в серию статей :).
А пока что все, друзья мои, и до новых приятных встреч!
Снова радуешь нас подборочкой =) Большинство тем очень интересны, с некоторыми знаком и приглядывался к ним уже.
Но вот такой, чтобы прям «Вау! Это мое!», к сожалению нету 🙂
Ну еще две сотни тем посмотришь, может, т самое «Вау» и вырвется непроизвольно 🙂
Может быть, может быть 😉 Посмотрю с удовольствием
Найти подходящую тему по своим потребностям, даже платную, очень тяжело. Это я уже хорошо знаю.
Да, это точно 🙂 . Проблема в том, что для обычных блогов хороших современных тем не так много. Для портфолио, корпоративных сайтов — сколько угодно, а вот блоговую тему, даже премиум, сложно выбрать…
Лариса спасибо за подробный обзор. Теперь глаза разбегаются и еще сложнее выбрать. Хочу адаптивную, двух колоночную, функциональную, но что бы поменьше обращаться к кодам. Подходящую для блога о недвижимости и строительстве. Просто я не знаю как выбрать, на что обращать внимание.
Александр Викторович, я бы посоветовала для начала выбрать несколько тем, с десяток, например, по очереди их установить на тестовом блоге, можно на Денвере, а потом уже определяться с выбором одной. Потому что тема может хорошо смотреться в демо, а конкретно к Вашему сайту не подходить. Ну и не торопиться с выбором, конечно.
Я физически не могла лично просмотреть такое количество тем, поэтому трудно судить, насколько хороша будет в деле та или иная…
Вот эта больше приглянулась: Asteria Lite . Внешний вид нравится и функциональность. Как ваше мнение?
Лариса, спасибо за ответ. У меня есть бесплатный блог именно для тестирования, наверное попробую там, что получится.
Александр, тема очень классная! Мое личное мнение =)
Спасибо за оценку. Попробую ее на тестовом блоге.
Вы находите очень интересные темы. Жаль, что их нельзя скачать с демо-данными и переделывать уже под себя. А так, после установки на чистый сайт, они все в общем одинаковы
Александр, это правда — если на пустой сайт ставить, то трудно тему оценить. Поэтому у меня для этих целей есть точная копия этого блога на поддомене, я сразу смотрю, как будет выглядеть блог, с наполнением, так сказать… А демо-данные обычно отдают только в премиум-темах, потому что, во-первых, без них иногда реально очень сложно разобраться в теме, а во-вторых, там же еще авторские права на использованную графику передаются…
Спасибо за мегаподборку, добавил в закладки! Если буду делать что-то новое, то обязательно буду здесь искать нужную тему, сейчас же адаптивный дизайн вроде как в трендах)
Михаил, обещаю в ближайшее время еще порадовать подборкой, чтобы усложнить и без того нелегкий выбор 🙂
А сколько из них русских, чтобы не переводить вообще ничего? Так, хомяческое любопытство 🙂
Саша, не знаю, честно. Но думаю, немного, если вообще есть. Впрочем, перевести-то несложно, особенно если тема готова к переводу.
Если действительно нужно, то выбери понравившуюся тему, а я на ее примере покажу и расскажу, как правильно переводить.
Почему-то Pastel у меня такая же как Twenty Thirteen получилась на блоге,а не как на картинке…
Юля, даже не знаю, в чем там дело. Надо бы на сайте разработчиков почитать, что там к чему.
Здорово! Парочку скачаю и посмотрю в деле 🙂 Сайт, с которого ты предлагаешь, достоин доверия или вирусные ссылки будут:) Я где-то читала советы брать только с официального сайта Водпресс…
Да, с переводом вопрос. Там хитрость какая-то? Я думала, что можно просто в файлах темы перевести с английского. А не тут-то было! Переводишь — а на экране ромбики с вопросами…
Надя, все ссылки ведут непосредственно на сайты разработчиков, так что совсем уж «левых» ссылок точно нет, только если их собственных. Но с такими ссылками и на WordPress.org темы обычно попадаются.
Надежда, насчет «ромбиков и вопросиков» — тут наверное причина в кодировке. Используйте для этих целей notepad++, или в том же блокноте сохраняйте в правильной кодировке.
А вообще, Лариса, вот тебе тема для новой статьи (весьма актуальная, кстати) — правильный перевод тем и плагинов через mo и po, и почему нельзя переводить, переводя сами файлы темы/плагина =)
Я пробовали через нотепад. Тот же результат. Может, кодировка не та? Какую надо? У меня была 8 без бом (или бум?) — та же, что для цитат твоих нужна.
Пожелание Ларисе поддерживаю двумя руками! 🙂 Должен же кто-то чайников просвещать?
Надежда, может проблема в кодировке Windows? Такое тоже встречается. Запускаешь программу, а вместо русского языка видишь непонятные символы.
Так ведь остальное-то нормально выглядит. Или проблема может проявляться избирательно?
Бывают еще проблемы со шрифтами, из-за кириллицы.
Будет вам статья про перевод, уговорили. Какую тему перевести, выбирайте, чтобы потом перевод выложить как итог статьи 🙂
Мне больше всех понравилась та, что с неприличным названием 🙂
Я вот думаю, раз она всем так нравится, на ее примере и показать процесс перевода и выложить потом готовую локализацию
Надя, там есть такой момент — вначале файл нужно перевести в UTF8 без BOM, а потом только переводить слова. А иначе тоже могут кракозябры появиться.
Перевести файл в кодировку и открыть его в этой кодировке — разные действия?
Смотри, Надя, порядок действий такой: открываешь файл в NP++, а меню «Кодировки» выбираешь «Преобразовать в UTF-8 без BOM» (не «кодировать», а именно «преобразовать»), а потом смело все переводишь. Я, во всяком случае, всегда делаю именно так.
Отличная подборка тем! Вот только бы еще узнать, как свою тему сделать адаптивной под мобильные устройства без плагинов…
Чтобы свою тему адаптировать, тут, наверное, серьезные спецы нужны =) Или же специальные плагины. Правильней будет заранее выбирать адаптивную, хотя бы частично, тему.
Никита, нужно для каждого размера экрана, под который хочешь адаптировать, писать свои стили — это тебе просто как общее представление о вопросе. А нормально рассказать в комментах не получится, да и тема все-таки немного не моя, это уже чистая верстка. Но попробуй просто скачай какую-нибудь адаптивную тему, посмотри ее файл стилей и попробуй сделать примерно то же самое со своей…
Что-то мне подсказывает, что одними стилями не отделаешься. Наверняка нужно будет еще в коде php-файлов порыться…
Нет, Никита, не надо. Это же просто оформление для разных размеров экранов. Если сам еще не гуглил, то вот тебе ссылка, там подробнее — http://great-world.ru/kak-sdelat-adaptivnyj-shablon-dlya-sajta-na-wordpress/
Лариса, а адаптивная и резиновая — одно и то же? У тебя сейчас адаптивная?
Нет, это немного разные понятия — резиновая просто растягивается по ширине экрана любого, а адаптивная имеет несколько разных макетов для разных устройств. В адаптивной теме в коде жестко прописано, на экране какого размера как будут отображаться разные элементы сайта. То есть есть отдельные стили для экрана 1920 px, 1600 px, 240*320 px ну и для любых других, под которые разработчик заточил свою тему. А в резиновой все размеры элементов просто указаны в процентах от ширины экрана, чтобы растягиваться.
Эта тема у меня, как и прошлая, адаптивная. Сейчас вообще сложно найти тему, которая «неадаптивная», если только из старых…
Понятно. А как узнать, адаптивная тема или нет? В файле стилей разные стили прописаны?
И чтобы внести изменения в адаптивную, нужно будет во все эти разные стили их вносить?
Ну обычно, адаптивная тема или нет, указано в ее описании. А в файле стилей обязательно будут встречаться блоки с медиазапросами: @media only screen. Там прописаны не все-все стили для темы, а только размеры тех элементов, которые необходимо изменять на разных устройствах. Ну например, общая ширина сайта. При этом все остальные стили, вне этих блоков, будут работать на любых устройствах. На самом деле, это проще один раз увидеть, и сразу поймешь, в чем суть дела.
В общем, надо заглянуть в файл стилей одной из предложенных тобой тем и сравнить со своей старой 🙂
Ну да, посмотришь — сама поймешь, в чем смысл.
Некоторые очень даже ничего 🙂
Слюнки потекли прям. У меня неадаптивная, кстати, и, к тому же, самописная.
Хочешь поменять тему, Елена? 🙂 Вообще время от времени это полезно делать.
Чем полезно? 🙂 Хочу эту доработать так, чтобы больше ничего не хотелось менять ))
Ну как чем — встряхнуться, освежить блог… Периодические изменения полезны, но это я по себе сужу, я любитель всяких нововведений)) Уже придумала, когда и на какой дизайн поменяю этот 🙂
А ты сама свою тему верстала или заказывала? Можно попросить, чтобы тебе ее доделали, думаю, это не очень дорого будет, да и автору проще будет со своим же кодом работать.
Верстка не моя, но я тот вариант я сильно переделала. Так что вот )
Лариса! Установил на тестовый блог тему Asteria Lite, в целом она мне нравиться, но есть два вопроса. Там присутствуют некоторые надписи на английском языке — можно ли их перевести? Текст статьи немного мелковат — как его увеличить в настройках не нашел?
Перевести можно, Александр Викторович! И у меня на завтрашнее утро уже поставлена на отложенную публикацию статья о том, как это легко сделать самостоятельно, без редактирования кода. А вот как увеличить шрифт, не видя блога не скажу, надо стили CSS править немного. Покажите адрес тестового блога в личку, я подскажу, где что изменить.
Лариса здравствуйте, подскажите пожалуйста где перевести в теме Emptilium надпись Related Posts (похожие записи), которая после поста выводиться, никак не могу найти. И еще Topics (рубрики)?
Маргарита, вообще правильнее будет сделать перевод шаблона вот так
Почему после загрузки и установки темы у меня полностью пропал сайт в никуда просто исчез.Вообще ничего сделать не успела только загрузила и активировала тему,а сейчас просто пустое окно открывается.Не могу зайти даже по ссылке в панель управления,как обычно входишь?Если вы не можете гарантировать безопасность загрузки и установки ваших программ,то не стоит их вообще и предлагать.Надо иметь хоть каплю ответственности,вы вообще понимаете сколько времени улетело в никуда.И раз уж вы такую продвинутую из себя здесь изображаете дак уж верните мне мой сайт на место.
Анна, причин этому может быть множество — от банально битого архива, который не полностью скачался, до конфликта с каким-то установленным на сайте плагином. Нужно смотреть предметно. Первое, что Вы должны сделать, это удалить папку с установленным шаблоном по FTP. И стоит понимать, что при любых манипуляциях с сайтом, не обладая достаточным опытом работы, Вы первым делом должны делать полный бекап сайта.
Если не затруднит, отпишитесь, какая именно тема вызвала проблемы — а то при всей моей «продвинутости» с экстрасенсорикой у меня пока плоховато 🙂
Кроме того, было бы очень полезно для понимая причин включить в файле wp-config.php режим отладки, заменив в строке define(‘WP_DEBUG’, false); false на true и посмотреть, какие сообщения будет выдавать сайт.
Кроме того, сейчас пришло на ум, что возможно, шаблон давно не обновлялся и стал просто несовместим с текущей версией WordPress. Что опять нас возвращает к теме обязательного бекапа перед любыми манипуляциями.
И почему я на эту статью раньше не попал? Спасибо за подобранные шаблоны. Честно говоря благодаря ей и определился с шаблоном «Hiero».
Уже существующую,но не адаптивную тему трудно будет переделать под адаптивную. Может где уроки имеются ?
добрый день извините меня за глупый вопрос я просто новичок. а что будет если убрать ссылку автора?
Отличная подборка тем. Много новых и убойных сайтов можно сделать при активном использовании генератора.