Tudástár

Ez itt a fogd és vidd frontend megoldások gyűjteménye, ahol számos hasznos kódrészletet találhatsz weboldal fejlesztéshez.



Az alábbi tartalmak csak tagoknak elérhetőek!

Bármely tanfolyam megvásárlásával hozzáférsz a tanfolyam belső Tudástárához egy teljes évig, amelyben rengeteg hasznos "fogd és vidd" jellegű kódrészletet és kész frontend megoldást találsz weboldal fejlesztéshez.

Tanfolyamok

reszponziv-menu-kozepre-igazitott-logoval

Reszponzív menü középre igazított logóval

cimkék: CSS HTML

Mi ebben a nagy talány, kell két lista és kész is. De! Sem programozás, sem felhasználói, sem pedig CMS szempontból nem igazán előnyös a jobb és bal oldali menüt két …

egyedi-gutenberg-blokk-wordpressben

Egyedi Gutenberg blokk WordPressben

cimkék: WordPress

A Gutenburg egy React.js alapú szerkesztő, tehát nem PHP-ban készül a blokk, ahogy az egyedi widgeteknél megszokhattad. Egyedi blokkot csak plugin funkcionalitással tudunk csinálni, ami azt jelenti, hogy a WordPress …

ajax-wordpressben

AJAX WordPressben

cimkék: jQuery PHP WordPress

Adatok küldése és fogadása az adatbázisból, vagy a szerverről a weboldal újratöltése nélkül rendkívül hasznos. Az AJAX bele van építve a WordPress motorjába, csakúgy mint a jQuery könyvtár, tehát bővítmény …

kategoriak-es-alkategoriak-listazasa-woocommerceben

Kategóriák és alkategóriák listázása WooCommerceben

cimkék:

A következő kódrészlettel ki tudod listázni a webshop termékkategóriáit és alkategóriáit is. Akkor nagyon hasznos ha egyedi megjelenést, vagy katalógust akarsz csinálni a webshopnak.

preloader

Preloader – így használd hatékonyan az előtöltést

cimkék:

A nagy sebességű internet eléggé elkényeztet minket, manapság már nagyon gyorsan – pár másodperc – alatt betöltődnek a weboldalak. Ezt a néhány másodpercet is tudjuk jelezni kreatívan egy preloader segítségével. …

swipe-function-mobilos-lapozashoz

Slideshow Swipe-al mobilos lapozáshoz

cimkék:

A swipe esemény akkor aktiválódik, amikor a felhasználó lenyomja és vízszintesen elcsúsztatja az ujját egy elem fölött 30 képpontnál nagyobb mértékben. Ezzel oldható meg, hogy mobil eszközökön lapozni lehessen slideshowkat, …

egyedi-tartalom-tipus-egyedi-taxonomiakkal

Bejegyzés címkéinek listázás

cimkék:

Egy-egy bejegyzéshez rendelt minden címkét a get_the_tags() eljárással tudsz megkapni. foreach ciklussal végig lépkedve a címkéken meg lehet kapni azok tulajdonságait is, így az adott címke hivatkozását, nevét és címét …

egyedi-tartalom-tipus-egyedi-taxonomiakkal

Bejegyzések listázása kategória szerint

cimkék: PHP WordPress

Minden bejegyzést ki tudsz listázni kategóriák szerint csoportosítva. Ehhez két foreach ciklust kell használni egymásban. A külső végig megy a kategóriákon, a belső pedig a bejegyzéseket listázza ki az adott …

hover-harmonika

Hover harmónika

cimkék: CSS HTML

A harmonikába (accordion) foglalt tartalmi elemek, bezárulnak / összecsukódnak, ha a terület fölé navigálsz az egérrel. Egy transition teszi fancyvé a vizuális hatást.

elotte-utana-kep-osszehasonlito

Adatok hozzáadása a rendelési e-mailhez – WooCommerce

cimkék: PHP WordPress

A vásárlást visszaigazoló e-mailhez hozzáadhatsz egyedi mező értékeket is, vagy új sorokat az összesítő táblázatba. Például adószám, kuponkód, vagy bármilyen más egyedi mező érték.

jelszo-erosseg-ellenorzese

Jelszó erősség ellenörzése

cimkék: jQuery

Legyen legalább 8 karakter hosszú és tartalmazza a következőket.: legalább 1 nagybetűs legalább 1 kisbetűk legalább 1 számok legalább 1 szimbólum

elotte-utana-kep-osszehasonlito

Kosár funkciók – WooCoomerce

cimkék: PHP WordPress

A következő feltételekkel módosítani tudod a gombok szövegét, mind a termék oldalon, mind pedig a lista oldalakon. A kosár oldalon kötelező megadni az adószámot, ha a cégnév kivan töltve. Egyedi …

elotte-utana-kep-osszehasonlito

Előtte-Utána kép összehasonlító

cimkék: jQuery

Ez valójában egy kép összehasonlító vizuális megoldás, amely bemutatja egy termék, vagy szolgáltatás előtti és utáni állapotát. Az állapotok között vízszintes csúszkával tudsz váltani két egymást átfedő kép között egérrel …

animacios-gyujtemeny

Animációs gyűjtemény

cimkék: CSS

A következő gyűjtemény tartalmazza az összes fontosabb CSS animációt és hatást, amit felhasználhatsz a weboldalkészítéskor. Az animációkra osztályokkal tudsz hivatkozni, az animálni kívánt elemhez csak hozzáadod a megfelelő osztályt.

idovonal-stilusu-tartalom-elrendezes

Idővonal stílusú tartalom elrendezés

cimkék: CSS HTML

Az idővonalak tökéletesek történet mesélésre, vagy folyamatok megjelenítésére, bemutatására. Áttekinthetővé lehet tenni az eseményeket, vagy megjeleníteni mérföldköveket.

egyedi-tartalom-tipus-egyedi-taxonomiakkal

Egyedi tartalom típus egyedi taxonómiákkal

cimkék: WordPress

A custom post type jó ötlet, ha külön akarod kezelni bizonyos tartalmak megjelenítését. Ilyen például a portfólió, a referenciák, vagy az események is, ezen kívül bármi féle katalógust is lehet …

elotte-utana-kep-osszehasonlito

Open Graph meta WordPresshez

cimkék: WordPress

A Open Graph egy olyan metacímke, amely lehetővé teszi a Facebook számára, hogy a weboldaladról információt szerezzen a helyes post megjelenítéshez. Úgymint a megosztani kívánt URL címe, képe, leírása stb. http://ogp.me/ …

breadcrumb-menu-wordpresshez

Breadcrumb menü WordPresshez

cimkék: WordPress

A következő kódrészlet generál egy morzsamenüt a tartalom típusoknak megfelelően. A functions.php-ba illesztve, vagy külön fájlkén is használhatod. Bárhova beágyazhatod a weboldalon belül a következő függvény hívással.

Akikre büszkék vagyunk

Siker sztorik

Molnár Erika

Molnár Erika

Nekem borzasztó érthető volt, követhető és minden támogatást megkaptam. A facebook csoportban lehet kérdezni, rávezetnek a megoldásra és így nagyon gyorsan lehet fejlődni. Mindenképp ezzel akarok foglalkozni. Leginkábban abban szeretnék fejlődni, hogy egyedi sablonokat építsek, mert nagyon sok olyan felhasználó van, aki előre készített komponensekből akarja összerakatni a weboldalát, de én jobbat szeretnék, főleg így, hogy beleláttam a HTML és a sablonkészítés rejtelmeibe.

Elolvasom >>>

Nekem való?

Maradtak még kérdéseid?

Ha nem vagy biztos benne, hogy ez Neked való, vagy további kérdéseid vannak a kurzusokkal kapcsolatban,
írd meg chaten és 48 órán belül válaszolok!

Kérdezek!

A programozás alapjai

Ingyenes leckesorozat!

Ahhoz, hogy később kód szinten is meg tudj valósítani összetettebb frontend igényeket, tisztában kell lenned a programozás alapfogalmaival. Ebben a leckesorozatban bevezetlek a programozás alapismereteibe teljesen programfüggetlenül.

Megismerkedhetsz az algoritmusokkal, ciklusokkal, logikai műveletekkel és adattípusokkal, emellett gyakorlati feladatokat is kapsz minden témakörhöz. Mindezt egy kényelmes online oktatófelületen.

Regisztrálj és kezdd el még ma!

szám, kisbetű, nagybetű, legalább 8 karakter

Elolvastam és elfogadom az Adatvédelmi Nyilatkozatot

A programozás alapjai

Kövesd közösségi csatornáinkat is!