MagyarmagyarBricks Child Theme
A Bricks gyermektéma áttekintése, telepítése és a Bricks használatának első lépései.
A Bricks Child Theme a Bricks téma gyermektémája. Ezen keresztül tudsz saját kódot és módosításokat hozzáadni a Bricks-hez úgy, hogy a szülőtéma frissítésekor ne vesszenek el.
Követelmény
Szekció neve “Követelmény”A gyermektéma csak a szülőtémával együtt működik. Ha a Bricks téma nincs telepítve, az aktiválás ezt a hibát adja: „A szülő sablon hibás. “bricks” szülő sablont telepíteni kell.” Előbb telepítsd a Bricks témát, utána a gyermektémát.
Telepítés
Szekció neve “Telepítés”- Telepítsd és aktiváld a Bricks témát (lásd az Első lépések → Telepítés és licenc fejezetet).
- Nyisd meg a Megjelenés → Sablonok oldalt.
- Telepítsd a Bricks Child Theme témát, és kattints az Aktiválás gombra.
A képen a Bricks Child Theme a bekapcsolt téma, mellette ott a Bricks szülőtéma.
Első lépések
- Ismerkedés a Bricks-szelMi a Bricks, kinek való, és mit tanulsz meg az első lépések sorozatban.
- Telepítés és licencA Bricks téma telepítése, a licenc aktiválása és a Bricks menü első megnyitása.
- Beállítások és alapértékekA Bricks globális beállításai és az opcionális kezdő beállításkészlet.
- A szerkesztő felületének bemutatásaA Bricks szerkesztő négy fő területe: eszköztár, beállítópanel, vászon és szerkezet panel.
- Az első oldal elkészítéseA kezdőlap hero szakaszának felépítése elrendezési elemekkel és flexbox-szal.
- Globális osztályokÚjrafelhasználható CSS-osztályok létrehozása, alkalmazása és kezelése a Bricks-ben.
- Bevezetés a sablonokbaMik a Bricks sablonjai, milyen típusok és feltételek vannak, és hol kezeled őket.
- Fejléc sablon készítéseGlobális fejléc felépítése logóval és navigációs menüvel.
- Lekérdezési ciklusok és dinamikus adatokLegfrissebb bejegyzések rácsa a kezdőlapon lekérdezési ciklussal és dinamikus adatokkal.
- Bejegyzés sablonEgyedi (Single) sablon készítése a blogbejegyzésekhez drótvázzal és dinamikus adatokkal.
- Reszponzív alapokTöréspontok, öröklődés, elemek elrejtése, fluid skálázás és tesztelés a Bricks-ben.
- Következő lépésekA Bricks haladó funkcióinak térképe, tanulási útvonal webhelytípusonként és billentyűparancsok.
- SablonstílusokWebhelyre érvényes alapstílusok beállítása a Stíluskezelőben, például a szekciók egységes térközei.
- RendszerkövetelményekA Bricks javasolt szerverkorlátai, böngészőkövetelményei, és a memória, feltöltési méret és végrehajtási idő emelése.
- Licenc, frissítések és fiókA licenckulcs megadása a wp-config.php-ban, a Bricks frissítése, a licenchatárba nem számító webhelyek és a kulcs használatának korlátozása.
- A Bricks beállításai lapról lapraA Bricks → Beállítások oldal összes lapja és beállítása: általános, hozzáférés, sablonok, szerkesztő, teljesítmény, karbantartás, API-kulcsok, egyéni kód, WooCommerce.
- Ismert problémák és megoldásaikA Bricks leggyakoribb ismert problémái: üres vászon, vágólap, 500-as hiba, SVG-színek, betűtípusok, 404 egyéni tartalomtípusnál, mentési hibák, árva elemek.
- HibaelhárításMódszeres hibakeresés egy Bricks-es webhelyen: reprodukálás, gyors ellenőrzések, kizárásos teszt, hiányzó adatok, hibajelentés.
A szerkesztő felülete
- A szerkesztő megnyitása és felépítéseHonnan nyithatod meg a Bricks szerkesztőt, mit jelent a Bricks-szel szerkesztés és renderelés, és mire jó a szerkesztő négy területe.
- Elemek hozzáadása és szerkesztéseHogyan adsz hozzá, jelölsz ki, stílusozol, állítasz vissza és másolsz elemeket, egyenként és tömegesen.
- Helyi menüA jobb gombbal előhívható menü műveletei: másolás, beillesztés, becsomagolás, konvertálás, mentés komponensként vagy sablonként.
- ParancspalettaA billentyűzetről vezérelhető parancspaletta: négy hatókör, elemszerkezetek beszúrása Emmet-szerű szintaxissal, billentyűparancsok.
- BillentyűparancsokA szerkesztő leggyakoribb műveleteinek billentyűparancsai.
- OldalbeállításokAz éppen szerkesztett oldalra, bejegyzésre vagy sablonra vonatkozó beállítások: általános, görgetési illesztés, egyoldalas navigáció, SEO, közösségi média, egyéni kód.
- Reszponzív szerkesztésTöréspontok, egyéni töréspontok, alap töréspont, mobile-first tervezés és a reszponzív vezérlőjelző.
- VáltozatokA Bricks-adatok változatai: böngészés, előnézet, alkalmazás, törlés és a megőrzött változatok számának korlátozása.
- Szerkesztői hozzáférés és jogosultságokKi nyithatja meg a Bricks szerkesztőt és mit tehet benne: előre definiált és egyéni jogosultságok, hozzárendelés szerepkörhöz és felhasználóhoz.
- A szerkesztőfelület testreszabása és profilokA szerkesztő munkaterületének átrendezése: panelek dokkolása, eszköztár, rögzített vezérlők, mentett profilok, hozzárendelés és importálás.
- Egyéni szerkesztőmód (színséma)A szerkesztő színsémájának átszabása CSS-változókkal az egyéni szerkesztőmóddal.
- Mentés és közzétételKézi és automatikus mentés, a nem mentett módosítások védelme, változatok és az oldal közzététele a szerkesztőből.
Stílusok és elrendezés
- Designrendszer építéseSzínek, méretskálák, változók, sablonstílus, globális osztályok és komponensek egymásra épülő rendszere egy mintaprojekten.
- Globális CSS-osztályokÚjrafelhasználható osztályok létrehozása, hozzárendelése és szerkesztése az elempanelen, aktív szelektor, pszeudoállapotok, zárolás és jogosultságok.
- Globális osztálykezelőAz osztálykönyvtár központi kezelése: létrehozás, egyedi CSS, kategóriák, szűrők, zárolás, kuka, export, import és ütközések.
- Osztályok importkezelőjeMikor nyílik meg a globális osztályok importkezelője, hogyan oldhatod fel az ütközéseket, és hogyan állíthatod be a megnyitás feltételét.
- Folyékony tipográfiaKépernyőmérettel arányosan skálázódó betűméretek generálása CSS-változókként: skálavezérlők, változók szerkesztése és használata.
- Folyékony térközökKépernyőmérettel együtt növekvő térközskálák CSS-változókként: létrehozás, nagyobb lépések, használat sablonstílusban és tömeges törlés.
- Kontextusfüggő térközA beágyazott tartalom (Rich Text, Post Content, WooCommerce) címsorai, bekezdései és listái közötti függőleges térköz szabályozása a sablonstílusban.
- CSS Grid elrendezésKétdimenziós elrendezések a Bricks-ben: rácskonténer, vizuális rácsépítő, oszlop- és sorsávok, implicit rács, auto-fit és elemek elhelyezése vonalszám szerint.
- KaszkádrétegHogyan teszi a Bricks CSS kaszkádrétegekkel könnyen felülírhatóvá az alapértelmezett stílusait, és mi a bricks.reset réteg szerepe.
- BetűtípuskezelőBetűtípusok böngészése, kedvencek, saját betűtípusok feltöltése, Google-betűtípusok helyi letöltése, kuka, előtöltés és hibaelhárítás.
- Egyéni betűtípusokSaját betűtípusfájlok feltöltése a WordPress felületén, támogatott formátumok, további formátumok engedélyezése és Google-betűtípusok saját kiszolgálása.
- Adobe Fonts integrációAdobe Fonts projekt összekötése a Bricks-szel projektazonosítóval, a betűtípusok szinkronizálása és a variábilis betűtípusok kezelése.
- Az elrendezés elemeiA Szakasz, Tároló, Blokk és Div elem szerepe, többoszlopos elrendezés készítése, elemek beszúrása, becsomagolása és átalakítása.
- Masonry elrendezésMasonry (egymásba illeszkedő) rács bármely elrendezéselemen: oszlopok, térközök, animáció és hibaelhárítás.
- Görgetési illesztésScroll snap beállítása az oldalon és egyes elrendezéselemeken: típus, igazítás, leállítás.
- AlakzatelválasztókDőlt, hullámos, felhős és más alakzatelválasztók hozzáadása szakaszokhoz, tárolókhoz, blokkokhoz és divekhez.
- Színátmenetek és átfedésekHáttér-, átfedés- és szövegszínátmenet hozzáadása elemekhez: lineáris, sugaras és kúpos típus, ismétlés.
- Elemállapotok és hover stílusokPszeudóosztályok és pszeudóelemek (:hover, :active, :focus, saját szelektorok) használata egy elem állapotainak és részeinek formázására.
- Globális változók kezelőjeÚjrahasználható CSS-változók létrehozása, kategorizálása, átnevezése, szűrése, exportálása és importálása a Stíluskezelőben.
- Sablonstílusok részletesenA sablonstílusok feltételei, a betöltési mód, a stíluscsoportok, a stílushierarchia, az export és import, valamint a hibaelhárítás.
Elemek
- Címsor elemA Címsor elem beállításai: HTML-címke, típus, stílus, link és a díszítő elválasztóvonalak.
- Egyszerű szöveg és Formázott szöveg elemAz Egyszerű szöveg és a Formázott szöveg (Rich Text) elem beállításai, szószám-korlát és „Tovább” szöveg.
- Gomb elemA Gomb elem beállításai: felirat, méret, stílus, kör és körvonal, link és ikon.
- Ikon elemAz Ikon elem beállításai és a harmonikában (Accordion) használható ikonállapotok.
- Szöveges hivatkozás elemA Szöveges hivatkozás elem beállításai: felirat, link és az opcionális ikon.
- Kép elemA Kép elem beállításai: reszponzív források, felirat, betöltés, link és lightbox, ikon és maszk.
- Videó elemA Videó elem beállításai YouTube-, Vimeo- és saját videóforráshoz, előnézeti kép, átfedés és ismert probléma.
- Szűrés - Jelölőnégyzet elemA Jelölőnégyzet szűrőelem beállításai: forrás, rendezés, hierarchia, számlálók és megjelenési mód.
- Szűrés - Dátumválasztó elemA Dátumválasztó szűrőelem beállításai: dátumforrás, tartomány, idő, formátum és bevitelimező-beállítások.
- Szűrés - Aktív szűrők elemAz Aktív szűrők elem megmutatja a kiválasztott szűrőket, és egy kattintással törölhetők.
- Szűrés - Választógomb elemA Választógomb szűrőelem beállításai: forrás, rendezés, hierarchia, rendezési és oldalankénti találatszám vezérlés.
- Szűrés - Kiválasztás elemA Kiválasztás szűrőelem (legördülő lista) beállításai: forrás, rendezés, hierarchia, helykitöltő, rendezés és oldalankénti találatszám.
- Szűrés - Tartomány elemA Tartomány szűrőelem beállításai: egyéni mező forrás, csúszka vagy beviteli mezők, lépésköz, tizedesek, címkék és színek.
- Szűrés - Keresés elemA Keresés szűrőelem beállításai: élő AJAX-keresés, késleltetés, minimális karakterszám, Enter billentyű műveletei és átirányítás.
- Szűrés - Küldés / Alaphelyzetbe állítás elemA szűrők küldő és alaphelyzetbe állító gombja: átirányítás, kizárt szűrők, elrejtés aktív szűrő nélkül és a gomb stílusa.
- Harmonika elemA Harmonika és a Harmonika (Beágyazható elem) beállításai: tételek, kibontás betöltéskor, független kapcsoló, átmenet, GYIK séma, cím- és tartalomstílus.
- Riasztás elemA Riasztás elem beállításai: üzenet tartalma, típus és bezárható gomb.
- Animált gépelés elemAz Animált gépelés elem beállításai: előtag, utótag, szövegek, sebesség, késleltetés, kurzor, ismétlés és keverés.
- Vissza a tetejére elemA Vissza a tetejére elem beállításai: HTML-címke, pozíció, megjelenítés görgetés után, sima görgetés és fókuszkezelés.
- Breadcrumbok elemA Breadcrumbok elem beállításai: szerkezet bejegyzéstípusonként, kezdőlap, elválasztó, tétel és aktuális tétel stílusa.
- Kód elemA Kód elem beállításai: PHP, HTML, CSS és JavaScript szerkesztők, kódfuttatás, dinamikus adat, hibák elrejtése és szintaxiskiemelő téma.
- Visszaszámláló elemA Visszaszámláló elem beállításai: céldátum, időzóna, mezők formátuma, viselkedés a lejárat után és dinamikus céldátum.
- Számláló elemA Számláló elem beállításai: kezdő- és végérték, animáció hossza, előtag, utótag és ezres elválasztó.
- Facebook-oldal elemA Facebook-oldal elem beállításai: oldal URL-je, méret, megjelenített fülek és megjelenítési opciók.
- HTML elemA HTML elem: nyers HTML kimenet egyetlen kódmezőből, és miért érdemes helyette a Kód elemet használni.
- Ikondoboz elemAz Ikondoboz elem beállításai: ikon és szöveges tartalom egy rugalmas elrendezésben, külön stílusbeállításokkal.
- Ikonlista elemAz Ikonlista elem beállításai: közösségi vagy egyéni ikonok listája címkékkel, linkekkel és elrendezéssel.
- Térkép (Google) elemA Google Maps alapú Térkép elem: egy vagy több cím, lekérdezési ciklus, szinkron a lekérdezéssel, jelölők, csoportosítás, infóbuborék és térképinterakciók.
- Térkép-összekötő elemA Térkép-összekötő elem a Térkép (Google) lekérdezés-szinkronjához: koordináták, cím, infóbuborék és jelölők ciklusonként.
- Térkép (Leaflet) elemA Leaflet alapú Térkép elem: csempeképrétegek, jelölők és a térkép viselkedésének beállításai a Google nélkül.
- Navigáció (Beágyazható elemekkel) elemA beágyazható Navigáció elem: hierarchikus menü legördülő menükkel, többszintű működéssel és mobilmenüvel.
- Legördülő menü elemA Legördülő menü elem beállításai: kapcsoló szöveg és ikon, nyílhegy, panel, megamenü és többszintű működés.
- Űrlap elemAz Űrlap elem áttekintése: mezőtípusok, beállítások, e-mail és visszaigazoló e-mail művelet, dinamikus mezők, feltételes műveletek.
- Űrlap: műveletek és egyéni fejlesztésAz Űrlap további műveletei: bejelentkezés, regisztráció, jelszókezelés, átirányítás, webhook, bejegyzés létrehozása, Mailchimp, SendGrid és egyéni műveletek.
- Űrlap: ellenőrzés és spamvédelemAz Űrlap ellenőrzési lehetőségei és spamvédelme: azonnali ellenőrzés, minta, saját ellenőrzés, reCaptcha, hCaptcha, Turnstile, méhkas-mező és dátumválasztó testreszabása.
- Offcanvas elemAz Offcanvas elem beállításai: irány, hatás, bezárás, méret, átmenet és a megnyitást segítő kapcsolók.
- Kördiagram és Folyamatjelző sáv elemA Kördiagram és a Folyamatjelző sáv elem beállításai: százalék, méret, színek, feliratok és sávok.
- Árazási táblázatok elemAz Árazási táblázatok elem beállításai: táblázatok, fejléc, ár, jellemzők, gomb, szalag és a váltófülek.
- Értékelés elemAz Értékelés elem beállításai: pontszám, skála, ikon, színek és a keresőknek szánt értékelési séma.
- Fülek elemA Fülek és a Fülek (Beágyazható elemek) beállításai: fülek, elrendezés, megnyitás, cím- és tartalomstílus.
- Sablon és Slot elemA Sablon elem (újrahasznosítható sablon beillesztése) és a Slot elem (helyőrző komponensekben) működése.
- Vélemények és Csapattagok elemA Vélemények (csúsztatható körhinta) és a Csapattagok (rács) elem beállításai.
- Kapcsoló - Mód elemA Kapcsoló - Mód elem: világos és sötét mód közötti váltás a látogatói oldalon, ikonok és hozzáférhetőség.
- Kapcsoló elemA Kapcsoló elem: gomb egy másik elem (például Offcanvas) megnyitásához és bezárásához, hamburger-animációk, ikon és hozzáférhetőség.
- Szakasz és Tároló elemA Szakasz és a Tároló elem: szerepük, a közös elrendezési beállítások (rács és flex), masonry, valamint a régi elrendezés átalakítása Tárolókra.
- Blokk és Div elemA Blokk és a Div elem: mikor melyiket használd, az alapértékek különbségei és a sablonstílusokban módosítható alapbeállítások.
- Elválasztó és Lista elemAz Elválasztó elem (vonal ikonnal) és a Lista elem (ikon, cím, meta, leírás és kiemelés) beállításai.
- Hang és Fájl elemA Hang elem lejátszóval, valamint a Fájl elem fájlnévvel, letöltésgombbal és PDF-előnézettel: források, beállítások, példa és böngészőviselkedés.
- Körhinta és Képgaléria elemA Körhinta elem (képek vagy bejegyzések húzható csúszkán, nyilak, pontok, átfedés) és a Képgaléria elem (rács, masonry, metro elrendezés, lightbox).
- Instagram-hírfolyam elemAz Instagram-hírfolyam elem: hozzáférési token, elrendezés, kép, körhinta- és videójelölés, felirat, követés és gyorsítótár.
- Logó és SVG elemA Logó elem (főlogó, fejléces és sötét módú változat) és az SVG elem (fájl, dinamikus adat, kód, ikonkészlet) beállításai.
- Diavetítés elemA klasszikus Diavetítés elem: diák, hatások, automatikus lejátszás, nyilak, pontok és a biztonsági vizsgálók jelzései.
- Diavetítés (Beágyazható elemekkel) elemA beágyazható Diavetítés elem: a diák húzással épülnek, Splide-alapú beállításokkal, automatikus lejátszással, nyilakkal és lapozással.
- Lekérdezési eredmények összegzése elemA Lekérdezési eredmények összegzése elem: formátum, helyőrzők és üzenetek a találatok számának kijelzéséhez.
- Szerző, Kivonat és Metaadat elemA bejegyzés szerzőjét, kivonatát és metaadatait (szerző, dátum, hozzászólások) megjelenítő elemek beállításai.
- Hozzászólások elemA Hozzászólások elem: Bricks vagy WordPress megjelenítés, cím, profilkép, hozzászólás, űrlap és küldés gomb beállításai.
- Bejegyzés tartalma, Navigáció és Olvasási folyamatjelző elemA Bejegyzés tartalma elem (WordPress vagy Bricks adatforrás), a bejegyzések közötti navigáció és az olvasási folyamatjelző sáv beállításai.
- Olvasási idő, Bejegyzés címe és Tartalomjegyzék elemAz Olvasási idő, a Bejegyzés címe és a Tartalomjegyzék elem beállításai: mit jelenítenek meg, és hogyan igazíthatod őket.
- Kapcsolódó bejegyzések, Közösségi megosztás és Osztályozás elemA Kapcsolódó bejegyzések, a Közösségi megosztás és az Osztályozás (taxonomy) elem beállításai.
- Navigációs menü, Lapozás és Bejegyzések elemA WordPress-menüt megjelenítő Navigációs menü, a lekérdezés lapozása és a Bejegyzések elem beállításai.
- Keresés, Rövidkód és Oldalsáv elemA WordPress-keresőmező, a rövidkód futtatása és a WordPress-oldalsáv megjelenítése Bricksben.
- WordPress elemA WordPress elem a beépített WordPress-widgeteket (archívum, naptár, kategóriák, oldalak, friss hozzászólások, friss bejegyzések, címkefelhő, taxonómia) jeleníti meg saját stílussal.
- Termékoldal elemei: galéria, ár, értékelés, készlet és leírásokA WooCommerce termékoldal-sablonba tehető elemek: Termékgaléria, Termék ára, Termék értékelése, Készlet, Termék tartalma, Termék rövid leírása és Termék további információi.
- Termékoldal elemei: kosárba tétel, metaadatok, kapcsolódó termékek és véleményekA Kosárba teszem, Termék metaadatai, Kapcsolódó termékek és Termékértékelések elem beállításai a WooCommerce termékoldal-sablonban.
- Termékoldal elemei: Termékfülek, Termék címe és FelülértékesítésekA Termékfülek, a Termék címe és a Termékek felülértékesítései elem beállításai a WooCommerce termékoldal-sablonban.
- Fiók elemek: címek, letöltések, fizetési mód, szerkesztés és bejelentkezésA WooCommerce Fiókom oldalához tartozó Bricks elemek: Címek, Letöltések, Fizetési mód hozzáadása, Fiók és Cím szerkesztése, Bejelentkezési, Regisztrációs, Elfelejtett jelszó és Jelszó visszaállítása űrlap.
- Fiók elemek: Oldal, Oldal v2, Rendelések, Megrendelés megtekintése és Fizetési módokA Fiókom oldal vázát és a rendelésekhez, fizetési módokhoz tartozó Bricks elemeket építő WooCommerce elemek beállításai.
- Kosár elemek: Kosár összesen, Kosárkupon, Kosár tételei és Kosár (v2)A WooCommerce Kosár oldal Bricks elemei: az összesítő, a kuponmező, a tételek táblázata és az állapotokra bontott Kosár (v2).
- Pénztár elemek és WooCommerce BreadcrumbokA Pénztári kupon és a Pénztári vásárlói adatok elem beállításai, valamint a WooCommerce morzsamenü (Breadcrumbok) elem.
- Pénztár elemek: Belépés a pénztárnál, Fizetés, Áttekintés, Táblázat és KöszönőoldalA klasszikus Pénztár sablon további elemei: a belépési felület, a fizetési módok, a rendelés áttekintése, a rendelési táblázat és a köszönőoldal.
- Pénztár (v2)A teljes WooCommerce pénztár egyetlen elemben: az öt állapot, a generálható szerkezetek, a fiókkészítés, a többlépéses pénztár és a mezők szinkronizálása.
- Dinamikus töredék és MinikosárA kosárfüggő tartalmat frissítő Dinamikus töredék elem és a kosár ikonját, darabszámát és lenyíló részleteit mutató Minikosár elem beállításai.
- WooCommerce elemek: Értesítés, Termékarchívum leírása, Termékszűrő és Termékek rendezési szempontjaA WooCommerce rendszerüzeneteit, az archívum leírását, a terméklista szűrőit és a rendezés legördülő menüjét megjelenítő elemek beállításai.
- WooCommerce elemek: Termékek, Termékek lapozása és Összes terméktalálatA termékrácsot, a hozzá tartozó lapozást és a találatszámot megjelenítő WooCommerce elemek beállításai.
Sablonok
- Sablonok: típusok, feltételek, hozzárendelésHogyan választja ki a Bricks, melyik sablon jelenik meg egy oldalon: típusok, feltételek, pontosság, hookok, csomagok és címkék.
- Az első sablonok létrehozásaFejléc, lábléc és bejegyzés sablon létrehozása lépésről lépésre, a fejléc beállításaival és az oldalankénti letiltással.
- SablonbeállításokA Sablonminta beállításai csoportjai: Fejléc, Felugró ablak, Keresési feltételek, Feltételek, Jelszóvédelem és Tartalom kitöltése.
- SablonkönyvtárA Böngésző Sablonminták nézete: források, szűrők, létrehozás, mentés, importálás, exportálás és szinkronizálás.
- Távoli sablonokSablonok megosztása két Bricks-webhely között: kitettség a forráson, távoli könyvtár a célon, beszúrás, jogosultságok és hibaelhárítás.
- KomponensekÚjrahasználható elemek a Bricks-ben: létrehozás, tulajdonságok, változatok, helykitöltők (slotok), kezelés és leválasztás.
- Távoli komponensekKomponenskönyvtár megosztása Bricks-webhelyek között: kitétel, hozzáadás, böngészés, importálás, ütközések, jogosultságok és hibaelhárítás.
- MenüépítőNavigációs menük építése a beágyazható elemekkel: Nav, Szöveges hivatkozás, Legördülő menü, Kapcsoló és Offcanvas; mega menük és mobilmenük.
- Felugró ablakokA felugró ablak építő: sablon létrehozása, feltételek, beállítások, interakciók, korlátok, töréspontok, bezárás, JavaScript, AJAX és példák.
- Oldalsávok és globális elemekSaját oldalsávok létrehozása a Bricks beépített generátorával, és a régi globális elemek átalakítása komponensekké.
- Drótváz sablonokElőre elkészített, osztályokra és változókra épülő szerkezeti sablonok: követelmények, típusok, felépítés, stílusozás és testreszabás.
Dinamikus tartalom és lekérdezések
- Dinamikus adatokA dinamikus adatcímkék használata: beszúrás, WordPress-mezők, egyéni mezők, dátumok, szűrők és kulcs-érték argumentumok.
- Lekérdezési ciklusA lekérdezési ciklus beállításai: bejegyzés-, kifejezés-, felhasználó-, tömb- és API-lekérdezés, rendezés, lapozás, találat nélküli tartalom és hibaelhárítás.
- Globális lekérdezések és LekérdezéskezelőÚjrahasznosítható lekérdezések: létrehozás, használat, szerkesztés, leválasztás, szervezés, import és export, jogosultság és hibaelhárítás.
- API-lekérdezésekKülső JSON API adatainak megjelenítése lekérdezési ciklussal: kérés, engedélyezés, válaszútvonal, lapozás, gyorsítótár, hibák és korlátok.
- Lekérdezésszűrők és élő keresésLekérdezések rendezése, szűrése és élő keresése oldalújratöltés nélkül: bekapcsolás, szűrőelemek, URL-paraméterek, index, dinamikus címkék és hibaelhárítás.
Funkciók
- Funkciók áttekintéseA Bricks különálló funkcióinak jegyzéke: mire valók, és melyik fejezet írja le őket.
- HozzáférhetőségHogyan segít a Bricks a hozzáférhető weboldalak építésében: ARIA-tájékozódási pontok, képek, hivatkozások, űrlapok és billentyűzetes használat.
- Egyéni attribútumok és tippekSaját HTML-attribútumok hozzáadása bármelyik elemhez, dinamikus értékekkel, valamint CSS-alapú tippek (tooltip) készítése.
- Egyéni animáció az interakciókhozSaját animáció felvétele az interakciók Animáció listájába szűrővel és CSS-sel.
- Feltört webhely helyreállításaLépésről lépésre: mit tegyél, ha egy Bricks-es vagy bármilyen WordPress-webhely veszélybe kerülhetett.
- BöngészőA szerkesztő eszköztárának mappa ikonja mögötti ablak: sablonok, komponensek, bejegyzések, média és kezelők egy helyen.
- KódellenőrzésA Bricks-ben tárolt egyéni kód felkutatása és megtekintése az aláírások globális létrehozása vagy egy biztonsági vizsgálat előtt.
- KódaláírásokA végrehajtható Bricks-kód védelme az adatbázisban történő észrevétlen módosítás ellen: mikor kell aláírás, hogyan készül, és mikor kell újragenerálni.
- SzínkezelőSzínpaletták, színváltozók, sötét mód, árnyalatok, színharmóniák és segédosztályok kezelése a Stíluskezelő Színek lapján.
- Bejegyzés létrehozása és frissítése a frontendenAz Űrlap elem Bejegyzés létrehozása és Bejegyzés frissítése művelete: mezők, hozzárendelés, jogosultságok és gyakori felhasználási módok.
- Egyéni hitelesítési oldalakA WordPress bejelentkezési, regisztrációs, elfelejtett jelszó és jelszó-visszaállítási oldalainak lecserélése Bricks-szel épített oldalakra.
- AI-képességek és készségekA Bricks kísérleti AI-képességei: MCP-kapcsolat beállítása, képességek kezelése, készségek telepítése, WP-CLI, biztonság és hibaelhárítás.
- Egyéni kódHová írhatsz saját CSS-t, JavaScriptet, HTML-t és PHP-t a Bricksben: globális, oldalszintű, elemszintű CSS, Kód elem, kódfuttatás és Emmet.
- ElemfeltételekFeltételek megadása bármelyik elemhez: csak akkor jelenik meg a weboldalon, ha a feltételek teljesülnek. Feltételcsoportok, AND/OR logika, WooCommerce feltételek.
- Globális importálás / exportálásKijelölt Bricks-adatok (stílusok, osztályok, változók, sablonok, komponensek, beállítások) átvitele webhelyek között egyetlen ZIP-csomaggal.
- HTML és CSS átalakítása Bricks-elemekkéHTML vagy CSS beillesztése a szerkesztőbe: a Bricks natív elemekké, globális osztályokká és változókká alakítja.
- IkonkezelőSaját SVG-ikonkészletek feltöltése és kezelése a szerkesztőben, beépített ikonkészletek be- és kikapcsolása.
- Karbantartási módA webhely elérhetőségének kezelése frissítés vagy fejlesztés alatt: Karbantartás és Hamarosan mód, egyéni sablon, megkerülés szerepkör és felhasználó szerint.
- InterakciókEseményindítók, műveletek és célok: kattintásra, görgetésre, űrlapküldésre vagy WooCommerce-eseményre futó műveletek, böngészőtároló, JavaScript-függvények, animációk.
- MédiaböngészőMédiatár-kezelés a szerkesztőben: fájlválasztás, keresés és szűrés, feltöltés, tömeges műveletek, mappák, kuka és a Médiaállapot-ellenőrzés.
- Diavetítés (beágyazható): testreszabás JavaScripttelFejlesztőknek: a beágyazható Diavetítés Splide-példányának elérése, beállításainak módosítása és saját navigációs nyilak az elemen kívül.
- JelszóvédelemOldalak, bejegyzések, bejegyzéstípusok vagy az egész webhely védelme jelszóval Bricks-sablonnal: jelszóforrások, ütemezés, kivételek.
- Űrlapbeküldések mentéseAz Űrlap elem beküldéseinek mentése az adatbázisba: Beküldés mentése művelet, duplikációk és korlátok, a beküldések megtekintése, CSV-exportálás, hozzáférés.
- Keresési feltételekA keresési találatok előállításának szabályozása: a WordPress natív keresésének felülírása és a Szűrő - Keresés elem egyéni feltételei, súlypontozás.
- StíluskezelőA Stíluskezelő lapjai: sablonstílusok, osztályok, változók, színek, tipográfia, térközök, keretrendszer-import és beállítások egy helyen.
- SVG-feltöltésekSVG-fájlok feltöltésének engedélyezése szerepkörönként, a feltöltéskori tisztítás, a tisztítás kikapcsolása és az engedélyezett címkék bővítése.
- Felhasználó aktiválásaE-mailes fiókaktiválás regisztráció után: beállítások, e-mail sablon és helyettesítők, aktiváló hivatkozás, Felhasználók oldal és bejelentkezés.
- Vizuális rácsszerkesztőCSS-rácsos elrendezések vizuális szerkesztése: oszlopok, sorok, hézag, elemek áthelyezése és átméretezése töréspontonként, lekérdezési ciklussal is.
Integrációk
- Integrációk áttekintéseMely külső bővítményekkel és szolgáltatásokkal működik együtt a Bricks, és hol találod az egyes beállításukat.
- Gutenberg és a BricksGutenberg-oldalak szerkesztése Bricks-szel és vissza: adatbetöltés, mentés blokkszerkesztő-adatként, a megjelenítés forrásának váltása.
- Komponensek blokkkéntBricks-komponensek használata a blokkszerkesztőben: bekapcsolás, beszúrás, tulajdonságok, széles és teljes szélességű blokkok, korlátozások.
- Google Maps API-kulcs beállításaHogyan hozol létre Google Maps API-kulcsot, hogyan adod meg a Bricks-ben, és hogyan korlátozod a jogosulatlan használat ellen.
- WPML használata a Bricks-szelBricks-es webhely fordítása WPML-lel: környezet, tömeges és egyedi fordítás, sablonok, nyelvválasztó, szinkronizálás, nyelvenként eltérő kialakítás.
- Instagram-hozzáférési tokenHogyan szerzed meg az Instagram-hozzáférési tokent az Instagram-hírfolyam elemhez, és hogyan adod meg a Bricks-ben.
- Polylang használata a Bricks-szelBricks-es webhely fordítása Polylanggal: telepítés, oldalak, komponensek és sablonok fordítása, sablonfeltételek, menük, nyelvválasztó, hibaelhárítás.
- UnsplashUnsplash-fotók keresése és letöltése a Bricks szerkesztőjéből: API-kulcs létrehozása, letöltés, átnevezés.
WooCommerce
- WooCommerce haladó moduláris elemekA Kosár, Pénztár és Fiók oldal felépítése szerkeszthető Bricks elemekből: állapotok, generálható szerkezetek, mezőszinkron, támogató elemek és korlátok.
- Kosár oldalA WooCommerce Kosár oldal két építési módja: Kosár v2 állapotokkal és a hagyományos sablonos mód, valamint az egyéni kosártétel-lista a Kosár tartalma ciklussal.
- Pénztár oldalA WooCommerce Pénztár oldal két építési módja: Pénztár v2 állapotokkal és a hagyományos sablonos mód a Pénztár, Köszönőoldal, Fizetés és Rendelés visszaigazolása sablonokkal.
- Többlépéses pénztár (Pénztár v2)Többlépéses pénztár készítése a Pénztár v2 elemmel: generálás, lépések sorrendje, lépésbeállítások, belépési lépés, gombok, interakciók, érvényesítés és ellenőrzőlista.
- Egyéni minikosár készítése Dinamikus töredékkelOffcanvas minikosár lépésről lépésre: generált szerkezet, fejléc kosárikon darabszámmal, megnyitás kosárba helyezés után, frissítés és korlátok.
- Termékarchívum sablon és dinamikus archívumoldalakA WooCommerce Termékarchívum sablon elemei, és lépésenként egy olyan archívumsablon, amely a beállítástól függően kategóriákat, termékeket vagy mindkettőt mutatja.
- Termék gyorsnézet készítéseWooCommerce gyorsnézet felugró ablakkal: a felugró sablon megtervezése, beállításai, termékciklus és az interakció, amely megnyitja az ablakot.
- Termékváltozat-mintákA termékattribútumok opcióinak megjelenítése szín-, kép- vagy címkeminták formájában a Kosárba teszem elemben: bekapcsolás, attribútumtípus, tartalékérték, tagonkénti érték, stílus és letiltott opciók.
- Termékoldal sablon (WooCommerce - Single product)Az egyedi termékoldal elkészítése a WooCommerce - Single product sablontípussal, és a sablonban használható termékelemek.
- Woo beállítási varázslóA Woo beállítási varázsló ellenőrzi, létrehozza és javítja a Bricks fő WooCommerce-elrendezéseit: bolt, termékoldal, kosár, pénztár és fiók.
- Fiókszerkesztő (Fiókom oldal)A WooCommerce Fiókom terület testreszabása: Fiókoldal v2 állapotok, bejelentkezési és jelszó-sablonok, végpontsablonok és a bővítmények végpontjai.
- WooCommerce-szerkesztő áttekintéseA Bricks beépített WooCommerce-szerkesztője: sablontípusok, bolt oldal, elemek, WooCommerce dinamikus adatok, Bricks-beállítások, témastílusok és a termék-lekérdezés.
- WooCommerce-értesítésekA WooCommerce - Értesítés témastílus és az Értesítés elem: bekapcsolás, elhelyezés és a natív WooCommerce-értesítések leváltása.
- WooCommerce sablonhorgok (do_action)A do_action dinamikus címke használata a WooCommerce-sablonokban: melyik horgot hová tedd, és milyen natív WooCommerce-műveleteket távolít el a Bricks.
- WooCommerce v2 lekérdezési ciklusok és dinamikus címkékA haladó moduláris Kosár, Pénztár és Fiókom elrendezések lekérdezési ciklusai, dinamikus címkéi, feltételei, interakciói és JavaScript-eseményei.
Fejlesztőknek
- Gyermektéma és ajánlások fejlesztőknekA Bricks gyermektéma használata, stíluslap és szkript betöltése, valamint a Bricks-szel végzett munka alapvető ajánlásai.
- Egyéni elem készítéseSaját Bricks-elem programozása: az elemosztály tulajdonságai és metódusai, vezérlők, megjelenítés, szkriptek betöltése és az elem regisztrálása.
- Egymásba ágyazható elemek (API)Mik azok az egymásba ágyazható elemek, és hogyan hozhatsz létre sajátot: nestable tulajdonság, sablon, render_children, Vue x-template és ismétlő vezérlő.
- Egyéni dinamikus adat címkeSaját dinamikus adat címke regisztrálása és megjelenítése szűrőkkel, valamint a bricks_render_dynamic_data függvény használata.
- Egyéni JavaScript-eseményekA Bricks által a webhelyen kiváltott JavaScript-események: űrlap, fülek, harmonika, animáció, felugró ablak, AJAX, szűrők és mega menü, sorrenddel és példákkal.
- Erőforrások betöltése és Bricks CLIHogyan tölti be a Bricks a webhely stílusait és szkriptjeit, a külső CSS-fájlok használata, az egyes erőforrások kézi betöltése és a wp bricks parancs.
- CSS-kompatibilitás és az ÁtalakítóMilyen CSS-funkciókra támaszkodik a Bricks kimenete és mi történik régi böngészőkben, valamint mire való a régi adatokat frissítő Átalakító.
Készült: