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

egyedi-beallitasok-letrehozasa-wordpress-ben

Egyedi beállítások létrehozása WordPress-ben

A WordPress-ben tudunk készíteni saját “Beállítások” oldalt, amit aztán saját pluginjaink és sablonjaink testreszabására is lehet használni. Ezen az oldalon bármilyen adatot meg lehet majd adni kényelmesen, beviteli mezők segítséggel. …

scroll-snap-gorgetes-mobilon

Scroll Snap görgetés mobilon

Csinálhatsz Te is olyan lapozható elemeket, mint az AboutYou termék slidere, vagy a Netflix film listája. A különböző carouselek és sliderek használata szinten minden weboldalon szükséges, hogy a tartalmakat tagoltan …

reszponziv-menu-kozepre-igazitott-logoval

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

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

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

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

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

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

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

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

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

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

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

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

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ó

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

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

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

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

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

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.

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!

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

Beavatlak a frontend fejlesztői munka rejtelmeibe, mesélek a szabadúszáról, mutatok hasznos kódrészeleteket és engem is jobban megismerhetsz.