Jak přidat vyhledávací pole do sekundární nabídky Divi

Bez vyhledávacího pole bude navigace na vašem webu trpět. Můžete mít nejrobustnější procházení na internetu, ale pokud vaši uživatelé nemohou hledat přesně to, co hledají, riskujete (a pravděpodobně přijdete) o podnikání. Tento tutoriál vás provede přidáním vyhledávacího pole do sekundární nabídky Divi, takže bez ohledu na to budou vaši uživatelé vždy vzdáleni několika klikům od všeho, co potřebují.

Přehled vyhledávacího pole Divi

Kancelář

Mobilní aplikace

Stáhněte a / nebo upravte globální záhlaví

V tomto článku budeme používat bezplatné záhlaví / zápatí, které je součástí našeho balíčku rozvržení dodávky potravin. Můžete si jednoduše stáhnout .Zip *: francouzština archivovat a extrahovat potřebné .Json soubor ve vašem počítači.

Poté přejděte na hlavní panel WordPress a přejděte na Divi - generátor témat. Odtud musíte kliknout na ikona šipek nahoru a dolů otevřete možnosti přenositelnosti.

V novém režimu klikněte na import kartu a najděte soubor .Json soubor, který jste stáhli. Až budete připraveni, vyberte Importujte modely stavitelů z Divi téma spusťte stahování.

V tuto chvíli jste připraveni vstoupit do Globální záhlaví část Webová šablona Ve výchozím nastavení. Importovat z .Json soubor měl automaticky použít freebie jako celkovou hlavičku webu.

Přidejte vyhledávací pole na sekundární lištu nabídek

Pomocí Divi Visual Builder byste měli vidět něco podobného jako globální záhlaví.

První věc, kterou chceme udělat, je vytvořit prostor pro vyhledávací pole. Chceme zajistit, aby vyhledávací pole bylo snadno dostupné pro každého. Návštěvníci, takže jej přidáme do sekundární nabídky (nad Domů / Kontakt čára).

Nejprve přidáme vyhledávací pole pomocí Vyhledávací modul Divi ve třetím sloupci prvního řádku.

Zástupný text je důležitý pro vyhledávací pole, takže když je váš modul na svém místě, přejděte na Parametry a nastavit svůj Vyhrazená oblast text na něco, co uživateli připomíná, co má hledat. vložili jsme Najděte položky! jako zástupný symbol, aby uživatel věděl, že to je to, co může hledat, protože používáme balíček rozvržení dodávky potravin.

Vyhledávací pole ve třetím sloupci není dobré. Chceme tedy vstoupit do Výzkumný modul nastavení a přejděte na Design jazyk. Najdi to transformátor možnosti, poté přejděte na přeložit záložka (druhá). Poté můžete přetáhnout vyhledávací modul na místo a Divi zvládne všechny CSS a mezery.

Pro tuto hodnotu také používáme%, aby zůstala relativní bez ohledu na výřez na ploše. Použitím pixelů může zkreslit některá různá rozlišení.

divi Transformátor přeložit možnosti je také třeba upravit pro mobilní zařízení. Pokud ne, je to stejné. Určitě tedy zajděte na Reaktivita nastavení a v možnostech sekundární nabídky nastavte umístění vyhledávacího modulu. Právě jsme upravili vertikální umístění mobilu, protože umístěním do třetího sloupce řádku se automaticky zobrazí na konci položek řádku.

Styling modulu vyhledávání Divi

Přestože pro vyhledávací pole nemáte mnoho stylů, máte jich několik. To znamená barvu textu a samotného pole, a to jak v případě, že je neaktivní, tak i když na něj uživatel klikl. (A mezery a velikosti a další standardní možnosti designu Divi, samozřejmě.)

Možnosti barev najdete v Champ nabídka v Design jazyk. Po rozbalení máte možnost upravit barvu textu zástupného symbolu, barvu pozadí pole a barvu textu pole (text zadaný uživatelem, tj. Říci). Kromě toho Soustředit se varianty jsou, když uživatel konkrétně interaguje s vyhledávacím polem.

Až se vám to bude líbit, klikněte na tlačítko Uložit.

Zkontrolujte nastavení viditelnosti

Některé z našich bezplatných balíčků rozvržení a záhlaví mají různé možnosti zobrazení pro stolní a mobilní zařízení. Pokud ve vizuálním tvůrci vidíte mody šedě / šedě, znamená to, že je na některých zařízeních režim deaktivován.

U záhlaví pro doručování potravin jsou na mobilu zakázány poslední dva sloupce. Chceme vstoupit do Nastavení linky a klikněte na nastavení sloupců, které chcete zobrazit na mobilu. V tomto případě jde o třetí.

Poté přejděte na pokrok jazyk a přejděte na viditelnost volba. Zde se ujistěte, že jsou uvedeny všechny možnosti deaktivace o nekontrolovaně pro sloupec obsahující vaše vyhledávací pole. Klikněte na tlačítko Uložit (zelené klíště) a moduly by se měly zobrazovat barevně a již by neměly mít jinou barvu.

Jakmile se ujistíte, že je vše viditelné, jste připraveni dát tuto věc online!

Uložte si práci

Ujistěte se, že kliknete na zelené tlačítko pro uložení v pravém dolním rohu obrazovky.

Nyní jste připraveni zavřít vizuální generátor pomocí X v pravém horním rohu. Na další obrazovce se budete chtít ujistit, že Divi Theme Builder uložil všechny vaše možnosti. Pokud řekne Uložit změny, Klikněte na tlačítko. Pokud řekne Všechny změny byly uloženy, pak je vaše vyhledávací pole již aktivní ve vaší sekundární nabídce Divi.

Konečné výsledky

Nezbývá než obdivovat vaši práci na vašem webu!

Kancelář

Mobilní aplikace

Závěr s vyhledávacím polem Divi

Vyhledávací pole jsou základní součástí dobrého uživatelského dojmu z vašeho webu. Pokud chcete poskytnout nejlepší možné služby pro vaše Návštěvníci, jednou z vašich hlavních priorit by mělo být zajištění možnosti vyhledávání. Doufám, že tuto rychlou a snadnou metodu využijete a brzy ji použijete na svém webu Divi!