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.
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 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 …
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
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
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 …
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 – í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. …
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, …
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 …
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 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.
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.
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
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 …
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 …
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.
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 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 …
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 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.
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ö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.
