React - Пълното ръководство (включително Hooks, React Router, Redux). WordPress рамки (плъгини) за настройки на шаблони Настройка на опции рамка плъгин за WordPress

Гмурнете се и научете React.js от нулата! Научете Reactjs, Redux, React Routing, анимации, основи на Next.js и още! Научете React или се потопете по-дълбоко в него. Научете теория, решавайте проблеми, практикувайте в демонстрационни проекти и изградете едно голямо приложение, което става по-добро по време на курса: Burger Builder!

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

Но използването на JavaScript може да бъде трудно - бързо става тежък и трябва да имате добра подготовка, преди да започнете да гледате този курс.

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

Трябва ли да покажете списък с потребители във вашето приложение? Това е толкова просто, колкото създаването на потребителски компонент и изобразяването му, когато имате нужда от него.

Този курс ще започне от самите основи и ще обясни какво точно е React и как можете да го използвате (и за какви приложения). След това ще преминем целия път от основно до напреднало с React. Няма само да надраскаме върха на айсберга, но ще се потопим дълбоко в React, както и в популярни библиотеки като React Router и Redux.

До края на курса ще можете да създавате невероятни SPA (Single page Application) React приложения.

Казвам се Максимилиан - аз съм уеб разработчик на свободна практика и съм работил с React по много проекти. Аз също съм учител с 5 звезди на Udemy. Обхващам най-популярните алтернативи на React - Vue и Angular - както и много други теми. Знам какво говоря и знам къде могат да бъдат открити грешки.

Моята цел е да започна с React възможно най-скоро и да гарантирам вашия успех. Но не се фокусирам само върху начинаещи ученици. Искам всеки да може да се възползва от моите курсове, така че ще се потопим дълбоко в React.

Този курс е за вас, ако:

Вие току-що започвате с разработката на front-end/JavaScript и знаете само основите на JS (няма нужда от react или друг опит с рамка)
Имате опит с Angular или Vue, но искате да се потопите в React
Вече знаете основите на React, но искате да надстроите или да се гмурнете още по-дълбоко
Вече сте направили малко React, но искате да се потопите по-дълбоко и да видите как всичко се събира в едно по-голямо приложение.

Какво трябва да знаете преди да започнете курса!

Изисква познания по HTML + CSS + JavaScript. Не е нужно да сте експерт, но трябва да знаете поне основните неща
Допълнителен познаване на JavaScriptне е задължително, въпреки че ще можете да се движите по-бързо, ако познавате следващото поколение функции на JavaScript, като например функциите със стрелки на ES6. Курсът обаче съдържа кратък прегледповечето важни функцииследващото поколение.

Какво има вътре в курса?

„Какво“, „Защо“ и „Как“
Основи на React (основни функции, синтаксис и концепции)
Как да показвате списъци и условно съдържание
Оформяне на компоненти
Задълбочено потапяне във вътрешността на React и разширените функции на компонентите
Как да получите достъп до Http съдържание от React приложения (AJAX)
Redux, Redux, Redux... от началото до края!
Формуляри и валидиране в React Apps
Удостоверяване
Въведение в Unit Testing
Въведение в Next.js
Инструкции за внедряване на приложението
...и още много!

Ако сте работили с напреднали и функционални WordPress теми, вероятно сте забелязали, че има специален раздел с настройки на шаблона. С тяхна помощ потребителят може например да избере шрифтове за сайта, да определи местоположението на страничната лента, да посочи връзки към социални профили. мрежи, активирайте/деактивирайте някои допълнителни опциии така нататък. Всичко това е доста удобно и позволява на разработчика да създаде цял набор от опции за персонализиране. външен видсайт, който не изисква специални технически познания от потребителите.

Сега, между другото, пред мен има подобна задача. Изисква се да свържете ново оформление към сайта на WordPress, където има няколко текстови области, които бъдещите потребители биха искали да могат да променят. Най-простият пример е Телефони за връзкав шапка. Прилагането на това с изглежда като излишно решение (правенето на допълнителен блок в името на един ред текст не е много ефективно). Напишете конкретна документация за това как да редактирате информация в php файловетеми - някак, не съвсем красиви (+ не всеки ще може да разбере кода). Но изпълнението на задачата чрез настройките на шаблона на WordPress е интересна опция.

За да създадете панел с настройки на шаблон на WordPress, трябва да сте добре запознати със системния API (Настройки и персонализиране на теми), да знаете PHP и да отделите много време за този процес. Има някои описания и примери за работа с API на codex.wordpress.org, по-специално беше интересно да прочета за персонализатора за персонализиране на теми, но без добри познания и опит в уеб разработката няма да е много лесно да се приложи вашия собствен панел с настройки на шаблон на WordPress.

За щастие има по-добър изход - да използвате специални рамки на WordPress. В мрежата има много различни колекции, където можете да намерите подходящите решения - аз избрах най-добрите за вас.

Рамки за настройки в шаблон на WordPress

Всъщност тези WordPress рамки са плъгини с готови разработки, които могат да се използват бързо създаванеПанели/страници с настройки на шаблони на WordPress. Ако сте запознати с Bootstrap, тогава принципът тук е подобен. Големият плюс е, че представеното по-долу, модулите са напълно безплатни и могат да се използват за комерсиални проективключително.

Опционална рамка

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

Уебсайтът на разработчиците има видеоклип за използването на приставката + подробно описание. Options Framework поддържа версия на системата, започваща от 3.6., има повече от 100 хиляди изтегляния и рейтинг 4.8.

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

Спомням си, че намерих информация, когато търсех рамка за създаване на WordPress шаблони от нулата. Този продукт от ThemeFuse е много функционален - съдържа много полезни функции, например контроли за плъзгане и пускане, плъзгачи, елементи за портфолио и събития, възможност за архивиране и т.н. На сайта на модула ще намерите малка видео демонстрация на неговите възможности. Проектът има 20 хиляди изтегляния и 4,7 точки от потребители. Поддържа се версия на системата 4.3 и по-нова.

OptionTree

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

В работата можете да използвате интерфейса за плъзгане и пускане, има поддръжка за i18n преводи. Сред функциите има както стандартни елементи (текстови полета, селекции, изображения), така и сложни решения: квадратчета за отметки за публикации/страници, избор на дата, поддръжка за потребителски типове публикации, вмъкване на код и др. Имате нужда от WP 3.8 или по-нова версия, за да работите. Изтегляния под 70 хиляди, резултат - 4,8.

Съдейки по 200 хиляди изтегляния, решението е много, много интересно. Създателите го наричат проста и разширяема рамка на WordPress, която ще помогне на разработчиците да създадат функционални панели с настройки на шаблони. Той е изграден върху WP Settings API. В допълнение към поддръжката на всички основни полета, модулът разполага с уникални функции: обработка на грешки, валидиране на полета, експортиране/импортиране, преводи, интегрирана поддръжка за Google Webfonts и много други.

Накрая ще спомена още две решения, които не се разпространяват чрез официалния сайт на WP, а чрез услугата Github. Рамката UpThemes е създадена от едноименната компания, която разработва WP теми. Той използва API за настройки и има всички стандартни системни опции: качване на изображение, избор на цвят, настройки на тема, фонове и т.н. Решението е разширяемо и поддържа Theme Customizer. За съжаление няма информация за необходимите версии на системата + последните редакции там очевидно са били преди повече от година.

- най-новото развитие за днес от областта на WordPress frameworks за персонализиране на шаблона, който може да бъде намерен в Github. В допълнение към описанието, уебсайтът на проекта съдържа демо версия с възможност да отидете в административния панел и да видите наличните опции на реален пример. Използва WordPress 3.5.1. По принцип добра рамка, т.к. срещнете се тук интересни чипове, например: избор на потребителски роли, плъзгачи за стойностни промени, , блокове за JS/CSS код, условни полета и др. Със сигурност разработчиците биха се заинтересували да проучат това решение.

Като цяло се оказа такава интересна селекция. Сигурен съм, че ще намерите решението, от което се нуждаете, сред тези приставки за панел за персонализиране на теми на WordPress. Първото нещо, което хвана окото ми е Options Framework, така че ще започна с него. По-късно ще пиша за резултатите от работата. Също така в списъка ми хареса Redux Framework. OptionTree не е лош, съдейки по описанието, а Vafpress Framework ми хареса. Накратко, всички решения от статията са добри.

Между другото, ако имате опит с някои WordPress рамки за персонализиране на шаблони или съвети по темата, пишете в коментарите.

От автора: SitePoint вече е пълен със статии за WordPress рамки, но както ще видите по-долу, има много повече рамки: всички имат своите плюсове и минуси, всяка тема има свой собствен стил на развитие.

Въведение в темите на WordPress

Просто седях в офиса, чешех се по главата и мислех за WordPress frameworks. Преди да започна да работя по статията, прекарах дни, седмици, дори месеци в изучаване на въпроса, мислейки какво да напиша: текстът трябваше да е различен от всичко, което вече е написано за рамките.

Напълно оплетена в мислите си, ми хрумна прозрение. Хрумна ми, че когато хората пишат за WordPress рамки, те са склонни да покриват само основите... основите, в които са специализирани разработчиците на общността на WordPress Meetup: рамки като Genesis, Thesis или WooCommerce.

Защо се случва това? Може би разработчиците не смятат, че там всичко е толкова сложно или не искат да пишат за рамки, които скоро ще спрат да се разработват. Или разработчиците имат тежък срок, ако го пропуснат, сайтът ще падне рязко в резултатите от търсенето. търсачки. Кой знае.

Искам да правя нещата по различен начин, така че седнете и си направете кафе. Днес ще разгледаме пълно ръководствона WordPress Themes Frameworks.

Защо "пълен"? Английската дума definition означава завършване на нещо. Синонимът може да служи като "окончателен", "окончателен".

Какво представляват темите на WordPress?

Преди да се потопите стремглаво в списъка, е необходимо да покриете някои основи на рамките. В края на краищата, може би четете първата статия за рамки в живота си. Не искам да ви плаша да си тръгнете, без да завършите статията си. Ако вече сте ветеран, можете да превъртите надолу до списъка с рамки.

Рамковите теми са родителски теми, към които екип или един разработчик добавя своя собствена функционалност, за да улесни актуализирането на темата и нейните повторно използванебез това да засяга дизайна на конкретен сайт. Детската тема ще задава свои собствени стилове, а функционалността ще бъде в основната рамка.

Забележка - Горното не означава, че всяка родителска тема е рамка. Създателите на шаблони предоставят родителски теми със стотици варианти на дъщерна тема, но другата родителска тема не използва същия код (те ви казват, че са рамки, когато технически не са).

В хранилището на WordPress има три концепции, свързани със стойността Themes-frameworks: drop-in, stand-alone и шаблонът Parent Theme. Мисля, че е невъзможно да се обясни дори по-просто от там. Затова ви съветвам да прочетете тази статия някой път.

Като част от нашата статия ще обърна повече внимание на последния термин „Шаблони за родителски теми“ или шаблони за родителски теми. Този термин е известен на по-голямата част от общността на разработчиците и широката общественост.

Различни видове тематични рамки

Рамките са различни и решават различни проблеми в бизнеса и дизайна. Някои от тях са безплатни, други са платени.

Има така наречените основни, универсални рамки. Те не заемат някаква конкретна ниша, но покриват целия набор от задачи, помагайки на уеб разработчиците и дизайнерите по целия свят да създават усъвършенствани сайтове с бърза реакция, чиято разработка отнема много по-малко време при използване на рамки.

Някои от рамките са създадени в продължение на много години и безкрайни часове на разработка. Всичко това беше необходимо, за да се създаде обширна, добре документирана рамка с отлична поддръжка.

Разширените функции на такива рамки включват редактори за плъзгане и пускане в предния и задния край, кратки кодове, разработка за множество устройства и шаблони.

Не е чудно защо интернет бизнесите обичат да използват рамки. В момента любимата ми е SEO Design Framework, предназначена да се класира по-високо в SERPs.

Защо да използваме рамки?

Добър въпрос, защо да използвате WordPress frameworks? Може да мислите, че никога няма да ви се наложи да създавате своя собствена рамка, но може да се окаже, че вече използвате рамка, без дори да го знаете. Рамки като Genesis, WooFramework и Thesis са толкова често срещани в наши дни, че лесно можете да забравите, че са част от ядрото на WordPress.

Да вземем пример. Ноел Ток е разработил уебсайтове за сектора на хотелиерството. Създавайки своя собствена рамка, той го направи много по-лесен за себе си: сега той можеше да създава големи сайтове за клиенти и постоянно да подобрява и оптимизира рамката по отношение на производителността, без да добавя функции на трети страни, от които клиентите му никога няма да се нуждаят.

Този подход му помогна да ускори процеса на разработка, както и да предложи на клиентите си по-дълга поддръжка. Спестеното време може да бъде изразходвано в подкрепа на вашия екип за разработка и изучаване на нови инструменти.

Имаше много функции, които трябваше да вземе предвид, като например SEO най-добри практикив развитие. Предимството му беше, че не трябваше да използва куп плъгини, за да добави необходимите елементи като кодови фрагменти, коментари от социални мрежии мобилни първи техники, както и създаване на формуляри за изпращане на имейл съобщения за идентифициране на потенциални купувачи на неговата работа и др.

Потребителите успяха лесно да създадат свой собствен дизайн въз основа на текущия, като редактираха новите файлове style.css и functions.php. Разработчикът трябваше да прибегне до Sass и по-късно неговата рамка се превърна в услугата Happy Tables.

Предимства и недостатъци

Има много предимства от използването на тематични рамки на WordPress. Когато работите с популярни рамки, не е нужно да търсите надалеч, за да видите активна работаразработчици и дизайнери във форуми и общности, за да помогнат на обърканите потребители.

Предимството на кода, написан според стандартите на WordPress. Такъв код може лесно да бъде поставен от едно място на друго, за да се тестват плъгини и услуги като WP Test, Theme Authenticity Checker (TAC) и Theme Check. някои Основни функции, което може да се отдаде на ползите;

Опростена разработка за дългосрочно развитие

Вградена функционалност (по-малко зависимост от плъгини)

Качество на кода

Актуализации

И недостатъци;

образование

Куки и филтри

Прекален код

Ограничения (ако рамката не е ваша)

Актуализации и поддръжка

Списък на тематични рамки на WordPress

Редът не е важен:

WordPress Jump Start

SEO дизайн рамка

Cherry Framework

Тема на рамката на опциите

UpThemes Framework

Карингтън Билд

Simon WP Framework

Заключение

Почти невъзможно е да ги овладеете всички, твърде често излизат нови и нови рамки. Ако намерите непосочена рамка, която се основава на истинската дефиниция на рамка, а не само че отговаря на всички теми, тогава я посочете в коментарите по-долу.

Redux е проста, наистина разширяема и напълно адаптивна рамка с опции за WordPress теми и добавки. Изграден върху API за настройки на WordPress, Redux поддържа множество типове полета, както и: персонализирано обработване на грешки, персонализирани полета и типове валидиране и функционалност за импортиране/експортиране.

Но какво всъщност ПРАВИ Redux? Ние не вярваме, че разработчиците на теми и плъгини трябва да преоткриват колелото всеки път, когато започнат работа по проект. Redux е проектиран да опрости цикъла на разработка, като предоставя рационализирана, разширяема рамка, върху която разработчиците да надграждат. Чрез прост, добре документиран конфигурационен файл, разработчиците на трети страни могат да изградят панел с опции, ограничен само от собственото им въображение, за част от времето, необходимо за изграждане от нулата!

Онлайн демо

Не ни вярвайте на думата, вижте нашата онлайн демонстрация и опитайте Redux, без да инсталирате нищо!
http://demo.redux.io/

Използвайте Redux Builder, за да започнете

Искате да използвате Redux, но не сте сигурни какво да правите? Използвайте нашия конструктор! Това ще ви позволи да направите персонализирана тема, базирана на , TGM и Redux и всякакви Redux аргументи, които искате да зададете.

Не искате да направите своя собствена тема? След това изведете персонализирана администраторска папка, която можете да поставите в тема или приставка. О, и споменахме ли, че е безплатно? Опитайте днес на:
http://build.reduxframework.com/

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

ЗАБЕЛЕЖКА: Redux не е предназначен да се използва самостоятелно. Изисква конфигурационен файл, предоставен от разработчик на тема или плъгин на трета страна, за да направи нещо готино!

Екранни снимки

ЧЗВ

Защо този плъгин не прави нищо?

Redux е рамка с опции… с други думи, не е предназначена да прави нищо сама! Можете обаче да активирате демо режим, за да видите как работи.

Как мога да науча повече за Redux? Нямате много съдържание в този раздел с ЧЗВ

Това е така, защото истинският раздел с често задавани въпроси е на нашия сайт! Моля, посетете http://docs.reduxframework.com/faq/

Отзиви

Вече не мога да осъществя достъп до текущите си продукти. Веднага след инсталирането се сблъсках постоянно с пренасочване към страницата за Redux. Сега, след като деинсталирах Redux, получавам съобщението „няма разрешение за достъп до тази страница“. Това означава, че няма разрешение за достъп Страница с продукти в wordpress. Просто се случи. Ще проверя дали автоматичното ми архивиране работи тази седмица. И така, какво ако не? Ще загубя няколко седмици интензивна работа???

Членове и разработчици

„Redux Framework“ е проект с отворен код програмен код. Следните участници допринесоха за разработването на приставката:

Членове

Дневник на промените

3.6.16

Коригирано: съвместимост с WordPress 5.3.1. Също така добави новия @redux акаунт към плъгина.

3.6.15

Коригирано: Redux API setSections би затворил, когато няколко секции без ID споделят едно и също заглавие.

3.6.14

Коригирано: #3583: Неуспешно импортиране при превишаване на max_input_vars. Функцията е преместена в ajax_save, за да се избегне този проблем.

3.6.13

Прескачане. Суеверна съм! — kp

3.6.12.2

Коригирано: #3586: Базата данни не се записва правилно в режим „мрежа“. Благодаря @Tofandel.
Коригирано: #3584: Подобрена лисица за #3580. Благодаря @Enchiridion.

3.6.12.1

Коригирано: #3580 - масив 'tax_query' в аргументи за аргумент с данни на WordPress, извеждащ грешка при разговор на низ.

3.6.12

Коригирано: #3577 - Добавен е isset към REMOTE_ADDR проверка за предотвратяване на грешка.

3.6.11

Коригирано: #3561, #3562 - Не всички селектори в асинхронната типография бяха правилно оформени, което ги караше да не се изобразяват правилно на екрана.

3.6.10

Актуализирана актуализация на шрифта на Google.
Актуализирано: #3447 - Актуализиран RTL CSS. Благодаря @Abolfazlrt.
Коригирано: предупреждения за дублиране на ID.
Коригирано: http предупреждения в https среди.
Коригирано: #3539 - Етикетът на полето за отметка не се показва, освен ако не е зададено 'desc'. Благодаря @Enchiridion.
Коригирано: #3547 - ace_editor не се изобразява правилно в подраздел. Благодаря @Tofandel.
Коригирано: #3534 – Коригиране на невалиден CSS в asycn_typography (запетая в края). Благодаря @ksere
Коригирано: Разстояние между бутоните Запазване и Нулиране.
Добавено: #3285 - dir и url филтри за разширение за персонализиране. Благодаря @aaronhuisinga.
add_filter("redux/разширение/customizer/dir", $dir)
add_filter("redux/разширение/персонализатор/url", $url)

3.6.9

Коригирано: Заобикаляне на грешка в WP, при която полето на галерията ще покаже въртящ се бутон при първо отваряне без избрани изображения.
Коригирано: #3512 - Изборът на изображение в режим на плочки не подчертава по подразбиране.

3.6.8

Коригирано: Грешка при запазване на AJAX поради неправилна препратка към обект в redux.js.
Коригирано: Премахнат неизползван set_transient в рутина за добре дошли. Това причиняваше бавни заявки.
Актуализирано: Актуализация на Google Font.
Коригирано: #3440: Родителският обект не е правилно зададен във файловата система Redux.
Коригирано: Проблеми с CSS инструмента за избор на цвят в резултат на WP 4.9.
Коригирано: #3429 - Select2 Sortable изисква зависимост от jQuery Sortable.
Коригирано: Администраторът забелязва, когато няколко изпълнявани екземпляра на Redux не се показват на панел.

3.6.7.7

Коригирано: Корекция на пътя на файловата система.
Коригирано: #3414: Неправилно име на клас, причиняващо грешка при зареждане, чрез API на файловата система.
Коригирано: #3413 - Възстановен стар код, позволяващ стойност без масив за режим. Това е за обратна съвместимост
само и не се поддържа.
Коригирано: #3410, #3409 - Извеждане на полето за размери, причиняващо грешки в индекса, когато режимът не е зададен в масива от опции.
Коригирано: #3406 - javascript hasClass неправилно използван, засегнат персонализатор.
Коригирано: Декларации на масиви, които PHP 7.1 вече изисква.
Актуализирано: Актуализиран бюлетин, абонирайте се, изпратете, за да поддържате нашия по-нов сървър за бюлетин.
Коригирано: #3379 - полето select_image не се показва правилно по подразбиране. аргументът „по подразбиране“ сега трябва да бъде
пълен път до изображението по подразбиране.
Актуализирано: Google Fonts.

3.6.6

Грешно изписаното име на клас е компилаторът на системна информация, причиняващ неуспех в състоянието на системата.
#3359 - Отзивчив проблем на панела с опции. Твърде много празно място на панела в режим на смартфон.
#2914, #3356 - Предварително зададеното изображение по подразбиране image_select не е избрано. Това беше първоначално по проект. Сега е нещо.
Актуализация: Parsedown.php за PHP 7.x
Коригирано: Състоянието на системата неправилно отчита състоянието на възможност за запис в папката за качване.
Коригирано: #3124 - Подаденият от потребителя 'current_user_can' се провали на PHP версия<= 3.5.13. Thanks for the assist, @sourabgupta88
Променено: PHP7 съвместимост.

3.6.5

Променено: #3321 - Поднабор от шрифтове в типографията не се изобразява в IE и Edge (Сериозно? Хората все още ги използват?)
Коригирано: #3293 - Изисква се нехаресване/скриване на полета с превключвател по подразбиране на 'false'.
Коригирано: Премахнете остатъците от var_dump от ядрото.
Коригирано: Изскачащите прозорци за проследяване и бюлетин не работеха поради повреден javascript.
Коригирано: #3291: Изисква се с родител като масив, който не се проверява правилно. Някой ми е взел проверката на обекта!! — kp
Променено: Календарът на полето за дата вече се изобразява на .redux-container div.
Актуализиран: файл googlegonts.php.
Променено: = и != задължителните оператори вече използват безопасни за типове сравнения.
Коригирано: полето link_color вече показва правилно всички цветни полета.
Добавено: полето link_color вече включва цветен блок „фокус“.
Променено: Променен стил на полето link_color, за да бъде по-вградено с други полета от неговия тип, тоест изглежда по-добре.
Добавено: атрибут 'title' към полето image_select, тъй като 'alt' вече не работеше за показване на подсказка при задържане.
Коригирано: Данните по подразбиране не се записват правилно в полето за сортиране.

3.6.4

Променено: Променен gitignore файл за изключване на възвишени текстови файлове.
Коригирано: #2966 - Грешка в превода. Идентифицирано и коригирано от @iiandrade. Благодаря!
Променено: Генерирани са всички CSS файлове с карти, за да се отърват от предупрежденията на Chrome.
Добавено: Задължително за Advanced Customizer благодарение на @britner!
Променено: Различни корекции и промени на персонализатора, за да съответстват на новите стилове.
Променено: Код само за персонализатор в Redux.js, преместен във файла customizer.js.
Променено: Изолираният Redux CSS да бъде вложен и да не засяга други продукти или WP UI.
Добавено: #3222 - ГОЛЯМА актуализация от @enchiridion за разрешаване на разширени и сложни разрешения. WTG!
Добавено: Нови кукички за начина, по който се извикват API на разширението. Много по-чист.
Коригирано: #3214 – Цветното поле на типографията не задейства кука на компилатора.
Коригирано: #3201 - Грешка в индекса при използване на аргумент на компилатора с поле за въртене.
Актуализирано: #3189 - PHP7 съвместимост за проверка на preg_replace.
Коригирано: #3186 – Много текстови полета не премахват нито едно поле при щракване върху „Премахване“.
Коригирано: #3180, #2641 - Неправилно запазване на много режими на бутон. Моля, проверете кода си за възможен проблем с обратната съвместимост, когато използвате този режим. Сега трябва да се използва функцията foreach() с празна() проверка, в сравнение с отделни ключове за масив, тъй като само избраните опции се записват в базата данни.

3.6.3

Променено: Променете стиловете на курсора на персонализатора, за да съответстват на WP 4.7.
Променено: #3169 - print_r на wpdb заявки в dev_mode премахнат.
Коригирано: #3159 - Поддръжка за SVG при избора на медии в галерията.
Коригирано: #3158 - PHP предупреждение за функцията _validate_values когато разширенията са инсталирани на PHP7.

3.6.2

Коригирано: #3105 - извеждането на link_color е неуспешно поради PHP грешка.
Коригирано: #3103 - WP 4.6 принуждава нов формат на датата по подразбиране, прекъсвайки валидирането на датата.
Коригирано: Грешка в подмножествата на типографията поради печатна грешка.
Коригирано: Допълнителни мъртви файлове в WP.org repo. Бах SVN.

3.6.1

Премахнат празен PHP файл от полето за редактор.
Променено: Заменено е името на основната функция на класа в browser.php на __construct за съвместимост с PHP7.
Коригирано: #3051 - Color_RBGA поле RGBA стойност, извеждаща нули, когато цветът е оставен празен.
Коригирано: #3048 – Разделите на подраздели не включват указано име на клас раздел.
Коригирано: Неправилен резултат за сравнение на низове при проверка на връзката на администратора. Благодаря @ksere.
Коригирано: Съществува стойност за проверка преди валидиране, когато се използва с разширение Metabox. Благодаря @Enchiridion
Коригирано: Празните стойности не преминават към validation_callback.
Коригирано: Javascript грешка в javascript на персонализатора, предотвратяваща запазването на променените опции.
Коригирано: #3019 - Описанията на секциите са неправилни, когато opt_name съдържа цифри.
Възстановено: Промени в типографията. Решението за входна променлива не работеше.
Коригирано: URL адресът за поддръжка има генератор, който се проваля с грешка.
Променено: Полето типография вече е само ЕДНА входна променлива. Трябва да намали нашата
max_input_vars грешки драматично.
Коригирани: Някои XSS уязвимости са налични само в бекенда, когато се удостоверят като потребител.
Коригирано: Изтрити стари изтрити файлове, останали в нашето WP.org SVN репо.

3.6.0.2

Коригиран остарял customizer.min.js на wp.org, причиняващ грешка на персонализатора.

3.6.0.1

Коригиран остарял redux.min.js на wp.org, причиняващ повреда на панела с опции.
Коригирано: #2936 – Гранично поле, извеждащо px с празна стойност.
Коригирано: Разрешено фалшиво известие за проверка на php кратък код на тема.
Променено: Няма повече основно пренасочване за страницата Redux, само при първо инсталиране с приставката.
Коригирано: грешка в IE11 в инструмента за персонализиране. Благодаря @anikitas!
Коригирано: Проблеми с пътя на персонализатора
Добавено: Нови аргументи по подразбиране филтрират по opt_name и тип. 🙂
Коригирано: #2903 - Фалшив положителен флаг в гранично поле JS. Avast не обича празни изрази за готовност на документи.
Коригирано: #2880 – Още проблеми с рутината extensions_url.
Коригирано: #2876 - Коригиране на повече непроверени потребителски приноси.
Променено: #2855 - Разширенията вече имат помощен клас, за да помогнат при инсталации, базирани на композитор. Благодаря @2ndkauboy!
Коригирано: #2857 – Задължително „съдържа“ не се оценява правилно с квадратчета за отметка.
Коригирано: #2831 - Локализацията беше напълно повредена.
Коригирано: #2832 – CSS конфликти с Rev Slider (Хей, момчета от Rev Slider, не е нужно да зареждате вашия CSS на всяка администраторска страница. Наистина ли?)
Коригирано: Остатъчен ехо ред за отстраняване на грешки в основно разширение за персонализиране.
Добавено: ЕКСПЕРИМЕНТАЛНО: Нов код за анализиране в опит да се преодолее проблемът с 1000 max_input_var, който изниква от време на време. Благодаря @harunbasic
Добавено: ЕКСПЕРИМЕНТАЛНО: „Корекция на грешка“ за extension_url в опит да бъде коригирана. Благодаря, @ottok

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

ReduxFramework е лесна за използване, разширяема рамка, с която можете да създавате напълно адаптивни страници с опции за теми и добавки.
Но е по-добре, както се казва, да го видите в действие веднъж.

Redux Theme Builder

Можем да отидем на сайта на Redux Builder (https://build.reduxframework.com/), за да изградим нашата тема въз основа на долни черти (_s) и да започнем да използваме Redux.

Трябва да регистрирате акаунт в сайта.
След като влезем, се озоваваме в обичайния административен панел на WordPress, където ни се дават необходимите обяснения как да изградим нашата тема и съответните стъпки.

Вграден Redux или плъгин

Има 3 варианта.

зависимост - плъгинът не се доставя с темата, а се инсталира отделно;
оферта за инсталиране - използвайки класа TGM, в този случай плъгинът ще има предимство пред вградената тема;
включени в темата.

Redux аргументи

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

За щастие са зададени някои стойности по подразбиране, което е доста подходящо за стартиране.

Версия Redux

Е, разбира се, ние избираме стабилната версия.

Какви елементи да включите в Redux

Неизползваните елементи в Redux могат да бъдат деактивирани, за да е по-лесно.

Генерирана тема

В последната стъпка можем да изтеглим или папката администратор, които независимо ще пуснем в нашия съществуващ проект с тема или ще изтеглим готова персонализирана тема.

Преди да изтеглите темата, можете да посочите всички задължителни полета (slug и uri на темата, автор, uri адрес на автора, описание)

Използване на Redux

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

По един или друг начин, в началото на употребата, често ще трябва да се обърнете към документацията.
Те го имат, струва си да се каже, че е прекрасно написано и с примери, толкова много въпроси в началото се решават чрез копиране и поставяне.

Redux е безплатна и мощна плъгин рамка, която се разработва активно. Трябва постоянно да следите уместността на информацията.