Přeskočit na obsah

Web nefunguje? Volejte Web nefunguje? +420 721 589 155 nebo nám napište Napište nám

WordPress návody

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

Tomáš Cirkl Publikováno 2 min čtení

Pozor:

Článek je z roku 2018. Některé postupy se mohly změnit.

Detektiv
Obsah článku (2 kapitoly)

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

Neuteklo vám něco?

Pokrok a WordPress na nikoho nečekají, tak nám tu raději nechte email, ať o nic nepřijdete!

Nespamujeme! Další informace naleznete v našich zásadách ochrany osobních údajů.

Autor

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.

1 030 článků Všechny články autora

Komentáře (6)

Přidat komentář
  1. Václav Lénart

    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

    Odpovědět

  2. Martin B.

    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ží?

    Odpovědět

        1. Tomáš Cirkl WPlama

          Napadá mě jen vlastní řešení pomocí výpisu vyhledávání v šabloně.

          Odpovědět

Přidat komentář

E-mail nezveřejníme. Povinná pole jsou označena hvězdičkou.

Jak zacházíme s údaji z komentářů, popisují zásady ochrany osobních údajů.