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.
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
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
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 …
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 – í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. …
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, …
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 …
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 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.
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.
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
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 …
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 …
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.
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 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 …
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 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.
Siker sztorik
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.
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!
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!
