Kereső elhelyezése DIVI fejlécben

A DIVI WordPress kinézetben nincs alapból olyan opció (a THE7 kinézetben van), hogy pár kattintással betegyünk egy keresőt a fejlécbe. Egyik ügyfelemnek ilyen igénye volt, mutatom hogyan oldottam meg a feladatot.

DIVI fejlécbe keresőmező lépésről lépésre:

Így fog kinézni a végeredmény:

Mit kell tenni?

1) A “Megjelenés” => “Szerkesztő” menüpont alatt meg kell keresni a “header.php” nevű fájlt, majd abba bele kell tenni az alábbi helyre az alább kijelölt kódot (lejjebb letölthető):

2) Hogy szépen is nézzen ki, még egy kis CSS bűvészkedés kell (a kód letölthető lejjebb):

És készen is vagyunk!

Letöltés:

A fenti kódok innen tölthetőek le.

Forrás:
A fentiek alapjául a quiroz.co/top-header-search-form-and-custom-social-icons link alatti cikket használtam.

Cikkértesítő

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

Szólj hozzá!

*

code

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.

A honlap cookie-kat használ. Részletek

A hatályos jogszabályok alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ és tárol a számítógépen. Ha ezt nem szeretnéd, akkor a böngésződ megfelelő beállításait használva tiltsd le a cookie-k tárolását, vagy zárd be a weboldalt. Mik azok a cookie-k? Hogyan tudod tiltani a tárolásukat? Hogyan kezelem a személyes adatokat? Mindenre választ ad a részletes adatvédelmi és cookie tájékoztatóm.

Bezárás