{"id":2543,"date":"2023-05-10T02:38:00","date_gmt":"2023-05-10T02:38:00","guid":{"rendered":"https:\/\/www.shoprenter.hu\/blog\/?p=2543"},"modified":"2024-03-26T15:40:51","modified_gmt":"2024-03-26T15:40:51","slug":"tema-fajl-szerkeszto","status":"publish","type":"post","link":"https:\/\/www.shoprenter.hu\/blog\/tema-fajl-szerkeszto","title":{"rendered":"T\u00e9ma f\u00e1jl szerkeszt\u0151 – Szabd testre web\u00e1ruh\u00e1zad megjelen\u00e9s\u00e9t, k\u00e9sz\u00edts \u00faj modulokat vagy \u00e9p\u00edts teljesen \u00faj designt"},"content":{"rendered":"

\u201cMutasd meg a web\u00e1ruh\u00e1zad \u00e9s \u00e9n megmondom ki vagy\u201d \u2013 <\/span><\/i>gondolhatja r\u00f3lunk egy l\u00e1togat\u00f3, amikor a web\u00e1ruh\u00e1zunkba \u00e9rkezik.<\/span><\/p>\n

Egy web\u00e1ruh\u00e1z megjelen\u00e9se, elrendez\u00e9se legal\u00e1bb annyira meghat\u00e1rozza, mennyien v\u00e1s\u00e1rolnak, mint az, hogy hogyan m\u0171k\u00f6dik. S\u0151t\u2026<\/span><\/p>\n

A l\u00e1togat\u00f3 az oldalnak sokkal hamarabb l\u00e1tja a k\u00fcllem\u00e9t \u00e9s az elrendezetts\u00e9g\u00e9t, mint azt, hogy van-e benne sz\u0171r\u00e9si rendszer, vagy, hogy j\u00f3-e a kateg\u00f3ria elrendez\u00e9s, net\u00e1n megnyer\u0151k-e a term\u00e9kle\u00edr\u00e1sok. \u00cdgy elengedhetetlen, hogy az \u00e1ruh\u00e1z megjelen\u00e9s\u00e9vel is foglalkozzunk.<\/span><\/p>\n

Ugyanakkor a b\u00e9rl\u0151s web\u00e1ruh\u00e1z rendszerek egyik jellemz\u0151je, hogy b\u00e1r korl\u00e1tozottan van lehet\u0151s\u00e9g\u00fcnk testre szabni web\u00e1ruh\u00e1zunkat (a Shoprenter eset\u00e9n CSS tud\u00e1ssal m\u00e9g komolyabb m\u00f3dos\u00edt\u00e1sokat is el tudunk v\u00e9gezni), de a t\u00e9ma f\u00e1jlokhoz nem igen volt lehet\u0151s\u00e9g\u00fcnk hozz\u00e1f\u00e9rni.<\/span><\/p>\n

A Shoprenter azt a c\u00e9lt t\u0171zte ki, hogy led\u00f6nti azokat a korl\u00e1tokat, amelyekr\u0151l eddig azt gondoltuk, hogy a b\u00e9rl\u0151s web\u00e1ruh\u00e1z rendszerek term\u00e9szetes velej\u00e1r\u00f3ja. <\/span>Ebben nagy seg\u00edts\u00e9g a <\/span>T\u00e9ma f\u00e1jl szerkeszt\u0151,<\/span><\/i> amely az adminisztr\u00e1ci\u00f3s fel\u00fclet Be\u00e1ll\u00edt\u00e1sok><\/em><\/span>\u00a0<\/span>Labor<\/span><\/i> men\u00fcpontj\u00e1ban \u00e9rhet\u0151 el. Ez az a funkci\u00f3, amely megnyitja a kaput a Shoprenteres felhaszn\u00e1l\u00f3k el\u0151tt, hogy kit\u0171nhessen web\u00e1ruh\u00e1zuk a t\u00f6megb\u0151l, azaz lehet\u0151s\u00e9g\u00fck van egy igaz\u00e1n egyedi megjelen\u00e9st adni a boltjuknak.<\/span><\/p>\n

Ehhez kell\u0151 technikai tud\u00e1sra is sz\u00fcks\u00e9g\u00fcnk lesz, de ha nem rendelkez\u00fcnk ezzel, akkor sem kell megijedni, mert a\u00a0<\/span>Shoprenter seg\u00edts\u00e9g\u00e9t<\/span><\/a> is ig\u00e9nybe vehetj\u00fcnk.<\/span><\/p>\n

N\u00e9zz\u00fck a r\u00e9szleteket!<\/p>\n

Pontosan mi is az a T\u00e9ma f\u00e1jl szerkeszt\u0151?<\/h2>\n

A <\/span>T\u00e9ma f\u00e1jl szerkeszt\u0151<\/span><\/i> egy olyan eszk\u00f6z a Shoprenterben, amellyel lehet\u0151s\u00e9g ny\u00edlik a t\u00e9m\u00e1khoz tartoz\u00f3 valamennyi f\u00e1jl m\u00f3dos\u00edt\u00e1s\u00e1ra. Ezek egyszer\u0171en \u00e9s gyorsan elv\u00e9gezhet\u0151k a HTML editorban, ez\u00e1ltal minden eddigin\u00e9l nagyobb szabads\u00e1g \u00e1ll rendelkez\u00e9sre az \u00e1ruh\u00e1z testreszab\u00e1s\u00e1ban.<\/span><\/p>\n

Tegy\u00fck fel, hogy a fejl\u00e9cben szeretn\u00e9nk elhelyezni egy ingyenes sz\u00e1ll\u00edt\u00e1s sz\u00f6veget.<\/span><\/p>\n

Erre kor\u00e1bban a rendszer nem adott lehet\u0151s\u00e9get, viszont a T\u00e9ma f\u00e1jl szerkeszt\u0151vel<\/em> \u2013 \u00e9s <\/span>a megfelel\u0151 technikai tud\u00e1ssal<\/b> \u2013 ez kivitelezhet\u0151, itt azonban nem kell meg\u00e1llni, ak\u00e1r m\u00e9lyebbre is lehet menni \u00e9s teljesen egyedi szerkezet \u00e9s k\u00fcls\u0151 adhat\u00f3 a t\u00e9m\u00e1nak.<\/span><\/p>\n

A <\/span>T\u00e9ma f\u00e1jl szerkeszt\u0151 <\/span><\/i>a web\u00e1ruh\u00e1z admin fel\u00fclet\u00e9n a <\/span>Be\u00e1ll\u00edt\u00e1sok> Labor> T\u00e9ma f\u00e1jl szerkeszt\u0151<\/span><\/i> men\u00fcpontban aktiv\u00e1lhat\u00f3.<\/span><\/p>\n

\"T\u00e9ma<\/a><\/p>\n

Az aktiv\u00e1l\u00e1st k\u00f6vet\u0151en a <\/span>Megjelen\u00e9s> T\u00e9ma kiv\u00e1laszt\u00e1sa><\/span><\/i> M\u0171veletek<\/span><\/i> gombra kattintva \u00e9rhet\u0151 el.<\/span><\/p>\n

\"T\u00e9ma<\/a><\/p>\n

A t\u00e9ma f\u00e1jlok HTML, CSS, JavaScript, JSON \u00e9s Twig k\u00f3dokat tartalmaznak, az ezekhez val\u00f3 hozz\u00e1f\u00e9r\u00e9ssel ezent\u00fal b\u00e1rki saj\u00e1t \u00edzl\u00e9se szerint m\u00f3dos\u00edthatja sablonj\u00e1t.<\/span><\/p>\n

Miel\u0151tt r\u00e1t\u00e9rn\u00e9nk a funkcionalit\u00e1sra, meg kell jegyezn\u00fcnk, hogy<\/span> a szerkeszt\u0151h\u00f6z fejleszt\u0151i tud\u00e1sra lesz sz\u00fcks\u00e9g\u00fcnk<\/strong><\/em>. \u00cdgy ha ezzel nem rendelkez\u00fcnk, akkor k\u00e9rhetj\u00fck a Shoprenter <\/a><\/span>szak\u00e9rt\u0151inek seg\u00edts\u00e9g\u00e9t<\/span> a m\u00f3dos\u00edt\u00e1sok elv\u00e9gz\u00e9s\u00e9ben.<\/span><\/p>\n

Ugyanakkor m\u00edg kor\u00e1bban technikai \u00e9s biztons\u00e1gi okokb\u00f3l csak a Shoprenter fejleszt\u0151i tudt\u00e1k ezeket a f\u00e1jlokat m\u00f3dos\u00edtani, a funkci\u00f3 seg\u00edts\u00e9g\u00e9vel b\u00e1rki, akinek hozz\u00e1f\u00e9r\u00e9se van a web\u00e1ruh\u00e1z adminisztr\u00e1ci\u00f3s fel\u00fclet\u00e9hez, megteheti ezt.<\/span><\/p>\n

Fontos figyelmeztet\u00e9s<\/i><\/b>:<\/i><\/b> ha m\u00f3dos\u00edtjuk a szerkeszt\u0151ben egy t\u00e9ma f\u00e1jlait, akkor az olyan rendszerfriss\u00edt\u00e9sek, amelyek \u00e9rintik a kor\u00e1bban egyedileg m\u00f3dos\u00edtott t\u00e9ma f\u00e1jlokat, nem ker\u00fclnek be majd automatikusan a boltba. Ilyen esetekben a r\u00e9gi m\u0171k\u00f6d\u00e9s \u00e9s megjelen\u00e9s marad mindaddig, am\u00edg el nem v\u00e9gzik a sz\u00fcks\u00e9ges m\u00f3dos\u00edt\u00e1sokat a t\u00e9ma f\u00e1jlokban.<\/span><\/i><\/p>\n

Funkcionalit\u00e1s<\/h2>\n

A fel\u00fclet<\/h3>\n

A t\u00e9ma szerkeszt\u0151 fel\u00fclete k\u00e9t f\u0151 r\u00e9szb\u0151l \u00e1ll.<\/p>\n

1. Bal oldalon a f\u00e1jl list\u00e1t l\u00e1thatjuk, amib\u0151l a t\u00e9ma \u00e1ll.<\/strong><\/p>\n

Itt mapp\u00e1kba rendezve az el\u00e9rhet\u0151 \u00f6sszes t\u00e9maf\u00e1jlt l\u00e1thatjuk.\u00a0 A f\u00e1jl list\u00e1ban megtal\u00e1lhat\u00f3k t\u00e9ma f\u00e1jlok, st\u00edluslapok \u00e9s konfigur\u00e1ci\u00f3s f\u00e1jlok is. A list\u00e1ban a m\u00f3dos\u00edtott f\u00e1jlok kiemelve (f\u00e9lk\u00f6v\u00e9r st\u00edlusban) jelennek meg.<\/span><\/p>\n

\"Sablon<\/a><\/p>\n

P\u00e9ld\u00e1ul tegy\u00fck fel, hogy a f\u0151oldali bannerkezel\u0151 modult szeretn\u00e9nk m\u00f3dos\u00edtani. Ezt a module<\/em> mapp\u00e1ban tehetj\u00fck meg, azon bel\u00fcl is a bannerscroller.tpl<\/em> f\u00e1jlban. Ezt kikereshetj\u00fck az adott almapp\u00e1ban vagy a keres\u0151 funkci\u00f3t haszn\u00e1lva a gyorsabb el\u00e9r\u00e9s \u00e9rdek\u00e9ben!<\/p>\n

2. Jobb oldalon egy szerkeszt\u0151 fel\u00fcleten kereszt\u00fcl v\u00e9gezhetj\u00fck a t\u00e9nyleges munk\u00e1t. Itt l\u00e1that\u00f3 a szerkeszt\u00e9sre kiv\u00e1lasztott f\u00e1jl.<\/strong><\/p>\n

Ebben az ablakban tudjuk szerkeszteni a t\u00e9maf\u00e1jlokat, a szerkeszt\u0151 fel\u00fclet jobb fels\u0151 sark\u00e1ban tal\u00e1lhat\u00f3 <\/span>Ment\u00e9s<\/span><\/i> gomb seg\u00edts\u00e9g\u00e9vel tudjuk elmenteni a v\u00e1ltoztat\u00e1sokat, vagy pedig a CTRL + S billenty\u0171 kombin\u00e1ci\u00f3val is tudunk menteni.<\/span><\/p>\n

A szerkeszt\u0151 fel\u00fcleten t\u00f6bb f\u00e1jl is megnyithat\u00f3, amelyek k\u00f6z\u00f6tt a navig\u00e1l\u00e1st egy tab-os v\u00e1laszt\u00f3 seg\u00edti.<\/span><\/p>\n

A szerkeszt\u00e9si el\u0151zm\u00e9nyeket a <\/span>Kor\u00e1bbi verzi\u00f3k <\/span><\/i>gombra kattintva megjelen\u0151 leny\u00edl\u00f3 men\u00fcb\u0151l v\u00e1laszthatjuk ki d\u00e1tum\/sorsz\u00e1m szerint. Err\u0151l a funkci\u00f3r\u00f3l a k\u00e9s\u0151bbiekben r\u00e9szletesen \u00edrunk.<\/span><\/p>\n

\"Kor\u00e1bbi<\/a><\/p>\n

Tov\u00e1bbi hasznos funkci\u00f3 az elmaradhatatlan keres\u0151 funkci\u00f3, hogy ne vessz\u00fcnk el a sorok rengeteg\u00e9ben. A CTRL + F \/ CMD + F billenty\u0171kombin\u00e1ci\u00f3val tudunk keresni a f\u00e1jlok tartalm\u00e1ban.<\/span><\/p>\n

Ha a felugr\u00f3 keres\u0151be beg\u00e9pelj\u00fck a keresett kulcssz\u00f3t \u00e9s entert nyomunk, akkor az adott tal\u00e1latra ugrik. T\u00f6bb tal\u00e1lat eset\u00e9n az F3-mal a k\u00f6vetkez\u0151 tal\u00e1latra, SHIFT + F3-mal az el\u0151z\u0151re tudunk ugrani.<\/span><\/p>\n

Hasznos billenty\u0171kombin\u00e1ci\u00f3 m\u00e9g a CTRL + G, amivel az adott sorra tudunk ugrani a t\u00e9maf\u00e1jlban. A teljes k\u00e9perny\u0151s szerkeszt\u0151t az F11 billenty\u0171 lenyom\u00e1s\u00e1val \u00e9rhetj\u00fck el.<\/span><\/p>\n

Keres\u00e9s a t\u00e9maf\u00e1jlok k\u00f6z\u00f6tt<\/h3>\n

A f\u00e1jl lista felett tal\u00e1lhat\u00f3 a keres\u0151, melynek seg\u00edts\u00e9g\u00e9vel a t\u00e9maf\u00e1jlok k\u00f6z\u00f6tt kereshet\u00fcnk, \u00edgy sz\u0171k\u00edtve a list\u00e1t, hogy gyorsabban megtal\u00e1ljuk a szerkeszteni k\u00edv\u00e1nt f\u00e1jlt.<\/span><\/p>\n

G\u00e9pel\u00e9st k\u00f6vet\u0151en csak azok a f\u00e1jlok maradnak l\u00e1that\u00f3k, amelyek nev\u00e9ben szerepel a be\u00edrt kifejez\u00e9s. Nem sz\u00fcks\u00e9ges entert \u00fctni vagy a keres\u00e9s gombra kattintani, a lesz\u0171rt f\u00e1jlok el\u00e9rhet\u0151k maradnak mindaddig, am\u00edg a be\u00edrt kifejez\u00e9st nem t\u00f6r\u00f6lj\u00fck.<\/span><\/p>\n

\"Keres\u00e9s<\/a><\/p>\n

T\u00e9ma be\u00e1ll\u00edt\u00e1sok szerkeszt\u00e9se<\/h3>\n

A <\/span>config<\/span><\/i> mapp\u00e1ban lehet el\u00e9rni a <\/span>settings.json<\/span><\/i> f\u00e1jlt, amelyben a t\u00e9m\u00e1hoz tartoz\u00f3 be\u00e1ll\u00edt\u00e1sokat lehet szerkeszteni.<\/span><\/p>\n

Ebben a le\u00edr\u00f3 f\u00e1jlban lehet m\u00f3dos\u00edtani, hogy az adott aloldalhoz milyen layout legyen haszn\u00e1lva, illetve itt lehet \u00faj modul poz\u00edci\u00f3kat felvenni vagy a megl\u00e9v\u0151 modul poz\u00edci\u00f3kat m\u00f3dos\u00edtani.<\/span><\/p>\n

\"Sablon<\/a><\/p>\n

T\u00e9ma f\u00e1jlok verzi\u00f3k\u00f6vet\u00e9se<\/h3>\n

Gyakori f\u00e9lelem \u00fcgyfeleink k\u00f6r\u00e9ben, amikor egy \u00faj funkci\u00f3t kipr\u00f3b\u00e1lnak, hogy valamit elrontanak a web\u00e1ruh\u00e1zban. A <\/span>T\u00e9ma f\u00e1jl szerkeszt\u0151vel<\/span><\/i> ez nem fordulhat el\u0151, k\u00f6sz\u00f6nhet\u0151en ennek a funkci\u00f3nak.<\/span><\/p>\n

B\u00e1rmely f\u00e1jlt szerkesztj\u00fck, vissza\u00e1ll\u00edthat\u00f3 a kor\u00e1bbi, valamint az eredeti verzi\u00f3 is, ez\u00e1ltal kock\u00e1zat n\u00e9lk\u00fcl lehet k\u00eds\u00e9rletezni, nem kell f\u00e9ln\u00fcnk, hogy elrontunk valamit.<\/span><\/p>\n

A verzi\u00f3kat a szerkeszt\u0151 felett elhelyezked\u0151 linken kereszt\u00fcl \u00e9rj\u00fck el. Erre kattintva egy leny\u00edl\u00f3 men\u00fcb\u0151l v\u00e1laszthatjuk ki a k\u00edv\u00e1nt verzi\u00f3t. A leny\u00edl\u00f3 men\u00fcben az utols\u00f3 1000 m\u00f3dos\u00edt\u00e1s ker\u00fcl kilist\u00e1z\u00e1sra.<\/span><\/p>\n

\"Sablon<\/a><\/p>\n

\"Sablon<\/a><\/p>\n

Tegy\u00fck fel, hogy t\u00f6bb m\u00f3dos\u00edt\u00e1st v\u00e9gezt\u00fcnk az adott t\u00e9ma f\u00e1jlban \u00e9s valamilyen okn\u00e1l fogva szeretn\u00e9nk visszat\u00e9rni a Shoprenter \u00e1ltal biztos\u00edtott eredeti verzi\u00f3j\u00e1ra a f\u00e1jlnak.<\/p>\n

Ilyenkor a verzi\u00f3 list\u00e1b\u00f3l ki tudjuk v\u00e1lasztani a legals\u00f3 Eredeti<\/em> verzi\u00f3t, ami mindig a Shoprenterben l\u00e9v\u0151 leg\u00fajabb v\u00e1ltozata az adott t\u00e9ma f\u00e1jlnak.<\/strong><\/p>\n

Ha kiv\u00e1lasztottuk az Eredetit<\/em>, akkor a f\u00e1jl szerkeszt\u0151be bet\u00f6lt\u0151dik a tartalma, majd ha r\u00e1kattintunk a Ment\u00e9s<\/em> gombra, akkor egy \u00faj verzi\u00f3k\u00e9nt ker\u00fcl elment\u00e9sre.<\/p>\n

Tipp<\/strong>: Tesztel\u00e9sre \u00e9rdemes alkalmazni a Shoprenter Sandbox rendszer\u00e9t<\/a>, \u00edgy egy tesztk\u00f6rnyezetben ellen\u0151rizhetj\u00fck m\u00f3dos\u00edt\u00e1sainkat az \u00e9les bolt megjelen\u00e9s\u00e9nek m\u00f3dos\u00edt\u00e1sa n\u00e9lk\u00fcl.<\/p>\n

\u00daj f\u00e1jlok l\u00e9trehoz\u00e1sa<\/h3>\n

A f\u00e1jl list\u00e1ban lehet\u0151s\u00e9g\u00fcnk van \u00faj f\u00e1jlokat is l\u00e9trehozni, melynek k\u00f6sz\u00f6nhet\u0151en kiemelhet\u0151k a k\u00f6z\u00f6s k\u00f3dr\u00e9szek \u00e9s \u00e1tl\u00e1that\u00f3bb k\u00f3dot \u00edrhatunk. Ezt megtehetj\u00fck az adott mapp\u00e1ba bel\u00e9pve az \u00daj f\u00e1jl hozz\u00e1ad\u00e1sa<\/em> men\u00fcponttal. A kor\u00e1bban megszokott fel\u00fcleten t\u00f6rt\u00e9nik itt is a szerkeszt\u00e9s.<\/p>\n

\"\u00daj<\/a><\/span><\/p>\n

P\u00e9ld\u00e1ul szeretn\u00e9nk egy SVG ikont t\u00f6bb helyen is haszn\u00e1lni a boltunkban, ekkor megtehetj\u00fck azt, hogy egy \u00faj f\u00e1jlba beletessz\u00fck ezt az ikont, majd azokban a f\u00e1jlokban, ahol ezt az ikont haszn\u00e1lni szeretn\u00e9nk, az {% include „mappa\/fajl %} seg\u00edts\u00e9g\u00e9vel beh\u00fazzuk azt.<\/p>\n

\u00cdgy nem sz\u00fcks\u00e9ges feleslegesen sokszor meg\u00edrni ugyanazt a k\u00f3dot, elegend\u0151 egyszer, majd ezt tetsz\u0151legesen b\u00e1rhol felhaszn\u00e1lhatjuk.<\/p>\n

Dinamikus modulok l\u00e9trehoz\u00e1sa<\/h3>\n

Itt el\u00e9rkezt\u00fcnk ahhoz a funkci\u00f3hoz, ami az egyik legnagyobb hasznunkra v\u00e1lhat.<\/p>\n

A <\/span>T\u00e9ma f\u00e1jl szerkeszt\u0151<\/span><\/i> seg\u00edts\u00e9g\u00e9vel a Shoprenter fejleszt\u0151 csapata \u2013 de ugyan\u00fagy k\u00fcls\u0151s fejleszt\u0151k is \u2013 <\/span>olyan modulokat hozhatnak l\u00e9tre a web\u00e1ruh\u00e1z tulajdonosoknak, amelyek haszn\u00e1lat\u00e1hoz m\u00e1r nem sz\u00fcks\u00e9ges fejleszt\u0151i ismeretekkel rendelkezni\u00fck.<\/span><\/p>\n

\u00daj dinamikus modul l\u00e9trehoz\u00e1s\u00e1hoz nincs m\u00e1s teend\u0151, mint hogy egy \u00faj t\u00e9ma f\u00e1jlba beillesztj\u00fck az azt le\u00edr\u00f3 k\u00f3dr\u00e9szletet \u00e9s a modul el\u00e9rhet\u0151v\u00e9 v\u00e1lik a modullista oldalon az admin fel\u00fcleten.<\/span><\/p>\n

A modul be\u00e1ll\u00edt\u00e1sait \u2013 hogy milyen UI elemek jelenjenek meg benne, \u00f6sszefoglal\u00f3 n\u00e9ven milyen <\/span>schema<\/span><\/i>-ja legyen \u2013 az \u00faj t\u00e9ma f\u00e1jlban tudjuk megadni, JSON form\u00e1tumban.<\/span><\/p>\n

Ennek a haszn\u00e1lat\u00e1val nem kell t\u00f6bb\u00e9 HTML k\u00f3dban szerkeszteni az egyedi tartalmunkat, k\u00f6nnyen haszn\u00e1lhat\u00f3 \u00faj modulokat kapunk, ami nagyban meggyors\u00edtja a k\u00e9s\u0151bbi webshop menedzsel\u00e9si munk\u00e1kat.<\/span><\/p>\n

Tegy\u00fck fel, hogy kor\u00e1bban a f\u0151oldalon egy <\/span>egyedi HTML modult<\/span><\/i> haszn\u00e1ltunk az er\u0151ss\u00e9geink megjelen\u00edt\u00e9s\u00e9re. Szerkeszt\u00e9se bonyolultabb, hiszen ha \u00e1t kellett \u00edrni egy sz\u00f6veget, vagy \u00faj ikont\/k\u00e9pet szerett\u00fcnk volna haszn\u00e1lni, akkor forr\u00e1sk\u00f3d n\u00e9zetben ki kellett cser\u00e9ln\u00fcnk ezeket \u00fcgyelve, hogy a HTML szerkezetet ne rontsuk el.<\/span><\/p>\n

A dinamikus modul seg\u00edts\u00e9g\u00e9vel ehelyett egy olyan modult k\u00e9sz\u00edthet\u00fcnk, ahol nem sz\u00fcks\u00e9ges forr\u00e1sk\u00f3d n\u00e9zetben turk\u00e1lni, egyszer\u0171en betall\u00f3zhatjuk az \u00faj ikont\/k\u00e9pet, illetve egy input mez\u0151ben \u00e1t\u00edrhatjuk ak\u00e1r a sz\u00f6vegeket is. Ez\u00e1ltal sokkal egyszer\u0171bb \u00e9s gyorsabb a szerkeszt\u00e9s.<\/span><\/p>\n

P\u00e9ldak\u00e9nt a Madrid t\u00e9m\u00e1ban l\u00e1that\u00f3 „V\u00e1s\u00e1rl\u00f3i v\u00e9lem\u00e9nyek” modult szeretn\u00e9nk bemutatni.<\/p>\n

Az al\u00e1bbi modult val\u00f3s\u00edtottuk meg ezzel a megold\u00e1ssal (a modul a\u00a0Madrid t\u00e9ma demo web\u00e1ruh\u00e1z\u00e1ban<\/a> megtekinthet\u0151):<\/p>\n

\"Madrid<\/a><\/p>\n

Ennek a modulnak az admin fel\u00fclete a k\u00f6vetkez\u0151k\u00e9ppen n\u00e9z ki:<\/p>\n

\"Madrid<\/a><\/p>\n

T\u00e9ma f\u00e1jl szerkeszt\u0151<\/em> n\u00e9lk\u00fcl egy ilyen modult egyedi HTML modullal lehet csup\u00e1n megoldani, amelynek szerkeszt\u00e9se komplik\u00e1lt \u00e9s bonyolult volt egy laikus sz\u00e1m\u00e1ra forr\u00e1sk\u00f3d n\u00e9zeten kereszt\u00fcl.<\/span><\/p>\n

A dinamikus modulok seg\u00edts\u00e9g\u00e9vel a megfelel\u0151 szakmai tud\u00e1ssal rendelkez\u0151 partnerek olyan modulokat k\u00e9sz\u00edthetnek a web\u00e1ruh\u00e1z tulajdonosok sz\u00e1m\u00e1ra, amelyek a k\u00e9s\u0151bbiekben k\u00f6nnyed\u00e9n menedzselhet\u0151k lesznek b\u00e1rki sz\u00e1m\u00e1ra.<\/span>
<\/span>Mivel egy hosszabb k\u00f3dr\u00f3l van sz\u00f3, \u00edgy ezt nem mutatn\u00e1nk be k\u00e9perny\u0151fot\u00f3 form\u00e1j\u00e1ban, hanem javasoljuk megtekinteni a Madrid T\u00e9ma f\u00e1jl szerkeszt\u0151 fel\u00fclet\u00e9n<\/i> az al\u00e1bbi f\u00e1jlt, amennyiben a szerkeszt\u0151 fel\u00fclet m\u00e1r el\u00e9rhet\u0151: sections\/<\/i>review.tpl<\/i><\/p>\n

T\u00e9ma st\u00edlus\u00e1nak szerkeszt\u00e9se<\/h3>\n

A t\u00e9m\u00e1hoz tartoz\u00f3 st\u00edluslap az assets\/style.scss<\/em>, ami SCSS el\u0151feldolgoz\u00f3ban \u00edr\u00f3dott, amelybe CSS szab\u00e1lyokat is \u00edrhatunk.<\/p>\n

Ha szeretn\u00e9nk design m\u00f3dos\u00edt\u00e1st v\u00e9gezni, vagy ak\u00e1r teljesen <\/span>egyedi designt<\/span><\/a> k\u00e9sz\u00edteni, ebben a f\u00e1jlban tehetj\u00fck ezt meg.<\/span><\/p>\n

\u00cdgy nem kell fel\u00fcl\u00edrnunk az alap\u00e9rtelmezett t\u00e9m\u00e1hoz tartoz\u00f3 CSS szab\u00e1lyokat a m\u00e1r j\u00f3l ismert helyen, hanem k\u00f6zvetlen\u00fcl az eredeti CSS f\u00e1jlokat szerkeszthetj\u00fck. Ennek t\u00f6bb el\u0151nye is van:<\/span><\/p>\n