• Articles
• admin

egy WordPress téma fejlesztője számára az első dolog az, hogy megértsük annak szerkezetét; és ezt követően meg kell tanulni a szkriptek és stíluslapok hozzáadását.

a webes tervezők többsége hibát követ el egy WordPress téma létrehozásával, akárcsak egy egyszerű HTML sablon.

meg kell értenie, hogy a WordPress egy PHP alapú platform, amelynek témái dinamikusak. CSS fájl hozzáadása nem olyan, mint egy statikus webhely létrehozása közben.

a WordPress rendelkezik a kódolási szabványával, amelyet követnie kell. Enqueuing egy CSS fájl megfelelően lehet egy kicsit trükkös sok webfejlesztők/tervezők.

ebben az oktatóanyagban lépésről lépésre végigvezetem Önt, amely elmagyarázza a WordPress codex-et, amely egy CSS-fájl hozzáadását egy WordPress témához.

feltételezve, hogy jó WordPress tárhely van a WordPress beállításával, kezdjük el!

értsd meg a Wp_enqueue_style() függvényt

statikus HTML webhely fejlesztése közben összekapcsolhatja a CSS fájlt a fejével, de ez nem ugyanaz a helyzet egy WordPress témában.

a PHP és a WordPress kódex egyértelmű megértésével meg kell tanulnod a Témafunkciók használatát.

kezdjük a wp_enqueue_style() függvénnyel, amely egy CSS fájl összekapcsolására szolgál a WordPress témához. Az alapértelmezett paraméterek a következők.

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

hadd magyarázzam el ezeket a paramétereket.

• $fogantyú:- Ez egy kötelező mező, amely tartalmazza a stíluslap nevét
• $ src: – ki kell töltenie. Ez a stíluslap elérési útja a
• $deps gyökérkönyvtárhoz képest: – nem kötelező tömböt létrehozni a stíluslap vezérléséhez
• $ver: – ha a stíluslap verzióját szeretné vezérelni, akkor megteheti.
• $media: – ha szeretné használni a stíluslapot bármilyen típusú média, akkor. Ellenkező esetben nincs szükség.

lehet, hogy most már van valami ötlete. Csak az első két lehetőség szükséges a kitöltéshez, a többit üresen hagyhatja az alapértelmezett értékek felvételéhez.

Megjegyzés: Ha a stíluslap neve “stílus”, és a fő téma neve mappában van, a kód a következő lesz.

wp_enqueue_style( 'style', get_stylesheet_uri() );

de mint láthatja, működőképessé teszi; létre kell hoznia egy WordPress funkciót, amely megfelelő módon összekapcsolhatja a fájlt a fejével.

hadd mutassam meg a kódot.

functionnew_theme_css_file{wp_enqueue_style( 'style', get_stylesheet_uri() );}add_action('wp_enqueue_scripts', 'new_theme_css_file' );

lehet, hogy kíváncsi, mintha mi lenne a legjobb hely a funkció hozzáadásához. Nos, ha tudsz egy kicsit a WordPress téma fejlesztéséről, akkor tudhatod, hogy a funkciók.php fájl vezérli az összes funkciót.

tehát meg kell nyitnia a fájlt, és hozzá kell adnia ezt a funkciót.

ha észrevetted, van egy “add_action” horog a “wp_enqueue_scripts” paraméterrel, amely a stílusok és szkriptek lekérdezésére szolgál.

csak a fő wp_enqueue_style() függvényt kell megértened.

az újonc WordPress fejlesztők számára nehéz lehet megragadni az ilyen technikai dolgokat, de ha egyszer megtanulják a WordPress kódexet, minden simán megy.

remélem, hogy nem olyan nehéz CSS fájlt hozzáadni egy WordPress témához

emlékszem, amikor néhány évvel ezelőtt elkezdtem fejleszteni a WordPress témákat, katasztrófa volt. Ha továbbra is statikus weboldalakat gyakorolsz, és hirtelen megismered a web 2.0 dinamikus természetét, egy kicsit aggódhatsz.

miután kapcsolatba lépett a WordPress kódokkal, elkezdheti érdekesnek érezni. A CSS fájl hozzáadása a WordPress téma nulláról történő fejlesztésének egyik alapja.

következtetés

a webfejlesztés trükkös lehet, és megijesztheti az újonc WordPress felhasználókat. Az útmutató azoknak szól, akik el akarják kezdeni az egyéni WordPress téma fejlesztését.

Köszönjük, hogy követi ezt az oktatóanyagot.

nézze meg ezeket a Top 3 WordPress hosting szolgáltatást: