Közösségi megosztás: kapcsolós megosztógomb és ragadós ikonok

Ez a fejezet a Közösségi megosztás widget két különleges használatát írja le: a Kapcsoló elrendezést, amely a gombokat egyetlen gomb mögé rejti, és a ragadós ikonsort, amely görgetéskor is a képernyőn marad. A widget többi beállítását a Közösségi megosztás áttekintése fejezet írja le. A widget a Pro bővítmény része: Pro nélkül semmi nem jelenik meg. Az Elementor legyen aktív, és a The Plus Addons → Widgets oldalon kapcsold be a Social Sharing widgetet.

Megosztógombok kapcsoló mögött

A megosztógombok sora helyet foglal akkor is, ha senki nem használja. A Kapcsoló elrendezés egyetlen gomb mögé rejti őket, és csak akkor mutatja, ha az olvasó kéri.

Beállítás

1. Add hozzá a Közösségi megosztás widgetet az oldalhoz vagy a sablonhoz.
2. A Tartalom fül Közösségi megosztás szakaszában állítsd az Elrendezést Kapcsoló értékre.
3. Válassz Kapcsoló stílust. Kettő van, képről választhatod.
4. Vedd fel a hálózatokat a Közösségi megosztás ismétlőben, ugyanúgy, mint más elrendezésnél.
5. Nyisd meg a Váltógomb szakaszt, és állítsd be magát a gombot: a Szöveg és az Ikon kiválasztása mezőt.

https://minta-bolt.hu/wp-admin/post.php?post=35&action=elementor

A képen a Váltógomb szakasz látszik: a Szöveg alapértéke „megosztás”, alatta az Ikon kiválasztása a megosztás ikonjával.

Mi változik a Kapcsoló elrendezésnél

• Eltűnik a Megtekintés típusa: a hat ikon- és szövegkombináció ennél az elrendezésnél nem választható.
• Eltűnik a Számláló megjelenítése is, ezért itt nincs összesített szám.
• Eltűnik az Oszlop, mert az a vízszintes elrendezéshez tartozik.
• A Tartalom fülön megjelenik a Váltógomb szakasz a Szöveg és az Ikon kiválasztása mezővel. A Szöveg csak az 1. Kapcsoló stílusnál érvényes: alapértéke „megosztás”, és a widget nagybetűvel rajzolja ki.
• A Stílus fülön megjelenik a kapcsoló szakasz a gomb szélességével, ikonméretével és színeivel, normál és rámutatásos állapotban.
• Megjelenik a Rámutatás iránya, de csak a 2. Kapcsoló stílusnál. Azt dönti el, merre nyílnak szét a gombok: Bal, Jobb, Felül vagy Alul. Az alapérték Felül.

Mit látsz az oldalon

Betöltéskor csak a kapcsológomb látszik, a mögötte lévő gombok szélessége és magassága nulla, és teljesen átlátszók.

https://minta-bolt.hu/tp-megosztas-kapcsolo/

A képen a kapcsoló betöltés után, kattintás előtt látszik: csak a kapcsológomb van kirajzolva.

Egy kattintás a kapcsolóra kinyitja a panelt, egy második kattintás becsukja.

https://minta-bolt.hu/tp-megosztas-kapcsolo/

A képen a kapcsoló egy kattintás után látszik: a zöld gomb alatt megjelentek a megosztógombok. Az ikonok az oldalon nem látszanak, mert nem töltődik be a Font Awesome (lásd a korlátoknál).

Beállítás	Mit csinál	Alapérték
Elrendezés	Kapcsoló legyen	Vízszintes
Kapcsoló stílusa	A kapcsoló két kinézete közül az egyik	Style 1
Rámutatás iránya	Merre nyílnak a gombok, csak a 2. kapcsoló stílusnál	Felül
Szöveg	A kapcsológomb szava, csak az 1. kapcsoló stílusnál	megosztás
Ikon kiválasztása	A kapcsológomb ikonja	megosztás ikon

Működés

• Kattintásra nyílik, nem rámutatásra. A beállítás neve Rámutatás iránya, de az egérrel a gomb fölé állva nem történik semmi: a panel csak kattintásra jelenik meg, és egy második kattintás zárja be. A beállítás az irányt adja meg, az indító a kattintás.
• A panel szélességgel, magassággal és átlátszósággal van elrejtve, nem távolítja el az oldalról, ezért a kattintás előtt is benne van a kódban.
• Minden gomb ugyanúgy azt az oldalt osztja meg, amelyben áll, mint a többi elrendezésnél.

Korlátok

• Ennél az elrendezésnél nincs számláló: a Számláló megjelenítése és a Megtekintés típusa sem érhető el.
• A Rámutatás irányát csak a 2. Kapcsoló stílus kínálja, ezért az 1. stílusnál a négy irányt nem tudod beállítani.
• Az ikonok üresek lehetnek azon az oldalon, amely semmi mást nem tölt be a Font Awesome-ból.

Hibaelhárítás

• Semmi nem jelenik meg. A Pro bővítmény nem aktív. A Közösségi megosztás csak Pro-val működik.
• A gombra rámutatva nem történik semmi. Így van rendjén: a panel kattintásra nyílik, a név ellenére.
• Nem találom a Rámutatás irányát. Állítsd a Kapcsoló stílust 2. stílusra. Az 1. stílusnál a vezérlő rejtve van.
• A gomb szava nem változik. A Szöveg csak az 1. Kapcsoló stílusnál érvényes. A 2. stílusnál a gomb csak ikon.

Ragadós közösségi ikonok

A ragadós ikonok görgetés közben is a képernyőn maradnak, ezért a megosztás lehetősége egy hosszú cikk végén is ott van, nem csak az elején. Ehhez két dolog kell: a Közösségi megosztás Függőleges elrendezése és az Elementor saját Pozíció beállítása, amely rögzíti a widgetet.

Hová tedd

Ha minden cikken ott akarod látni, tedd egyedi bejegyzés sablonba, egyébként arra az oldalra, amelyen szükség van rá.

Lépések

1. Add hozzá a Közösségi megosztás widgetet az oldalhoz vagy a sablonhoz.
2. A Tartalom fül Közösségi megosztás szakaszában állítsd az Elrendezést Függőleges értékre. A gombok oszlopba rendeződnek, és a ragadós oszlophoz ez a megfelelő forma.
3. Válassz egyet a Függőleges elrendezés három Stílus képe közül.
4. Állítsd a Megtekintés típusát Ikon értékre. A rögzített oszlopban kevés a hely, és csak ikonokkal keskeny marad.
5. Vedd fel a hálózatokat a Közösségi megosztás ismétlőben.
6. Nyisd meg a Haladó fület, és az Elrendezés szakaszban állítsd a Pozíciót Rögzített értékre. Az eltolásokkal (vízszintes és függőleges) helyezd a kívánt helyre a képernyőn.

Mit látsz az oldalon

Pozíció beállítása nélkül a widget az oldal része, és vele együtt elgörög. Ha a Pozíció Rögzített, a widget a megadott eltolásokkal a képernyő ugyanazon pontján marad: az oldal elején, egy hosszabb görgetés után és az oldal alján is.

https://minta-bolt.hu/tp-megosztas-ragados/

A képen a négy ikon a nézet bal szélén áll, miközben mellette a cikk szövege látszik. A logók az oldalon nem látszanak, mert nem töltődik be a Font Awesome (lásd a korlátoknál).

Beállítás	Hol van	Mit csinál	Alapérték
Elrendezés	Tartalom → Közösségi megosztás	Függőleges legyen az oszlophoz	Vízszintes
Stílus	Tartalom → Közösségi megosztás	A függőleges elrendezés három képes választása	Style 1
Megtekintés típusa	Tartalom → Közösségi megosztás	Az Ikon keskeny oszlopot ad	Ikon és szöveg
Igazítás	Tartalom → Közösségi megosztás	Balra, középre vagy jobbra, eszközönként külön	balra
Pozíció	Haladó → Elrendezés	Az Elementor saját beállítása: a Rögzített a képernyőhöz rögzíti a widgetet	alapértelmezett

A Pozíció az Elementor saját Haladó beállítása, nem a Közösségi megosztásé. Bármelyik widgeten ugyanígy működik, és ez teszi ragadóssá az ikonokat: a Függőleges elrendezés csak a megfelelő formát adja.

Működés

• A Rögzített pozíció a képernyőhöz köt, nem a cikkhez. A widget a görgetéstől függetlenül ugyanazon a helyen marad.
• Az eltolások adják meg a helyét. Amint a Pozíció Rögzített, a vízszintes és a függőleges eltolás mozgatja az oszlopot a kívánt szélre.
• Minden gomb ugyanúgy azt a bejegyzést osztja meg, amelyben áll, mint a többi elrendezésnél.

Korlátok

• A rögzített oszlop keskeny képernyőn ráfedhet a tartalomra. Állítsd be az eltolásokat eszközönként, vagy rejtsd el a widgetet mobilon az Elementor reszponzív láthatósági beállításaival.
• Az ikonok üresek lehetnek azon az oldalon, amely semmi mást nem tölt be a Font Awesome-ból. Sötét négyzeteket látni a logók helyén, amíg az oldal be nem tölti az ikonbetű stíluslapját.
• Az oszlop kikerül az oldal folyásából, ezért semmi nem hagy neki helyet.

Hibaelhárítás

• Az ikonok még mindig elgörögnek. A Pozíció nincs Rögzített értékre állítva. Anélkül a widget az oldallal együtt mozog.
• Az oszlop rálóg a szövegemre. Módosítsd a vízszintes eltolást, vagy adj a tartalomnak megfelelő margót. A rögzített widget kikerül az oldal folyásából, ezért semmi nem teremt neki helyet.
• Az ikonok sötét négyzetek. Az oldalon nem töltődik be a Font Awesome. Tegyél az oldalra olyan elemet, amely betölti, vagy töltsd be a sablonodból.
• Semmi nem jelenik meg. A Pro bővítmény nem aktív. A Közösségi megosztás csak Pro-val működik.