Kódok hozzáadása a weboldal fejlécéhez, láblécéhez

Webfejlesztés során többször belefuthatsz olyanba, hogy valamilyen kódot kell a weboldalhoz adni, hogy valami történjen (pl.: Google Analytics, Facebook Pixel).

A weboldal forráskódjának főbb részei

A weboldalak forráskódja rengeteg elemből állhat, de ezek közül a leggyakrabban az alábbiakba kell valamilyen plusz funkció (pl.: Google Analytics, Search Console, Facebook hirdetés, Google Adsense, stb.) miatt kódot tenni.

<head> elem

A weboldal fejléce. Általában itt vannak CSS-ek, scriptek linkelve. Többek között a weboldal nyelve, indexelhetősége, SEO címsor és leírás értékei is itt találhatóak.

<body> elem

A weboldal tartalmi része, ami a „látható” tartalom tárolására szolgál.

Kódok hozzáadása a „head” és „body” részekhez

Ha egy eszköz azt kéri, hogy adj hozzá valamilyen kódot a head vagy body részekhez, akkor az alapvetően három módon tudod megtenni:

  • Manuálisan beleszerkeszted a kinézet fájljaiba, a forráskódba. Ennek hátránya, hogy a kinézet frissítésekor (kivéve, ha ún. gyerek kinézetet használsz – akkor csak kinézetcserekor) elvesznek ezek a módosítások.
  • Ha a kinézeted (pl.: THE7 kinézet) tartalmaz opciót erre a feladatra, akkor oda kell másolni a kódot.
  • Külön bővítményt telepítesz erre a célra, pl. a WP Headers And Footers nevűt.

Utóbbi így néz ki telepítés és aktiválás után a Beállítások => WP Headers and Footers alatt:

Kódok hozzáadása a fejléchez és a tartalomhoz
Kódok hozzáadása a fejléchez és a tartalomhoz

A kód hozzáadása után a kód megjelenik a weboldal megfelelő részében, pl. egy régebbi Google Analytics kód. Ennek előnye, hogy a kinézet frissítésekor/megújításakor nem maradhat ki az a lépés, hogy a „fejlesztés során implementált kódok kerüljenek át az új kinézetbe”, hiszen a kódokat így egy külön bővítmény rakja be az aktuálisan használt kinézetbe.

A hozzáadott kód megjelenik a forráskódban
A hozzáadott kód megjelenik a forráskódban

Letöltés:
Tesztelt verzió | Insert Headers And Footers néven a WordPress.org-ról.

Cikkértesítő

Ha nem szeretnél lemaradni az új cikkekről, akkor iratkozz fel az értesítőre!

Szólj hozzá!


WordPress segítséget keresel?

Kérj díjmentes árajánlatot!

Főbb szolgáltatásaim: weboldal/webáruház készítés, megújítás, fejlesztés, gyorsítás, karbantartás, hibajavítás, oktatás, stb.