Chtěli byste se naučit, jak vytvořit stránku s výsledky vyhledávání pomocí Elementoru?

Ať už máte osobní blog, web eCommerce nebo velký web s více uživateli, přidání vyhledávací funkce je dostatečně zásadní. Usnadňuje návštěvníkům hledání obsahu, který hledají, místo aby klikali sem a tam v navigační nabídce.

Ve WordPressu je vzhled (rozložení) stránky s výsledky vyhledávání řízen šablonou na motivu, který používáte (soubor hledat.php ve většině případů). Pokud vám výchozí rozvržení nevyhovuje, můžete vytvořit vlastní šablonu, která ji nahradí.

Pokud nemáte znalosti PHP, můžete použít Elementor (nebo jiné zásuvné moduly pro vytváření stránek, které mají funkce jako tvůrce motivů Divi Builder et WPBakery) pro vytvoření vlastní šablony stránky s výsledky vyhledávání na WordPressu.

Abyste mohli vytvořit šablonu stránky s výsledky vyhledávání pomocí Elementoru, musíte použít profesionální verzi Elementoru, protože funkce Tvůrce motivů je k dispozici pouze v Elementoru Pro.

Jak vytvořit stránku s výsledky vyhledávání pomocí Elementoru

Když vytvoříte vlastní stránku s výsledky vyhledávání pomocí Elementoru, můžete při vytváření stránky přidat libovolný prvek, který se vám líbí. Existuje více než 90 položek (tzv. Widgetů), které můžete přidat.

Čtěte také: Jak spravovat odeslání formuláře v Elementoru

Samotný Elementor nabízí předem připravené šablony stránek s výsledky vyhledávání, které vám usnadní pracovní postup. Nebo, pokud máte svůj vlastní návrhový koncept, můžete také stránku s výsledky vyhledávání vytvořit sami.

V tomto článku vám ukážeme, jak sestavit šablonu stránky s výsledky vyhledávání úplně od začátku. Zde je snímek obrazovky s výsledky vyhledávání, kterou chceme vytvořit.

K vytvoření výše uvedené stránky s výsledky vyhledávání použijeme dvě sekce:

  • Oddíl 1: Umístit záhlaví (popis výsledků hledání)
  • Sekce 2: Umístit vyhledávací formulář a výsledky hledání

Než začnete, ujistěte se, že jste upgradovali svou verzi Elementoru na profesionální verzi pro případ, že jste tak neučinili. Až budete připraveni, přejděte na Šablony -> Tvůrce motivů na panelu WordPress.

Viz také: Jak používat Elementor: Kompletní průvodce

Kliknutím na tlačítko Add On pro vytvoření nové šablony (nebo můžete kliknout na tlačítko Vyzkoušej to teď k vyzkoušení Elementor Themes Builder).

Nastavte typ modelu na Résultats de la recherche, pojmenujte svůj model a klikněte na tlačítko VYTVOŘTE MODEL začít vytvářet druhou.

Protože chceme vytvořit stránku s výsledky vyhledávání úplně od začátku, můžete zavřít okno knihovny šablon, které se zobrazí.

Čtěte také: Jak přidat bodový efekt ke sloupci v Elementoru

Než začnete přidávat widget, můžete nejprve nastavit rozložení stránky. Chcete-li tak učinit, klikněte na ikonu ozubeného kola na spodní straně panelu nastavení (panel na levé straně). Rozvržení můžete nastavit v možnost Rozvržení stránky z bloku Obecná nastavení pod záložkou Nastavení.

Oddíl 1

Jak je uvedeno výše, v této části umístíme záhlaví k zobrazení popisu stránky s výsledky vyhledávání. Stačí kliknout na tlačítko plus v editačním poli Elementoru a přidat novou sekci. Můžete vybrat strukturu jednoho sloupce. Po přidání sekce do ní přetáhněte widget Nadpis.

Přejděte na levý panel. V bloku Titul pod záložkou Obsah, klikněte na ikonu databáze v poli Titul a zvolte Název archivu.

vytvořit stránku s výsledky vyhledávání

Poté můžete přejít na kartu Styl přizpůsobit záhlaví. Můžete definovat prvky, jako je barva textu, typografie (rodina písma, velikost písma, styl písma atd.). Pokud chcete, můžete také použít režim prolnutí a stín textu.

Jak vytvořit stránku s výsledky vyhledávání pomocí Elementoru

Chcete-li nastavit pozadí řezu, přidat oddělovač nebo nastavit okraj, můžete klepnutím na úchyt řezu přepnout do režimu úprav.

vytvořit stránku s výsledky vyhledávání

Oddíl 2

Kliknutím na tlačítko Plus přidat novou sekci, jako jste to udělali v sekci 1 výše. Můžete také vybrat strukturu jednoho sloupce. Po přidání sekce přetáhněte widget Vyhledávací formulář.

Poté můžete přejít na panel nastavení a provést nastavení. V bloku Vyhledávací formulář sous karta Obsah, můžete definovat vzhled, zástupný symbol, ikonu, velikost ikony atd.

Chcete-li přizpůsobit formulář, můžete otevřít kartu Styl. Můžete otevřít dva bloky parametrů: Vstup et Tlačítko. Z bloku Vstup, můžete nastavit typografii, barvu textu, barvu pozadí, barvu ohraničení, velikost ohraničení a poloměr ohraničení.

Z bloku Knoflík, můžete nastavit barvu textu tlačítka, barvu pozadí, typografii, velikost ikony a šířku tlačítka.

Jakmile je styl widgetu Vyhledávací formulář na místě, můžete přidat widget Archivní příspěvky. Můžete jej umístit přímo pod widget Vyhledávací formulář.

Jakmile je tento widget na svém místě, přejděte na levý panel. Pod blokem Rozvržení, záložka Obsah, můžete definovat vzhled, počet sloupců, polohu obrázku, délku extraktu, metadata atd ...

Na bloku Stránkování, můžete nastavit typ stránkování, limit stránky a zarovnání.

Na bloku Pokročilý, můžete nastavit, aby se zpráva zobrazovala, když WordPress nemůže najít zadaný vyhledávací dotaz.

Jakmile je základní nastavení na kartě Obsah dokončeno, můžete přepnout na kartu Styl k přizpůsobení vzhledu widgetu Archivní příspěvky. Na této kartě můžete otevřít 6 bloků.

  • Nákres

Tento blok můžete otevřít a definovat zarovnání textového obsahu příspěvků (název příspěvku a meta). Můžete také definovat mezeru mezi sloupci a řádky.

  • Obraz

Tento blok můžete otevřít a nastavit poloměr ohraničení miniatur příspěvků. Můžete také nastavit mezery a použít filtry CSS.

  • Obsah

Tento blok můžete otevřít a nastavit typografii, barvu textu a řádkování textového obsahu u příspěvků.

  • Počet na stránku

Pokud povolíte stránkování, můžete tento blok otevřít a přizpůsobit stránkování. Můžete nastavit věci, jako je typografie, barva textu a mezera mezi čísly.

  • Zpráva nenalezena

Tento blok můžete otevřít a přizpůsobit chybovou zprávu, když WordPress nemůže najít obsah na základě zadaného vyhledávacího dotazu. Na tomto bloku můžete určit typografii a barvu textu.

Pokud potřebujete, můžete přidat další widgety. Po dokončení úprav stránky můžete kliknout na tlačítko ZVEŘEJNIT NEBO AKTUALIZOVAT ve spodní části panelu nastavení.

Pokud se zobrazí výzva k přidání podmínky zobrazení, jednoduše ji přidejte kliknutím na tlačítko PŘIDAT PODMÍNKU. Protože vytváříte stránku s výsledky vyhledávání, nastavte podmínku zobrazení na Výsledky vyhledávání, Kliknutím na tlačítko ULOŽIT A ZAVŘÍT použít změnu.

vytvořit stránku s výsledky vyhledávání

A je to!

Každý web založený na WordPressu má jedinečnou stránku s výsledky vyhledávání, v závislosti na tématu používaném webem. Pokud se vám rozvržení stránky s výsledky vyhledávání, které nabízí motiv, který používáte, nezdá lákavé, můžete jej upravit.

Pokud nemáte znalosti PHP, můžete pomocí Elementoru vytvořit vlastní stránku s výsledky vyhledávání na svém webu WordPress. Všechno je drag and drop. Není třeba manipulovat s PHP kódem.

Kromě toho můžete také použít Elementor k vytvoření vlastního záhlaví, vlastního zápatí, vlastní stránky 404 a dalších částí vašeho WordPress téma.

Získejte nyní prvek Elementor Pro!

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. WooCommerce Autoresponder

Automatická odpověď WooCommerce je a WordPress Plugin což vám umožňuje přihlásit své zákazníky k odběru automatické odpovědi. Tento WordPress Plugin také zobrazuje pole pro přihlášení k odběru newsletteru pro snadnou integraci WooCommerce automatické odpovědi.

Automatická odpověď Woocommerce

Jako funkce najdete mimo jiné: úplnou integraci s WooCommerce, podporu 9 automatických odpovědí, žádné znalosti kódování, snadnou instalaci a mnoho dalšího.

Čtěte také: MailChimp výukový program ve francouzštině: Kompletní průvodce pro vytvoření informační bulletin

Stáhnout | DemoWeb hosting

2. Komentáře k hodnocení komentářů WordPress

Je to o systém hodnocení komentářů. Umožňuje vám umožnit uživatelům hodnotit různé komentáře. Budou muset kliknout na tlačítko náhledu a přejít dolů do sekce komentářů, aby viděli WordPress Plugin prémie v akci.Komentáře k hodnocení komentářů WordPress

V jeho funkcích najdeme hlavně: snadné použití, podporu pro cvlastní ikonové nástroje, hodnocení podle poznámek, personalizace tjít ikony, vlastní podpora CSS, cŠifrování IP (pro evropské uživatele), možnost přeložit tento plugin a další.

Stáhnout | Demo | Web hosting

3. Mapa pokroku

Progress Map je plugin WordPress určený pro geolokaci. Cílem je pomoci uživatelům s webovými stránkami o seznamech hotelů, reklamy na nemovitosti, seznamy restaurací, pracovní nabídky, ukládat oznámení a další ... uspořádat jejich umístění na Google Map a snadno se pohybujte po mapě pomocí karuselu.

Pokroková mapa wordpress plugin wordpress

Jinými slovy, s tímto pluginem budou vaše umístění zveřejněna v obou Google Map (značky) a na kolotoči. Kolotoč je připojen k mapě, což znamená, že položka vybraná v kolotoči bude cílit na své umístění na mapě a naopak.

Podívejte se na Jak zobrazit polohu člena vaší komunity WP na mapě Google

Chcete-li přidat svá místa, Progress Map poskytuje na stránce „Přidat novou položku“ prostor pro formuláře, který vám umožní snadno přidat souřadnice polohy.

StáhnoutDemo | Web hosting

Další doporučené zdroje

Zveme vás také, abyste si prostudovali níže uvedené zdroje, abyste se dostali dále do sevření a kontroly nad svým webem a blogem.

Proč investovat do čističky vzduchu?

Tady je ! To je pro tento tutoriál vše. Doufáme, že vám ukáže, jak vytvořit stránku s výsledky vyhledávání pomocí Elementoru. Rádi bychom slyšeli vaše myšlenky na toto téma v sekci komentářů.

Budete však také moci konzultovat naše ressources, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích

...