Главная › Новости

Используем фреймворк Bootstrap для создания адаптивной темы WordPress

Опубликовано: 21.06.2017

Верстка из psd | Market Stom #1

Самая сложная задача при создании адаптивной темы для WordPress или любого адаптивного сайта в целом заключается в кодировании CSS-файла. Этот файл определяет основное представление темы и устанавливает, будет ли тема адаптивной или нет. Однако можно ведь взять уже готовую таблицу стилей, наполненную всеми основными возможностями, и это заметно упростит дальнейшую работу! Учитывая данный факт, давайте посмотрим, как можно спроектировать готовую тему WordPress на базе адаптивного фреймворка Bootstrap. Однако сначала давайте в целом поговорим о нем.

Что представляет собой фреймворк Twitter Bootstrap?

Bootstrap – это open source фреймворк, созданный на базе JavaScript и CSS и оперирующий отдельным языком, представляющим собой расширение каскадных таблиц — LESS. Фреймворк обладает множеством встроенных инструментов, которые могут использоваться вместе с HTML или с любыми системами управления контентом (включая WordPress), поддерживающими внешние стили. Таким образом, его можно применять для создания любых веб-сайтов. Фреймворк содержит в себе определение базовых стилей для всех основных возможностей, применяющихся на сайтах: для аккордеонов, уведомлений, выпадающих списков, групп кнопок, каруселей, лейблов, списков, модальных окон, навигационных панелей, навигационных вкладок, заголовков страниц, прогресс-баров, миниатюр, подсказок и т.д.

Все эти компоненты могут легко использоваться при создании адаптивной темы WordPress, однако они требуют дополнительного кодирования либо установки специальных плагинов, поскольку сам по себе WordPress не имеет никаких средств для добавления компонентов Bootstrap через консоль.