Hogyan lehet átalakítani wordpress téma HTML5

előző ◈ a következő

Ebben az útmutatóban fogunk összpontosítani konvertáló a WordPress témák XHTML HTML5. Mi megy lépésről lépésre, tanuló változások a következő fájlokat (ezek a fájlok találhatók a téma mappában azaz wp-content / themes / a téma /)







Alapvető HTML5 jelölő

Nézzük meg az alapvető elrendezés HTML5, mi fog tenni. HTML5 - ez sokkal több, mint a „doctype” az elején a kódot. Több új elemet segít a program, és leírni a stílus sokkal hatékonyabban és kevesebb jelölés (ez az egyik oka, ami HTML5, annál jobb).

Most már csak meg kell tudni, hogy hol helyezze az új HTML5 fejléc címkéket. Lábjegyzet. nav. szakasz és a cikket. Nevek új tag önmagukért beszélnek, ami a funkciók, ellentétben XHTML. Strukturálása div.

1. lépés: Konvertálás header.php HTML5

header.php XHTML

Most megmutatom a kódot, amelyet gyakran használnak a header.php WordPress témák XHTML.

Felmerülhet a kérdés, hogy miért tesszük ezt? A válasz egyszerű: a HTML5 szemantikus jelölés. Ez csökkenti a jelölés, hogy megértése és kezelése sokkal könnyebb.

header.php HTML5 (átalakított)

Mint látható, az átalakított kód nagyon hasonlít XHTML kódot. Beszéljük meg változásokat.

  • - Van egy nagyon egyszerű HTML5 doctype, de ez magában foglalja a sok új szemantikai címkéket.
  • - szemantikai tag a fejléc blokkban.

Megjegyzés. Néhány szobában szakasz címkét a kupakot. E tekintetben tehát a sok vita. Személy szerint én a felvétele szakasz címkét a sapkát, mert tönkreteszi a szép HTML5. Persze, akkor a régi div itt.

Mi szkriptek és stíluslapok?

Úgy véljük, a régebbi böngészők

Tip. a címkéket, amelyek sorrendben jelennek meg, belül

Megjegyzés. Ez a script kell helyezni a tetején a tag