honlap csúszka létrehozása a WordPress programban[2021]

a mai bejegyzésben mindent megteszünk, amit tudnod kell arról, hogyan lehet csúszkát létrehozni a WordPress-ben.

mint mindig, itt van a videó útmutató:

a csúszka egy rendkívül gyakori weboldal-tervezési elem, amely szöveget, képeket és videókat mutat be az egyik diáról a másikra “csúsztatva”.

gyakran használják az üzleti és Portfólió weboldalakon.

rengeteg nagyszerű ingyenes csúszka közül lehet választani, de találhat néhány igazán szép fizetett csúszkát is.

a csúszkák programozhatók a diavetítések automatikus futtatására, abban a pillanatban, amikor valaki eléri a webhelyét – pár másodpercenként váltva a következő diára.

vagy a csúszkák lehetnek statikusak, és az olvasók egy kis nyílra kattinthatnak, például a következő diára csúsztatva.

egyes webhelyek csúszkákat használnak a legfrissebb bejegyzések megjelenítéséhez. Általában hozzáadnak egy linket a diákhoz, így ha valaki el akarja olvasni a cikket, egyszerűen rákattinthat a linkre, és eljuthat a tartalomhoz.

egy dolgot érdemes szem előtt tartani a csúszkákkal kapcsolatban, hogy kissé lelassíthatják webhelyét, amikor egy csomó képet vagy más tartalmat próbál betölteni. De ez enyhíthető a kép betöltési sebességének felgyorsításával.

egy másik lehetséges probléma a mobil készenlét.

a Google Asszisztens a mobilra reagáló webhelyeket helyezi előtérbe, ezért győződjön meg arról, hogy webhelye mobilra készült, függetlenül attól, hogy csúszkát használ-e vagy sem.

de ha csúszkát használ, akkor meg kell győződnie arról, hogy az is érzékeny, így nem néz ki furcsán a mobil eszközökön, tönkreteszi az ügyfélélményt, és nem felel meg a Google irányelveinek, csökkentve a SEO hatását.

de mindezek mellett a csúszkák számos előnyt kínálnak.

a Homepage sliders számos olyan dologban segíthet, amelyet nélkülük nem tudna megtenni.

a csúszkák bemutathatják a termékeket az Ön honlapján, természetesen arra késztetve a látogatókat, hogy rájuk kattintsanak, és többet láthassanak, ami elég gyakori, ha e-kereskedelmi webhelyet üzemeltet.

a csúszkák vizuálisan vonzóak. Érdekes tartalmak megjelenítésével megragadják a figyelmet, és segíthetnek abban, hogy a látogatók maradjanak a webhelyén.

a honlap csúszkái Fontos információk megjelenítésére használhatók. Például csúszkákkal lehet megjeleníteni az összes szolgáltatást, amelyet egy vállalkozás kínál. Vagy felhasználható a szabadúszó portfóliójának legfontosabb projektjeinek bemutatására.

a csúszkák egymás után képesek megjeleníteni a legfontosabb szöveges tartalmat, például az ajánlásokat. Ez nagyon erős lehet annak bizonyításában, hogy a webhely látogatói a megfelelő helyen vannak, és a megfelelő termékeket és szolgáltatásokat kínálják számukra.

most, hogy tudod, mi a honlap csúszkák, és miért kell egy, olvassa el, hogy pontosan hogyan kell tenni egy a honlapon.

Step #1 – Telepítse a WordPress honlap csúszka Plugin

fogunk használni egy ingyenes plugin nevű smart slider 3 Ez szuper könnyen használható.

először lépjen be a WordPress irányítópultjába, keresse meg a “Plugins” fület a bal oldali menüben, majd kattintson az “Új hozzáadása” gombra.”

ezután írja be a keresősávba a csúszka nevét, csúszka 3.

miután meglátta, kattintson a “Telepítés most”, majd az “Aktiválás” gombra.”

2. lépés-Hozzon létre egy új csúszkát

most, hogy telepítette a Smart Slider 3 alkalmazást, az irányítópult bal oldali menüjében láthatja.

görgessen lefelé, majd kattintson rá.

2 lehetőség közül választhat:

1. hozzon létre egy új csúszkát a semmiből
2. sablon használata

mindannyian a saját sablon létrehozásához. Ha úgy érzi, kényelmes, hogy, több energiát az Ön számára.

de hogy teljesen őszinte legyek, szeretjük a sablonokat. Ez egy szilárd alapot teremt valami csodálatos, amely magában foglalja az egyedi hangulattal belül bevált keretet.

plusz, ha siet, vagy csak sima lusta, sablonok a legjobb barátja a szerzés dolgokat tenni rengeteg időt a tartalék.

tehát ehhez az oktatóanyaghoz kattintson a “Template Library” gombra.”

rengeteg sablon közül választhat. Több mint 180, hogy pontos legyek.

néhány közülük fog kerülni egy szép penny.

de sok közülük ingyenes. Ha pedig csak az ingyenes sablonokat szeretné látni, kattintson a zöld “ingyenes” gombra.

ha meg szeretné tekinteni a csúszkák bármelyikét, egyszerűen kattintson rájuk, és élő előnézetet kap arról, hogy hogyan fog kinézni egy ilyen honlap csúszka, és hogyan működhet a webhelyén.

miután kiválasztotta a használni kívánt csúszkát, vigye az egérmutatót a sablon fölé, majd kattintson a megjelenő “Importálás” gombra.

az importálás után látni fogja, hogy most már 3 diája van az irányítópulton: az 1-es, 2-es és 3-as dia, amelyek együttesen egyetlen csúszkát hoznak létre.

mostantól bármelyiket szerkesztheti szöveg, kép és videó hozzáadásához.

szerkesztéséhez vigye az egérmutatót bármelyik diák fölé, majd kattintson a “Szerkesztés” gombra.

észre fogod venni, hogy most a vizuális szerkesztőben vagy.

ha módosítani szeretné a szöveget, egyszerűen kattintson a szövegre, és megjelenik egy kis doboz szerkesztő doboz.

ebben a szerkesztő mezőben megváltoztathatja a szöveg megjelenését a festékdoboz ikonra kattintva. Ez lehetővé teszi, hogy:

• adjon hozzá egy linket a szöveghez.
• Szerkessze a szöveg színét.
• módosítsa a betűtípust.
• válassza ki a betűtípus méretét és súlyát.
• stb.

ugyanezt megteheti a szöveg alatti gombbal, ha rákattint.

egy másik funkció, amelyet meg kell változtatni a gombnál, az, hogy hogyan fog kinézni, ha valaki az egérmutatót fölé viszi.

ha rákattint a ceruza gombra, megváltoztathatja a gomb szövegét, és megadhat egy linket is, amelyre a gomb elviszi az olvasót.

akár a teljes csúszka mezőt is szerkesztheti, nem csak a doboz elemeit, rákattintva (csak a doboz fehér hátterére kattintottam, hogy kiválasszam).

itt megváltoztathatja a háttér színét vagy az átlátszatlanságot. Ha csökkenti az átlátszatlanságot, akkor a dobozt kissé átlátszóbbá teheti, lehetővé téve a látogatók számára, hogy a kép mögött láthassák a hajót.

számos testreszabási lehetőség van.

ezután meg fogjuk változtatni a dia háttérképét.

tehát görgessen felfelé, majd kattintson a “Háttér” gombra.”

látni fogja, hogy a kép gomb már ki van választva, így csak annyit kell tennie, hogy görgessen lefelé, és keresse meg a “Háttér” című Sort.”Mellette megjelenik a “kép”, amelynek már tartalmaznia kell egy képet, amelyet kicserélhet a kívánt képre.

szabaduljon meg ettől a képtől úgy, hogy az egérmutatót fölé viszi, és rákattint a megjelenő apró X-re.

ezután csak adjon hozzá egy újat a zöld gombra kattintva. Ezt követően lépjen át a “fájlok feltöltése” elemre, majd kattintson a “fájlok kiválasztása” gombra.”

most egyszerűen válassza ki a kívánt képet, majd kattintson a “Megnyitás”, majd a “Kiválasztás” gombra.”

az új kép most ott van!

ezután menjen fel, kattintson a Mentés gombra a jobb felső sarokban, majd kattintson a “csúszka” gombra a bal felső sarokban, hogy visszatérjen a fő irányítópultra.

mielőtt továbblépnék, van még egy hasznos tipp az Ön számára.

csak kissé görgessen lefelé, és megjelenik egy menüsor, amelyen a “közzététel”, “Általános”, “méret” stb.

kattintson az ” Általános.”

itt talál még néhány testreszabási lehetőséget a csúszka kinézetéhez.

például megváltoztathatja a csúszka animációjának működését. Az alapértelmezett beállítás vízszintes. Ha akarta, megváltoztathatja, hogy elhalványuljon az egyik képről a másikra, amikor rákattint a nyilakra.

de hagyjuk ezt az útmutatót.

3. lépés-jelenítse meg a csúszkát a webhelyén

megmutatom, hogyan kell ezt megtenni az alapvető WordPress szerkesztővel, valamint az elem vagy az oldal készítőjével.

először csináljuk meg az alapvető WordPress szerkesztőt.

Hogyan hozzunk létre egy honlap csúszkát a WordPress Editor használatával

mindössze annyit kell tennie, hogy egyszerűen megy az oldalra, amelyre fel szeretné tenni, és szerkeszteni.

tehát a bal oldali menü irányítópultjára mentünk, rákattintottunk az “oldalak” gombra, és hozzáadtunk egy újat. De érdemes lehet egy kezdőlap csúszka, ezért ebben az esetben csak lépjen a kezdőlapjára a WordPress irányítópultján.

ha ezt a csúszkát hozzá szeretné adni az oldal tetejére, kattintson a bal felső sarokban található kis plusz gombra, és keresse meg a Smart Slider 3 elemet.

miután rákattintott a Smart Slider 3 elemre, az oldal szerkesztőjében megjelenik egy nagy kék gombbal, amely azt mondja: “válassza ki a csúszkát.”Rajta, kattints rá.

Ezután válassza ki a használni kívánt csúszkát.

most már csak annyit kell tennie, hogy kattintson a “Közzététel” gombra, majd ismét a “Közzététel” gombra. Innentől kattintson az” oldal megtekintése ” gombra, hogy megnézze, hogyan néz ki.

Most látnia kell a Kezdőlap csúszkáját, és tökéletesen működnie kell.

ezután elmondjuk, hogyan jelenítse meg a csúszkát az elem vagy az Oldalkészítő segítségével.

Hogyan hozzunk létre egy kezdőlap csúszkát Element vagy Page Builder segítségével

tehát menj vissza a WordPress irányítópultjára, és navigálj arra az oldalra, amelyre fel akarod tenni a csúszkát, például a kezdőlapodra.

ennek legegyszerűbb módja, ha az egérmutatót a neve fölé viszi a WordPress irányítópult bal felső sarkában, majd kattintson a “webhely meglátogatása” gombra.”

meg kell néznie a honlapját.

innen kattintson a “Szerkesztés Elementorral” elemre az oldal kis menüsorán.

tehát, ha hozzá szeretné adni a csúszkát közvetlenül a honlap tetejére, egyszerűen kattintson a kis kék plusz gombra az oldal tetején.

Ezután keresse meg a Smart Slider 3 elemet a bal oldalon megjelenő mezőben.

a lehetőségek közül választhat, az egyik a WordPress ikonnal, a másik pedig a csúszka ikonnal. Válassza ki a csúszka ikonnal ellátott lehetőséget, húzza azt a helyre, ahol a csúszkát szeretné, majd válassza ki a használni kívánt csúszkát.

látni fogja a csúszkát, és képes lesz kipróbálni közvetlenül a szerkesztőben.

most, ha olyan vagy, mint én, lehet, hogy ezek a kis fehér sávok vannak a csúszka tetején és alján. Ha szeretne megszabadulni ezektől, kattintson a bal oldali szerkesztő menü “speciális” fülére.

ezután a “Margó” alatt változtassa meg az értéket negatív 10-re. Ezeknek a fehér sávoknak ezen a ponton teljesen el kell tűnniük.

Kattintson A “Frissítés.”

OK, így lehet csúszkát készíteni a WordPress – ben!