Keretet hozzon létre wordpress témák kezüket gyakorlat
A téma és a CSS
Kezdeni, meg kell csinálni a rendelési kódot CSS. Az én keret, van 2 alap CSS részből áll: egy nevű fájlt style.css (kötelező) fájl és mappa / css /. amely minden, ami „kapcsolt”, hogy a CSS én keretet. A style.css fájlt tartalmaz két részből áll: a meghatározása és kérdések a jelenlegi elrendezés és CSS paramétereket. Az általános nézet az style.css fájlt - azaz:
Miután paramétereinek meghatározására a téma látsz három vonalak @import. Itt, ebben a részben kezdődik a legjelentősebb változások a CSS. reset.css fájlkészletben „tiszta” a CSS beállításokat. Megváltoztattam a nevét normalize.css több okból is.
Először. ahelyett, hogy a beállításokat, hogy „dump” a formázatlan stílusú, ez a fájl létrehoz egy stílust, amely alapértelmezés szerint a böngésző. Például szokásos - ez nem a betűtípust, és beállítja normalize.css merész.
És másodszor. ez tartalmazza az alapértelmezett stílusokat elemek alapján HTML5. hogy szükség van, hogy támogassa a régebbi böngészők, ahol nincs támogatás az új funkciókat.
Megjegyzés: Ebben a témában, azt használja HTML5. Úgy működik, Firefox, Chrome, Safari, IE7-9.
Létrehozása CSS. Én meg a stílus, ami általában ugyanaz marad üzemenkét: mint a teljes szélességét a tartály, a navigációs stílusok, mint elhelyezni a tálaló, stb Azt is szoktam használni a határ és a margók, hogy a többszöröse 15, az én bekezdések és lista elemek, így nekik azt is, hogy az alap meghatározása.
Az utolsó dolog, amit hozzá master.css. - egy osztály, ami a rétegek „öntisztító”. Ezért nincs szükség .clearfix réteg.
Miután az úgynevezett master.css. Hívom az utolsó darab a puzzle - ie.css. Itt fogunk mindenféle kiigazításáról IE. Abban a pillanatban, hogy ez csak egy módosítást .group és PNG. Ne feledje, hogy az import sorrend nagyon fontos, mert néhány dolog felülírható, és további módosítások zavaró lehet a stílusok, hogy már azonosítottak.
functions.php
functions.php fájl fontos azonban, mint a CSS. Itt lehetőség lesz minden közös jellemzője, hogy tervezzük használni az egész témát, valamint az összes meghatározások az oldalsávban, menük, stb Elkezdek két sor:
Ez - két állandót, amit használni elég gyakran az egész témát.
Az első - az utat a sablon célszerű utal egy adott téma fájlokat. Használható a „stylesheet_directory” helyett „template_directory”, mert ha használjuk a téma, mint a szülő, „template_directory” hogy a rossz úton (nevezetesen, hogy ahelyett, hogy egy alárendelt út).
A második sor az TEMPPATH. hozzon létre egy utat, hogy a mappa / images /, ami azt is használja túl gyakran, akár ebben a témában vagy téma alapján generált is.
Miután a következő két sort adhatok támogatja a dinamikus menük és 2 oldalsáv widgetek: az első - az elsődleges és másodlagos - oldalsáv „just in case” (a legtöbb esetben, tudom használni az én téma lábléc). Végül hoztam létre két másik jellemzője, hogy szeretem talált rendszeresen használja:
Az elsőn a navigációt az üzenetét, és hogy kell használni kívül a hurok. Azaz, fel tudjuk használni, bármely oldalon egy listát a pozíció (honlap, kereső, semmilyen konkrét minta hozzászólás).
A második függvény létrehoz egy régió „A böjt nem található”, amit használni szinte minden oldal sablon.
Természetesen nincsenek korlátozások a létrehozott funkciók. Itt van egy egyszerű függvény, amit gyakran használ.
oldalak sablonok
Ezt követi a sablont. Nézzük meg a 4. oldalon: header.php. footer.php. single.php és page.php. A többi - valójában származtatott oldalak, illetve az egyedi sablonokat.
A fejléc és lábléc
Úgy néz ki, mint a mi header.php file:
Látni fogja, hogy nincs túl sok dolog mellett, hogy a standard bejelentések
meggyőződni arról, hogy mi a téma kompatibilis a HTML5, stb a szervezetben az oldal létrehozott egy alapvető fejléc a nevét az oldalon, és a navigációs oldalsáv nevezett és indult „a tartalom” részben arra a következtetésre jutott egy meghatározott réteg #container. Láthatjuk, hogy az én módja a jelölés megfelel az adott én CSS.
Megjegyzés: Én nem beszélek sidebar.php sablont. mert ez ugyanaz, mint bármely szabványos oldalsáv: ellenőrizzük, hogy egy adott területen widgetek meghatározott; - ha nem tud nyomtatni néhány alapértelmezett kütyü.
Ugyanez vonatkozik a lábléc
Hoztam, alapvetően 2 sortöréseket, hogy a kód szebb, zárt tartalmi réteget, majd elkezdett lábléc. Én is egy kisebb sávot a lábléc, mint szoktam, aztán az általános információkat a szerzői jogot, és végül a téma, amely az összes nyitott címkéket. Ismét igyekszem nem túl sokat a lábléc, ez a keret, de ahhoz, hogy a lehetőséget, hogy adjunk információt a lábléc, ha kell.
Code for Single Page
Ezek a fájlok is elég egyszerű. Mindegyikben már megpróbálták eltávolítani a felesleges, így csak, mit vársz látni.
A single.php fájl kódja:
Figyeljük nem használ navigációs állások, írtam functions.php. mert ez egy „belső” ciklus, és ez a funkció kiszámíthatatlanul viselkedhet.
page.php sablon egy kicsit rövidebb:
Ismét: írtam csak, ami szükséges. Nem felesleges osztályok vagy információt. Pages oldalak összpontosítani tartalmat, ezért igyekeztem egyszerűsíteni ezt a mintát.
egyéb sablonok
Nyilvánvaló, hogy nem tudom leírni ide az összes oldalsablonokat; Azt javaslom, hogy nézd meg a forráskódot csatlakozik. Minden sablon megpróbáltam eltávolítani, nem használom, bizonyos esetekben hagytam ugyanazt a sablont az alapértelmezett WordPress.
Ready témája a következő: Framework WordPress Boilerplate
Forrás: WP.TutsPlus.com
