React - Kompletný sprievodca (vrátane hákov, smerovača React, Redux). WordPress frameworky (pluginy) pre nastavenia šablón Nastavenie možností framework plugin pre WordPress

Ponorte sa do toho a naučte sa React.js od začiatku! Naučte sa Reactjs, Redux, React Routing, animácie, základy Next.js a ďalšie! Naučte sa React alebo sa do toho ponorte hlbšie. Naučte sa teóriu, riešte problémy, cvičte v demo projektoch a vytvorte jednu veľkú aplikáciu, ktorá sa bude počas kurzu zlepšovať: Burger Builder!


JavaScript je hlavným jazykom moderných webových aplikácií, pretože je to jediný programovací jazyk, ktorý beží v prehliadači, a preto umožňuje poskytovať aplikácie s vysokou odozvou.

Používanie JavaScriptu však môže byť zložité – rýchlo sa stáva ťažkým a predtým, ako začnete sledovať tento kurz, musíte v ňom mať dobré pozadie.

React je o komponentoch, v podstate vlastných HTML prvkoch, pomocou ktorých môžete rýchlo vytvárať úžasné a výkonné webové aplikácie. Stačí vytvoriť komponent raz, prispôsobiť ho svojim potrebám, dynamicky do neho odovzdávať údaje (alebo počúvať svoje vlastné udalosti!) a znova ho používať tak často, ako je potrebné.

Potrebujete vo svojej aplikácii zobraziť zoznam používateľov? Je to také jednoduché, ako vytvoriť používateľský komponent a vykresliť ho, keď ho potrebujete.

Tento kurz začne od úplných základov a presne vysvetlí, čo je React a ako ho môžete použiť (a na aké aplikácie). Potom s Reactom prejdeme celú cestu od základných po pokročilých. Nebudeme len poškriabať špičku ľadovca, ale ponoríme sa hlboko do Reactu, ako aj do populárnych knižníc ako React Router a Redux.

Na konci kurzu budete môcť vytvárať úžasné aplikácie SPA (Jednostránková aplikácia) React.

Volám sa Maximilian – som webový vývojár na voľnej nohe a s Reactom som spolupracoval na mnohých projektoch. Som tiež 5-hviezdičkový učiteľ na Udemy. Zaoberám sa najpopulárnejšími alternatívami k React – Vue a Angular – ako aj mnohými ďalšími témami. Viem o čom hovorím a viem, kde sa dajú nájsť chyby.

Mojím cieľom je začať s Reactom čo najskôr a zabezpečiť váš úspech. Nezameriavam sa však len na začínajúcich študentov. Chcem, aby každý mohol využiť moje kurzy, takže sa do Reactu ponoríme do hĺbky.

Tento kurz je pre vás, ak:

  • Práve začínate s vývojom front-endu/JavaScriptu a poznáte iba základy JS (netreba reagovať ani iné skúsenosti s rámcom)
  • Máte skúsenosti s Angular alebo Vue, ale chcete sa ponoriť do Reactu
  • Základy Reactu už poznáte, no chcete ho upgradovať alebo ponoriť ešte hlbšie
  • Už ste urobili trochu Reactu, ale chcete sa ponoriť hlbšie a zistiť, ako sa to všetko spája vo väčšej aplikácii.

Čo potrebujete vedieť pred začatím kurzu!

  • Vyžaduje znalosť HTML + CSS + JavaScript. Nemusíte byť odborník, ale musíte vedieť aspoň základy
  • Dodatočné znalosť JavaScriptu sa nevyžaduje, aj keď sa budete môcť pohybovať rýchlejšie, ak poznáte novú generáciu funkcií JavaScript, ako sú funkcie ES6 Arrow. Kurz však obsahuje krátka recenzia najviac dôležité funkcieďalšia generácia.

Čo je v kurze?

  • „Čo“, „Prečo“ a „Ako“
  • Základy Reactu (základné funkcie, syntax a koncepty)
  • Ako zobraziť zoznamy a podmienený obsah
  • Komponentový styling
  • Ponorte sa do vnútra Reactu a pokročilých funkcií komponentov
  • Ako získať prístup k obsahu Http z aplikácií React (AJAX)
  • Redux, Redux, Redux... od začiatku do konca!
  • Formuláre a overenie v aplikáciách React
  • Overenie
  • Úvod do testovania jednotiek
  • Úvod do Next.js
  • Pokyny na nasadenie aplikácie
  • ...a oveľa viac!

Ak ste pracovali s pokročilým a funkčným WordPress témy, pravdepodobne ste si všimli, že existuje špeciálna sekcia s nastaveniami šablóny. S ich pomocou si používateľ môže napríklad vybrať fonty pre stránku, určiť umiestnenie bočného panela, uviesť odkazy na sociálne profily. siete, aktivovať/deaktivovať niektoré ďalšie možnosti a tak ďalej. To všetko je celkom pohodlné a umožňuje vývojárovi vytvoriť celý rad možností prispôsobenia. vzhľad stránky, ktoré od používateľov nevyžadujú špeciálne technické znalosti.

Teraz, mimochodom, je predo mnou podobná úloha. Je potrebné pripojiť nové rozloženie k stránke WordPress, kde je niekoľko textových oblastí, ktoré by budúci používatelia chceli zmeniť. Najjednoduchší príklad je Kontaktné telefónne čísla v klobúku. Implementácia tohto pomocou sa javí ako nadbytočné riešenie (vytvoriť ďalší blok kvôli jednému riadku textu nie je príliš efektívne). Napíšte konkrétnu dokumentáciu o tom, ako upravovať informácie php súbory témy - akési, nie celkom krásne (+ nie každý bude schopný prísť na kód). Zaujímavou možnosťou je ale implementácia úlohy cez nastavenia WordPress šablóny.

Na vytvorenie panela nastavení WordPress šablóny sa musíte dobre orientovať v systémovom API (Settings and Theme Customization), poznať PHP a venovať tomuto procesu veľa času. Nejaký popis a príklady práce s API je na codex.wordpress.org, konkrétne bolo zaujímavé čítať o prispôsobovači prispôsobenia tém, no bez dobrých znalostí a skúseností s vývojom webu to nebude veľmi jednoduché implementovať svoj vlastný panel s nastaveniami šablón WordPress.

Našťastie existuje lepšia cesta von - použiť špeciálne rámce WordPress. Na nete je veľa rôznych kolekcií, kde nájdete vhodné riešenia – vybral som pre vás tie najlepšie.

Rámce pre nastavenia v šablóne WordPress

V skutočnosti sú tieto rámce WordPress zásuvné moduly s hotovým vývojom, na ktoré sa dá použiť rýchla tvorba Panely/stránky s nastaveniami šablón WordPress. Ak poznáte Bootstrap, princíp je tu podobný. Veľkým plusom je, že nižšie uvedené moduly sú úplne zadarmo a možno ich použiť na komerčné projekty počítajúc do toho.

Rámec možností

Modul Options Framework vám umožňuje povoliť panel nastavení v ľubovoľnom šablóna wordpress. Medzi možnosťami môžete použiť textové polia, začiarkavacie políčka, prepínače, výbery, nahrávanie obrázkov, výber farieb, výber písma atď. Každý bude môcť integrovať modul do svojej témy.

Webová stránka vývojárov obsahuje video o používaní doplnku + podrobný popis. Options Framework podporuje verziu systému od 3.6., má viac ako 100 tisíc stiahnutí a hodnotenie 4.8.

Podľa autorov ide o najjednoduchší rámec WordPress, ktorý vám umožňuje vytvárať správcovské stránky, stránky nastavení, ako aj možnosti pre nástroj na prispôsobenie tém. A to všetko pridaním niekoľkých riadkov kódu. Podrobný popis funkcií a možností, ktoré sa tradične hľadajú na webovej stránke Titan Framework. Minimálne požiadavky sú WP 4.1., sťahovanie je oveľa menej ako v predchádzajúcej verzii - 6 tisíc, skóre - 4,5.

Pamätám si, ako som našiel informácie o tom, kedy som hľadal rámec na vytváranie šablón WordPress od začiatku. Tento produkt od ThemeFuse je veľmi funkčný - obsahuje veľa užitočných funkcií, napríklad ovládanie drag & drop, posuvníky, prvky portfólia a udalostí, možnosť zálohovania atď. Na stránke modulu nájdete malú video ukážku jeho schopností. Projekt má 20-tisíc stiahnutí a 4,7 bodu od používateľov. Podporovaná je verzia systému 4.3 a vyššia.

OptionTree

OptionTree je pomerne výkonné riešenie, súdiac podľa jeho popisu. Píšu, že je dokonca čiastočne sponzorovaný ThemeForest a dá sa použiť na vývoj prémiových tém. Hlavnou myšlienkou autora je odstrániť hranice medzi vývojármi, dizajnérmi a používateľmi vytvorením funkčného panelu nastavenia wordpressušablóna.

V práci môžete použiť rozhranie drag & drop, existuje podpora pre preklady i18n. Medzi funkciami sú štandardné prvky (textové polia, výbery, obrázky) aj komplexné riešenia: začiarkavacie políčka pre príspevky/stránky, výber dátumu, podpora vlastných typov príspevkov, vkladanie kódu atď. Na fungovanie potrebujete WP 3.8 alebo novší. Stiahnutia pod 70 tisíc, skóre - 4,8.

Podľa 200 tisíc stiahnutí je riešenie veľmi, veľmi zaujímavé. Tvorcovia to nazývajú jednoduchý a rozšíriteľný rámec WordPress, ktorý pomôže vývojárom vytvárať funkčné panely nastavení šablón. Je postavený na rozhraní WP Settings API. Okrem podpory všetkých hlavných polí sa modul môže pochváliť jedinečnými funkciami: spracovanie chýb, validácia polí, export / import, preklady, integrovaná podpora pre Google Webfonts a mnoho ďalších.

Na záver spomeniem ešte dve riešenia, ktoré nie sú distribuované cez oficiálnu stránku WP, ale cez službu Github. Rámec UpThemes vytvorila rovnomenná spoločnosť, ktorá vyvíja WP témy. Používa rozhranie Settings API a má všetky štandardné systémové možnosti: nahrávanie obrázkov, výber farieb, nastavenia motívov, pozadia atď. Riešenie je rozšíriteľné a podporuje Theme Customizer. Žiaľ, chýbajú informácie o požadovaných verziách systému + posledné úpravy tam zrejme boli pred viac ako rokom.

- najnovší vývoj pre dnešok z oblasti WordPress frameworkov pre prispôsobenie šablóny, ktorý nájdete na Github. Webová stránka projektu okrem popisu obsahuje aj demo verziu s možnosťou prejsť na admin panel a pozrieť si dostupné možnosti na skutočný príklad. Používa WordPress 3.5.1. V zásade dobrý rámec, pretože. stretnúť sa tu zaujímavé čipy, napríklad: výber používateľských rolí, posuvníky pre zmeny hodnoty, , bloky pre kód JS/CSS, podmienené polia atď. Vývojári by určite mali záujem o štúdium tohto riešenia.

Vo všeobecnosti sa ukázal taký zaujímavý výber. Som si istý, že medzi týmito doplnkami panela na prispôsobenie tém WordPress nájdete riešenie, ktoré potrebujete. Prvá vec, ktorá ma zaujala, je Options Framework, takže začnem s ním. Neskôr napíšem o výsledkoch práce. Na zozname sa mi páčil aj rámec Redux. OptionTree nie je zlý, súdiac podľa popisu, a Vafpress Framework sa mi páčil. Stručne povedané, všetky riešenia z článku sú dobré.

Mimochodom, ak máte skúsenosti s nejakými WordPress frameworkami na prispôsobenie šablón alebo rady k téme, napíšte do komentárov.

Od autora: SitePoint už bol plný článkov o frameworkoch WordPress, ale ako uvidíte nižšie, rámcov je oveľa viac: všetky majú svoje pre a proti, každá téma má svoj vlastný štýl vývoja.

Úvod do tematických rámcov WordPress

Len som sedel v kancelárii, škrabal som sa na hlave a premýšľal o frameworkoch WordPress. Pred začatím práce na článku som dni, týždne, ba mesiace študoval problematiku a rozmýšľal, čo napísať: text sa musel líšiť od všetkého, čo už bolo o frameworkoch napísané.

Úplne zapletený do mojich myšlienok mi prišiel vhľad. Napadlo ma, že keď ľudia píšu o rámcoch WordPress, majú tendenciu pokrývať iba základy... základy, na ktoré sa vývojári komunity WordPress Meetup špecializujú: rámce ako Genesis, Thesis alebo WooCommerce.

Prečo sa to deje? Možno si vývojári nemyslia, že je tam všetko také komplikované, alebo nechcú písať o frameworkoch, ktoré sa čoskoro prestanú vyvíjať. Alebo majú vývojári ťažký termín, ak ho nestihnú, stránka prudko klesne vo výsledkoch vyhľadávania. vyhľadávače. Kto vie.

Chcem robiť veci inak, tak sa pohodlne usaďte a urobte si kávu. Dnes sa na to pozrieme kompletný sprievodca na WordPress Themes Frameworks.

Prečo "kompletný"? Anglické slovo definícia znamená dokončenie niečoho. Synonymum môže slúžiť ako "konečný", "konečný".

Čo sú rámce tém WordPress?

Predtým, ako sa bezhlavo vrhneme do zoznamu, je potrebné pokryť niektoré základy frameworkov. Koniec koncov, možno práve čítate prvý článok o frameworkoch vo svojom živote. Nechcem vás vystrašiť, aby ste odišli bez dokončenia môjho článku. Ak ste už veterán, môžete prejsť nadol na zoznam rámcov.

Rámcové témy sú nadradené témy, do ktorých tím alebo jeden vývojár pridáva svoje vlastné funkcie, aby sa uľahčila aktualizácia témy a jej opätovné použitie bez ovplyvnenia dizajnu konkrétnej lokality. Podradená téma nastaví svoje vlastné štýly a funkčnosť bude v hlavnom rámci.

Poznámka – Vyššie uvedené neznamená, že každá nadradená téma je rámec. Tvorcovia šablón poskytujú nadradené témy so stovkami podradených variácií tém, ale druhá nadradená téma nepoužíva rovnaký kód (hovoria vám, že sú to rámce, aj keď technicky nie sú).

V úložisku WordPress sú s hodnotou Themes-frameworks spojené tri koncepty: drop-in, samostatný a šablóna nadradenej témy. Myslím, že sa to nedá vysvetliť ešte jednoduchšie ako tam. Preto vám odporúčam, aby ste si tento článok niekedy prečítali.

V rámci nášho článku sa budem podrobnejšie venovať poslednému pojmu „Šablóny rodičovských tém“ alebo šablónam rodičovských tém. Tento pojem je známy väčšine vývojárskej komunity a širokej verejnosti.

Rôzne typy tematických rámcov

Rámce sú rôzne a riešia rôzne problémy v podnikaní a dizajne. Niektoré z nich sú bezplatné, iné sú platené.

Existujú takzvané základné, univerzálne rámce. Nezaberajú žiadnu konkrétnu medzeru, ale pokrývajú celý rad úloh, pomáhajú webovým vývojárom a dizajnérom na celom svete vytvárať pokročilé stránky s rýchlou odozvou, ktorých vývoj pri používaní rámcov zaberie oveľa menej času.

Niektoré z rámcov boli vytvorené počas mnohých rokov a nekonečných hodín vývoja. To všetko bolo potrebné na vytvorenie rozsiahleho, dobre zdokumentovaného rámca s vynikajúcou podporou.

Pokročilé funkcie takýchto rámcov zahŕňajú front-end a back-end drag and drop editory, krátke kódy, vývoj pre viaceré zariadenia a šablóny.

Niet divu, prečo internetové firmy radi používajú frameworky. V súčasnosti je mojím obľúbeným SEO Design Framework, ktorý je navrhnutý tak, aby sa umiestnil vyššie v SERP.

Prečo používať frameworky?

Dobrá otázka, prečo používať rámce WordPress? Možno si myslíte, že nikdy nebudete musieť vytvoriť svoj vlastný rámec, ale môže sa stať, že rámec už používate bez toho, aby ste o tom vedeli. Rámce ako Genesis, WooFramework a Thesis sú v dnešnej dobe také bežné, že môžete ľahko zabudnúť, že sú súčasťou jadra WordPress.

Vezmime si príklad. Noel Tock vyvinul webové stránky pre sektor pohostinstva. Vytvorením vlastného frameworku si to výrazne uľahčil: teraz mohol vytvárať veľké stránky pre zákazníkov a neustále zlepšovať a optimalizovať rámec z hľadiska výkonu, bez pridávania funkcií tretích strán, ktoré by jeho klienti nikdy nepotrebovali.

Tento prístup mu pomohol urýchliť proces vývoja, ako aj ponúknuť svojim zákazníkom dlhšiu podporu. Ušetrený čas môžete venovať podpore svojho vývojového tímu a učením sa nových nástrojov.

Bolo potrebné zvážiť veľa funkcií, ako napríklad SEO osvedčené postupy vo vývoji. Jeho výhodou bolo, že nemusel používať kopu pluginov na pridávanie potrebných položiek, ako sú úryvky kódu, komentáre z sociálne siete a techniky mobile first, ako aj vytváranie formulárov na odosielanie e-mailových správ na identifikáciu potenciálnych kupcov jeho práce atď.

Používatelia si mohli jednoducho vytvoriť svoj vlastný dizajn na základe toho súčasného úpravou nových súborov style.css a functions.php. Vývojár sa potreboval uchýliť k Sass a neskôr sa jeho framework zmenil na službu Happy Tables.

Výhody a nevýhody

Používanie rámcov tém WordPress má veľa výhod. Pri práci s populárnymi frameworkami sa nemusíte pozerať ďaleko, aby ste videli aktívna práca vývojárov a dizajnérov na fórach a komunitách, aby pomohli zmäteným používateľom.

Výhoda kódu napísaného podľa štandardov WordPress. Takýto kód je možné jednoducho prilepiť z jedného miesta na druhé na testovanie doplnkov a služieb ako WP Test , Theme Authenticity Checker (TAC) a Theme Check . Niektorí kľúčové vlastnosti, ktoré možno pripísať výhodám;

Zjednodušený vývoj pre dlhodobý rozvoj

Vstavaná funkčnosť (menšia závislosť od doplnkov)

Kvalita kódu

Aktualizácie

A nevýhody;

Vzdelávanie

Háčiky a filtre

Nadmerný kód

Obmedzenia (ak rámec nie je váš)

Aktualizácie a podpora

Zoznam rámcov tém WordPress

Poradie nie je dôležité:

Skokový štart WordPress

SEO Design Framework

Cherry Framework

Rámcová téma možností

UpThemes Framework

Carrington Build

Simon WP Framework

Záver

Osvojiť si ich všetky je takmer nemožné, príliš často vychádzajú nové a nové frameworky. Ak nájdete neuvedený rámec, ktorý je založený na skutočnej definícii rámca, a nielen na tom, že sa hodí pre všetky témy, upozornite na to v komentároch nižšie.

Redux je jednoduchý, skutočne rozšíriteľný a plne citlivý rámec možností pre témy a doplnky WordPress. Redux, postavený na rozhraní WordPress Settings API, podporuje množstvo typov polí, ako aj: vlastné spracovanie chýb, vlastné polia a typy overenia a funkcie importu/exportu.

Ale čo vlastne Redux ROBÍ? Nemyslíme si, že vývojári tém a doplnkov by mali znova vynájsť koleso zakaždým, keď začnú pracovať na projekte. Redux je navrhnutý tak, aby zjednodušil vývojový cyklus poskytnutím zjednodušeného a rozšíriteľného rámca, na ktorom môžu vývojári stavať. Prostredníctvom jednoduchého, dobre zdokumentovaného konfiguračného súboru môžu vývojári tretích strán zostaviť panel možností obmedzený iba ich vlastnou predstavivosťou za zlomok času, ktorý by zabralo vytvorenie od základov!

Online demo

Neberte to za slovo, pozrite si naše online demo a vyskúšajte Redux bez inštalácie veci!
http://demo.redux.io/

Na začiatok použite nástroj Redux Builder

Chcete používať Redux, ale nie ste si istí, čo robiť? Použite náš staviteľ! Umožní vám to vytvoriť si vlastnú tému založenú na , TGM a Redux a akýchkoľvek argumentoch Redux, ktoré chcete nastaviť.

Nechcete si vytvoriť vlastnú tému? Potom vytvorte vlastný priečinok správcu, ktorý môžete umiestniť do témy alebo doplnku. Oh a spomenuli sme, že je to zadarmo? Vyskúšajte to dnes na:
http://build.reduxframework.com/

Dokumentácia a podpora

POZNÁMKA: Redux nie je určený na použitie samostatne. Vyžaduje si konfiguračný súbor poskytnutý vývojárom témy alebo doplnku tretej strany, aby skutočne urobil niečo skvelé!

Snímky obrazovky

FAQ

Prečo tento doplnok nič nerobí?

Redux je rámec možností... inými slovami, nie je navrhnutý tak, aby robil niečo sám! Môžete však aktivovať demo režim, aby ste videli, ako to funguje.

Ako sa môžem dozvedieť viac o Redux? V tejto sekcii FAQ nemáte veľa obsahu

Je to preto, že skutočná sekcia FAQ je na našej stránke! Navštívte http://docs.reduxframework.com/faq/

Recenzie

Už nemám prístup k svojim aktuálnym produktom. Hneď po inštalácii som natrvalo čelil presmerovaniu na stránku o Reduxe. Teraz, po odinštalovaní Reduxu, sa mi zobrazuje správa „žiadne povolenie na prístup k tejto stránke“. To znamená, že nemám povolenie na prístup Stránka produktov vo wordpresse. Práve sa mi to stalo. Tento týždeň skontrolujem, či moje automatické zálohovanie fungovalo. Takže, čo ak nie? Prídem o pár týždňov intenzívnej práce???

Členovia a vývojári

„Redux Framework“ je projekt s otvoreným zdrojovým kódom zdrojový kód. K vývoju doplnku prispeli nasledujúci prispievatelia:

členov

Denník zmien

3.6.16

  • Opravené: kompatibilita s WordPress 5.3.1. Do doplnku bol tiež pridaný nový účet @redux.

3.6.15

  • Opravené: Redux API setSections sa zablokovalo, keď niekoľko sekcií bez ID zdieľalo rovnaký názov.

3.6.14

  • Opravené: #3583: Import zlyhal pri prekročení max_input_vars. Funkcia sa presunula na ajax_save, aby sa predišlo tomuto problému.

3.6.13

  • Preskakovanie. Som poverčivý! — kp

3.6.12.2

  • Opravené: #3586: Databáza sa neukladá správne v režime 'sieť'. Ďakujem @Tofandel.
  • Opravené: #3584: Vylepšená líška pre #3580. Ďakujem @Enchiridion.

3.6.12.1

  • Opravené: #3580 - pole 'tax_query' v argumentoch pre dátový argument WordPress vyvoláva chybu konverzácie reťazca.

3.6.12

  • Opravené: #3577 - Pridaný isset do kontroly REMOTE_ADDR, aby sa predišlo chybám.

3.6.11

  • Opravené: #3561, #3562 - Nie všetky selektory v asynchrónnej typografii boli správne vytvorené, čo spôsobilo, že sa na obrazovke nezobrazovali správne.

3.6.10

  • Aktualizovaná aktualizácia písma Google.
  • Aktualizované: #3447 - Aktualizované RTL CSS. Ďakujem @Abolfazlrt.
  • Opravené: upozornenia na duplicitné ID.
  • Opravené: http varovania v https prostrediach.
  • Opravené: #3539 - Označenie začiarkavacieho políčka sa nezobrazuje, pokiaľ nebolo nastavené 'desc'. Ďakujem @Enchiridion.
  • Opravené: #3547 - ace_editor sa nevykresľuje správne v rámci podsekcie. Ďakujem @Tofandel.
  • Opravené: #3534 - Oprava neplatných CSS v asycn_typography (čiarky na konci). Ďakujem @ksere
  • Opravené: Medzera medzi tlačidlami Save a Reset.
  • Pridané: #3285 - filtre dir a url pre rozšírenie prispôsobenia. Ďakujem @aaronhuisinga.
    add_filter("redux/extension/customizer/dir", $dir)
    add_filter("redux/extension/customizer/url", $url)

3.6.9

  • Opravené: Obídenie chyby WP, kde sa v poli galérie pri prvom otvorení zobrazil číselník bez vybratých obrázkov.
  • Opravené: #3512 - Výber obrázka v režime dlaždíc bez zvýraznenia predvoleného nastavenia.

3.6.8

  • Oprava: Chyba pri ukladaní AJAX kvôli nesprávnemu odkazu na objekt v redux.js.
  • Opravené: Odstránený nepoužitý set_transient v uvítacej rutine. Spôsobovalo to pomalé dopyty.
  • Aktualizované: Aktualizácia písma Google.
  • Oprava: #3440: Nadradený objekt nie je správne nastavený v súborovom systéme Redux.
  • Opravené: Problémy CSS s výberom farieb v dôsledku WP 4.9.
  • Opravené: #3429 - Select2 Sortable potrebná závislosť jQuery Sortable.
  • Opravené: Admin si všimne, keď sa na paneli nezobrazuje viacero inštancií spusteného Reduxu.

3.6.7.7

  • Opravené: Oprava cesty súborového systému.
  • Opravené: #3414: Nesprávny názov triedy spôsobujúci chybu pri načítaní cez API súborového systému.
  • Opravené: #3413 - Obnovený starý kód umožňujúci pre režim hodnotu bez poľa. Je to kvôli spätnej kompatibilite
    iba a nie je podporovaný.
  • Opravené: #3410, #3409 - Výstup poľa Rozmery spôsoboval chyby indexu, keď režim nebol nastavený v poli volieb.
  • Opravené: #3406 - nesprávne použitý javascript hasClass, ovplyvnený prispôsobovač.
  • Opravené: Deklarácie polí teraz vyžaduje PHP 7.1.
  • Aktualizované: Aktualizovaný odber bulletinu odošlite na podporu nášho novšieho servera bulletinu.
  • Opravené: #3379 - pole select_image nezobrazuje správne predvolené nastavenie. „predvolený“ argument teraz musí byť
    úplná cesta k predvolenému obrázku.
  • Aktualizované: Google Fonts.

3.6.6

  • Nesprávne napísaný názov triedy je kompilátor systémových informácií, ktorý spôsobuje zlyhanie stavu systému.
  • #3359 - Problém s odozvou na paneli možností. Príliš veľa prázdneho miesta na paneli v režime smartfónu.
  • #2914, #3356 - Predvolený obrázok_select nie je vybratý. Toto bolo pôvodne navrhnuté. Teraz je to vec.
  • Aktualizácia: Parsedown.php pre PHP 7.x
  • Opravené: Stav systému nesprávne hlásil stav zapisovateľných údajov v priečinku nahrávania.
  • Opravené: #3124 - Používateľ odoslaný 'current_user_can' zlyhá vo verzii PHP<= 3.5.13. Thanks for the assist, @sourabgupta88
  • Upravené: kompatibilita s PHP7.

3.6.5

  • Upravené: #3321 – Podmnožina písiem v typografii sa nevykresľuje v IE a Edge (To vážne? Ľudia ich stále používajú?)
  • Opravené: #3293 - Vyžaduje sa nepáči sa mi/skryť polia s predvolenou hodnotou prepínača 'false'.
  • Opravené: Odstráňte zvyšky var_dump z jadra.
  • Opravené: Sledovanie a vyskakovacie okná bulletinov zlyhali z dôvodu nefunkčného javascriptu.
  • Opravené: #3291: Vyžaduje sa s rodičom, pretože pole nekontroluje správne. Niekto mi zobral kontrolu objektu!! — kp
  • Upravené: Kalander dátumového poľa sa teraz vykresľuje na .redux-container div.
  • Aktualizované: súbor googlegonts.php.
  • Upravené: požadované príkazy = a != teraz používajú typovo bezpečné porovnania.
  • Opravené: pole link_color teraz správne zobrazuje všetky farebné polia.
  • Pridané: pole link_color teraz obsahuje farebný blok „focus“.
  • Upravené: Pole link_color sa upravilo tak, aby bolo viac v súlade s ostatnými poľami svojho typu, to znamená, že vyzerá lepšie.
  • Pridaný: atribút 'title' do poľa image_select, pretože 'alt' už nefungovalo pri zobrazovaní popisku pri umiestnení kurzora myši.
  • Opravené: Predvolené údaje sa neukladajú správne v poli triedenia.

3.6.4

  • Upravené: Zmenený súbor gitignore, aby sa vylúčili vznešené textové súbory.
  • Opravené: #2966 - Chyba prekladu. Identifikované a opravené @iiandrade. Vďaka!
  • Upravené: Vygenerovali sa všetky mapové súbory CSS, aby sa odstránili upozornenia prehliadača Chrome.
  • Pridané: Vyžaduje sa pre Advanced Customizer vďaka @britner!
  • Upravené: Rôzne opravy a zmeny prispôsobenia, aby zodpovedali novým štýlom.
  • Upravené: Kód iba pre prispôsobenie v Redux.js, presunutý do súboru customer.js.
  • Upravené: Izolovaný Redux CSS bude vnorený a nebude mať vplyv na iné produkty alebo WP UI.
  • Pridané: #3222 – OBROVSKÁ aktualizácia od @enchiridion, ktorá umožňuje pokročilé a komplikované povolenia. WTG!
  • Pridané: Nové háčiky na to, ako sa nazývajú rozhrania API rozšírení. Oveľa čistejšie.
  • Opravené: #3214 - Typografické farebné pole nespúšťa hák kompilátora.
  • Opravené: #3201 - Chyba indexu pri použití argumentu kompilátora s poľom číselníka.
  • Aktualizované: #3189 - PHP7 kompatibilita pre overenie preg_replace.
  • Opravené: #3186 - Viactextové pole neodstránilo jedno pole pri kliknutí na "Odstrániť".
  • Opravené: #3180, #2641 - Tlačidlo nesprávne nastavilo ukladanie viacerých režimov. Pri používaní tohto režimu skontrolujte, či váš kód nemá problém so spätnou kompatibilitou. Teraz sa musí použiť funkcia foreach() s kontrolou empty() oproti jednotlivým kľúčom poľa, pretože do databázy sa ukladajú iba vybrané možnosti.

3.6.3

  • Upravené: Zmeňte štýly kurzora prispôsobovača tak, aby zodpovedali WP 4.7.
  • Upravené: #3169 - print_r dotazov wpdb v dev_mode odstránený.
  • Opravené: #3159 - Podpora pre SVG pri výbere médií v galérii.
  • Opravené: #3158 - Upozornenie PHP na funkciu _validate_values ​​​​pri nainštalovaných rozšíreniach na PHP7.

3.6.2

  • Opravené: #3105 - výstup link_color zlyhal kvôli chybe PHP.
  • Opravené: #3103 - WP 4.6 vynúti nový predvolený formát dátumu, preruší overenie dátumu.
  • Opravené: Chyba typografických podmnožín spôsobená preklepom.
  • Oprava: Ďalšie mŕtve súbory v repo WP.org. Bah SVN.

3.6.1

  • Z poľa editora bol odstránený prázdny súbor PHP.
  • Upravené: Nahradený názov primárnej funkcie triedy v browser.php na __construct pre kompatibilitu s PHP7.
  • Opravené: #3051 - Pole Color_RBGA Hodnota RGBA vydáva nuly, keď farba zostane prázdna.
  • Opravené: #3048 - Karty podsekcií neobsahujú zadaný názov triedy sekcie.
  • Opravené: Nesprávny výsledok porovnania reťazcov pri kontrole odkazu správcu. Ďakujem @ksere.
  • Opravené: Kontrolná hodnota existuje pred overením pri použití s ​​rozšírením Metabox. Ďakujem @Enchiridion
  • Opravené: Prázdne hodnoty neprechádzajú do validation_callback.
  • Opravené: Chyba JavaScriptu v javascripte prispôsobenia, ktorá bráni uloženiu zmenených možností.
  • Opravené: #3019 - Nesprávne popisy sekcií, keď opt_name obsahuje číslice.
  • Vrátiť späť: Zmeny v typografii. Riešenie premennej na vstupe nefungovalo.
  • Opravené: Adresa URL podpory zlyhávala generátor s chybou.
  • Zmenené: Typografické pole je teraz iba JEDNA vstupná premenná. Mali by sme znížiť naše
    chyby max_input_vars dramaticky.
  • Opravené: Niektoré zraniteľnosti XSS sú dostupné iba v backende, keď sú overené ako používateľ.
  • Oprava: Odstránené staré odstránené súbory uviaznuté v našom úložisku SVN WP.org.

3.6.0.2

  • Opravený neaktuálny customr.min.js na wp.org spôsobujúci zlyhanie nástroja na prispôsobenie.

3.6.0.1

  • Opravené zastarané redux.min.js na wp.org spôsobujúce zlyhanie panela možností.
  • Opravené: #2936 - Ohraničenie výstupného poľa px s prázdnou hodnotou.
  • Opravené: Vyriešené chybné upozornenie na krátky kód Theme-Check php.
  • Upravené: Už žiadne veľké presmerovanie pre stránku Redux, iba pri prvej inštalácii s doplnkom.
  • Opravené: IE11 chyba v prispôsobovači. Ďakujem @anikitas!
  • Opravené: Problémy s cestou prispôsobovača
  • Pridané: Nový predvolený filter argumentov podľa opt_name a typu. 🙂
  • Opravené: #2903 - Falošne pozitívny príznak v hraničnom poli JS. Avast nemá rád prázdne vyhlásenia pripravené na dokumenty.
  • Opravené: #2880 – Ďalšie problémy s rutinou extensions_url.
  • Opravené: #2876 - Oprava viacerých neoverených príspevkov používateľov.
  • Upravené: #2855 - Rozšírenia teraz majú pomocnú triedu, ktorá pomáha pri inštaláciách založených na skladateľoch. Ďakujem @2ndkauboy!
  • Opravené: #2857 - Povinné 'obsahuje' nesprávne vyhodnotené pomocou začiarkavacích políčok.
  • Opravené: #2831 - Lokalizácia bola úplne prerušená.
  • Opravené: #2832 - CSS koliduje s Rev Slider (Hej, Rev Slider priatelia, nemusíte načítať svoj CSS na každej stránke správcu. Naozaj?)
  • Opravené: Zvyšný riadok odozvy ladenia v základnom rozšírení prispôsobenia.
  • Pridané: EXPERIMENTÁLNE: Nový kód analýzy v snahe prelomiť problém 1000 max_input_var, ktorý sa z času na čas objavuje. Ďakujem @harunbasic
  • Pridané: EXPERIMENTÁLNE: „Oprava chýb“ pre extension_url v snahe o nápravu. Ďakujem, @ottok

Stránka vývoja rámca: https://github.com/reduxframework/redux-framework

ReduxFramework je ľahko použiteľný, rozšíriteľný rámec, pomocou ktorého môžete vytvárať plne prispôsobiteľné stránky možností pre témy a doplnky.
Ale je lepšie, ako sa hovorí, raz to vidieť v akcii.

Redux Theme Builder

Môžeme prejsť na stránku Redux Builder (https://build.reduxframework.com/), kde si vytvoríme tému na základe podčiarkovníkov (_s) a začneme používať Redux.

Musíte si zaregistrovať účet na stránke.
Po prihlásení sa ocitneme v obvyklom administračnom paneli WordPress, kde dostaneme potrebné vysvetlenia, ako vytvoriť našu tému a príslušné kroky.

Embedded Redux alebo Plugin

Sú 3 možnosti.

  1. závislosť - plugin sa nedodáva s témou, ale inštaluje sa samostatne;
  2. ponúknuť inštaláciu - pomocou triedy TGM, v tomto prípade bude mať plugin prednosť pred vstavanou témou;
  3. zahrnuté v téme.

Argumenty Redux

Možnosti sú rozdelené do 3 kariet: štandardné, tipy a rozšírené možnosti.
https://docs.reduxframework.com/core/arguments/ môžete študovať paralelne, ale neskôr ich môžete kedykoľvek zmeniť.

Našťastie sú nastavené niektoré predvolené hodnoty, čo je celkom vhodné na spustenie.

Verzia Redux

No, samozrejme, volíme stabilnú verziu.

Aké prvky zahrnúť do Reduxu

Nepoužívané prvky v Redux možno deaktivovať, aby to bolo jednoduchšie.

Vygenerovaná téma

V poslednom kroku si môžeme stiahnuť buď priečinok admin, ktorý samostatne zahodíme do nášho existujúceho projektu s témou, alebo si stiahneme hotovú tému na mieru.

Pred stiahnutím témy môžete zadať všetky povinné polia (slug a uri témy, autor, uri autora, popis)

Použitie Redux

Vo vygenerovanej téme nás zaujíma súbor /admin/options-init.php.
Obsahuje dané argumenty a možnosti.

Tak či onak, na začiatku používania budete často musieť nahliadnuť do dokumentácie.
Majú to, stojí za to povedať, je to úžasne napísané a s príkladmi, takže veľa otázok na začiatku je vyriešených copy-paste.

Redux je bezplatný a výkonný rámec doplnkov, ktorý sa aktívne vyvíja. Musíte neustále sledovať relevantnosť informácií.



Načítava...
Hore