Copy to Clipboard: szöveg másolása kattintásra

A Copy to Clipboard kiterjesztéssel a látogató a weboldalon egy modulra kattintva a vágólapjára másolhatja a te megadott szövegedet. A Visual Builderben mezőnként kapcsolod be, a mező címkéjén megjelenő lila vágólap ikonnal. Bekapcsolás után a mező alatt megjelennek a Content beállítások (másolandó szöveg, opcionális másolás-jelvény, sikerüzenet-tooltip). A „Copied” felirat kinézetét a Design → Copy to Clipboard alatt állítod.

Divi 5 alatt érhető el, alapértelmezetten ki van kapcsolva. A beállítás belső kulcsa dsm_use_click_to_copy.

Mire jó

• Kuponkód, támogatási e-mail-cím, jegyazonosító vagy parancs másolása egy blurbból vagy címsorból.
• Követett (affiliate) hivatkozás másolása dinamikus tartalomból.
• Rövid kódpéldák másolása kijelölés nélkül.

Nagy szövegblokkokhoz nem ideális: a vágólap rövid szövegekre való (kódok, URL-ek, egysoros szövegek). Érzékeny titkot se tegyél ilyen mezőbe, mert a másolt tartalom a látogató vágólapján és más alkalmazásokban is elérhető.

A kiterjesztés azokon a Divi- és Divi Supreme-modulokon működik, amelyeknek vannak felismerhető szövegmezői. Az olyan szerkezeti elemek, mint a puszta szakasz, sor vagy oszlop (szövegmező nélkül), nem kapnak tooltip-dizájnbeállítást.

Bekapcsolás

1. Nyisd meg a Divi Supreme → Extensions oldalt.
2. Kapcsold be a Copy to Clipboard kiterjesztést.
3. Kattints a Save changes gombra, majd töltsd újra a Visual Buildert, hogy a lila ikonok megjelenjenek a mezők címkéin.

Első lépések

1. Kapcsold be a kiterjesztést, és töltsd újra a buildert.
2. Nyiss meg egy szöveges mezővel rendelkező modult (például cím vagy törzsszöveg).
3. Kattints a mező címkéjén a lila vágólap ikonra, amíg „be” állapotot nem mutat.
4. Töltsd ki a Text to copy mezőt, vagy hagyd üresen, hogy a mező saját tartalma másolódjon.
5. Szükség esetén kapcsold be a Show copy badge opciót, és formázd a Copy Badge fülön.
6. Szükség esetén állítsd be a Copied message szöveget, az ikont, az időtartamot és az elhelyezést.
7. Mentsd az oldalt, nyisd meg a weboldalon, és kattints a mezőre: megjelenik a sikerüzenet-tooltip.

Mi másolódik

1. A Text to copy tartalma, ha ki van töltve (támogatja a dinamikus tartalmat).
2. Egyébként a forrásmező értéke (például a cím vagy a törzsszöveg).
3. Ha mindkettő üres, a weboldalon nem regisztrálódik semmi.

Másolás-jelvény

A Show copy badge egy kis ikont tesz a mező szövege mellé, hogy a látogató lássa, hogy a szöveg másolható. Nem azonos a Show copied icon opcióval: az utóbbi ikon csak a sikerüzenet-tooltipben jelenik meg másolás után.

1. Kapcsold be a Copy to Clipboardot a mezőn (a lila ikon a címkén).
2. Kapcsold be a Show copy badge opciót.
3. Nyisd meg a Copy Badge fület (akkor jelenik meg a Copied Icon és a Tooltip Style mellett, ha azok be vannak kapcsolva).
4. Állítsd be az elhelyezést, az ikont, a színt, a méretet és a rést.
5. Mentsd, és nézd meg a weboldalon: a jelvény a másolható szöveg mellett ül (például a bekezdésen vagy címsoron belül), nem külön blokként alatta.

Beállítás	Mit csinál	Alapérték
Show copy badge	A beágyazott jelvény főkapcsolója.	ki
Badge placement	A jelvény a szöveg előtt (Before) vagy után (After) áll.	After
Badge icon	A jelvény ikonja (Divi, Font Awesome vagy Divi Supreme ikonkészlet).
Badge color	Az ikon színe.
Badge size	A jelvény mérete (kb. 10 és 32 px között).	14px
Badge gap	A jelvény és a szöveg közti távolság.	6px

Sikerüzenet-tooltip

Beállítás	Mit csinál	Alapérték
Copied message	A sikeres másolás után megjelenő szöveg (támogatja a dinamikus tartalmat).	Copied
Show copied icon	Ikon a szöveg mellett (bekapcsolva megjelenik a Copied Icon fül).	be
Copied icon	A sikerüzenet ikonja.	pipa
Copied tooltip duration (ms)	Meddig látszik a tooltip (500 és 5000 között).	1500
Copied tooltip placement	Auto / Top / Bottom / Left / Right. Az Auto a legtöbb hellyel rendelkező oldalt választja.	Top
Customize Tooltip Style	A mezőre vonatkozó egyedi tooltip-szín, -méret és -sarokív (megjelenik a Tooltip Style fül).	ki

Design → Copy to Clipboard

Akkor jelenik meg, ha a modulon legalább egy mezőn be van kapcsolva a Copy to Clipboard.

• Tooltip Preview: élő előnézet a modul tooltipjéről a builderben (a mezőnkénti egyedi beállítások nem módosítják ezt az előnézetet).
• Alcsoportok: Color (Background, Text, Icon), Text (Font Size), Border (sarokív, Show Tooltip Arrow), Padding, Box Shadow.
• A mezőnkénti Customize Tooltip Style csak arra a mezőre írja felül a tooltip színét, méretét és sarokívét; a padding és az árnyék a modul Design-alapértelmezéseit követi.

Tippek

• Kódokhoz és URL-ekhez add meg kifejezetten a Text to copy mezőt, hogy a látható címsor szerkesztése ne változtassa meg véletlenül a vágólapra kerülő szöveget.
• Használd a Show copy badge opciót, ha nem nyilvánvaló, hogy a szövegre kattintani lehet (gombkinézet nélküli szövegnél).
• A Copied message legyen rövid (például „Copied!” vagy „Kód másolva”).
• A kiterjesztés bekapcsolása után töltsd újra a Visual Buildert, hogy a lila ikonok megjelenjenek.
• A vágólap-hozzáférés a böngészőtől függ; HTTPS-en próbáld ki.
• Ha a másolás vezérlői hiányoznak, ellenőrizd, hogy a kiterjesztés be van-e kapcsolva az Extensions oldalon: alapértelmezetten ki van kapcsolva.