React – A teljes útmutató (beleértve a horgokat, a React Routert, a Reduxot). WordPress keretrendszerek (bővítmények) a sablonbeállításokhoz Beállítási lehetőségek keretrendszer bővítmény a WordPresshez

Merüljön el, és tanulja meg a React.js-t a semmiből! Ismerje meg a Reactjs, a Redux, a React Routing, az animációk, a Next.js alapjait és még sok mást! Tanuljon meg reagálni, vagy merüljön el benne mélyebben. Tanuljon elméletet, oldjon meg problémákat, gyakoroljon demóprojektekben, és építsen egyetlen nagy alkalmazást, amely a tanfolyam során egyre jobb lesz: Burger Builder!


A JavaScript a modern webalkalmazások fő nyelve, mivel ez az egyetlen programozási nyelv, amely a böngészőben fut, és ezért lehetővé teszi rendkívül érzékeny alkalmazások szállítását.

A JavaScript használata azonban bonyolult lehet – gyorsan elnehezül, és jó háttérrel kell rendelkeznie, mielőtt elkezdi nézni ezt a kurzust.

A React az összetevőkről szól, alapvetően egyedi HTML-elemekről, amelyekkel gyorsan készíthet elképesztő és hatékony webalkalmazásokat. Csak egyszer hozza létre az összetevőt, szabja testre az igényeinek megfelelően, adja át dinamikusan az adatokat (vagy hallgassa meg saját eseményeit!), és használja fel újra, amikor csak szükséges.

Meg kell jelenítenie a felhasználók listáját az alkalmazásban? Ez olyan egyszerű, mint létrehozni egy felhasználói összetevőt, és előállítani, amikor szüksége van rá.

Ez a tanfolyam az alapoktól indul, és pontosan elmagyarázza, mi is az a React, és hogyan használhatod (és milyen alkalmazásokhoz). Ezt követően a React segítségével az alapszinttől a haladó szintig haladunk. Nem csak megkarcoljuk a jéghegy csúcsát, hanem mélyen belemerülünk a Reactba, valamint az olyan népszerű könyvtárakba, mint a React Router és a Redux.

A tanfolyam végére elképesztő SPA (Single page Application) React alkalmazásokat készíthet.

A nevem Maximilian – szabadúszó webfejlesztő vagyok, és számos projekten dolgoztam a Reacttal. Én is 5 csillagos tanár vagyok az Udemy-n. Kitérek a React legnépszerűbb alternatíváira - Vue és Angular -, valamint sok más témára. Tudom, miről beszélek, és tudom, hol találhatók a hibák.

Célom, hogy a lehető leghamarabb elkezdjem a React szolgáltatást, és biztosítsam az Ön sikerét. De nem csak a kezdő diákokra koncentrálok. Azt akarom, hogy mindenki kihasználhassa a tanfolyamaimat, ezért mélyrehatóan belemerülünk a Reactba.

Ez a tanfolyam neked szól, ha:

  • Még csak most kezdi a front-end/JavaScript fejlesztést, és csak a JS alapjait ismeri (nincs szükség reagálásra vagy egyéb keretrendszer tapasztalataira)
  • Van tapasztalatod az Angularral vagy a Vue-val, de szeretnél belemerülni a Reactbe
  • Már ismeri a React alapjait, de szeretne frissíteni vagy még mélyebbre merülni
  • Már végzett egy kis Reactet, de szeretne mélyebbre merülni, és látni szeretné, hogyan áll össze mindez egy nagyobb alkalmazásban.

Amit a tanfolyam megkezdése előtt tudnod kell!

  • HTML + CSS + JavaScript ismerete szükséges. Nem kell szakértőnek lenned, de legalább az alapokat ismerned kell
  • További JavaScript ismerete nem szükséges, bár gyorsabban haladhat, ha ismeri a JavaScript függvények következő generációját, például az ES6 Arrow függvényeit. A tanfolyam azonban tartalmaz rövid áttekintés a legtöbb fontos funkciókat következő generációs.

Mi van a tanfolyamon belül?

  • "Mit", "Miért" és "Hogyan"
  • A React alapjai (alapvető funkciók, szintaxis és fogalmak)
  • Listák és feltételes tartalom megjelenítése
  • Komponens stílus
  • Merüljön el mélyen a React belső részeiben és a fejlett komponensfunkciókban
  • Http-tartalom elérése a React alkalmazásokból (AJAX)
  • Redux, Redux, Redux... az elejétől a végéig!
  • Űrlapok és érvényesítés a React alkalmazásokban
  • Hitelesítés
  • Bevezetés az egységtesztbe
  • A Next.js bemutatása
  • Alkalmazástelepítési utasítások
  • ...és még sok más!

Ha dolgozott fejlett és funkcionális WordPress témák, valószínűleg észrevette, hogy van egy speciális szakasz a sablonbeállításokkal. Segítségükkel a felhasználó például választhat betűtípusokat az oldalhoz, meghatározhatja az oldalsáv helyét, jelezheti a közösségi profilokra mutató hivatkozásokat. hálózatok, aktiváljon/inaktiváljon néhányat további beállítások stb. Mindez meglehetősen kényelmes, és lehetővé teszi a fejlesztő számára, hogy testreszabási lehetőségeket hozzon létre. kinézet olyan webhely, amely nem igényel speciális technikai ismereteket a felhasználóktól.

Most egyébként előttem van egy hasonló feladat. Szükséges egy új elrendezés csatlakoztatása a WordPress webhelyhez, ahol van néhány szöveges terület, amelyet a jövőbeli felhasználók módosítani szeretnének. A legegyszerűbb példa az Kapcsolattartási telefonszámok egy kalapban. Ennek megvalósítása redundáns megoldásnak tűnik (egy sornyi szöveg kedvéért plusz blokkot csinálni nem túl hatékony). Írjon konkrét dokumentációt az információk szerkesztéséhez php fájlok témák – valahogy nem egészen szépek (+ nem mindenki fogja tudni kitalálni a kódot). De a feladat végrehajtása a WordPress sablon beállításain keresztül érdekes lehetőség.

A WordPress sablon beállítási paneljének létrehozásához jól ismernie kell a rendszer API-t (Beállítások és téma testreszabása), ismernie kell a PHP-t, és sok időt kell szánnia erre a folyamatra. Van néhány leírás és példa az API-val való munkavégzésre a codex.wordpress.org oldalon, különösen érdekes volt olvasni a Theme Customization testreszabóról, de megfelelő webfejlesztési ismeretek és tapasztalat nélkül nem lesz könnyű megvalósítani. a saját WordPress sablon beállítási paneljét.

Szerencsére van jobb kiút - speciális WordPress keretrendszerek használata. A neten sokféle kollekció található, ahol megtalálhatod a megfelelő megoldásokat – én a számodra legjobbakat választottam ki.

Keretrendszerek a WordPress-sablon beállításaihoz

Valójában ezek a WordPress keretrendszerek kész fejlesztésekkel ellátott beépülő modulok, amelyekhez használható gyors alkotás WordPress sablon beállítási panelek/oldalak. Ha ismeri a Bootstrapet, akkor itt is hasonló az elv. A nagy plusz az, hogy az alábbiakban bemutatjuk, A modulok teljesen ingyenesek, és kereskedelmi projektekhez használhatók beleértve.

Opciók keretrendszer

Az Options Framework modul lehetővé teszi, hogy a beállítások panelt bármelyikben engedélyezze wordpress sablon. A lehetőségek között használhatsz szövegmezőket, jelölőnégyzeteket, választógombokat, kijelöléseket, képfeltöltéseket, színválasztást, betűtípus kiválasztását stb. Mindenki integrálhatja majd a modult a témájába.

A fejlesztői webhelyen található egy videó a bővítmény használatáról + egy részletes leírás. Az Options Framework a 3.6-tól kezdődő rendszerverziót támogatja, több mint 100 ezer letöltést és 4.8-as minősítést tartalmaz.

A szerzők szerint ez a legegyszerűbb WordPress-keretrendszer, amely lehetővé teszi adminisztrátori oldalak, beállítások oldalak létrehozását, valamint a téma testreszabásához szükséges beállításokat. És mindezt néhány sor kód hozzáadásával. A funkciók és képességek részletes leírása hagyományosan a Titan Framework webhelyén található. A minimális követelmények a WP 4.1., a letöltések jóval kevesebbek, mint az előző verzióban - 6 ezer, pontszám - 4,5.

Emlékszem, hogy információkat találtam arról, amikor egy keretrendszert kerestem WordPress-sablonok létrehozásához a semmiből. Ez a ThemeFuse termék nagyon funkcionális - sok hasznos funkciót tartalmaz, például fogd és vidd vezérlőket, csúszkákat, portfólió- és eseményelemeket, biztonsági mentési lehetőséget stb. A modul honlapján egy kis videó bemutatót talál a képességeiről. A projekt 20 ezer letöltést és 4,7 pontot kapott a felhasználóktól. A rendszer 4.3-as és újabb verziói támogatottak.

OptionTree

Az OptionTree a leírásából ítélve meglehetősen hatékony megoldás. Azt írják, hogy még részben a ThemeForest is támogatja, és prémium témák fejlesztésére is használható. A szerző fő ötlete az, hogy egy funkcionális panel létrehozásával eltávolítsa a határokat a fejlesztők, a tervezők és a felhasználók között. wordpress beállítások sablon.

A munkában használhatja a drag & drop felületet, támogatja az i18n fordításokat. A funkciók között megtalálhatók szabványos elemek (szövegmezők, kijelölések, képek) és komplex megoldások is: jelölőnégyzetek bejegyzésekhez/oldalakhoz, dátumválasztó, egyedi bejegyzéstípusok támogatása, kódbeillesztés stb. A működéshez WP 3.8 vagy újabb verzió szükséges. Letöltések 70 ezer alatt, pontszám - 4,8.

200 ezer letöltésből ítélve nagyon-nagyon érdekes a megoldás. Az alkotók egy egyszerű és bővíthető WordPress keretrendszernek nevezik, amely segít a fejlesztőknek funkcionális sablonbeállítási panelek létrehozásában. A WP Settings API-ra épül. Amellett, hogy támogatja az összes főbb mezőt, a modul egyedi funkciókkal is büszkélkedhet: hibakezelés, mezőellenőrzés, export / import, fordítások, integrált Google Webfonts támogatás és még sok más.

Végül említek még két olyan megoldást, amelyeket nem a hivatalos WP oldalon, hanem a Github szolgáltatáson keresztül terjesztenek. Az UpThemes keretrendszert a WP témákat fejlesztő, azonos nevű cég hozta létre. A Beállítások API-t használja, és rendelkezik az összes szabványos rendszerbeállítással: képfeltöltés, színválasztás, témabeállítások, hátterek stb. A megoldás bővíthető, és támogatja a Theme Customizert. Sajnos nincs információ a szükséges rendszerverziókról + az utolsó szerkesztések ott láthatóan több mint egy éve történtek.

- a mai legújabb fejlesztés a WordPress keretrendszerek területéről a sablon testreszabásához, amely a Githubon található. A leíráson kívül a projekt weboldala tartalmaz egy demóverziót is, amely lehetővé teszi az adminisztrációs panelen a rendelkezésre álló lehetőségek megtekintését. igazi példa. WordPress 3.5.1-et használ. Elvileg jó keret, mert. találkozzunk itt érdekes chips, például: felhasználói szerepkörök kiválasztása, csúszkák a számára érték változik, , blokkok JS/CSS kódhoz, feltételes mezők stb. A fejlesztők biztosan érdeklődnének ennek a megoldásnak a tanulmányozása iránt.

Általában véve egy ilyen érdekes válogatás derült ki. Biztos vagyok benne, hogy a WordPress téma testreszabási panel beépülő moduljai között megtalálja a keresett megoldást. Az első dolog, ami megakadt, az az Opciók keretrendszere, úgyhogy azzal kezdem. A munka eredményéről később írok. A listán a Redux Framework is tetszett. Az OptionTree a leírásból ítélve nem rossz, és tetszett a Vafpress Framework. Röviden, a cikkben szereplő összes megoldás jó.

Egyébként, ha van tapasztalatod néhány WordPress keretrendszerrel a sablonok testreszabásához, vagy tanácsod van a témában, írd meg a megjegyzésekben.

A szerzőtől: A SitePoint már tele volt a WordPress keretrendszerekkel kapcsolatos cikkekkel, de amint alább látni fogod, sokkal több keretrendszer létezik: mindegyiknek megvannak az előnyei és hátrányai, minden témának megvan a saját fejlesztési stílusa.

Bevezetés a WordPress témakeretrendszerbe

Csak ültem az irodában, vakartam a fejem, és a WordPress keretrendszereken gondolkodtam. Mielőtt elkezdtem volna dolgozni a cikken, napokat, heteket, sőt hónapokat töltöttem a kérdés tanulmányozásával, azon gondolkodtam, hogy mit írjak: a szövegnek különböznie kellett mindantól, amit a keretekről már írtam.

Teljesen belegabalyodva a gondolataimba, meglátásom támadt. Eszembe jutott, hogy amikor az emberek a WordPress keretrendszerekről írnak, általában csak az alapokkal foglalkoznak… az alapokkal, amelyekre a WordPress Meetup közösség fejlesztői specializálódtak: olyan keretrendszerekre, mint a Genesis, a Thesis vagy a WooCommerce.

Miért történik ez? Talán a fejlesztők nem gondolják, hogy ott minden olyan bonyolult, vagy nem akarnak olyan keretrendszerekről írni, amelyek fejlesztése hamarosan megszűnik. Illetve kemény határidő van a fejlesztőknek, ha elmulasztják, akkor az oldal erősen visszaesik a keresési eredmények között. kereső motorok. Ki tudja.

Másképp akarom csinálni a dolgokat, úgyhogy dőljön hátra, és készítsen magának egy kávét. Ma megnézzük teljes útmutató a WordPress Themes Frameworks programon.

Miért "teljes"? Az angol definíció szó valaminek a befejezését jelenti. A szinonimák szolgálhatnak „végső”, „végső” néven.

Mik azok a WordPress Themes keretrendszerek?

Mielőtt hanyatt-homlok belemerülnénk a listába, meg kell ismerkednünk a keretrendszerek néhány alapjával. Elvégre talán éppen az első cikket olvasod a keretekről az életedben. Nem akarlak ráriasztani, hogy a cikkem befejezése nélkül távozzon. Ha már veterán vagy, görgess le a keretrendszerek listájához.

A kerettémák szülőtémák, amelyekhez egy csapat vagy egy fejlesztő saját funkciókat ad hozzá, hogy megkönnyítse a téma és annak frissítését. újrafelhasználás anélkül, hogy befolyásolná egy adott webhely kialakítását. A gyermektéma beállítja a saját stílusait, és a funkcionalitás a fő keretben lesz.

Megjegyzés – A fentiek nem jelentik azt, hogy minden szülőtéma keretrendszer. A sablonkészítők a szülőtémákat több száz gyermektéma-variációval látják el, de a másik szülőtéma nem használja ugyanazt a kódot (azt mondják, hogy keretrendszerek, bár technikailag nem azok).

A WordPress adattárban három fogalom kapcsolódik a Themes-frameworks értékhez: beugró, önálló és a szülőtéma sablon. Szerintem még ennél is egyszerűbben nem lehet elmagyarázni. Ezért azt tanácsolom, hogy valamikor olvassa el ezt a cikket.

Cikkünk részeként nagyobb figyelmet fogok fordítani a "Szülőtéma sablonok" utolsó kifejezésére vagy a szülőtéma sablonokra. Ezt a kifejezést a fejlesztői közösség és a nagyközönség nagy része ismeri.

Különböző típusú témakeretek

A keretrendszerek különbözőek, és különböző üzleti és tervezési problémákat oldanak meg. Ezek egy része ingyenes, mások fizetősek.

Vannak úgynevezett alapvető, univerzális keretek. Nem foglalnak el különösebb rést, hanem a feladatok teljes skáláját lefedik, segítve a webfejlesztőket és a tervezőket világszerte, hogy gyors reagálású, fejlett oldalakat hozzanak létre, amelyek fejlesztése keretrendszerek használatakor sokkal kevesebb időt vesz igénybe.

A keretek egy része hosszú évek és végtelen sokórás fejlesztés alatt készült. Minderre egy kiterjedt, jól dokumentált keretrendszer létrehozásához volt szükség, kiváló támogatással.

Az ilyen keretrendszerek speciális szolgáltatásai közé tartoznak a front-end és back-end drag and drop szerkesztők, rövid kódok, fejlesztés több eszközhöz és sablonokhoz.

Nem csoda, hogy az internetes vállalkozások miért szeretnek keretrendszereket használni. Jelenleg a kedvencem a SEO Design Framework, amelyet úgy terveztek, hogy magasabb helyet foglaljon el a SERP-ben.

Miért érdemes keretrendszereket használni?

Jó kérdés, miért használjunk WordPress keretrendszert? Azt gondolhatja, hogy soha nem lesz szüksége saját keretrendszer létrehozására, de előfordulhat, hogy már használ egy keretrendszert anélkül, hogy tudná. Az olyan keretrendszerek, mint a Genesis, a WooFramework és a Thesis olyan gyakoriak manapság, hogy könnyen elfelejthetjük, hogy a WordPress mag részét képezik.

Vegyünk egy példát. Noel Tock weboldalakat készített a vendéglátó szektor számára. Saját keretrendszerének létrehozásával jelentősen megkönnyítette a dolgát: most már nagy webhelyeket hozhat létre az ügyfelek számára, és folyamatosan fejlesztheti és optimalizálhatja a keretrendszert a teljesítmény szempontjából anélkül, hogy olyan külső funkciókat adna hozzá, amelyekre ügyfeleinek soha nem lesz szüksége.

Ez a megközelítés segített neki felgyorsítani a fejlesztési folyamatot, valamint hosszabb támogatást kínált ügyfeleinek. A megspórolt időt a fejlesztőcsapat támogatására és új eszközök tanulására fordíthatja.

Sok olyan funkciót kellett figyelembe vennie, mint például a SEO legjobb gyakorlatok fejlesztésében. Előnye az volt, hogy nem kellett egy csomó bővítményt használnia a szükséges elemek, például kódrészletek, megjegyzések hozzáadásához. közösségi hálózatokés mobil first technikák, valamint űrlapok létrehozása e-mail üzenetek küldésére, hogy azonosítsa a munkája potenciális vásárlóit stb.

A felhasználók az új style.css és functions.php fájlok szerkesztésével könnyedén elkészíthették saját tervüket a jelenlegi alapján. A fejlesztőnek Sasshoz kellett folyamodnia, és később a keretrendszere a Happy Tables szolgáltatássá vált.

Előnyök és hátrányok

A WordPress témakeretrendszerek használatának számos előnye van. Ha népszerű keretrendszerekkel dolgozik, nem kell messzire néznie aktív munka fejlesztők és tervezők fórumokon és közösségekben, hogy segítsenek a zavarodott felhasználókon.

A WordPress szabványok szerint írt kód előnye. Az ilyen kód könnyen beilleszthető egyik helyről a másikra, hogy tesztelje a beépülő modulokat és szolgáltatásokat, például a WP-tesztet, a Theme Authenticity Checker (TAC) és a Theme Check-et. Néhány Főbb jellemzők, ami az előnyökhöz köthető;

Egyszerűsített fejlesztés a hosszú távú fejlesztés érdekében

Beépített funkcionalitás (kevésbé függ a bővítményektől)

Kód minősége

Frissítések

És hátrányai;

Oktatás

Horgok és szűrők

Túl sok kód

Korlátozások (ha a keret nem a tiéd)

Frissítések és támogatás

A WordPress téma keretrendszereinek listája

A sorrend nem fontos:

WordPress Jump Start

SEO tervezési keretrendszer

Cherry Framework

Options Framework téma

UpThemes Framework

Carrington Build

Simon WP Framework

Következtetés

Szinte lehetetlen mindegyiket elsajátítani, túl gyakran jönnek ki újabb és újabb keretek. Ha olyan nem listázott keretrendszert talál, amely a keretrendszer valódi definícióján alapul, és nem csak azon, hogy minden témához illeszkedik, akkor jelezze rá az alábbi megjegyzésekben.

A Redux egy egyszerű, valóban bővíthető és teljes mértékben érzékeny opciós keretrendszer a WordPress témákhoz és bővítményekhez. A WordPress Settings API-ra épülő Redux számos mezőtípust támogat, valamint: egyéni hibakezelést, egyéni mezőket és érvényesítési típusokat, valamint importálási/exportálási funkciókat.

De mit is csinál valójában a Redux? Nem hisszük, hogy a téma- és bővítményfejlesztőknek minden alkalommal újra fel kellene találniuk a kereket, amikor elkezdenek dolgozni egy projekten. A Redux célja, hogy leegyszerűsítse a fejlesztési ciklust azáltal, hogy egy áramvonalas, bővíthető keretrendszert biztosít a fejlesztőknek, amelyekre építhetnek. Egy egyszerű, jól dokumentált konfigurációs fájlon keresztül a külső fejlesztők csak a saját fantáziájuk által szabott beállítási panelt építhetnek fel, az idő töredéke alatt, amely az alapoktól való felépítéshez szükséges!

Online Demo

Ne fogadjon szót, nézze meg online bemutatónkat, és próbálja ki a Reduxot anélkül, hogy bármit is telepítene!
http://demo.redux.io/

A kezdéshez használja a Redux Buildert

Szeretné használni a Reduxot, de nem tudja, mit tegyen? Használja építtetőnket! Lehetővé teszi egyéni téma létrehozását a , TGM és Redux alapján, valamint a beállítani kívánt Redux argumentumokat.

Nem szeretnél saját témát készíteni? Ezután adjon ki egy egyéni rendszergazdai mappát, amelyet elhelyezhet egy témában vagy bővítményben. Ja és említettük, hogy ingyenes? Próbáld ki még ma itt:
http://build.reduxframework.com/

Dokumentáció és támogatás

MEGJEGYZÉS: A Redux önmagában nem használható. Egy harmadik féltől származó téma vagy beépülő modul fejlesztője által biztosított konfigurációs fájlra van szükség ahhoz, hogy bármi jót csináljon!

Képernyőképek

GYIK

Miért nem csinál semmit ez a plugin?

A Redux egy opciós keretrendszer… más szóval, nem arra tervezték, hogy önmagában bármit is csináljon! Azonban aktiválhat egy demó módot, hogy megnézze, hogyan működik.

Hogyan tudhatok meg többet a Reduxról? Nincs sok tartalom ebben a GYIK részben

Ez azért van, mert az igazi GYIK rovat az oldalunkon található! Kérjük, látogasson el a http://docs.reduxframework.com/faq/ oldalra

Vélemények

Már nem férek hozzá a jelenlegi termékeimhez. A telepítés után véglegesen átirányítottam a Redux névjegyoldalára. Most, a Redux eltávolítása után, azt az üzenetet kapom, hogy "nincs engedély az oldal eléréséhez". Ez azt jelenti, hogy nincs hozzáférési engedély Termékek oldala a wordpressben. Most történt. Megnézem, hogy a héten működött-e az automatikus mentés. Szóval mi van ha nem?Elengedek pár hét intenzív munkát???

Tagok és fejlesztők

A "Redux Framework" egy nyílt forráskódú projekt forráskód. A következő közreműködők járultak hozzá a bővítmény fejlesztéséhez:

tagok

Változási napló

3.6.16

  • Javítva: WordPress 5.3.1 kompatibilitás. Az új @redux fiókot is hozzáadta a bővítményhez.

3.6.15

  • Javítva: A Redux API setSections lefagy, ha több azonosító nélküli szakasz ugyanazon a címen osztozik.

3.6.14

  • Javítva: #3583: Az importálás sikertelen a max_input_vars túllépése esetén. A probléma elkerülése érdekében a függvény az ajax_save mappába került.

3.6.13

  • Ugró. babonás vagyok! — kp

3.6.12.2

  • Javítva: #3586: Az adatbázis nem ment megfelelően 'hálózati' módban. Köszönöm @Tofandel.
  • Javítva: #3584: Javított róka #3580-hoz. Köszönöm @Enchiridion.

3.6.12.1

  • Javítva: #3580 - 'tax_query' tömb az args-ben WordPress-adatokhoz, az arg karakterlánc-beszélgetési hibát dob.

3.6.12

  • Javítva: #3577 - A hiba elkerülése érdekében hozzáadva a REMOTE_ADDR ellenőrzéshez.

3.6.11

  • Javítva: #3561, #3562 - Az aszinkron tipográfia nem minden választója volt megfelelően kialakítva, ezért nem jelennek meg megfelelően a képernyőn.

3.6.10

  • Frissített Google betűtípus-frissítés.
  • Frissítve: #3447 - Frissített RTL CSS. Köszönöm @Abolfazlrt.
  • Javítva: Ismétlődő azonosító figyelmeztetések.
  • Javítva: http figyelmeztetések https környezetekben.
  • Javítva: #3539 - A jelölőnégyzet címke nem jelenik meg, hacsak nincs beállítva a „desc”. Köszönöm @Enchiridion.
  • Javítva: #3547 - az ace_editor nem jelenik meg megfelelően egy alszakaszban. Köszönöm @Tofandel.
  • Javítva: #3534 - Javítsa ki az érvénytelen CSS-t az asycn_typography-ban (a vessző végén). Köszönöm @ksere
  • Javítva: a Mentés és a Visszaállítás gombok közötti távolság.
  • Hozzáadva: #3285 - dir és url szűrők a testreszabási kiterjesztéshez. Köszönöm @aaronhuisinga.
    add_filter("redux/extension/customizer/dir", $dir)
    add_filter("redux/extension/customizer/url", $url)

3.6.9

  • Javítva: A WP-hiba megkerülése, ahol a galéria mező első megnyitáskor egy pörgőt mutatna ki kiválasztott képek nélkül.
  • Javítva: #3512 - A kép kiválasztása csempe módban nem emeli ki az alapértelmezett értéket.

3.6.8

  • Javítva: Hiba az AJAX mentésben a redux.js fájlban található helytelen objektumhivatkozás miatt.
  • Javítva: A nem használt set_transient eltávolítva az üdvözlő rutinból. Ez lassú lekérdezéseket okozott.
  • Frissítve: Google Font frissítés.
  • Javítva: #3440: A szülőobjektum nincs megfelelően beállítva a Redux fájlrendszerben.
  • Javítva: Színválasztó CSS-problémák a WP 4.9 eredményeként.
  • Javítva: #3429 - Select2 Rendezés szükséges jQuery Rendezhető függőség.
  • Javítva: Az adminisztrátor észreveszi, ha a Redux több példánya nem jelenik meg panelenként.

3.6.7.7

  • Javítva: Fájlrendszer elérési útjavítás.
  • Javítva: #3414: Hibás osztálynév, ami hibát okoz a betöltéskor a fájlrendszer API-n keresztül.
  • Javítva: #3413 - Visszaállítva a régi kódot, amely lehetővé teszi a mód nem tömbértékét. Ez a visszamenőleges kompatibilitás miatt van
    csak és nem támogatott.
  • Javítva: #3410, #3409 - A méretmező kimenet indexhibákat okoz, ha a mód nincs beállítva az opciótömbben.
  • Javítva: #3406 - a javascript hasClass nem megfelelően használt, érintett testreszabó.
  • Javítva: Tömbdeklarációk a PHP 7.1-hez most már szüksége van.
  • Frissítve: Frissített hírlevél feliratkozás küldje el, hogy támogassa újabb hírlevél szerverünket.
  • Javítva: #3379 - a select_image mező nem jelenik meg megfelelően az alapértelmezett. Az „alapértelmezett” arg most a
    az alapértelmezett kép teljes elérési útja.
  • Frissítve: Google Fonts.

3.6.6

  • A hibásan elírt osztálynév egy rendszerinformációs fordító, amely a Rendszerállapot meghibásodását okozza.
  • #3359 - Érzékeny probléma az opciós panelen. Túl sok üres hely a panelen okostelefon módban.
  • #2914, #3356 - Az alapértelmezett image_select előre beállított kép nincs kiválasztva. Ez eredetileg tervezett volt. Most egy dolog.
  • Frissítés: Parsedown.php PHP 7.x-hez
  • Javítva: A rendszerállapot helytelenül jelenti az írható állapotot a feltöltési mappában.
  • Javítva: #3124 - A felhasználó által beküldött 'current_user_can' nem sikerült a PHP verzióban<= 3.5.13. Thanks for the assist, @sourabgupta88
  • Módosítva: PHP7 kompatibilitás.

3.6.5

  • Módosítva: #3321 - A tipográfia betűkészlet-részkészlete nem jelenik meg IE-n és Edge-en (Komolyan? Az emberek még mindig használják?)
  • Javítva: #3293 - Kötelező nem tetszik/elrejtő mezők, a kapcsoló alapértelmezése 'false'.
  • Javítva: Távolítsa el a maradék var_dump-ot a magból.
  • Javítva: A nyomon követés és a hírlevél előugró ablakai meghiúsultak a hibás javascript miatt.
  • Javítva: #3291: Szükséges, ha a tömb nem megfelelően ellenőrzi a szülőt. Valaki kivette a tárgyellenőrzésemet!! — kp
  • Módosítva: A dátummező-kalander most a .redux-container div-en jelenik meg.
  • Frissítve: googlegonts.php fájl.
  • Módosítva: a = és != kötelező utasítások mostantól típusbiztos összehasonlításokat használnak.
  • Javítva: a link_color mező most megfelelően megjeleníti az összes színmezőt.
  • Hozzáadva: a link_color mezőben most szerepel a "fókusz" színblokk.
  • Módosítva: A link_color mezőt úgy alakították át, hogy jobban illeszkedjen a típusának többi mezőjéhez, vagyis jobban nézzen ki.
  • Hozzáadva: "title" attribútum az image_select mezőhöz, mivel az "alt" már nem működött a lebegő eszköztipp megjelenítésére.
  • Javítva: Az alapértelmezett adatok mentése nem megfelelő a rendezési mezőben.

3.6.4

  • Módosítva: A gitignore fájl módosítása a fenséges szöveges fájlok kizárására.
  • Javítva: #2966 - Fordítási hiba. @iiandrade azonosította és javította. Kösz!
  • Módosítva: Az összes CSS-térképfájlt létrehozta, hogy megszabaduljon a Chrome-figyelmeztetésektől.
  • Hozzáadva: szükséges a Speciális testreszabáshoz @britnernek köszönhetően!
  • Módosítva: Különféle testreszabási javítások és módosítások az új stílusokhoz.
  • Módosítva: Csak testreszabó kód a Redux.js-ben, áthelyezve a customizer.js fájlba.
  • Módosítva: Az elkülönített Redux CSS beágyazott legyen, és ne legyen hatással más termékekre vagy a WP felhasználói felületére.
  • Hozzáadva: #3222 - HATALMAS frissítés az @enchiridiontól, amely lehetővé teszi a fejlett és bonyolult engedélyeket. WTG!
  • Hozzáadva: Új horgok az Extension API-k hívásához. Sokkal tisztább.
  • Javítva: #3214 - A tipográfia színmezője nem váltja ki a fordítói horgot.
  • Javítva: #3201 - Indexhiba a fordítói argumentum spinner mezővel történő használatakor.
  • Frissítve: #3189 - PHP7 kompatibilitás a preg_replace érvényesítéshez.
  • Javítva: #3186 - Többszöveges mező nem távolítja el az egyetlen mezőt, amikor az "Eltávolítás" gombra kattint.
  • Javítva: #3180, #2641 - Gomb beállítása több módú mentés helytelenül. Kérjük, ellenőrizze a kódot, hogy nincs-e lehetséges visszamenőleges kompatibilitási probléma ennek a módnak a használatakor. A foreach() függvényt üres() ellenőrzéssel kell használni, szemben az egyes tömbkulcsokkal, mivel csak a kiválasztott opciók kerülnek mentésre az adatbázisba.

3.6.3

  • Módosítva: A testreszabó lebegtetési stílusainak módosítása a WP 4.7-nek megfelelően.
  • Módosítva: #3169 - A wpdb lekérdezések print_r-je dev_mode-ban eltávolítva.
  • Javítva: #3159 - Az SVG támogatása a galéria média kiválasztásában.
  • Javítva: #3158 – PHP figyelmeztetés a _validate_values függvényre, amikor a bővítmények telepítve vannak a PHP7-re.

3.6.2

  • Javítva: #3105 - PHP hiba miatt a link_color kimenet meghiúsult.
  • Javítva: #3103 - A WP 4.6 új alapértelmezett dátumformátumot kényszerít ki, a törés dátumának érvényesítését.
  • Javítva: A tipográfiai részhalmazok hibája elírási hiba miatt.
  • Javítva: Extra halott fájlok a WP.org repóban. Bah SVN.

3.6.1

  • Üres PHP fájl eltávolítva a szerkesztő mezőből.
  • Módosítva: Az osztály elsődleges függvényneve a browser.php-ben lecserélve a __construct névre a PHP7-kompatibilitás érdekében.
  • Javítva: #3051 - Color_RBGA mező RGBA értéke nullákat ad ki, ha a szín üresen marad.
  • Javítva: #3048 - Az alszakaszfülek nem tartalmazzák a megadott szakaszosztálynevet.
  • Javítva: hibás karakterlánc-összehasonlítás eredménye az adminisztrátori linkellenőrzés során. Köszönöm @ksere.
  • Javítva: A Metabox bővítménnyel történő használatkor érvényesítés előtt ellenőrizze az értéket. Köszönöm @Enchiridion
  • Javítva: Az üres értékek nem adják át a validation_callback-nek.
  • Javítva: Javascript-hiba a testreszabó javascriptben, ami megakadályozza a megváltozott beállítások mentését.
  • Javítva: #3019 - A szakaszleírások helytelenek, ha az opt_name számjegyeket tartalmaz.
  • Visszaállítva: Változások a tipográfiában. A bemeneti változó megoldása nem működött.
  • Javítva: A támogatási URL-cím generátora hiba miatt meghibásodott.
  • Módosítva: A tipográfiai mező mostantól csak EGY beviteli változó. Csökkenteni kellene a mi
    max_input_vars hibája drámaian.
  • Javítva: Egyes XSS-sebezhetőségek csak a háttérben érhetők el, ha felhasználóként hitelesítik.
  • Javítva: A WP.org SVN-tárhelyünkön megragadt régi törölt fájlok törlése.

3.6.0.2

  • Kijavítottuk az elavult customizer.min.js fájlt a wp.org webhelyen, amely a testreszabási hibát okozta.

3.6.0.1

  • Kijavítottuk az elavult redux.min.js fájlt a wp.org webhelyen, amely a beállítási panel meghibásodását okozta.
  • Javítva: #2936 - Szegélymező kiírja a px üres értéket.
  • Javítva: megoldva a téma-ellenőrizze a php shortcode hamis értesítést.
  • Módosítva: Nincs több jelentős átirányítás a Redux oldalra, csak az első telepítéskor a bővítménnyel.
  • Javítva: IE11 hiba a testreszabóban. Köszönöm @anikitas!
  • Javítva: a testreszabási útvonallal kapcsolatos problémák
  • Hozzáadva: Új alapértelmezett argumentumok szűrése opt_name és típus szerint. 🙂
  • Javítva: #2903 - Hamis pozitív jelző a JS szegélymezőben. Az Avast nem szereti az üres dokumentumkész utasításokat.
  • Javítva: #2880 - További problémák az extensions_url rutinnal.
  • Javítva: #2876 - Több ellenőrizetlen felhasználói hozzájárulás javítása.
  • Módosítva: #2855 - A bővítményeknek most van egy segédosztálya, amely segíti a zeneszerző alapú telepítéseket. Köszönöm @2ndkauboy!
  • Javítva: #2857 - Kötelező "tartalmazza" nem megfelelően értékeli a jelölőnégyzeteket.
  • Javítva: #2831 - A lokalizáció teljesen megszakadt.
  • Javítva: #2832 - A CSS ütközik a Rev Sliderrel (Hé, Rev Slider srácok, nem kell minden adminisztrációs oldalra betölteni a CSS-t. Tényleg?)
  • Javítva: Maradt hibakeresési visszhangsor az alapvető testreszabási bővítményben.
  • Hozzáadva: KÍSÉRLETI: Új elemzési kód annak érdekében, hogy megszüntesse az 1000 max_input_var problémát, amely időről időre felbukkan. Köszönöm @harunbasic
  • Hozzáadva: KÍSÉRLETI: "Hibajavítás" a extension_url-hez a helyesbítés érdekében. Köszönöm @ottok

A keretrendszer fejlesztési oldala: https://github.com/reduxframework/redux-framework

A ReduxFramework egy könnyen használható, bővíthető keretrendszer, amellyel teljesen testreszabható opcióoldalakat hozhat létre témákhoz és bővítményekhez.
De jobb, mint mondják, egyszer működés közben látni.

Redux témakészítő

Felkereshetjük a Redux Builder webhelyet (https://build.reduxframework.com/), hogy az aláhúzások (_s) alapján felépítsük a témánkat, és elkezdjük használni a Reduxot.

Regisztrálnia kell egy fiókot az oldalon.
Bejelentkezés után a szokásos WordPress adminisztrációs panelen találjuk magunkat, ahol megkapjuk a szükséges magyarázatokat a témánk felépítéséhez és a hozzá tartozó lépésekhez.

Beágyazott Redux vagy Plugin

3 lehetőség van.

  1. függőség - a beépülő modult nem a témával együtt szállítják, hanem külön telepítik;
  2. felajánlja a telepítést - a TGM osztály használatával, ebben az esetben a beépülő modul elsőbbséget élvez a beépített témával szemben;
  3. szerepel a témában.

Redux érvek

A beállítások 3 lapra vannak osztva: standard, tippek és speciális beállítások.
A https://docs.reduxframework.com/core/arguments/ oldalt párhuzamosan tanulmányozhatja, de később bármikor módosíthatja őket.

Szerencsére néhány alapértelmezett érték be van állítva, ami eléggé alkalmas az indításhoz.

Redux verzió

Hát persze, hogy a stabil változatot választjuk.

Milyen elemeket kell beépíteni a Reduxba

A Redux nem használt elemei letilthatók, hogy megkönnyítsük.

Generált téma

Az utolsó lépésben bármelyik mappát letölthetjük admin, amelyet önállóan bedobunk a meglévő projektünkbe egy témával, vagy letöltünk egy kész egyedi témát.

A téma letöltése előtt megadhatja az összes kötelező mezőt (theme slug & uri, szerző, szerző uri, leírás)

Redux használata

A generált témában a fájl érdekel bennünket /admin/options-init.php.
A megadott argumentumokat és opciókat tartalmazza.

Így vagy úgy, a használat kezdetén gyakran hivatkozni kell a dokumentációra.
Nekik megvan, érdemes mondani, csodálatosan meg van írva és példákkal, így sok indítási kérdés megoldódik copy-paste segítségével.

A Redux egy ingyenes és hatékony bővítmény-keretrendszer, amelyet aktívan fejlesztenek. Folyamatosan figyelemmel kell kísérnie az információk relevanciáját.



Betöltés...
Top