jak vytvořit posuvník domovské stránky v aplikaci WordPress [2021]

v dnešním příspěvku pokryjeme vše, co potřebujete vědět o tom, jak vytvořit posuvník v WordPress.

jako vždy, zde je video průvodce:

posuvník je super běžný prvek designu webových stránek, který zobrazuje text, obrázky a videa „posunutím“ z jednoho snímku na druhý.

běžně se používají na obchodních a portfoliových webech.

existuje spousta skvělých volných posuvníků, ale můžete také najít nějaké opravdu pěkné Placené posuvníky.

posuvníky lze naprogramovat tak, aby automaticky spouštěly prezentace v okamžiku, kdy někdo zasáhne váš web-každých pár sekund přepne na další snímek.

nebo posuvníky mohou být statické a umožňují čtenářům kliknout na malou šipku, například přejet prstem na další snímek.

některé webové stránky používají posuvníky k zobrazení svých nejnovějších příspěvků. Obvykle přidají odkaz na snímky, takže pokud si někdo chce přečíst článek, může jednoduše kliknout na odkaz a přejít na obsah.

jedna věc, kterou je třeba mít na paměti u posuvníků, je, že mohou trochu zpomalit váš web, když se snaží načíst spoustu obrázků nebo jiného obsahu. To však lze zmírnit zrychlením rychlosti načítání obrazu.

dalším potenciálním problémem je mobilní připravenost.

Google nyní upřednostňuje weby, které reagují na mobilní zařízení, takže byste se měli ujistit, že je váš web vytvořen pro mobilní zařízení bez ohledu na to, zda používáte posuvník nebo ne.

ale pokud používáte posuvník, musíte se ujistit, že je také citlivý, takže na mobilních zařízeních nevypadá divně, ničí zkušenosti zákazníků a neodpovídá pokynům Google, což snižuje dopad SEO.

ale se vším, co bylo řečeno, posuvníky nabízejí mnoho výhod.

posuvníky domovské stránky vám mohou pomoci udělat řadu věcí, které byste bez nich nemohli udělat.

posuvníky vám mohou předvést vaše produkty na vaší domovské stránce, což přirozeně vede návštěvníky k tomu, aby na ně klikli a viděli více, což je docela běžné, pokud provozujete web elektronického obchodu.

posuvníky jsou vizuálně přitažlivé. Upoutají pozornost zobrazením zajímavého obsahu a mohou pomoci zajistit, aby se vaši návštěvníci drželi na vašem webu.

posuvníky domovské stránky lze použít k zobrazení důležitých informací. Posuvníky lze například použít k zobrazení všech služeb, které firma nabízí. Nebo jej lze použít k zobrazení nejlepších projektů v portfoliu nezávislého pracovníka.

posuvníky mohou zobrazovat klíčový textový obsah, jako jsou posudky, jeden po druhém. To může být velmi silný v prokázání návštěvníkům vašich webových stránek, že jsou na správném místě a nabízíte správné produkty a služby pro ně.

Nyní, když víte, co jsou posuvníky domovské stránky a proč byste je měli mít, přečtěte si, abyste přesně viděli, jak je umístit na svůj web.

Krok # 1-nainstalujte plugin WordPress Homepage Slider

budeme používat bezplatný plugin s názvem smart slider 3, který je velmi snadno použitelný.

Nejprve přejděte do řídicího panelu WordPress a najděte kartu „Pluginy“ v levém menu a klikněte na “ Přidat nový.“

pak zadejte do vyhledávacího pole Název posuvníku, posuvník 3.

jakmile to uvidíte, klikněte na „Instalovat nyní“ a poté klikněte na “ Aktivovat.“

Krok #2-Vytvořte nový posuvník

Nyní, když jste nainstalovali Smart Slider 3, uvidíte jej v levém bočním menu na řídicím panelu.

Přejděte dolů a klikněte na něj.

zobrazí se vám 2 možnosti:

1. vytvořte nový posuvník od nuly
2. použijte šablonu

všichni jsme pro vytvoření vlastní šablony. Pokud se s tím cítíte dobře, více energie pro vás.

ale abych byl upřímný, milujeme šablony. Poskytuje pevný základ pro vytvoření něčeho úžasného, které zahrnuje váš jedinečný vkus v osvědčeném rámci.

navíc, pokud jste ve spěchu, nebo prostě líní, šablony jsou váš nejlepší přítel pro získání věci udělat s dostatkem času nazbyt.

takže pro tento tutoriál klikneme na “ knihovna šablon.“

zobrazí se vám spousta šablon, ze kterých si můžete vybrat. Přesněji přes 180.

některé z nich vás budou stát docela penny.

ale mnoho z nich je zdarma. A pokud chcete vidět pouze bezplatné šablony, stačí kliknout na zelené tlačítko“ Zdarma“.

Chcete-li zobrazit náhled některého z posuvníků, jednoduše na ně klikněte a dostanete živý náhled toho, jak bude jeden z těchto posuvníků domovské stránky vypadat a jak může fungovat na vašem webu.

Jakmile vyberete posuvník, který chcete použít, najeďte myší na šablonu a klikněte na zobrazené tlačítko „Import“.

po importu uvidíte, že nyní máte na hlavním panelu 3 snímky: slide 1, 2 a 3, které se sčítají a vytvářejí jediný posuvník.

nyní můžete upravit libovolný z nich a přidat text, obrázky a video.

Chcete-li je upravit, umístěte kurzor myši na některý ze snímků a klikněte na tlačítko „Upravit“.

všimnete si, že jste nyní ve vizuálním editoru.

Chcete-li změnit text, jednoduše klikněte na text a objeví se malé pole editor box se objeví.

uvnitř tohoto editoru můžete změnit vzhled a dojem textu kliknutím na ikonu malování. To vám umožní:

• přidejte odkaz na text.
• Upravte barvu textu.
• změňte písmo.
• Vyberte velikost a hmotnost písma.
• atd.

totéž můžete udělat pomocí tlačítka pod textem kliknutím na něj.

další funkcí, kterou lze pro tlačítko Změnit, je to, jak to bude vypadat, pokud nad ním někdo najede kurzorem myši.

pokud kliknete na tlačítko tužky, můžete změnit text tlačítka a také poskytnout odkaz, na který Tlačítko přenese čtečku.

můžete dokonce upravit celý posuvník, nejen prvky v poli, kliknutím na něj (právě jsem klikl na bílé pozadí samotného pole a vybral jej).

zde můžete změnit věci, jako je barva pozadí nebo krytí. Pokud snížíte neprůhlednost, můžete krabici trochu zprůhlednit, což návštěvníkům umožní vidět loď za obrázkem.

máte mnoho možností přizpůsobení.

dále změníme obrázek na pozadí tohoto snímku.

tak přejděte nahoru a klikněte na “ pozadí.“

uvidíte, že tlačítko obrázku je již vybráno, takže vše, co musíte udělat, je posunout dolů a najít řádek s názvem “ pozadí.“Vedle něj uvidíte „obrázek“ a měl by již obsahovat obrázek, který můžete vyměnit za ten, který chcete.

Zbavte se tohoto obrázku umístěním kurzoru nad ním a kliknutím na zobrazené malé X.

pak stačí přidat nový kliknutím na zelené tlačítko. Poté přejděte na „Nahrát soubory“ a klikněte na „Vybrat soubory“.“

nyní jednoduše vyberte požadovaný obrázek a klikněte na „Otevřít“ a poté na “ Vybrat.“

váš nový obrázek je nyní tam!

pak jděte nahoru a klikněte na tlačítko Uložit v pravém horním rohu a poté klikněte na „posuvník“ v levém horním rohu a vraťte se zpět na hlavní řídicí panel.

než se přesunete, mám pro vás ještě jeden užitečný tip.

lehce přejděte dolů a uvidíte panel nabídek s kartami s nápisem „publikovat“, „Obecné“, „Velikost“ atd.

klikněte na “ obecné.“

zde najdete několik dalších možností přizpůsobení vzhledu posuvníku.

můžete například změnit fungování animace posuvníku. Výchozí nastavení je horizontální. Pokud jste chtěli, můžete jej změnit tak, aby zmizel z jednoho obrázku na druhý, když kliknete na šipky.

ale necháme to být pro tohoto průvodce.

Krok # 3-zobrazte posuvník na svém webu

ukážu vám, jak to udělat se základním editorem WordPress a také s nástrojem nebo tvůrcem stránek.

nejprve uděláme základní Editor WordPress.

jak vytvořit posuvník domovské stránky pomocí editoru WordPress

vše, co musíte udělat, je jednoduše přejít na stránku, na kterou ji chcete umístit, a upravit ji.

tak jsme šli do řídicího panelu v levém menu, klikli na „stránky“ a přidali nový. Ale možná budete chtít posuvník domovské stránky, takže v takovém případě stačí přejít na domovskou stránku na hlavním panelu WordPress.

Chcete-li přidat tento posuvník v horní části této stránky, klikněte na malé tlačítko plus v levém horním rohu a vyhledejte inteligentní posuvník 3.

po kliknutí na Smart Slider 3 se objeví v editoru vaší stránky s velkým modrým tlačítkem, které říká “ vyberte posuvník.“Jděte do toho a klikněte na něj.

poté vyberte posuvník, který chcete použít.

nyní stačí kliknout na „Publikovat“ a znovu kliknout na „Publikovat“. Odtud kliknete na „Zobrazit stránku“ a uvidíte, jak to vypadá.

Nyní byste měli vidět posuvník domovské stránky a měl by fungovat perfektně.

dále vám řekneme, jak zobrazit posuvník pomocí prvku nebo tvůrce stránek.

jak vytvořit posuvník domovské stránky pomocí nástroje Element nebo Page Builder

takže se vraťte zpět do řídicího panelu WordPress a přejděte na jakoukoli stránku, na kterou chcete posuvník umístit, jako je vaše domovská stránka.

nejjednodušší způsob, jak toho dosáhnout, je umístit kurzor nad své jméno v levém horním rohu řídicího panelu WordPress a kliknout na “ Navštívit web.“

měli byste se podívat na svou domovskou stránku.

odtud klikněte na „Upravit pomocí Elementoru“ na malém panelu nabídek na stránce.

takže pokud chcete přidat posuvník přímo v horní části domovské stránky, jednoduše klikněte na malé modré tlačítko plus ve středu horní části stránky.

poté vyhledejte Smart Slider 3 v poli, které se objeví vlevo.

uvidíte možnosti, z nichž si můžete vybrat, jednu s ikonou WordPress a druhou s ikonou posuvníku. Vyberte možnost s ikonou posuvníku a přetáhněte ji do místa, kde chcete posuvník, a poté vyberte posuvník, který chcete použít.

uvidíte posuvník a budete jej moci vyzkoušet přímo v samotném editoru.

nyní, pokud jste jako já, můžete mít tyto malé bílé pruhy nahoře a dole tohoto posuvníku. Pokud se jich chcete zbavit, klikněte na záložku“ Upřesnit “ v nabídce editoru na levé straně.

potom pod „Margin“ změňte hodnotu na -10. Ty bílé pruhy by v tuto chvíli měly být úplně pryč.

Klikněte Na “ Aktualizovat.“

OK, tak to je, jak vytvořit posuvník v WordPress!