Tovább a tartalomhoz

Felhívás (Call to Action) szakasz készítése

Címsorból és gombból álló felhívás felépítése konténerrel, reszponzív beállítással és gyermek konténerrel.

A felhívás sok weboldal alapeleme: általában fontos közlemény vagy ajánlat, de feliratkozás gyűjtésére is használható. A gomb mutathat egy másik oldalra, és ha rendelkezel a Pro bővítménnyel, dinamikus címkével felugró ablakot is nyithat.

https://minta-bolt.hu/kontener-demo/
A kész felhívás szakasz: címsor és gomb egy színes hátterű konténerben

A képen a felső, bézs hátterű rész a kész felhívás.

Hozz létre egy új oldalt, vagy nyiss meg egy meglévőt az Elementor szerkesztőben.

  1. Kattints a vásznon a + jelre, és adj hozzá egy új konténert.
  2. A Tartalom szélessége a példában Dobozos, de használhatsz Teljes szélesség értéket is.
  3. A Stílus fülön adhatsz a konténernek háttérszínt vagy más stílust. Ha vannak mentett globális színeid, gyorsan alkalmazhatod őket.
  4. A Haladó fülön adj a konténernek paddinget (például 21 PX).
  1. A panelről húzz egy Címsor widgetet a konténerbe, és írd át a szöveget.
  2. Húzz alá egy Gomb widgetet, és ha szeretnéd, add meg a hivatkozását.
  1. Jelöld ki a konténert.
  2. Nyisd ki a Tételek részt az Elrendezés fülön.
  3. Állítsd az Irány értékét vízszintes sorra, hogy a widgetek egymás mellé kerüljenek.
  4. Az Elemek igazítása mezővel igazítsd őket függőlegesen középre.
  5. A Tartalom igazítása mezővel oszd el a widgetek közötti helyet (például Térköz az elemek között).

Nyisd meg a reszponzív módot a panel aljáról, és válaszd ki az eszköztípusokat, majd végezd el a szükséges módosításokat. Táblagépnél általában kevés módosítás kell. Mobilnézetben célszerű lehet átállítani a konténer irányát (például függőleges oszlopra), majd az Elemek igazítása mezővel a tervhez illően igazítani a widgeteket.

Ha a felhívásban több tartalomra is szükség van, adj hozzá egy gyermek konténert.

  1. Húzz egy konténer elemet a panelről a szülő konténerbe.
  2. Húzd a Címsor widgetet a gyermek konténerbe.
  3. Szerkeszd a gyermek konténer Elrendezés fülét.
  4. A Tartalom szélessége mezőben válaszd a Teljes szélesség értéket.
  5. A csúszkával állítsd a konténer szélességét; a szülő Tartalom igazítása beállítását így is tiszteletben tartja.
  6. Ha kell, a Tételek mezőkkel igazítsd a tartalmat a tervhez.
  7. A Hézagok beállítással adhatsz helyet a widgetek közé.

További konténeres elrendezések: nyitó rész, hero rész, szolgáltatások rész és hero képgaléria, lásd az alapelrendezéseket és a hero képgalériát.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások