Десять шаблонов для Wordpress в резиновым дизайном
05.09.2018
На этот раз предлагаю вам на выбор десять бесплатных шаблонов тем для WordPress с резиновым дизайном. То есть, такая резиновая тема wordpress может подстраиваться под любую ширину экрана, и очень ценится веб-мастерами в плане применения для мобильных устройств.
Первый шаблон с резиновой версткой – iFeature
Шаблон адаптируется под все разрешения экранов дисплеев мобильных девайсов и мониторов. Вы, наверное, замечали, что адаптивные шаблоны реагируют на сужение ширины окна переносом сайдбара в нижнюю часть страницы. Такое решение позволяет пользоваться сайтом на мобильных устройствах более комфортно. Шаблон iFeature умеет это делать.
Крутой шаблон для wordpress - Monstroid2
iFeature 5 Free обладает широким набором настроек, хотя и бесплатный. После активации шаблона вы увидите пункт «Коробки Lite» (Box Section) — это рекламные блоки, которые вы можете установить на главной странице сайта. Также в настройках вы можете задавать миниатюру, ссылку с миниатюры и заголовок. Бесплатная версия имеет три секции:
Как создать шаблон для WordPress. Грамотная посадка верстки на WordPress (Right Way)
Вот главные функции шаблона:
Работу адаптивного дизайна можно выключать и включать. Если функция выключена, то шаблон отображаться с фиксированной шириной. Активация широкого или узкого сайдбара. Настройка цветовой гаммы в двух вариантах — серая и зеленая. Настройка цвета ссылок, цвета текста, размера и типов шрифтов. Настройка логотипа и фавикон для сайта. Включение кнопок социальных сетей. Включение и настройка слайдера. Настройка картинок для изображения и указание ссылки с картинки. Задание разных шаблонов дизайна для разных страниц сайта. Меню для подвала – включение или выключение.В этом шаблоне можно активировать «Портфолио» — при этом на главной странице будет отображаться 4 миниатюры с теми картинками, которые вы зададите сами. В «Портфолио» можно размещать свои работы со ссылкой на них.
Есть и Pro версия шаблона iFeature с еще более широкими функциями, но большинству из блогеров хватает и тех настроек которые имеет бесплатный шаблон. Кстати, тема iFeature приобрела русскую локализацию.
Бесплатный WordPress шаблон Zoren
Zoren также имеет резиновую верстку и способен подстраиваться под все разрешения мониторов, дисплеев и других мобильных устройств. Так как мобильный трафик ценится все выше, такие резиновые темы вордпресс становятся все более популярными.
У этого шаблона нет настроек в консоли WordPress, но после его активации вам нужно будет установить плагин, управляющий рекламой в сайдбаре. Без этого плагина в сайдбаре будет появляться строка с выводом ошибки. Решений у этой проблемы два – или установить плагин, или удалить из кода сайдбара строку с выводом рекламы, а самы рекламные блоки выводить при помощи стандартного текстового виджета. Код находится в файле sidebar.php, и вам придется удалить вот эту строчку:
<!--?php get_template_part( 'sponsors' ); ?-->WordPress шаблон с резиновой версткой Admired
Настройками шаблона вы можете размещать сайдбар слева или справа, а также с обеих сторон.
Три виджета в подвале, удобная пагинация, которая также встроена в шаблон, кнопка для плавной прокрутки в начало страницы.
Трехколоночный шаблон выглядит вот так:
На этом скриншоте вы видите админпанель с настройками шаблона:
Дополнительные виджеты имеют все резиновые темы для wordpress , и шаблон Admired – не исключение. При помощи виждета Google Translator вы можете переводить страницы на любой язык, предусмотренный переводчиком Google. Есть также виджет для вывода изображений и фотографий из Flickr и виджет для вывода сообщения из Твиттера. Шаблон уже имеет перевод на русский язык — файлы локализации в теме есть, в папке languages.
Резиновый шаблон Responsive Theme
Дальше знакомимся с тоже русифицированным резиновым WordPress шаблоном Responsive Theme. Современные резиновые темы для wordpress на русском все больше привлекают веб-мастеров – мало кто уже обращает внимание на веб-технологии двадцатилетней давности.
Главная страница шаблона построена не по примеру блога — на ней отображается любая информация о вашем блоге. Вы можете выводить кнопку для любого действия, например, при нажатии на нее будет открываться конкретная страница. Также вы можете установить вывод любого изображения справа, или видеороликов с Youtube. Все это осуществляется в настройках шаблона. Также в подвале на главной можно установить 3 виджета.
Разработчики сделали шаблон многофункциональным – можно настраивать несколько горизонтальных меню в хедере и в футере. В тему встроено несколько шаблонов для страниц сайта (а не записей) и к ним — набор виджетов, поэтому при настройке страницы записи вы можете подумать, что не все виджеты рабочие. Это не так – они работают на простых страницах.
WordPress шаблон Basic в стиле минимализм
Этот шаблон — минималистичный и функциональный. Шаблон Basic, как и остальные резиновые темы wordpress , имеет резиновый дизайн, поэтому корректно работает со всеми разрешениями мобильных и декстопных девайсов и компьютеров, таки, как iPad, Blackberry, iPhone, и построенных на Android.
Резиновый WordPress шаблон Basic может изменять в настройках дизайн при выводе записей, в том числе вывод в виде сетки. Плюс к этому сайдбары можно размещать в любом месте страницы.
При помощи виджетов вы можете выводить и настраивать меню в подвале сайта, а благодаря Themify Framework (это программная платформа от компании Microsoft) вы сможете редактировать все CSS стили шаблона, менять шрифты, убирать или добавлять фоновые картинки из панели администратора сайта WordPress. Встроены несколько вариантов скинов (skins). В основном это светлые и темные тона и оттенки.
В шаблоне есть еще много разных настроек, но подробный рассказ о них займет много места и времени, поэтому предлагаю разобраться с ними самостоятельно. Кстати, шаблон Basic построен на HTML5 и CSS3, поэтому полностью валидный.
Pronto — WordPress шаблон с резиновым дизайном в стиле минимализм
Тема Pronto необычна тем, что в ней реализована функция вывода коротких новостей с миниатюрами. Вывод подстраивается под ширину экрана в виде сетки. Эта функция реализована при помощи библиотек jQuery.
Этот шаблон, как и многие другие резиновые шаблоны wordpress , можно устанавливать на сайт для реализации своего портфолио. То есть, вы можете выкладывать свои фотографии, файлы, другие электронные изделия или товары, и т.д.
Вы имеете возможность вывода изображений по одному, а не в виде слайдера – в настройках это пункт «HP Slides». Вот так будет выглядеть ваше портфолио с выводом картинок:
В панели настроек шаблона вы увидите пункты «Portfolio» и«HP Highlights», при помощи которых очень просто можно создавать записи и обычные страницы сайта. Это, можно сказать, вспомогательный способ создания записей. При помощи виджета Flickr вы можете отображать в сайдбаре последние добавленные фотографии из вашего аккаунта в этом сервисе, если вы им пользуетесь.
Вообще-то настройки шаблона минимальны – вы можете только вписать адрес своей favicon и логотипа сайта, и установить в подвал сайта код статистики – например, Liveinternet или Google Analytics.
Резиновая тема WordPress — FluidZine
FluidZine – резиновый шаблон с тремя колонками, с сайдбаром, который расположен справа и разделен на две колонки. Каждая колонка сайдбара легко настраивается в управлении виджетами. В широком и стильном подвале можно разместить еще 4 виджета. На странице настроек в консоли Вордпресс можно включить/отключить RSS-лету, Твиттер и другие социальные сети. Здесь же настраивается слайдер с избранными записями.
Также в слайдере отображаются картинки произвольных полей. Ключи к этим полям можно придумать свои. Это удобно, если дизайн сайта обновляется, а старый шаблон был настроен на работу с конкретным ключом произвольного поля картинок. Шаблон FluidZine выполнен в светло-серых тонах, смотрится просто, но строго. Есть места для виджетов –4 колонки в подвале и 2 -в сайдбаре.
В шаблоне FluidZine есть функция вывода на главной слайд-шоу из указанной рубрики, изображения прикрепляются к записям указанием произвольных полей. В произвольном поле по умолчанию указывается «thumb», в поле «значение» – адрес картинки. Чем еще может похвастаться шаблон FluidZine:
В сайдбаре предусмотрено шесть рекламных мест. Шапку сайта можно настроить – с компьютера загрузить картинку и обрезать ее до нужного размера. Загружаются изображения здесь: «Внешний вид» — «Заголовок». Вы можете в настройках прописать код Google AdSense и Google Analystic. Вывод пользовательского меню, начиная с версии WordPress 3.0. Вывод социальных кнопок Twitter, StumbleUpon, FeedBurner и Вывод «хлебных крошек».Шаблон для творческих людей The Erudite
Особенности The Erudite: шаблон выполнен резиновым, с адаптивной версткой. Нижняя и верхняя части сайта закрываются динамическими меню.
Боковых сайдбаров шаблон не имеет – вместо них в правой части сайта расположен информационный блок. В теме предусмотрены настройки через консоль:
В шаблоне The Erudite реализованы два варианта дизайна – темный и светлый. В произвольном меню можно использовать не только страницы, но и рубрики: для верхнего меню вместо страниц вы можете установить показ рубрик. В подвале можно добавить какую-нибудь текстовую информацию. Например, контакты или предложение о сотрудничестве. Эта функция включается добавлением виджета Erudite Widget 1 из админпанели настроек. Можно включать или выключать динамически выпадающие сообщения на главной странице сайта. Можно включать или выключать скрытые элементы сайта — шапку и футер. Древовидные комментарии. Можно добавить код Google Analytics или код другого сервиса статистики.Белый шаблон Evidens White – доска объявлений с резиновой версткой
Современная трехколоночная резиновая тема от студии дизайна Design Disease. Это современный шаблон с индустриальной темой оформления, изящный и эффектный. Колонки размещаются с учетом тепловой карты сайта, что очень удобно при включении рекламных блоков AdSense или интеграции текстовых ссылок. Дизайн шаблона построен так, что вы вполне можете вставлять на страницы или в записи широкоэкранные видеоролики или картинки большого размера.
Вспомогательный функции – встроенный код Flickr Photostream и Twitter. Современный вид шаблона Evidens White придает ему практически полную универсальность и делает его идеальным для создания сайтов с тематиками современных технологий, мужских товаров, дизайна одежды и т.д.
В шаблон встроен переключатель логотипа. Можно использовать настройки сайта по умолчанию или вставить свой фирменный логотип. Для этого нужно загрузить логотип в папку с шаблоном Evidens White и назвать файл logo.png. Шаблон переведен на русский язык.
Также можно использовать вспомогательные элементы из файла PSD, который находится в папке шаблона. Для изображений шапки существуют ограничения — не больше 500 на 70 px. Эта опция включается по ссылке: «Доска объявлений» — «Дизайн» — «Logo Options». В архиве также лежат плагины, необходимые для корректной работы этого шаблона.
Evidens White лицензирован Creative Commons Attribution-Share Alike 3.0 License. То есть — можно использовать шаблон так, как вам захочется – вы можете его переделать, изменить и т.д. Но есть одно (добровольное, конечно) условие — сохраните ссылки в подвале.
Шаблон темы Yellow Fluid
Шаблон сделан в желто-черных тонах и растягивается на весь экран любого компьютера или мобильного устройства, корректно работая с любым разрешением экрана. Интересный и простой дизайн темы делают шаблон Yellow Fluid универсальным в использовании и соответствующим блогам любой тематики, даже информационным порталам.
Шаблон распространяется по лицензии Creative Commons, что обязывает вас оставлять ссылки разработчиков как есть. Для того, чтобы недобросовестные веб-мастера не смогли удалить авторские ссылки, в шаблоне предусмотрен специальный защитный код.