Přejít k hlavnímu obsahu

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

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]

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 search.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ř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]

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.

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]

  • 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é pomocí Elementoru vytvořit vlastní záhlaví, vlastní zápatí, vlastní stránku 404 a další části vašeho motivu WordPress.

Získejte nyní prvek Elementor Pro!

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

Pomocí dalších pluginů WordPress můžete dát moderní vzhled a optimalizovat přilnavost vašeho blogu nebo webu.

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

1. WooCommerce Autoresponder

WooCommerce Automatická odpověď je plugin WordPress, který vám umožňuje přihlásit se k odběru vašich zákazníků automatickým odpovídačem. Tento plugin WordPress také zobrazuje pole pro přihlášení k odběru zpravodaje 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 nechat uživatele hodnotit různé komentáře. Budou muset kliknout na tlačítko náhledu a posunout se dolů do sekce komentářů, aby viděli prémiový plugin WordPress 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.

Snadno vytvořte svůj online obchod

Stáhněte si zdarma WooCommerce, nejlepší e-commerce pluginy pro prodej vašich fyzických a digitálních produktů na WordPress. [Doporučeno]

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.

závěr

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

... 

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