WordPress návody

Jak přidat vyhledávání do WordPress menu

Detektiv
Autor příspěvku Tomáš Cirkl

Máte rozsáhlejší webové stránky na WordPress a chcete uživatelům přidat možnost rychlého přístupu k vyhledávání? Zkuste využít dnešní tip a přidejte vyhledávací pole přímo do WordPress menu.

Proč přidat hledání do WordPress menu?

Vyhledávání je způsob, jak může návštěvník stránky najít to, co hledá, aniž by musel procházet celé stránky na webu.

Když přidáte vyhledávací pole do WordPress menu, které se nachází v hlavičce stránky, tak uživateli umožníte způsob, jak rychle najít požadované informace.

Jak přidat pole pro vyhledávání do WordPress menu

Budeme k tomu potřebovat plugin Add Search To Menu. Plugin se nachází v oficiálním katalogu pluginů a je možné jej nainstalovat přímo z WordPress administrace.

Add Search To Menu

Add Search To Menu

Po instalaci a aktivaci se nejprve vydejte do nastavení pluginu, které najdete v Nastavení → Add Search to Menu.

V nastavení najdete následující položky:

  • Add Search to Menu – zaškrtnutím vyberte v jakém menu se má zobrazit pole vyhledávání.
  • Search Post Types – zaškrtnutím vyberte v jakém typu obsahu má vyhledávání fungovat.
  • Search Form Style – výběr zobrazení vyhledávacího formuláře.
  • Search Menu Title – název položky menu (využijete při jiném než výchozím stylu zobrazeného formuláře).
  • Search Menu Classes – třídy vyhledávacího pole v menu.
  • Google SCE – pole pro vložení kódu pro vyhledávač od Google.
  • Mobile Display – pravidla pro zobrazení vyhledávacího pole u mobilních zařízení.
    • Display Search Form in Header on Mobile Devices – při zaškrtnutí zobrazí formulář v hlavičce stránky na mobilním zařízení.
    • This site uses Cache – zaškrtněte v případě, že máte na webu cache.
  • Close Icon – při zaškrtnutí zobrazí ikonu pro zavření pole.
  • Custom CSS – pole pro vložení vlastních CSS stylů pro formulář.
  • Do not load plugin files – v případě potřeby můžete zakázat načítání souborů pluginu.
    • Plugin CSS File – zaškrtnutím zrušíte vkládání CSS stylů.
    • Plugin JavaScript File – zaškrtnutím zrušíte vkládání JavaScriptu.
Nastavení Add Search To Menu

Nastavení Add Search To Menu

Minimálně je potřeba vybrat menu, v kterém se má formulář zobrazovat a případně styl zobrazeného formuláře. Nakonec vše uložte.

Je pravděpodobné, že bude potřeba formulář také drobně pomocí CSS upravit, aby lépe seděl do použité šablony.

Vyhledávání v hlavičce u šablony Divi

Vyhledávání v menu u šablony Divi

O autorovi

Tomáš Cirkl

Baví mě Internet a zvláště pak redakční systém WordPress. Jsem pravidelným účastníkem a přednášejícím na WordCamp Praha a WordPress konferencích.

6 komentářů

  • Dobrý den Tomáši,
    plugin jsem nasadil na šablonu Mesmerize Pro a vypadá v menu docela dobře. Lze si navolit i zobrazení samotnou lupou. Což se mi líbí víc, než když tam je celý řádek . Nicméně mám problém s jazykem. Prohnal jsem plugin PoEditem, ale stejně se mi zobrazuje stále v angličtině ( Search…, Nothing Found atd.) Měl byste pro mne radu jak dosáhnout zobrazení do češtiny ? Předem děkuji za radu. Václav

  • Dobrý den,
    máte prosím tip na nějaký plugin, který by na webu vyhledával mezi články i mezi zbožím tak, aby bylo rozlišené, co je článek a co zboží?

Zanechat komentář

Získejte více informací o WordPress!

Připojte se do našeho emailového seznamu a nenechte si ujít informace, novinky a návody ze světa WordPressu.

Úspěšně jste se zapsali do našeho newsletteru. Děkujeme!