Přejít k hlavnímu obsahu

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

Divi: nejjednodušší téma WordPress k použití

Divi: Nejlepší WordPress téma všech dob!

více Stahování 901.000, Divi je nejoblíbenější téma WordPress na světě. Je kompletní, snadno použitelný a je dodáván s více než šablonami 62 zdarma. [Doporučeno]

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í

mobilní verze vyhledávacího pole divi

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.

json

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.

generátor motivů pro vyhledávací pole divi

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 generátoru motivů Divi spusťte stahování.

importovat soubory

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

globální záhlaví

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í.

globální editor záhlaví

První věc, kterou chceme udělat, je vytvořit prostor pro vyhledávací pole. Chceme zajistit, aby bylo vyhledávací pole snadno přístupné všem návštěvníkům, proto jej přidáme do sekundární nabídky (nad Domů / Kontakt čára).

Vytvořte si snadno svůj web pomocí Elementoru

Elementor vám umožní snadno vytvořit jakýkoli design webových stránek s profesionálním vzhledem. Přestaňte platit drahé za to, co můžete udělat sami. [Zdarma]

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

vyhledávací modul ve třetím sloupci

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.

zástupný text uvnitř vyhledávacího pole divi

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í.

možnosti transformace

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 parametry a definovat umístění vyhledávacího modulu v možnostech sekundárního menu. Právě jsme upravili svislé umístění mobilu, protože jeho umístění do třetího sloupce řádku se automaticky zobrazí v dolní části položek řádku.

transformace pro mobily

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.

styl vyhledávacího pole

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

Hledáte ty nejlepší témata a pluginy aplikace WordPress?

Stáhněte si ty nejlepší pluginy a témata aplikace WordPress na Envato a snadno si vytvořte své webové stránky. Již více než stahování 49.720.000. [EXCLUSIVE]

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í.

možnosti linky

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.

vyhledávací pole

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.

uložte změny

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.

vyhledávací pole divi uložit změny

Konečné výsledky

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

Kancelář

desktopová verze

Mobilní

mobilní verze

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 svým návštěvníkům poskytovat co nejlepší služby, mělo by být jednou z vašich hlavních priorit zajištění toho, aby bylo možné prohledávat váš obsah. Doufám, že můžete tuto rychlou a snadnou metodu použít a brzy ji použít na své stránky Divi!



Zdrojový odkaz

Tento článek obsahuje komentáře 0

Zanechat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

Tato stránka používá společnost Akismet ke snížení nežádoucích účinků. Přečtěte si další informace o tom, jak se používají vaše komentáře.

Zpět na začátek
0 akcie
podíl
tweet
Zadat