# Közösségi megosztás widget: elrendezések, nézettípusok és gombok

> A Közösségi megosztás widget három elrendezése, a megtekintés típusai, az ismétlő mezői és az, hogy az egyes gombok mit nyitnak meg.

A **Közösségi megosztás** widget megosztógombokat tesz az Elementor-elrendezés bármelyik pontjára, hogy az olvasó a cím kézi másolása nélkül tovább tudja adni az oldalt. Ez a fejezet a teljes widgetet végigveszi: a három elrendezést, azt, hogy az egyes gombok mit nyitnak meg, és az ismétlő mezőit. Az elrendezés-specifikus leírás a [Kapcsoló és ragadós ikonok](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kozosseg-funkciok-megosztas-kapcsolo-ragados/) fejezetben van.

## Előfeltételek

- A widget a Pro bővítményben van. Pro nélkül az oldalon, ahol a widget áll, semmi nem jelenik meg, figyelmeztetés sem.
- Az Elementor (az ingyenes bővítmény) legyen telepítve és aktív.
- Nyisd meg a **The Plus Addons → Widgets** oldalt, keress rá a **Social Sharing** névre, és kapcsold be.
- A gombok azt az oldalt vagy bejegyzést osztják meg, amelyben állnak. Ha minden cikken ott akarod látni őket, tedd egy egyedi bejegyzés sablonba, egyébként arra az oldalra, amelyet meg akarsz osztatni.

## A widget felvétele

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 válaszd ki az **Elrendezést**: **Vízszintes**, **Függőleges** vagy **Kapcsoló**.
3. Válassz **Stílust**. Ez nem lista, hanem képsor, és az elrendezés szerint változik.
4. Válaszd ki a **Megtekintés típusát**, vagyis azt, hogy mit mutasson egy gomb. Kapcsoló elrendezésnél ez nem választható.
5. Nyisd meg a **Közösségi megosztás** ismétlőt, és hálózatonként vegyél fel egy sort.

![A Közösségi megosztás widget Tartalom fülje a stílusválasztó képekkel](./kepek/kozosseg-funkciok-2-megosztas-panel.webp)

*A Közösségi megosztás widget Tartalom fülje a stílusválasztó képekkel* (https://minta-bolt.hu/wp-admin/post.php?post=33&action=elementor)

A képen az **Elrendezés** legördülője, a stílusokat mutató kis képek, a **Megtekintés típusa** és a számláló beállításai látszanak.

![Négy megosztógomb vízszintes elrendezésben, ikon és szöveg nézettel és összes megosztás számlálóval](./kepek/kozosseg-funkciok-2-megosztas-vizszintes.webp)

*Négy megosztógomb vízszintes elrendezésben, ikon és szöveg nézettel és összes megosztás számlálóval* (https://minta-bolt.hu/tp-megosztas-vizszintes/)

A képen a vízszintes elrendezés látszik: a bal szélen a számláló az **Összes megosztás** és a **Megosztási címke** alapértékeivel, mellette a négy gomb. A gombok ikonja ezen az oldalon nem látszik, mert az oldal nem tölti be a Font Awesome ikonbetűt (lásd lent a korlátoknál).

## A Megtekintés típusa

Ez dönti el, mi látszik egy gombon belül. Alapértéke **Ikon és szöveg**.

| Választás | Mit mutat a gomb |
|---|---|
| **Ikon** | Csak a hálózat ikonját |
| **Ikonok darabszáma** | Az ikont és az általad beírt számot |
| **Szöveg** | Csak a **Címet** |
| **Szöveg karakterszáma** | A **Címet** és az általad beírt számot |
| **Ikon és szöveg** | Az ikont és a **Címet** (alapérték) |
| **Ikon, szöveg és darabszám** | Az ikont, a **Címet** és az általad beírt számot |

A widgetben minden szám olyan érték, amelyet te gépelsz be. A widget semmilyen hálózattól nem kér le adatot, ezért a számok csak díszítő jellegűek: egy indulásnál hasznosak, de megtévesztők, ha az alapértéken hagyod őket.

## Elrendezési beállítások

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **Elrendezés** | **Vízszintes**, **Függőleges** vagy **Kapcsoló** | **Vízszintes** |
| **Stílus** | A kinézet, képről választva. Elrendezésenként külön van: a vízszintes és a függőleges **Stílust**, a kapcsoló elrendezés **Kapcsoló stílusát** használja. | **Style 1** |
| **Megtekintés típusa** | Mit mutat egy gomb (kapcsolónál nincs) | **Ikon és szöveg** |
| **Oszlop** | Hány oszlopba tördelődik a sor, csak a vízszintes elrendezésnél | **Automatikus** |
| **Igazítás** | Balra, középre vagy jobbra, eszközönként külön | balra |
| **Tartalom illesztése** | Az ikon és a szöveg elhelyezése a gombon belül | balra |
| **Számláló megjelenítése** | A sor mellett kiír egy összesített számot | ki |
| **Összes megosztás** | Az összesített szám, szabad szöveg | 1.2K |
| **Megosztási címke** | A szám alatti szó | Megosztás |

- A **Stílus** képválasztó, nem legördülő lista, és elrendezésenként külön van. Az elrendezés váltásakor a képek is cserélődnek.
- Az **Oszlop** csak a vízszintes elrendezésnél létezik: **Automatikus** vagy 1-től 5-ig.
- Az **Igazítás** eszközönként külön állítható. A vízszintes elrendezésnél az öt stílusból kettőnél nem látszik.
- A **Számláló megjelenítése** alapból ki van kapcsolva, és a kapcsoló elrendezésnél egyáltalán nem érhető el.

## A Közösségi megosztás ismétlő

Minden sor egy gomb. A widget négy sorral érkezik: Facebook, Twitter, Pinterest és egy, amelynek a **Címe** „Linkedln”, azaz kis l betűvel az i helyett. Írd át a **Címet**, mielőtt közzéteszed.

| Mező | Mit csinál | Alapérték |
|---|---|---|
| **Közösségi hálózat** | Melyik hálózatra oszt a gomb | Facebook |
| **Cím** | A gomb felirata a szöveget mutató nézettípusoknál | a hálózat neve |
| **Darabszám** | A gombhoz tartozó, általad beírt érték | 7 |
| **Megosztásszám címkéje** | Egy szó a szám után | üres |
| **Közösségi gomb** | Extra szöveg a számláló után | üres |
| **Egyéni URL** | A gomb máshová vezet | ki |
| **Egyéni URL-link** | A cím, amelyet az **Egyéni URL** esetén nyit meg | üres |

Minden sornak van **Normál** és **Rámutatás** füle a következő színekkel: **Cím színe**, **Megosztásszám színe**, **Megosztásszám címkéjének színe**, **Ikon színe** és **Szegélyszín**.

### Mit nyit meg a gomb

Minden gomb egyszerű hivatkozás. A címét a widget annak az oldalnak az állandó linkjéből, címéből és kiemelt képéből állítja össze, amelyen áll, nem abból, amit beírsz.

| Gomb | Hová vezet |
|---|---|
| Facebook | facebook.com megosztó oldala az oldal címével |
| Twitter | twitter.com tweet-szerkesztője az oldal címével és linkjével |
| LinkedIn | linkedin.com megosztó oldala az oldal linkjével és címével |
| WhatsApp | api.whatsapp.com küldő oldala a címmel és a linkkel szövegként |
| Pinterest | pinterest.com pinelő oldala az oldal linkjével és a kiemelt képpel |
| Instagram | az instagram.com főoldala, a te oldaladra való hivatkozás nélkül |

## Működés

- Az **Egyéni URL** mindent felülír. Kapcsold be egy sorban, adj meg hozzá **Egyéni URL-linket**, és az a gomb oda vezet a hálózat helyett, a többi sor megtartja a saját megosztási címét.
- A **Stílus** a **Tartalom** fülön képválasztó, a **Stílus** fülön a **Cím**, a **Számláló**, az **Ikon**, a **Kapcsoló**, az **Összes számláló** és a **Háttér** szakasz van. Melyik látszik, az elrendezéstől és a nézettípustól függ: a **Kapcsoló** csak kapcsoló elrendezésnél, az **Összes számláló** csak bekapcsolt **Számláló megjelenítésénél**.

## Korlátok

- Az Instagram-gomb nem a te oldaladat osztja meg: az Instagram főoldalát nyitja meg, rád való hivatkozás nélkül, mert az Instagramnak nincs webes megosztási címe. Hagyd ki, hacsak nem csak a profilodra akarsz hivatkozni.
- A Pinterest-gombhoz kiemelt kép kell. A widget a bejegyzés kiemelt képét adja át a Pinterestnek, és ha nincs, akkor nincs mit kitűzni.
- A számok nem valósak. A **Darabszám**, a **Megosztásszám címkéje**, az **Összes megosztás** és a **Megosztási címke** egyszerű szövegmezők.
- 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űt.
- A legördülő hat hálózatnál többet kínál (például Pocket, Reddit, Telegram, Tumblr, Viber, Weibo, Xing és egy **Mobile Share Panel**), de a fenti táblázat csak ezt a hatot írja le: Facebook, Twitter, LinkedIn, WhatsApp, Pinterest és Instagram.

## Hibaelhárítás

### Semmi nem jelenik meg ott, ahol a gomboknak lenniük kellene

A Pro bővítmény nem aktív. A **Közösségi megosztás** csak Pro-val ad kimenetet.

### A gombok sötét négyzetek logó nélkül

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.

### A gomb rossz oldalt oszt meg

A widget mindig azt az oldalt osztja meg, amelyben megjelenik. Egyedi bejegyzés sablonban ez a megtekintett bejegyzés, statikus oldalon maga az oldal. Rögzített címhez használd az **Egyéni URL** beállítást.

### A Pinterest-gomb nem kínál képet

Állíts be kiemelt képet a bejegyzésnek.

### A gombokon olyan megosztásszám látszik, amit nem én adtam meg

A **Darabszám** minden sorban 7 alapértékkel indul. Töröld, vagy válassz olyan megtekintési típust, amelyben nincs szám.