Термин framework WordPress часто относится к библиотеке кода, которая используется для облегчения разработки темы. В старые времена WordPress были некоторые серьезные проблемы с тем, как темы были разработаны и поддерживаются. Не было никакого хорошего способа обновить темы WordPress, не теряя все пользовательские опции моделирования. Не было никакого способа предотвратить копирование и вставку одного и того же кода функциональности во всех темах. Хотя эти два вопроса могут не казаться проблемой для обычного пользователя, они могут быть катастрофическими по нескольким причинам. Что если вы поняли, что тот же код, который вы использовали во всех ваших темах, имел уязвимость безопасности. Еще более важно, что, если эта тема была чем-то, что вы публично выпустили для других, чтобы загрузить и настроить. Да, это хаос, ждущий своей очереди. Основная команда и сообщество решили исправить указанные выше проблемы, представив концепцию Parent Theme и Child Theme.

Theme Framework WordPress предназначены, чтобы использоваться в качестве родительского шаблона темы, где вся функциональность находится. Затем разработчики могут создавать дочернюю тему, чтобы добавить пользовательский стиль, сохранив функциональность аспекты его рамках. Это обеспечивает централизованное место, где все функции размещены.

Если основная группа разработчиков решит отменить функцию WordPress или обнаружит ошибку, обнаруженную в определенной теме, то очень просто выкатить обновление без изменения чего-либо, что есть у дочерней темы. Этот метод позволяет вам сохранять framework вашего сайта сильными, не изменяя его внешний вид.

Frameworks предназначены для разработчиков тем. Они предлагают набор стандартов для разработчиков тем для использования при создании собственных тем. Это набор функций/объектов, созданных для поддержки разработки.

Так вот фреймворки для WordPress — это такая штука, которая позволяет избежать почти всего этого, сосредоточившись на том, как сайт будет выглядеть. Если делать все руками, для каждого сайта придется написать кучу одинакового кода. Во фреймворки встроены и разные варианты раскладки сайта, и SEO, и возможности все это менять и этим управлять. Руками ничего трогать практически не нужно.

Какие типы Theme Frameworks существуют?

Фреймворки бывают разные, и решают они различные задачи в бизнесе и дизайне. Некоторые из них бесплатные, другие же платные. Существует несколько типов фреймворков. Есть complete drag & drop frameworks такие, как Headway Themes, которые позволяют пользователям создавать все визуально без знания кода. То есть pseduo-drag drop frameworks, такие как Pagelines и Thesis. Эти фреймворки позволяют пользователям перетаскивать предварительно определенные разделы (подобно тому, как работают виджеты WordPress).

Очевидно, любой человек может определить пользовательские разделы, используя имеющиеся hooks и filters, предлагаемых frameworks. То есть фреймворки, которые полны вариантов. Themify и большинство остальных попадают в эту категорию. Наконец, есть фреймворки, чтобы разработчики могли начать работу без помех и наворотов, таких как Genesis by StudioPress.

Зачем использовать Theme Frameworks?

Главная причина заключается в том, чтобы ускорить их разработку. Theme frameworks значительно сокращают время разработки. Время разработки улучшено, потому что все фреймворки с темами предлагают большое количество функциональных возможностей и параметров настройки, поэтому пользователю не нужно самостоятельно кодировать все. Эти функции могут варьироваться в любом месте (функция перетаскивания, слайдеры, виджеты SEO и т. Д.). Вместо создания темы с нуля и изменения всех файлов создание дочерней темы может быть так же просто, как создание нового файла style.css и настройка нескольких функций с помощью файла functions.php.

Главная причина в том, что это принципиально ускоряет процесс разработки. В технологическом смысле самому ничего придумывать и делать не нужно. Фреймворк используется, как база, а вы уже добавляете на эту базу различные визуальные элементы и оформляете их определенным образом. Причем в лучших из фреймворков это все делается либо в визуальном редакторе, либо, как максимум, с использованием шорткодов (shortcodes), которые добавляются туда, где должен возникнуть тот или иной элемент, обеспеченный фреймворком.

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

Плюсы использования фреймворков для WordPress:

Экономится время, удобство разработки, все делается намного проще.
Поддержка как со стороны производителя, так и со стороны других разработчиков — вокруг популярных фреймворков давно существует сообщество, которое не даст пропасть в случае возникновения каких-то проблем или вопросов.
Встроенные возможности — добавление даже продвинутых функций происходит легко, поскольку крупные фреймворки и производители плагинов давно между собой договорились о совместимости, либо заканчивают договариваться, вот, прямо сейчас.
Качество кода – код фреймворков и дочерних тем написан качественно. Это значит, что он оптимизирован и с точки зрения HTML и CSS, и с точки зрения PHP, и с точки зрения SEO… Короче говоря, для нас это значит, что сайт не будет иметь ошибок и будет быстро загружаться, если мы сами что-нибудь не напортачим.
Обновления – WordPress постоянно обновляется, иногда довольно сильно. Но разработчики фреймворков за этим следят и тоже вовремя обновляют свои продукты для максимальной совместимости.

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

Обучение – чтобы точно понять, как все работает и как сделать то или это, понадобится время. Большинство фреймворков имеют свои собственные хуки и фильтры.
Стоимость – фреймворки дороже, чем обычные темы. Хотя оно стоит того, вообще-то.
Ограничения – фреймворк сравнительно жестко определяет, что вы можете сделать, а чего вы сделать не можете. И эти границы нельзя или очень сложно нарушить. Если креатив так и прёт, то это может оказаться недостатком. Хотя на самом деле это как раз довольно большой плюс.
Ненужный код – во фреймворках куча функций, которыми вы можете и не пользоваться. Если эти функции не отключить, то они могут замедлить сайт, даже если их и не видно снаружи.

Нужно ли мне использовать фреймворк?

Несмотря на то, что придется потратить деньги и некоторое время на освоение, если вы более или менее всерьез занимаетесь разработкой сайтов, использовать фреймворк вы ДОЛЖНЫ. Понять, как и что работает, не так сложно, зато потом скорость разработки и оформления увеличится в разы. И вы сможете не только сделать больше сайтов, но и сделать их лучше. Сэкономленное время уйдет на поддержку, если это клиент, или на работу над содержанием, если это собственный сайт. Одна сплошная польза.

Бесплатные фреймворки для создания тем

Hybrid Core от ThemeHybrid

Hybrid Core легкий в установке и настройке фреймворк, который позволяет разрабатывать сложные проекты, не прибегая к большим объемам кодирования. Он совместим со стандартом Schema, что обеспечивает хорошую SEO оптимизацию. Кроме этого, в Hybrid Core присутствует много функций, значительно упрощающих труд разработчика. Среди них такие, как:

Навигационная цепочка («хлебные крошки»), прекрасно работающая на любых страницах, включая сообщения произвольного типа.
Исправленная и оптимизированная версия шорткода, предоставляющая полный контроль над галереей изображений
Media Grabber — функция, позволяющая захватывать любой медиаконтент (в том числе из заметки) и использовать его в любом месте сайта.
Шаблон сообщений, позволяющий создавать заготовки для различных типов заметок, не ограничиваясь шаблоном страницы в целом.
Расширение стандартной функции постраничной разбивки, позволяющее управлять разбивкой материала на странице результатов поиска, архивированных страниц и пр.
Автоматическая загрузка средств поддержки многоязычности как для родительских, так и для дочерних тем.

Gantry от RocketTheme

Gantry — это попытка профессионалов из RocketTheme объединить все их достижения в разработке тем для WordPress в единый фреймворк. И попытка, надо сказать, весьма удачная. Построенный с использованием динамической сетки, этот весьма легкий фреймворк поддерживает SCSS, CSS и LESS.

Взгляните на перечень основных особенностей Gantry:

Менеджер разметки предоставляет полную свободу в разработке макета.
Система управления контентом, позволяющая создавать, редактировать и публиковать материалы.
Визуальный конструктор меню, поддерживающий многоуровневые меню и создание пунктов меню с иконками.
Мегаменю позволяет создавать нестандартные выпадающие меню, где в качестве подпунктов могут выступать не только ссылки, но и любой html – таблицы, формы, списки, отформатированный текст
Интерфейс администратора, созданный с использованием Ajax, и работающий с невероятной быстротой.
Мощный обработчик шаблонов Twig.
А еще Gantry может похвастаться YAML-ориентированным конфигуратором, скользящими боковыми панелями, мощными возможностями наследования и набором всевозможных иконок и шрифтов.

Runway от Parallelus

Runway — еще одно решение с открытым исходным кодом, призванное облегчить разработку тем для WordPress. Созданные с его помощью темы можно распространять как самостоятельный продукт, независимый от самого фреймворка.

Основные особенности Runway:

Генератор тем, предназначенный для создания, копирования и редактирования тем.
Конструктор тем — предназначен для создания админпанелей и записей нестандартного (пользовательского) типа.
Модульная структура, позволяющая добавлять требуемую функциональность при помощи плагинов буквально в один клик.

Wonderflux от Jonny Allbut

Еще один фреймворк с открытым исходным кодом в нашей подборке — Wonderflux. Качественный продукт, который позволит вам сэкономить время разработки, при этом нисколько не потеряв эффективности.

Ключевые особенности Wonderflux:

Динамическая разметка, обеспечивающая адаптацию темы к любым размерам экрана.
Гибкие параметры разметки, которые можно изменять «на лету».
Коллекция из более чем 100 шорткодов, позволяющая внедрить в тему код или контент любого типа
Административные настройки, обеспечивающие легкую конфигурацию сайта.
Совместимость с плагинами WordPress позволяет решить практически любую поставленную задачу
Валидатор кода, обеспечивающий соблюдение веб стандартов, что является непременным условием качественной SEO оптимизации.

Unyson от ThemeFuse

Unyson — функционально богатый фреймворк, предназначенный как для разработчика, так и для дизайнера. Позволяет редактировать frontend сайта или блога из административной панели, причем имеет окно предварительного просмотра, в котором можно сразу же оценить внесенные изменения.

Ключевые особенности:

Конструктор страниц с поддержкой технологии drag-and-drop.
Content Demo Install — Расширение, позволяющее отображать контент именно так, как он выглядит при редактировании.
Более 20 параметров, упрощающих создание контейнеров, вкладок и форм для админпанели
Динамические боковые слайд-панели, которые могут настраиваться индивидуально для каждой страницы.
Автоматическое резервное копирование непосредственно из админпанели. Возможно регулярное копирование по расписанию (ежедневно, еженедельно, ежемесячно и т.д.).
Навигационные цепочки (a.k.a. «хлебные крошки»), добавляющие простую и понятную навигацию
Модуль слайд-шоу, поддерживающий как фото- так и видеоконтент.

Конечно же, это не полный перечень всех возможностей Unyson. Следует упомянуть также специальные модули для SEO, контактные формы, портфолио, календарь событий, звездный рейтинг, интеграцию с социальными сетями и Flickr.

PressWork

Бесплатный WordPress фреймворк, созданный с использованием HTML5 и CSS3 и ориентированный на широкий круг пользователей — разработчиков, дизайнеров, блогеров.

Вот некоторые его особенности:

Редактор Front-End — возможность редактирования frontend при помощи редактора с поддержкой drag-and-drop.
Набор плагинов, расширяющих базовую функциональность фреймворка для решения конкретной задачи.
Media Queries — модуль, отвечающий за оптимальный внешний вид на любых устройствах.
Присутствие в комплекте PSD-файлов для редактирования темы, например, изменения логотипа или графических элементов.

Reverie от ThemeFortress

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

Ключевые особенности:

Фреймворк создан на базе ZURB Foundation и наследует всю его гибкость и мощь.
HTML5 и hNews microformat обеспечивают ясный, понятный и легко воспринимаемый код. Для HTML5 тэгов можно использовать пользовательские функции WordPress.
Имеет механизмы адаптации к размеру экрана, так что выглядит одинаково хорошо и на смартфонах и на ПК.
Следует концепции минимализма, предлагая только два виджета и два пользовательских меню.
При необходимости внести изменения в дизайн предлагается непосредственное редактирование SCSS и пользовательского CSS.

Из минусов стоит отметить частичную SEO-оптимизацию, поэтому для этой цели рекомендуется использовать дополнительный плагин.

Vafpress

С Vafpress создание административной (backend) части WordPress темы становится легким, как никогда.

Для этого в распоряжении разработчика имеются:

Скрипт управления загрузкой, позволяющий загружать только необходимые блоки, не перегружая frontend излишним кодом.
Поддержка различных типов полей: текстовых, списков со множественным выбором, флажков (checkbox), переключателей (radiobutton) и других
Мощный конструктор многоуровневых меню. Для построения использует XML, который затем можно преобразовать в массив PHP.
Metabox Builder — позволяет записывать metabox в массивы PHP.
Поддержка групп повторяющихся полей.

Underscores

Некоторые разработчики считают Underscore полноценным фреймворком, хотя некоторые, в том числе сами авторы, позиционируют свой продукт как некую тему-прародительницу для создания законченных тем. Как бы там ни было, использование Underscores позволит существенно сэкономить время и усилия, затраченные на разработку тем для WordPress.

Основные особенности Underscore:

Возможность создания пользовательских заголовков.
Пользовательские тэги в шаблонах позволяют избежать дублирования кода.
Скрипт для конвертирования меню в переключаемый выпадающий список для отображения на мобильных устройствах.
Два шаблона разметки с боковой панелью, расположенной справа или слева.
Рациональный CSS, облегчающий процесс разработки.
Шаблон страницы 404.

Roots theme

Основа фреймворка: HTML5 Boilerplate и Bootstrap от Twitter;

И все плюсы и минусы от них.

FoundationPress

Еще один основа для шаблона wordpress на основе Zurb’s Foundation и HTML5 Boilerplate. Поддержка мобильных устройств имеется.

Стартовые темы WordPress

Что такое стартовая тема? На английском это звучит Blank WordPress Theme, что можно перевести как «пустые темы WordPress» — это макеты, которые служат в качестве отправной точки для разработки своей собственной пользовательской темы, поэтому они также называются «стартовые темы» и (реже) «голые темы». Стартовые темы для WordPress – это базовые темы, которые идеально подходят для использования в проектах. Как и следует из их названия, вы можете взять любую из этих тем и улучшить ее. Вы можете взять базовую тему в качестве фундамента для вашей новой темы либо создать дочернюю тему, основываясь на стартовой теме. Эти темы прекрасно подходят в качестве отправных точек. Поскольку есть много доступных стартовых тем, вы должны выбрать среди них такую тему, которая поможет вам добиться поставленных целей. Еще один важный момент, связанный с выбором темы – нужно выбирать наиболее подходящую тему.

Стартовая тема – это тема, в которой вместо того, чтобы создать дочернюю тему, вы просто меняете название и выпускаете свою собственную тему. Она не будет родительской темой. Это просто основа с несколькими базовыми файлами для вашей новой пользовательской темы. Если вы не используете стартовую тему, каждый раз при создании темы вам придется писать один и тот же базовый код для style.css, header.php, index.php и footer.php — обязательных файлов для любой темы.

Стартовые темы WordPress имеют основной WordPress PHP, CSS, и HTML код плюс тематические файлы в них уже созданы для вас. Но, в отличие от фреймворков, большинство файлов в пустой теме WordPress могут быть изменены, в зависимости от ваших пожеланий.

Зачем использовать стартовую тему?

Создание качественной WordPress-темы требует сложной работы и длительного времени. В то время как базовая структура и некоторые файлы являются общими для всех тем, они (темы) варьируются по своим уникальным возможностям и особенностям. Выполнять однотипные предварительные задачи всякий раз при создании темы – это то же самое, что всякий раз заново изобретать колесо перед созданием автомобиля. Стартовые темы обеспечивают базовые файлы и структуру для придания импульса развитию вашего проекта. Каждая из стартовых тем – это полностью функциональная WP-тема.

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

Underscores

Underscores – одна из наиболее популярных стартовых тем для WordPress. Она поддерживается Automattic, компанией, которая стоит за WordPress.com. Разработчики утверждают, что эта тема поможет вам сохранить как минимум 1000 часов тяжелой работы. Самая примечательная особенность этой темы – она продолжает улучшаться. Разработчики темы все время ищут новые пути, позволяющие сделать тему более удобной и более полезной для широкого круга пользователей. Наряду со своей готовностью к будущей эволюции, тема также включает в себя все особенности прошлых версий. Тема вобрала в себя код и структуру всех самых лучших и наиболее используемых тем. Поскольку эта тема следует за стандартными темами в WordPress, она автоматически будет обновляться вместе с новыми особенностями, которые будут вводиться в дефолтные темы. Лучшие практики и самые свежие технологии регулярно добавляются к теме.

Тема Underscores – это результат многолетнего опыта разработчиков и дизайнеров. Вы можете получить непосредственный доступ к этому опыту путем использования данной темы. Поскольку тема имеет открытый код, все файлы и папки темы доступны бесплатно.

Underscores поставляется вместе с актуальными, прекрасно откомментированными HTML5 шаблонами страниц. Полезный 404 шаблон поможет вам в разработке и последующем изменении стандартной страницы 404. В папке inc хранится пример произвольного хэдера. Такой хэдер можно использовать, убрав комментарии с соответствующей строки в файле functions.php. Все произвольные теги шаблона хранятся в файле template-tags в папке inc. Как результат, вероятность дублирования кода снижается до нуля. Файл tweaks.php включает в себя некоторые тонкие настройки, которые могут использоваться при помощи снятия комментариев со строк в файле с функциями.

Интересная особенность темы Underscores – система навигации с помощью клавиатуры для прикрепленных изображений. Есть отдельный php файл для управления изображениями. JS-код, отвечающий за использование клавиатурной навигации, находится в папке js. Папка js также включает в себя файл навигации, который позволяет преобразовать ваше меню в выпадающий список для небольших экранов. Если говорить про CSS, то в теме имеется пять разных макетов. Вы можете выбрать готовый макет, который вам нравится или настраивать любой макет. Базовые стили темы находятся в файле style.css. Вы можете легко изменить стандартные стили, воспользовавшись этим файлом. Тема все время подвергается проверкам для дальнейших усовершенствований.

Лицензия стартовой темы — GPL, а это значит, что при распространении темы основанной на _s автор обязан унаследовать лицензию. Это не значит, что вы не можете продавать темы созданные с помощью Underscores. Есть ряд примеров коммерческих тем созданных с помощью _s.

Roots

Roots – еще одна широко используемая стартовая тема для WordPress. Эта основанная на Bootstrap тема была разработана Беном Вордом и его коллегами. Построенная на базе HTML5 Boilerplate, тема Roots находится под сильным влиянием микроформатов и ARIA-ролей. Акцент сделан на чистом выводе кода. В отличие от большинства стартовых тем, которые включают в себя кучу папок и файлов, Roots управляется всего одним файлом. С помощью данной темы вы сможете пропустить подготовительные шаги по настройке WordPress и сразу же перейти к процессу персонализации темы.

Roots имеет базовую совместимость с Bootstrap. Это помогает обеспечить простой и эффективный процесс разработки. Также вы всегда можете заменить Bootstrap на ваш любимый фреймворк. Файл grunt минимизирует CSS и JS и скомпилирует LESS-код. Однако Roots не поддерживает Sass (по крайней мере в коробочном решении). Если вы хотите использовать Sass, то вам лучше рассмотреть другую стартовую тему — Bones. Roots станет идеальным выбором для тех, кто предпочитает систематичный и прагматичный подход к разработке темы.

Roots предлагает актуальную среду разработки, которую вы не найдете ни в одной другой теме. Проверка кода WordPress, микроформаты и HTML5 Boilerplate помогут вам добиться чистого кода, в то время как Bootstrap поможет вам создать масштабные приложения. С помощью Roots вы можете либо следовать за уже существующими тенденциями, либо создать свой собственный тренд.

FoundationPress

FoundationPress является бесплатной стартовой темой от Оле Фредерик, соединяющей WordPress и Foundation 6 на базе SASS. Для разработчиков, которые не использовали SASS в основе фреймворка, есть руководство «FoundationPress для начинающих». Оно поможет изучить инструменты, используемые в установке и рабочем процессе, такие как git, npm, SASS и Gulp. В документации к Foundation также представлены инструкции по использованию SASS с Foundation.

Для дизайнера-разработчика FoundationPress предлагает дополнения в виде UI набора для Adobe Photoshop и XD, а также набор виджетов для Axure RP. С помощью этих программ разработчики могут быстро создавать прототипы элементов Foundation для своих проектов. Комплекты не включены в FoundationPress, но доступны за дополнительную плату.

Categories : Word Press, www

#18. Frameworks. Blank Theme

Latest Posts

WordPress Theme Framework

Какие типы Theme Frameworks существуют?

Зачем использовать Theme Frameworks?

Плюсы использования фреймворков для WordPress:

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

Нужно ли мне использовать фреймворк?

Бесплатные фреймворки для создания тем

Hybrid Core от ThemeHybrid

Gantry от RocketTheme

Runway от Parallelus

Wonderflux от Jonny Allbut

Unyson от ThemeFuse

PressWork

Reverie от ThemeFortress

Vafpress

Underscores

Roots theme

FoundationPress

Стартовые темы WordPress

Зачем использовать стартовую тему?

Underscores

Roots

FoundationPress