» »

Options framework плагин для чего. React - Полное руководство (включая Hooks, React Router, Redux). Что такое темы-фреймворки WordPress
26.04.2020

Приветствую. Спешу представить вашему вниманию последнюю в 2013 году подборку плагинов. В декабре действительно было из чего выбрать, но в финал как всегда прошли 10 самых высококачественных плагинов.

В этом месяце я предлагаю взглянуть на довольно эклектичную подборку плагинов. Некоторые из них подходят для установки на любой сайт, особенно это касается плагина, ставшего номером один декабря (последний в списке). Другие не настолько универсальны, но для тех, кто ищет какую-либо особенную функциональность, они могут стать бесценными. Приятного чтения!

Sticky Header- плагин, название которого объясняет для чего он нужен: плагин добавляет модную, фиксированную «липкую» «шапку» в любую тему. Это значит, что как бы далеко вниз читатель не прокрутил страницу, «шапка» все равно будет у него перед глазами. Благодаря этому навигация и брендинг сайта будут всегда доступны посетителям.

Pics Mash позволит вам создать рейтинговое соревнование изображений на вашем веб-сайте. Потенциальных применений этому плагину множество. Вы можете использовать его, как для развлекательных соревнований, так и для более серьезных дел. Плагин может быть использован для того, чтоб узнать какое изображение на вашем сайте привлекает больше всего внимания – не важно новое ли это лого или просто изображение товара.

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

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

Такой фид можно вставить в запись или страницу, что особенно полезно, если вы хотите разместить разные фиды на разных страницах. Это отличная возможность построить портал из Facebook фидов, перекликающихся с центральной темой сайта, к примеру это может быть спорт или компании, занимающие одну и туже нешу.

Recent Tweets Widget

Recent Tweets Widget создан для бесперебойной работы с новым Twitter API. Он использует кэширование, что вселяет уверенность в том, что вы не столкнетесь с какими-либо ограничениями от Twitter. Это значит, что виджет считывает обновления вашего статуса с базы данных WordPress, вместо того, чтоб постоянно посылать запросы к Twitter. Вы можете контролировать частоту обновления кэша и количество твитов, выводимых на вашем сайте. Этот простой, но эффективный плагин идеален для тех, кто хочет показывать твиты на своем сайте.

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

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

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

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

Our Team by WooThemes

Многие пользователи WordPress иногда напрочь забывают о том, что кроме себя «любимого», в жизни сайта могут принимать участие еще и другие авторы. Так вот, если на вашем блоге больше одного автора, то вам нужно представить вашу команду мечты всему миру. Команда неутомимых разработчиков WooThemes разработала плагин, максимально облегчающий этот процесс.

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

Устали выходить из административной части сайта, каждый раз, когда после изменений вам нужно проверить корректно ли отображаются виджеты, расположенные на сайте? В таком случае, этот плагин может быть вам очень полезен. Widget Customizer позволяет вам вносить изменения в сайдбар с виджетами и сразу же видеть привью изменений в режиме реального времени. Каждый виджет, добавленный в кастомизатор, получает собственную секцию, что позволяет вам фокусироваться на определенном виджете. Так как каждый виджет, используемый , регистрируется, вы с легкостью сможете откатить любое внесенное изменение назад.

Nice Login Widget

Nice Login Widget позволяет вам создать простую и аккуратную форму авторизации/регистрации в любой зарегистрированной области виджета. У плагина есть Ajax аутентификация, которая позволяет вам авторизовываться и регистрировать аккаунты на одной странице без редиректа на страницу авторизации WordPress. может быть располагаться вертикально или горизонтально. Кроме того его можно стилизовать с помощью простого CSS.

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

Google Pagespeed Insights for WordPress

Скорость загрузки страниц сайта и его производительность — это несомненно важные факторы, влияющие на ранжирование сайта поисковиком Google. Не смотря на поистине параноидальное в последнее время, стремление Google видеть все сайты исключительно в текстовом виде, сервис Google Pagespeed Insights продолжает пользоваться огромным вниманием. Оно и не удивительно, у нас хоть Яндекс есть, а вот буржуям вообще деваться от этого монополиста больше некуда 🙂

Благодаря плагину Google Pagespeed Insights вы получаете множество разных данных о производительности вашего сайта. Визуализация всей этой информации позволяет вам быстро принимать решения и замечать проблемы на вашем сайте. Жирный плюс данного плагина заключается в том, что он снабжает вас множеством ценных рекомендаций, которые базируются на последних веяниях в индустрии сайтостроительства и дает советы по улучшению производительность сайта. Несомненно, очень полезный инструмент, для всех озабоченных гугло оптимизацией.

Redux is a simple, truly extensible and fully responsive options framework for WordPress themes and plugins. Built on the WordPress Settings API, Redux supports a multitude of field types as well as: custom error handling, custom fields & validation types, and import/export functionality.

But what does Redux actually DO? We don’t believe that theme and plugin developers should have to reinvent the wheel every time they start work on a project. Redux is designed to simplify the development cycle by providing a streamlined, extensible framework for developers to build on. Through a simple, well-documented config file, third-party developers can build out an options panel limited only by their own imagination in a fraction of the time it would take to build from the ground up!

Online Demo

Don’t take our word for it, check out our online demo and try Redux without installing a thing!
http://demo.redux.io/

Use the Redux Builder to Get Started

Want to use Redux, but not sure what to do? Use our builder ! It will allow you to make a custom theme based on , TGM , and Redux , and any Redux arguments you want to set.

Don’t want to make your own theme? Then output a custom admin folder that you can place in a theme or plugin. Oh and did we mention it’s free? Try it today at:
http://build.reduxframework.com/

Документация и поддержка

NOTE: Redux is not intended to be used on its own. It requires a config file provided by a third-party theme or plugin developer to actual do anything cool!

Скриншоты

Часто задаваемые вопросы

Why doesn’t this plugin do anything?

Redux is an options framework… in other words, it’s not designed to do anything on its own! You can however activate a demo mode to see how it works.

How can I learn more about Redux? You don’t have much content in this FAQ section

That’s because the real FAQ section is on our site! Please visit http://docs.reduxframework.com/faq/

Отзывы

I can"t access my current Products anymore. Just after installing, I permanently faced a redirect to Redux about page. Now, after uninstalling Redux, I get the message "no permission to access this page". It means, no permission to access Products page in wordpress. I just happened. I"ll check whether my automatic backup worked this week. So, what if didn"t? I"ll loose a couple of weeks of intense work???

Участники и разработчики

«Redux Framework» - проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

Журнал изменений

3.6.16

  • Fixed: WordPress 5.3.1 compatibility. Also added the new @redux account to the plugin.

3.6.15

  • Fixed: Redux API setSections would hang up when several sections with no ID share the same title.

3.6.14

  • Fixed: #3583: Import failing when max_input_vars exceeded. Function moved to ajax_save to avoid this issue.

3.6.13

  • Skipping. I’m superstitious! — kp

3.6.12.2

  • Fixed: #3586: Database not saving properly in ‘network’ mode. Thanks @Tofandel.
  • Fixed: #3584: Improved fox for #3580. Thanks @Enchiridion.

3.6.12.1

  • Fixed: #3580 — ‘tax_query’ array in args for WordPress data arg throwing a string conversation error.

3.6.12

  • Fixed: #3577 — Added isset to REMOTE_ADDR check to prevent error.

3.6.11

  • Fixed: #3561, #3562 — Not all selectors in async typography were properly formed, causing them not to render properly on screen.

3.6.10

  • Updated Google font update.
  • Updated: #3447 — Updated RTL CSS. Thanks @Abolfazlrt.
  • Fixed: Duplicate ID warnings.
  • Fixed: http warnings in https environments.
  • Fixed: #3539 — Checkbox label not appearing unless ‘desc’ was set. Thanks @Enchiridion.
  • Fixed: #3547 — ace_editor not rendering properly within a subsection. Thanks @Tofandel.
  • Fixed: #3534 — Fix invalid CSS in asycn_typography (trailing commas). Thanks @ksere
  • Fixed: Spacing between Save and Reset buttons.
  • Added: #3285 — dir and url filters for customizer extension. Thanks @aaronhuisinga.
    add_filter («redux/extension/customizer/dir», $dir)
    add_filter («redux/extension/customizer/url», $url)

3.6.9

  • Fixed: Bypassing a WP bug where the gallery field would show a spinner on first open with no selected images.
  • Fixed: #3512 — Image select in tile mode not highlighting default.

3.6.8

  • Fixed: Error in AJAX save due to incorrect object reference in redux.js.
  • Fixed: Removed unused set_transient in welcome routine. It was causing slow queries.
  • Updated: Google Font update.
  • Fixed: #3440: Parent object not being properly set in the Redux filesystem.
  • Fixed: Color picker CSS issues as a result of WP 4.9.
  • Fixed: #3429 — Select2 Sortable needed jQuery Sortable dependency.
  • Fixed: Admin noticies when multiple instances of Redux running not displaying per panel.

3.6.7.7

  • Fixed: Filesystem path correction.
  • Fixed: #3414: Incorrect classname causing an error on load, via the filesystem API.
  • Fixed: #3413 — Restored old code allowing non array value for mode. This is for backward compatibility
    only and is unsupported.
  • Fixed: #3410, #3409 — Dimensions field output causing index errors when mode not set in option array.
  • Fixed: #3406 — javascript hasClass improperly used, affected customizer.
  • Fixed: Array declarations PHP 7.1 now requires.
  • Updated: Updated newsletter subscribe submit to support our newer newsletter server.
  • Fixed: #3379 — select_image field not properly displaying default. ‘default’ arg must now be the
    full path to default image.
  • Updated: Google Fonts.

3.6.6

  • Misspelled class name is system info compiler causing System Status to fail.
  • #3359 — Responsive issue on option panel. Too much blank space on panel in smartphone mode.
  • #2914, #3356 — Default image_select preset image not selected. This was originally by design. Now it’s a thing.
  • Update: Parsedown.php for PHP 7.x
  • Fixed: System status improperly reporting writable status on upload folder.
  • Fixed: #3124 — User submitted ‘current_user_can’ failing on PHP version <= 3.5.13. Thanks for the assist, @sourabgupta88
  • Modified: PHP7 compatibility.

3.6.5

  • Modified: #3321 — Font subset in typography not rendering on IE and Edge (Seriously? People still use those?)
  • Fixed: #3293 — Required not liking/hiding fields with switch default of ‘false’.
  • Fixed: Remove leftover var_dump from the core.
  • Fixed: Tracking and newsletter popups were failing due to broken javascript.
  • Fixed: #3291: Required with parent as an array not checking properly. Someone took out my object check!! — kp
  • Modified: Date field calander now renders on .redux-container div.
  • Updated: googlegonts.php file.
  • Modified: = and != required statements now use typesafe comparisons.
  • Fixed: link_color field now properly displays all color fields.
  • Added: link_color field now included ‘focus’ color block.
  • Modified: Re-styled link_color field to be more inline with other fields of it’s type, that is, it looks better.
  • Added: ‘title’ attribute to image_select field, since ‘alt’ was no longer working to display hover tooltip.
  • Fixed: Default data not saving correctly in sorter field.

3.6.4

  • Modified: Changed gitignore file to exclude sublime text files.
  • Fixed: #2966 — Translation bug. Identified and fixed by @iiandrade. Thanks!
  • Modified: Generated all CSS map files to get rid of Chrome warnings.
  • Added: Required for the Advanced Customizer thanks to @britner!
  • Modified: Various customizer fixes and changes to match new styles.
  • Modified: Customizer only code in Redux.js, moved to the customizer.js file.
  • Modified: Isolated Redux CSS to be nested and not affect other products or WP UI.
  • Added: #3222 — HUGE update by @enchiridion to allow for advanced and complicated permissions. WTG!
  • Added: New hooks for how Extension APIs are called. Much cleaner.
  • Fixed: #3214 — Typography color field not triggering compiler hook.
  • Fixed: #3201 — Index error when using compiler argument with spinner field.
  • Updated: #3189 — PHP7 compatibility for preg_replace validation.
  • Fixed: #3186 — Multi text field not removing single field when clicking «Remove».
  • Fixed: #3180, #2641 — Button set multi mode saving incorrectly. Please check your code for a possible backward compatibility issue when using this mode. The foreach() function with an empty() check must now be used, versus individual array keys as only selected options are saved to the database.

3.6.3

  • Modified: Change customizer hover styles to match WP 4.7.
  • Modified: #3169 — print_r of wpdb queries in dev_mode removed.
  • Fixed: #3159 — Support for SVG in gallery media selection.
  • Fixed: #3158 — PHP warning for _validate_values function when extensions installed on PHP7.

3.6.2

  • Fixed: #3105 — link_color output failing due to PHP error.
  • Fixed: #3103 — WP 4.6 forces new default date format, breaking date validation.
  • Fixed: Typography subsets error due to typo.
  • Fixed: Extra dead files on WP.org repo. Bah SVN.

3.6.1

  • Removed Empty PHP file from editor field.
  • Modified: Replaced class primary function name in browser.php to __construct for PHP7 compatibility.
  • Fixed: #3051 — Color_RBGA field RGBA value outputting zeros when color is left blank.
  • Fixed: #3048 — Subsection tabs not including specified section class name.
  • Fixed: Incorrect string comparison result in admin link check. Thanks @ksere.
  • Fixed: Check value exists before validating when used with Metabox extension. Thanks @Enchiridion
  • Fixed: Empty values not passing to validation_callback.
  • Fixed: Javascript error in customizer javascript, preventing save of changed options.
  • Fixed: #3019 — Section descriptions incorrect when opt_name contains digits.
  • Reverted: Changes to typography. The on input variable solution was not working.
  • Fixed: Support URL has generator was failing with an error.
  • Changed: Typography field is now only ONE input variable. Should reduce our
    max_input_vars errors dramatically.
  • Fixed: Some XSS vulnerabilities only available in the backend when authenticated as a user.
  • Fixed: Deleted old deleted files stuck in our WP.org SVN repo.

3.6.0.2

  • Fixed Outdated customizer.min.js on wp.org causing customizer failure.

3.6.0.1

  • Fixed Outdated redux.min.js on wp.org causing option panel failure.
  • Fixed: #2936 — Border field outputting px with blank value.
  • Fixed: Resolved Theme-Check php shortcode false notice.
  • Modified: No more major redirect for the Redux page, only on first install with the plugin.
  • Fixed: IE11 bug in the customizer. Thanks @anikitas!
  • Fixed: Customizer path issues
  • Added: New default arguments filter by opt_name and type. 🙂
  • Fixed: #2903 — False positive flag in border field JS. Avast doesn’t like empty document ready statements.
  • Fixed: #2880 — More issues with the extensions_url routine.
  • Fixed: #2876 — Fixing more unvetted user contributions.
  • Modified: #2855 — Extensions now have a helper class to help composer-based installs. Thanks @2ndkauboy!
  • Fixed: #2857 — Required ‘contains’ not properly evaluating with checkboxes.
  • Fixed: #2831 — Localization was complete broken.
  • Fixed: #2832 — CSS conflicts with Rev Slider (Hey, Rev Slider guys, you don’t have to load your CSS on every admin page. Really?)
  • Fixed: Leftover debug echo line in basic customizer extension.
  • Added: EXPERIMENTAL: New parsing code in an effort to break the 1000 max_input_var issue that crops up from time to time. Thanks, @harunbasic
  • Added: EXPERIMENTAL: «Bugfix» for extension_url in an effort to make it correct. Thanks, @ottok

Погрузитесь и изучите React.js с нуля! Изучите Reactjs, Redux, React Routing, Animations, Основы Next.js и многое другое! Изучите React или погрузитесь в него глубже. Изучайте теорию, решайте задания, практикуйте в демонстрационных проектах и создавайте одно большое приложение, которое улучшается на протяжении всего курса: Burger Builder!


JavaScript является основным языком современных веб-приложений, поскольку он является единственным языком программирования, который работает в браузере и, следовательно, позволяет предоставлять высокореактивные приложения.

Но использование JavaScript может быть сложным - он быстро становится тяжелым и нужно иметь хороший опыт в нем, перед тем как приступать к просмотру этого курса.

React - это все компоненты, в основном пользовательские элементы HTML, с помощью которых вы можете быстро создавать потрясающие и мощные веб-приложения. Просто создайте компонент один раз, настройте его на свои нужды, динамически передавайте в него данные (или слушайте свои собственные события!) И повторно используйте его так часто, как нужно.

Вам нужно отобразить список пользователей в вашем приложении? Это так же просто, как создать компонент «Пользователь» и выводить его когда это вам нужно.

Этот курс начнется с самых основ и объяснит что именно представляет собой Реакт и как вы можете его использовать (и для каких приложений). После этого мы пройдем весь путь от базового до продвинутого уровня работы с реактом. Мы не будем просто царапать верхушку айсберга, а глубоко погрузимся в React, а также в популярные библиотеки, такие как React Router и Redux.

К концу курса вы можете создавать удивительные SPA (Single page Application) приложения React.

Меня зовут Максимилиан - я независимый веб-разработчик и работал с React во многих проектах. Я также преподаватель с 5 звездами на Удеми. Я освещаю самые популярные альтернативы React - Vue и Angular - а также многие другие темы. Я знаю, о чем говорю, и знаю, где можно найти баги.

Моя цель - как можно быстрее начать работу с React и обеспечить ваш успех. Но я не просто сосредотачиваюсь на начинающих учениках. Я хочу, чтобы все могли воспользоваться моими курсами, поэтому мы глубоко погрузимся в «Реакт».

Этот курс для вас, если:

  • Вы только начинаете работу с интерфейсом / JavaScript-разработкой и знаете только основы JS (нет необходимости в реакте или другом опыте работы с фреймворками)
  • У вас есть опыт работы с Angular или Vue, но вы хотите погрузиться в React
  • Вы уже знаете основы React, но хотите обновить или погрузиться еще глубже
  • Вы уже немного поработали с React, но хотите погрузиться глубже и увидеть как все это объединяется в большее приложение

Что вы должны знать перед началом прохождения курса!

  • Требуется знание HTML + CSS + JavaScript. Вам не обязательно быть экспертом, но необходимо знать как минимум основы
  • Дополнительных знаний JavaScript не требуется, хотя вы сможете двигаться быстрее по курсу если знаете функции JavaScript следующего поколения, такие как функции ES6 Arrow (Стрелочные). Тем не менее, в курсе присутствует краткий обзор самых важных функций следующего поколения.

Что внутри курса?

  • «Что», «Почему» и «Как»
  • Основы React (базовые функции, синтаксис и понятия)
  • Как выводить списки и условный контент
  • Стайлинг компонентов
  • Глубокое погружение во внутренние элементы React и расширенные функции компонента
  • Как получить доступ к содержимому Http из приложений React (AJAX)
  • Redux, Redux, Redux ... от начала до конца!
  • Формы и валидация в приложениях React
  • Аутентификация
  • Введение в модульное тестирование
  • Введение в Next.js
  • Инструкции по развертыванию приложений
  • ...и многое другое!

Страница разработки фреймворка: https://github.com/reduxframework/redux-framework

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

Redux Конструктор темы

Мы можем перейти на сайт Redux Builder (https://build.reduxframework.com/), чтобы создать свою тему на основе Underscores (_s) и начать использовать Redux.

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

Встроенный Redux или плагин

Есть 3 варианта.

  1. зависимость — плагин не поставляется с темой, а устанавливается отдельно;
  2. предложение установить — с использованием TGM класса , в этом случае плагин возьмет приоритет над встроенным в теме;
  3. включен в тему.

Аргументы Redux

Опции разделены на 3 вкладки: стандартные, подсказки, и продвинутые опции.
Можно параллельно изучать https://docs.reduxframework.com/core/arguments/ , но их всегда можно изменить позже.

Благо, какие-то значения по умолчанию выставлены, что вполне подходит для старта.

Версия Redux

Ну, конечно, выбираем stable версию.

Какие элементы включить в Redux

Неиспользуемые элементы в Redux можно отключить, чтобы его облегчить.

Сгенерированная тема

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

Перед скачиванием темы, можно указать все нужные поля (theme slug & uri, author, author uri, description)

Использование Redux

В сгенерированной теме нас интересует файл /admin/options-init.php .
В нем лежат заданные аргументы и опции.

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

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

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

Сейчас, кстати, передо мной стоит похожая задача. Требуется подключить на WordPress сайт новый макет, где есть парочка текстовых областей, которые будущим пользователям желательно иметь возможность менять. Самый простой пример — контактные телефоны в шапке. Реализовывать это с помощью кажется избыточным решением (делать лишний блок ради одной строки текста не особо эффективно). Писать специальную документацию о том как редактировать информацию в php файлах темы — вроде как, не совсем красиво (+ не каждый сможет разобраться в коде). А вот реализация задачи через настройки шаблона WordPress — интересный вариант.

Чтобы создать панель настроек шаблона вордпресс нужно хорошо разбираться в API системы (Settings и Theme Customization), знать PHP и выделить под этот процесс много времени. На codex.wordpress.org есть некоторое описание и примеры работы с API, в частности интересно было почитать о настройщике Theme Customization , но без хороших знаний и опыта в веб-разработке реализовать свою панель настроек шаблона WordPress будет очень не просто.

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

Фреймворки для настроек в вордпресс шаблоне

По сути, данные вордпресс фреймворки — это плагины с готовыми наработками, которые можно использовать для быстрого создания панели/страницы настройки шаблона WordPress. Если вы знакомы с Bootstrap, то здесь принцип аналогичный. Большим плюсом есть то, что представленные ниже, модули абсолютно бесплатны и их можно применять для коммерческих проектов в том числе.

Options Framework

Модуль Options Framework позволяет включить панель настроек в любой шаблон WordPress. Среди опций вы можете использовать текстовые поля, чекбоксы, radio button, селекты, загрузку картинок, выбор цвета, шрифта и т.п. Все желающие смогут интегрировать модуль внутрь своей темы.

На сайте разработчиков есть видео по использованию плагина + детальное описание. Options Framework поддерживает версию системы начиная с 3.6., имеет более 100 тысяч загрузок и оценку 4.8.

По словам авторов, — это самый простой фреймворк для WordPress, который позволяет создавать страницы администратора, настроек, а также опции для настройщика Theme Customizer. И все это за счет добавления нескольких строчек кода. Детальное описание функций и возможностей традиционно ищите на сайте Titan Framework. Минимальные требования — WP 4.1., загрузок значительно меньше чем в предыдущем варианте — 6 тысяч, оценка — 4.5.

Помнится, находил информацию по когда искал фреймвокри для создания вордпресс шаблонов с нуля. Данный продукт от ThemeFuse весьма функционален — содержит множество полезных фишек, например, drag & drop управление, слайдеры, элементы портфолио и событий, возможность бэкапа и т.п. На сайте модуля найдете небольшую видеодемонстрацию по его возможностям. У проекта 20 тысяч загрузок и 4.7 баллов от пользователей. Поддерживается версия системы 4.3 и выше.

OptionTree

OptionTree — достаточно мощное решение, если судить по его описанию. Пишут, что оно частично даже спонсируется ThemeForest и может использоваться для разработки премиум тем. Основная идея автора — убрать границы между разработчиками, дизайнерами и пользователями за счет создания функциональной панели настройки wordpress шаблона.

В работе вы можете использовать drag & drop интерфейс, имеется поддержка переводов i18n. Среди функций встречаются как стандартные элементы (текстовые поля, выборки, изображения) так и сложные решения: чекбоксы для постов/страниц, выбор даты, поддержка пользовательских типов записей, вставка кода и т.п. Для работы нужна версия WP 3.8 и старше. Загрузок под 70 тысяч, оценка — 4.8.

Судя по 200 тысячам загрузок решение весьма и весьма интересное. Создатели называют его простым и расширяемым вордпресс фреймворком, которые поможет разработчикам создавать функциональные панели настроек шаблонов. Он построен на WP Settings API. Кроме поддержки всех основных полей, модуль может похвастаться уникальными фишками: обработкой ошибок, проверками полей, экспортом/импортом, переводами, интегрированной поддержкой Google Webfonts и многим другим.

Напоследок упомяну еще два решения, которые распространяются не через официальный сайт WP, а через сервис Github . Фреймворк UpThemes был создан одноименной компанией, что занимается разработкой WP тем. Он использует возможности Settings API и имеет все стандартные опции системы: загрузку изображений, выбор цвета, настройки темы, фонов и т.п. Решение расширяемое и поддерживает настройщик Theme Customizer. К сожалению, нет информации о требуемых версиях системы + последние правки там, судя по всему, были более года назад.

— последняя на сегодня разработка из области вордпресс фреймворков для настройки шаблона, которую можно найти на Github. Кроме описания, сайт проекта содержит демо версию с возможностью зайти в админку и посмотреть доступные опции на реальном примере. Используется при этом WordPress 3.5.1. В принципе, неплохой фреймворк, т.к. здесь встречаются интересные фишки, например: выбор ролей пользователей, ползунки для изменения значений, , блоки для JS/CSS кода, условные поля и т.п. Наверняка разработчикам было бы интересно изучить это решение.

В целом, интересная такая подборочка получилась. Уверен, среди этих плагинов для панели настройки шаблонов в WordPress вы найдете нужно решение. Первое, что попалось мне на глаза, — это Options Framework, поэтому начну именно с него. Позже напишу о результатах работы. Также в списке понравился фреймворк Redux Framework. OptionTree неплох, судя по описанию, да и Vafpress Framework приглянулся. Короче говоря, все решения из статьи хороши.

Кстати, если у вас есть опыт работы с какими-то вордпресс фреймворками для настройки шаблонов или советы по теме, пишите в комментариях.

Похожие статьи:
Категории
Популярное