Wordpress gyermek témák

Gyermek téma WordPress (subtopic) - ez egy további téma, amely lehetővé teszi, hogy módosítsa / kiegészítésére funkcióját és megjelenését a fő téma. Ebben az esetben a fő téma érintetlen marad, így lehet frissíteni félelem nélkül, hogy a változtatások elvesznek.

Gyermek téma - egy témát alapján fejlesztett a szülő. „Alapul” azt jelenti, hogy ha a téma a kért fájl nem található, akkor kerül sor a szülő téma: szülő téma, mivel biztosítja leányvállalata alá. A technikai oldalon, hogy hozzon létre egy gyerek téma, ez lesz a fő és kiegészítő szülő témát.

Miért egy gyerek témát?

Gyermek témák szükséges a fejlesztők frissíteni / javítani a téma, és a felhasználók frissíteni a témát, és ne veszítse el ugyanabban az időben változik.

Mi lehet változtatni a gyermek témát?

Ebben meg lehet változtatni szinte mindent, de meg kell érteni, hogy mit és hogyan kell dolgozni (lásd. Alább). Ahhoz azonban, hogy változtatni néhány dolgot a szülő téma kell létrehozni, figyelembe véve az esetleges változásokat. Ha a fejlesztő szülő téma, nem tervez változtatásokat, a változás lesz néhány percen belül, vagy nehéz, vagy lehetetlen.

Innen lehet következtetni, hogy a szülő téma vannak jó és rossz. Gyakran előfordul, hogy meg kell, hogy érjen fel nem sok: a stílus változik pince és egyéb apróságok, de meg lehet csinálni bármilyen szülő téma, minden gond nélkül.

Egy alárendelt téma létrehozását

Készítsen subtopic egyszerű! A következő létrehoz egy gyermek twentyfifteen témában.

Hozzon létre egy mappát minden nevét a könyvtárban: wp-content / themes. Hagyja twentyfifteen-gyermek

Hozzon létre egy új mappát a fájl style.css. A tartalomból:

  • Ide Megjelenés> Témák és aktiválja az új témát „Gyermekem témát.”
  • Ügyeljen arra, hogy adja meg a sablon sor: twentyfifteen. (Karakterlánc kisbetű-nagybetű érzékeny), ez azt jelzi, hogy ez a altémakört twentyfifteen szálak.

    @import irányelv legyen az első szabály a style.css. Ha írsz egy szabály előtte, ő nem működik, és a szülő téma stílusok nem csatlakozik.

    @import irányelv lassítja az oldal betöltését, így a stílus a szülői témák jobb összekapcsolása más.

    Ennek eredményeként kéne ezt a struktúrát:

    twentyfifteen-gyermek tartalmazhat egyéb fájlokat, többek között:

    style.css - (szükséges) teljesen helyettesíti a szülő ugyanazt a témát fájlt.

    functions.php - kiegészíti functions.php szülő szálak (rakott előtte).

    Sablonfájlok - index.php. home.php stb aki / nem a szülő témában. Ha a fájl a gyerek téma, akkor ez a fájl helyett a szülő fájl. Például: létre footer.php és másolja a tartalmát footer.php a szülő téma, meg tudjuk változtatni a kimeneti megváltoztatása nélkül a szülő témafájlt.

  • Egyéb fájlok - egyéb fájlok / mappák / bármi. Például az altéma használhatja az új képek vannak kötve más CSS szabályokat.
  • a lap tetejére

    style.css - csak akkor szükséges fájlt a tárgyra. WordPress ad információt, hogy azonosítsa a leányvállalat alá.

    gyermek téma style.css style.css teljesen felváltja a szülő a téma, szülő téma stíluslap fájl nem töltődik be.

    A fejléc információt, ami kell az elején a fájl kötelező paraméter sablon. Ez neki WP megérti, hogy ez egy leányvállalata téma és a nevét a szülő.

    Egy példa a gyermek téma style.css.

    • Téma neve - (szükséges) a neve a gyermek témát.

    Sablon - (kötelező) kis-és nagybetűk nevét a szülő téma könyvtárban.

    Megjegyzés: ha változtatni szeretne állítani, meg kell váltani egy másik téma, és gyere vissza.

    Eltérően más altéma fájlokat, a functions.php nem helyettesíti a szülő fájl, hanem kiegészíti: be van töltve közvetlenül előtte a szülő és más fájlokat subtopics.

    Ez azt jelenti, hogy annak érdekében, hogy módosítsa a szülő téma, a functions.php használhatja horgok és „felülírja” funkciót, ha számoltunk.

    használata horgok

    A footer.php fájlt a téma twentyfifteen esemény twentyfifteen_credits. Ehhez adjuk hozzá a következő kódot a functions.php alárendelt téma hozzá saját szöveget a pincébe, akkor használja ezt az eseményt:

    felülírása funkció

    A szülő téma functions.php fájl twentyfifteen van twentyfifteen_fonts_url () függvény - rönk betűtípus google. Úgy néz ki, mint ez:

    Állapotban. function_exists (twentyfifteen_fonts_url ") - ha a függvény nem létezik, hogy meghatározza az azonos funkciók functions.php gyerek téma.

    Ebben az esetben a trigger csak a meghatározott funkció, és nem függvénye a szülő téma - nem regisztrálja a PHP miatt a feltételek miatt.

    Például, hozzátéve, a következő kódot a functions.php leányvállalata téma letiltjuk betűtípus csatlakozás:

    Megjegyzés a fejlesztők, nézzük képes felülírni funkciók leányvállalatokban téma ez a téma, hogy hozzon létre csomagolja a funkció állapota:

    Ebben az esetben a gyermek téma felülírhatja a szülői téma egyszerűen úgy nyilatkozott, hogy a functions.php.

    A sablon fájlt a gyerek témát style.css. helyettesíti a szülői témafájlt. Ie Az altéma helyettesíthető bármely szülő fájl, csak hozzon létre egy fájlt ugyanazzal a névvel.

    Néhány példa a létrehozása a sablon fájlt a leányvállalat tárgya:

    # 1 hozzáadása sablon, amely nem a szülő téma

    Hozzon létre egy sablont a "site map" oldalon. Erre a célra az altéma fájlt létrehozni page-sitemap.php, és a helyén létrehoz egy oldalt a címke sitemap. Kész!

    # 2 Sablon szerkesztése, amely elérhető a szülő téma

    Tegyük fel, hogy van home.php a szülő téma, és meg kell változtatni.

    Készítsen home.php az al-témát.

    Ezután másolja kódot a szülő téma.

    Hogyan működik: lépésről lépésre

    A folyamat dolgozik a részét a gyerek téma WordPress:

    WP témák style.css nyit a rendszerben, és beolvassa a szalagcímek a beállítás.

    Irányelv Sablon: bejelenti, hogy a szálak a szülő téma, és azt jelzi a nevét. Most WP működik a téma mind a leányvállalatot.

  • Ezután az összes fájl kivételével functions.php. keresztül csatlakoztatott locate_template (). ellenőrzi, hogy a fájl létezik az al-téma, ha van, akkor csatlakozik a szülő téma.
  • Lokalizálni a WP fogja használni a fordítási fájl szülő témát. És, persze, meg kell fordítani a húrok nem lehet ott. Ezért az al-témákat szeretne létrehozni egy fordítási fájlt, és csatlakoztassa a altéma kódot.

    Csatlakoztatásához vannak extrák. funkció: load_child_theme_textdomain (). Mi használjuk a functions.php altémák:

    Is, akkor létre kell hozni a fordítási fájlt leányvállalata tárgya: nyelvek / en_US.mo.

    Most már használhatja WordPress funkciók lokalizálására az altéma:

    Például a gyermek téma akkor át egy fájlt, és fogják használni a szülő natív fájlokat.

    WordPress tartozó funkció gyermek témák

    get_stylesheet_directory_uri () - kap az URL-t az aktuális téma (leányvállalat, nem a szülő).

    get_template_directory_uri () - kap az URL-t az aktuális témák (a szülő, sem a gyermek).

    get_stylesheet_directory () - megkapja az utat az aktuális téma (leányvállalat, nem a szülő).

    get_template_directory () - megkapja az utat az aktuális téma (a szülő, sem a gyermek).

    get_stylesheet () - kapja a nevét az aktuális témát könyvtár (leányvállalat, nem a szülő).

    get_template () - kapja a nevét az aktuális témát könyvtár (a szülő, sem a gyermek).

  • get_stylesheet_uri () - lesz kész URL-t a fájl style.css stílus az aktuális témát. Ha egy gyerek témát, akkor kap egy linket RON stílusokat. témát. Ebben az esetben a szülő téma, mint a funkció WordPress ott.
  • Ie Ha azt akarjuk, hogy egy hivatkozás a téma fájlt használ, de a leányvállalat alá, az URL-eket: get_stylesheet_directory_uri () és get_template_directory_uri () más lesz: az első leányvállalata lesz a témában, és a második a szülő.

    Plugin gyors létrehozása a leányvállalatok

    Annak érdekében, hogy ne szórakozz létrehozása mappák és fájlok, akkor a plug-in-One Click Child Theme.

    Ez lehetővé teszi, hogy hozzon létre egy gyermek témája a jelenlegi egyetlen kattintással. Miután létrehozott egy témát plugint lehet távolítani. A plugin egy csomó jó véleménye.

    formátumai

    add_theme_support funkció ( "post-formátum) felülbírálja a formátum által meghatározott szülő téma, hanem kiegészíti azt.

    @import gyerek téma style.css

    Annak ellenére, hogy mindenhol levelet használja @import style.css subtopics. Nem ajánlom. Mivel ebben az esetben a böngésző nem tudja betölteni két párhuzamos fájl stílusok szülő téma és a leányvállalat. Majd kell letölteni őket egymást követően: az első gyermek téma stílusok, ahol látja a @import és csak ezután kezdődik, hogy töltse le a szülői téma stílusokat. Az eredmény az, hogy elveszítjük a sorrendben az oldalak betöltési sebessége 200ms. Annyi költenek loading CSS fájlban. Terhelés alatt azt értjük, hogy küldjön egy kérést a szervernek, várva a választ, töltse le a fájlt.

    Sokkal jobb, hogy csatlakoztassa a stílus fájlokat külön HTML: az első stílus szülői témák, majd a gyermek, hogy alacsonyabb, mint a HTML kódot, és megszakítja a szülői stílus. Íme:

    Ennek eredményeként, a HEAD részében a HTML dokumentum mi lesz két linkeket két fájlt a stílus, amely betöltésre kerül a rendszer indításakor párhuzamosan, hanem egymást követően. Ez fogja megmenteni minket idő egyetlen kérést a szerver brazuera.