Tovább a tartalomhoz

Beágyazások

Videók, képek, zenék és bejegyzések beillesztése külső szolgáltatókból a Beágyazás blokkokkal, és a támogatott szolgáltatók listája.

A beágyazással külső szolgáltatás tartalmát (például egy YouTube-videót, egy hangfájlt vagy egy közösségi bejegyzést) jeleníted meg a saját oldaladon. A tartalmat nem kell feltöltened a WordPressbe: az oldalad csak hivatkozik rá, és a szolgáltató lejátszója vagy kártyája jelenik meg a bejegyzésben vagy az oldalon.

  1. Nyisd meg a bejegyzést vagy az oldalt a blokkszerkesztőben.
  2. Add hozzá a Beágyazás blokkot, vagy egy konkrét szolgáltató blokkját, például a YouTube Beágyazás blokkot. A blokkválasztóban a keresőbe a szolgáltató nevét vagy a „beágyazás” szót írd.
  3. Másold be a tartalom webcímét a URL megadása a beágyazáshoz… mezőbe.
  4. Kattints a Beágyazás gombra.
https://minta-bolt.hu/wp-admin/post.php?post=10&action=edit
A YouTube Beágyazás blokk URL-mezővel és Beágyazás gombbal

A képen a blokk még üres: a cím bemásolása és a Beágyazás gomb után a helyén a videó előnézete jelenik meg.

Az általános Beágyazás blokk bármelyik támogatott szolgáltató címét felismeri. A szolgáltatóra szabott blokkok ugyanezt tudják, csak a szolgáltató ikonjával és nevével. Az oldalsávban a Méretek panelen a margót, a Haladó panelen a további beállításokat éred el. A blokk eszköztárán a megszokott mozgatási és igazítási gombok vannak.

A WordPress ezekből a szolgáltatókból tud tartalmat beágyazni:

Szolgáltató Mit ágyazhatsz be
Amazon Kindle Kindle-tartalom
Animoto Videók
Bluesky Bluesky-bejegyzés
Cloudup Videók, galériák, képek
Crowdsignal Szavazások és felmérések
DailyMotion Videók
Facebook Bejegyzés, tevékenység, fotó, videó, médiatartalom, kérdés, jegyzet
Flickr Videók és képek
Imgur Képek
Instagram Képek
Issuu Dokumentumok
Kickstarter Projektek
Mixcloud Zene
Pinterest Képek
Pocket Casts Podcastok
Reddit Bejegyzések és hozzászólások
ReverbNation Zene
Screencast Videó
Scribd Dokumentumok
SmugMug Vegyes tartalom
SoundCloud Zene
Speaker Deck Diasorozatok
Spotify Zene
TED Videók
TikTok Videók
Tumblr Vegyes tartalom
Twitter Tweet, profil, lista, gyűjtemény, kedvelések, Moment
VideoPress Videók
Vimeo Videók
Wolfram Vegyes tartalom
WordPress Más WordPress-oldal bejegyzése
WordPress.tv Videók
YouTube Videók

A legtöbb szolgáltatónak külön blokkja is van, amely <Szolgáltató> Beágyazás néven szerepel a blokkválasztóban. A Photobucket képeinek beágyazását a WordPress szintén ismeri, de külön blokk nincs hozzá: használd az általános Beágyazás blokkot.

  • Facebook és Instagram: a két szolgáltató megszüntette a nyilvános beágyazási végpontot. A bejegyzések beágyazásához ezért fejlesztői fiók és alkalmazásazonosító kell, és a kéréshez hitelesítési tokent is mellékelni kell. Ha nincs ilyen beállítva, a beágyazás nem működik.
  • Tumblr: csak a bejegyzések címét ismeri fel (például nev.tumblr.com/post/…), az önálló képekét nem (nev.tumblr.com/image).
  • Twitter: régebbi WordPress-változatokban gondot okozhat a https címek beágyazása. Ilyenkor töröld ki a címből az „s” betűt.
  • YouTube: csak nyilvános és „listázatlan” videókat és lejátszási listákat lehet beágyazni, a „privát” videókat nem. Az élő közvetítések címét is felismeri.

A YouTube Beágyazás blokkkal a videó lejátszógombokkal együtt az oldaladon jelenik meg, a látogatónak nem kell elhagynia a honlapot. Beágyazáshoz nincs szükség YouTube-fiókra.

Nem minden videó ágyazható be: a feltöltőnek engedélyeznie kell a beágyazást a videó beállításaiban (YouTube Studio: videó szerkesztése, további beállítások, Beágyazás engedélyezése), és egyes feltöltők országokra is korlátozzák. A beágyazott lejátszóval a videó nézési adatai (személyes azonosítás nélkül) a YouTube-hoz és a videó feltöltőjéhez kerülnek, ezt vedd figyelembe, ha a honlapodat gyerekek is látogatják.

  1. Keresd meg a videót a YouTube-on, és másold ki a címét a böngésző címsorából.
  2. Add hozzá a YouTube Beágyazás blokkot (a /youtube beírásával gyorsan megtalálod).
  3. Illeszd be a címet a mezőbe, és kattints a Beágyazás gombra.
  4. A szerkesztőben megjelenik a videó. Az Előnézet gombbal a látogatók nézetét is megnézheted.

Más YouTube-hivatkozások:

  • Lejátszási lista: a lista első videója jelenik meg, a lejátszó jobb felső sarkában a lista lapozójával.
  • Élő közvetítés: a youtube.com/live/<videókód> alakú címek támogatottak.
  • Nem beágyazható cím: a szerkesztő két lehetőséget kínál: másik cím megadása, vagy a cím átalakítása hagyományos szöveges hivatkozássá.

A Facebook Beágyazás blokkal nyilvános Facebook-bejegyzést, fotót, albumot vagy videót ágyazhatsz be. Facebook-oldalt, eseményt és csoportot nem lehet beágyazni. A korábban említett fejlesztői fiók és hitelesítési token nélkül a blokk nem működik.

  1. Másold ki a beágyazandó nyilvános Facebook-bejegyzés hivatkozását.
  2. Add hozzá a Facebook Beágyazás blokkot (/facebook).
  3. Illeszd be a hivatkozást, és kattints a Beágyazás gombra.
  4. A szerkesztőben a hivatkozás és az „Embedded content from facebook.com can’t be previewed in the editor” jellegű üzenet látszik: a bejegyzés itt nem jelenik meg. Az Előnézet gombbal nézheted meg, hogyan fest az oldalon.

A blokk eszköztárán az Átalakítás a blokkot Csoport blokká teszi (így a beágyazás mögé háttérszínt állíthatsz).

A Twitter Beágyazás blokkal nyilvános tweetet ágyazhatsz be, Twitter-fiók nélkül. Egy tweeten kívül profilhivatkozást (a felhasználó legújabb tweetjei), Twitter-listát, gyűjteményt, kedvelések listáját és Momentet is megjeleníthetsz.

  1. Keresd meg a tweet címét: a tweet dátuma az egyedi tweetre mutat, a jobb egérgombos menüből másold ki a hivatkozás címét (mobilnézetben a tweet alján lévő megosztás gomb is használható).
  2. Add hozzá a Twitter Beágyazás blokkot.
  3. Illeszd be a címet, és kattints a Beágyazás gombra. Sikeres beágyazásnál előnézet jelenik meg.
  4. Ha a cím nem beágyazható, „Sorry, this content could not be embedded.” üzenet jön, és dönthetsz: másik cím vagy hagyományos hivatkozás.

Az Átalakítás menüből Bekezdés (a beágyazás egyszerű hivatkozássá lesz), Oszlopok vagy Csoport blokk lehet belőle. A csoportnál háttérszínt is adhatsz a tweet mögé.

A WordPress Beágyazás blokkal más WordPress-oldal nyilvános bejegyzését illesztheted be a sajátodba. Ehhez nem kell WordPress-fiók, de csak nyilvános bejegyzés ágyazható be.

  1. Nyisd meg a beágyazandó bejegyzést, és másold ki a címét a böngésző címsorából.
  2. Nyisd meg a saját bejegyzésedet vagy oldaladat, és add hozzá a WordPress Beágyazás blokkot.
  3. Illeszd be a címet a mezőbe, és kattints a Beágyazás gombra. Ha a cím beágyazható, a szerkesztőben előnézet jelenik meg.
  4. Ha nem beágyazható, a „Sorry, this content could not be embedded.” üzenet jön két lehetőséggel: másik cím megadása, vagy átalakítás hagyományos hivatkozássá.
  5. Az Előnézet gombbal megnézheted, hogyan fest az oldalon.

Az Átalakítás menüben a blokkot Csoport blokká teheted, így háttérszínt adhatsz a beágyazott bejegyzés mögé. Igazításból a Balra, Középre és Jobbra áll rendelkezésre.

A TED Beágyazás blokk TED-videót tesz az oldaladra lejátszógombbal, így a látogató a honlapodon nézheti meg. TED-lejátszási listát és sorozatot nem lehet beágyazni.

  1. Keresd meg a videót a TED honlapján, és másold ki a címét a böngésző címsorából.
  2. Add hozzá a TED Beágyazás blokkot (üres sorban a /ted beírásával gyorsan megtalálod).
  3. Illeszd be a címet, és kattints a Beágyazás gombra. A szerkesztőben megjelenik a videó.
  4. Az Előnézet gombbal a látogatók nézetét nézheted meg.

Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle (a csoportnál háttérszínt is adhatsz). Igazításnál a Széles és a Teljes szélesség is elérhető, ha a sablonod támogatja.

Az Instagram Beágyazás blokkal nyilvános Instagram-bejegyzést ágyazhatsz be, Instagram-fiók nélkül. A Facebook megszüntette a nyilvános beágyazási végpontot, ezért a blokk csak akkor működik, ha van fejlesztői fiók, alkalmazásazonosító és hitelesítési token. Beállítás nélkül a beágyazás sikertelen.

  1. Nyisd meg a bejegyzést az Instagramon, kattints a további beállítások gombra, és válaszd a hivatkozás másolását (mobilon hasonlóan megy).
  2. Add hozzá az Instagram Beágyazás blokkot.
  3. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.
  4. Ha a cím nem beágyazható, a szerkesztő ugyanazt a két lehetőséget kínálja, mint másik szolgáltatónál: másik cím vagy hagyományos hivatkozás.

Az Átalakítás menüben Csoport blokká alakíthatod, így háttérszínt állíthatsz be. Igazítás: Balra, Középre, Jobbra. A Haladó panelen további CSS-osztályt adhatsz a blokkhoz.

A Spotify Beágyazás blokk számot, podcastot, lejátszási listát és albumot is megjelenít. A beágyazáshoz nem kell Spotify-fiók. A látogató a teljes számokat csak bejelentkezve hallgathatja végig: kijelentkezve 30 másodperces részletet játszik le a lejátszó, utána bejelentkezésre vagy regisztrációra kéri.

  1. A Spotify webes lejátszójában válaszd ki a számot, kattints a három pontra, majd a Megosztás menüpontban a Spotify-hivatkozás másolására. Az asztali alkalmazásban a szám menüjében a Megosztás, majd a dal hivatkozásának másolása a lépés.
  2. Add hozzá a Spotify Beágyazás blokkot.
  3. Illeszd be a hivatkozást, és kattints a Beágyazás gombra.
  4. Az Előnézet gombbal a látogatók nézetét nézheted meg.
https://minta-bolt.hu/wp-admin/post.php?post=18&action=edit
A Spotify Beágyazás blokk az URL-mezővel, az eszköztárral és az oldalsávval

A képen a blokk még üres. A hivatkozás beillesztése után a helyén a lejátszó jelenik meg.

Más Spotify-tartalom:

  • Podcast: a teljes podcast meghallgatható a beágyazott lejátszóból, külön lapozóval.
  • Album vagy lejátszási lista: a teljes számlista látszik a lejátszóban, felül az éppen játszott szám lapozójával.

Az Átalakítás menüben a blokkból Csoport lehet (háttérszínnel). Igazításnál Balra, Középre, Jobbra, Széles és Teljes szélesség áll rendelkezésre.

A SoundCloud Beágyazás blokk számot, lejátszási listát vagy albumot jelenít meg SoundCloudról. Nem kell hozzá SoundCloud-fiók, de a számnak nyilvánosnak kell lennie.

  1. A SoundCloudon válaszd ki a számot, és kattints a Share (megosztás) gombra.
  2. A felugró ablakból jelöld ki és másold ki a szám hivatkozását.
  3. Add hozzá a SoundCloud Beágyazás blokkot a blokkbeszúró gombbal, vagy egy új bekezdésben írd be a /soundcloud szót, és nyomj Entert.
  4. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.
  5. Az Előnézet gombbal a látogatók nézetét nézheted meg.

Album vagy lejátszási lista címét ugyanígy kell beágyazni, ilyenkor a teljes számlista látszik a lejátszóban. Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokká alakíthatod. A Széles és a Teljes szélesség igazítást a sablonnak engedélyeznie kell.

A Kickstarter Beágyazás blokkal Kickstarter-projektet jeleníthetsz meg a bejegyzésedben vagy az oldaladon. Nem kell hozzá Kickstarter-fiók.

  1. Keresd meg a projektet a Kickstarteren, és kattints a projekt megosztására szolgáló gombra („Share this project”).
  2. A felugró ablakban válaszd a beágyazás („Embed”) lehetőséget.
  3. A megjelenő adatok közül másold ki a projekt rövid hivatkozását („Project short link”).
  4. Add hozzá a Kickstarter Beágyazás blokkot.
  5. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Beágyazható cím esetén előnézet jelenik meg.
https://minta-bolt.hu/wp-admin/post.php?post=19&action=edit
A Kickstarter Beágyazás blokk az URL-mezővel és az oldalsávval

A képen a blokk még üres. A hivatkozás beillesztése után a helyén a projekt kártyája jelenik meg. Az eszköztár és az oldalsáv beállításai megegyeznek a többi szolgáltatóéval (lásd lent). Az Átalakítás menüben a blokkból Csoport lehet, így háttér- és szövegszínt állíthatsz a beágyazás köré.

Flickr-kép, album és galéria beágyazása

Szekció neve “Flickr-kép, album és galéria beágyazása”

A Flickr Beágyazás blokk fényképet, videót, albumot vagy galériát jelenít meg a Flickrről. Nem kell hozzá Flickr-fiók, de csak olyan tartalmat ágyazhatsz be, amelyet a feltöltő nyilvánosra állított; a titkosságot beállító feltöltők tartalma nem látszik.

  1. Keresd meg a fotót, albumot, galériát vagy videót a Flickren, és másold ki a címét a böngésző címsorából.
  2. Add hozzá a Flickr Beágyazás blokkot (üres sorban a /flickr beírásával).
  3. Illeszd be a címet, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.
  4. Az Előnézet gombbal megnézheted az oldalon megjelenő változatot.

Tudnivalók:

  • Videónál az oldalon csak a videó képe látszik, lejátszógomb nélkül. Rákattintva a látogató a Flickr oldalára jut, ott játszhatja le.
  • Albumnál és galériánál az első kép jelenik meg, előre és vissza nyilakkal a többi lapozásához.
  • Az Átalakítás menüben Csoport blokká alakíthatod, így háttérszínt adhatsz a kép mögé.

A SmugMug Beágyazás blokk SmugMug-képet tesz az oldaladra. Nem kell hozzá SmugMug-fiók, elég a kép címe.

  1. Keresd meg a képet a SmugMugon, nyisd meg, és másold ki a címét a böngésző címsorából.
  2. Add hozzá a SmugMug Beágyazás blokkot.
  3. Illeszd be a címet, és kattints a Beágyazás gombra.
  4. A szerkesztőben ennél a blokknál nincs előnézet, a tartalom a szerkesztőben nem látszik. Az Előnézet gombbal nézheted meg, hogyan jelenik meg az oldalon.

Az Átalakítás menüben Bekezdés vagy Csoport blokk lehet belőle (a csoportnál háttérszínt is állíthatsz).

Az Animoto Beágyazás blokkal a saját Animoto-fiókodban készített videót ágyazhatod be. A videó létrehozásához és testreszabásához Animoto-fiók kell, a beágyazott videót viszont fiók nélkül is végignézheti bárki.

  1. Az Animoto-fiókodban a videóid között nyisd meg a beágyazandó videót, és kattints a megosztás gombra.
  2. A megosztás lapon kattints a hivatkozás ikonjára, ami egy felugró ablakot nyit.
  3. A Copy to Clipboard gombbal másold ki a videó hivatkozását.
  4. Add hozzá az Animoto Beágyazás blokkot.
  5. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.

Az Átalakítás menüben Csoport blokká alakíthatod, így háttérszínt adhatsz a videó mögé. Az oldalsávban ennél a blokknál csak a Haladó panel van, az Átméretezés kisebb eszközök esetén kapcsoló nincs.

A Crowdsignal Beágyazás blokk Crowdsignal-szavazást, felmérést, kvízt vagy értékelést jelenít meg. A tartalom létrehozásához Crowdsignal-fiók kell (ingyenesen regisztrálhatsz), a beágyazott szavazást a látogatók fiók nélkül is kitölthetik. A blokkszerkesztővel készült, *.crowdsignal.net címen közzétett felmérések is beágyazhatók.

  1. A Crowdsignal vezérlőpultján hozz létre egy új felmérést, szavazást, kvízt vagy értékelést, vagy válassz egy meglévőt.
  2. A vezérlőpulton vagy a szerkesztőben keresd meg a megosztás gombot, és a felugró ablakban kattints a Copy to Clipboard gombra.
  3. Add hozzá a Crowdsignal Beágyazás blokkot (üres sorban a /crowdsignal beírásával).
  4. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.

Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle. A csoportnál a háttérnek színt vagy színátmenetet adhatsz.

A ReverbNation Beágyazás blokkal a ReverbNationről (zenei közösségi oldal) ágyazhatsz be előadót vagy zenét. Nem kell hozzá fiók.

  1. Keresd meg a tartalmat a ReverbNationön, és a megosztás („share artist”) gombbal kérd el a hivatkozását.
  2. Másold ki a kapott hivatkozást.
  3. Add hozzá a ReverbNation Beágyazás blokkot.
  4. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.

Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle (a csoportnál háttér- és szövegszínt is állíthatsz).

A Mixcloud Beágyazás blokk számot, lejátszási listát vagy teljes profilt jelenít meg a Mixcloudról. Nem kell hozzá Mixcloud-fiók, de a tartalomnak nyilvánosnak kell lennie.

  1. A Mixcloud webes lejátszójában válaszd ki a számot, és kattints a Share (megosztás) gombra.
  2. A megosztás ablakban jelöld ki és másold ki a szám hivatkozását.
  3. Add hozzá a Mixcloud Beágyazás blokkot (üres sorban a /mixcloud beírásával).
  4. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Beágyazható cím esetén előnézet jelenik meg.
  5. Az Előnézet gombbal megnézheted az oldalon megjelenő változatot.

Más Mixcloud-tartalom:

  • Lejátszási lista: a lejátszóban a teljes számlista látszik, a Mixcloudon beállított sorrendben. Az UP NEXT (következő) lehetőségre kattintva a lista számai között lapozhatsz.
  • Profil: a lejátszóban a profil jelenik meg, alul további navigációval.

Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle. A csoportnál háttérszínt, szegélyt és más stílust állíthatsz a beágyazás köré. Igazításnál a Széles és a Teljes szélesség is elérhető, ha a sablonod támogatja.

A TikTok Beágyazás blokkal TikTok-videót tehetsz a bejegyzésedbe vagy az oldaladra. Nem kell hozzá TikTok-fiók, de a videónak nyilvánosnak kell lennie.

  1. A TikTok webes lejátszójában nyisd meg a videót, és a hivatkozás ikonnal másold ki a címét.
  2. Add hozzá a TikTok Beágyazás blokkot (/tiktok).
  3. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Sikeres beágyazásnál a szerkesztőben megjelenik a videó előnézete.
  4. Az Előnézet gombbal megnézheted, hogyan fest az oldalon.
https://minta-bolt.hu/wp-admin/post.php?post=20&action=edit
A TikTok Beágyazás blokk URL-mezővel, Beágyazás gombbal és az oldalsávval

A képen a blokk még üres. A hivatkozás beillesztése után a helyén a videó jelenik meg.

Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle (a csoportnál háttérszínt is adhatsz).

Az Issuu Beágyazás blokkal az Issuun közzétett dokumentumaidat és magazinjaidat illesztheted be. A beágyazáshoz Issuu-fiók és magasabb szintű (fizetős) csomag kell.

  1. Az Issuun hozd létre a fiókodat és a tartalmat.
  2. A tartalom megosztás („Share”) gombjával kérd el a beágyazási vagy megosztási hivatkozást, és másold ki.
  3. Add hozzá az Issuu Beágyazás blokkot a blokkbeszúró (+) gombbal.
  4. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Beágyazható cím esetén előnézet jelenik meg.

Ha nincs magasabb szintű Issuu-fiókod, a beágyazott tartalmon egy „Why I can’t see my embed” feliratú réteg látszik. Nem beágyazható címnél a szokásos két lehetőséget kapod: másik cím, vagy átalakítás hagyományos hivatkozássá.

Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle. A csoportnál a háttér- és a szövegszínt is állíthatod.

A WordPress.tv Beágyazás blokk WordPress.tv-videót tesz az oldaladra teljes értékű lejátszóvezérlőkkel, így a látogató nálad nézheti végig a videót. Nem kell hozzá WordPress.tv-fiók, de a videónak nyilvánosnak kell lennie.

  1. A WordPress.tv oldalán válaszd ki a videót, és kattints a Share (megosztás) gombra.
  2. A megosztás részben kattints a hivatkozásra (magától kimásolódik), vagy jelöld ki és másold ki.
  3. Add hozzá a WordPress.tv Beágyazás blokkot.
  4. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.
  5. Az Előnézet gombbal megnézheted az oldalon megjelenő változatot.

Nem beágyazható címnél másik címet adhatsz meg, vagy hagyományos hivatkozássá alakíthatod. Az Átalakítás menüben Csoport blokká teheted, így háttérszínt állíthatsz a videó mögé.

A Screencast a képernyőd felvétele, rendszerint hangos magyarázattal: oktatóvideók gyakori formája. A Screencast Beágyazás blokkal ilyen videót tehetsz a bejegyzésedbe vagy az oldaladra. A beágyazáshoz Screencast-fiók kell.

  1. A Screencast-fiókodba tölts fel egy videót, és másold ki a videó címét.
  2. Add hozzá a Screencast Beágyazás blokkot.
  3. Illeszd be a hivatkozást a mezőbe, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.
  4. Az Előnézet gombbal megnézheted az oldalon megjelenő változatot.

Nem beágyazható címnél a szerkesztő a szokásos két lehetőséget kínálja. Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle (a csoportnál háttérszínt állíthatsz). Ennek a blokknak nincs saját beállítása az oldalsávban, csak a Haladó panel.

A Dailymotion Beágyazás blokk Dailymotion-videót tesz az oldaladra lejátszógombokkal, így a látogatónak nem kell elhagynia a honlapodat. Nem kell hozzá Dailymotion-fiók.

  1. A Dailymotion oldalán keresd meg a videót, és másold ki a címét a böngésző címsorából.
  2. Add hozzá a Dailymotion Beágyazás blokkot (üres sorban a /dailymotion beírásával).
  3. Illeszd be a címet a mezőbe, és kattints a Beágyazás gombra.
  4. A szerkesztőben megjelenik a videó, alatta felirat írására is van lehetőség.

Nem beágyazható címnél másik címet adhatsz meg, vagy hagyományos hivatkozássá alakíthatod. Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle; a csoportnál a háttérnek színátmenetet is adhatsz.

A Scribd Beágyazás blokkal cikkeket, e-könyveket vagy kutatási anyagokat jeleníthetsz meg a bejegyzéseidben és oldalaidon. Nem kell hozzá Scribd-fiók, de a beágyazandó dokumentumnak nyilvánosnak kell lennie.

https://minta-bolt.hu/wp-admin/post.php?post=22&action=edit
A Scribd Beágyazás blokk URL-mezővel és Beágyazás gombbal

A képen a blokk még üres: a cím megadása után a helyén a dokumentum előnézete jelenik meg.

  1. A Scribden nyisd meg a dokumentumot, és kattints a Embed (beágyazás) lehetőségre.
  2. A felugró ablakban beállíthatod a megjelenő dokumentum méretét és azt, hogy melyik oldaltól kezdődjön, és előnézetet is kapsz.
  3. Másold ki az ablak tetején látható címet.
  4. A szerkesztőben add hozzá a Scribd Beágyazás blokkot (üres sorban a /scribd beírásával gyorsan megtalálod).
  5. Illeszd be a másolt címet a mezőbe, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.
  6. Az Előnézet gombbal megnézheted az oldalon megjelenő változatot.

Ha a cím nem ágyazható be, a blokk a „Sajnos ezt a tartalmat nem lehetett beágyazni.” jellegű üzenetet mutatja, és két lehetőséget kínál: másik cím megadása, vagy átalakítás hagyományos hivatkozássá. Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle; a csoportnál háttér- és szövegszínt állíthatsz.

A Speaker Deck Beágyazás blokkal a saját (vagy más által nyilvánosan megosztott) diasorozatodat jelenítheted meg az oldaladon. Bemutató feltöltéséhez Speaker Deck-fiók kell, a beágyazáshoz nem, de a bemutatónak nyilvánosnak kell lennie.

  1. Jelentkezz be a Speaker Deckre, és a My Decks menüben nyisd meg a beágyazni kívánt bemutatót.
  2. Másold ki a bemutató címét a böngésző címsorából.
  3. Add hozzá a Speaker Deck Beágyazás blokkot a blokkválasztóból.
  4. Illeszd be a címet a mezőbe, és kattints a Beágyazás gombra. Siker esetén a szerkesztőben megjelenik a bemutató.

Ha a cím nem ágyazható be, a szerkesztő másik cím megadását vagy hagyományos hivatkozássá alakítást kínál. Az Átalakítás menüben a blokkból Csoport is lehet, amellyel a beágyazás körüli háttérszínt állíthatod. Az igazítás ennél a blokknál: Nincs, Balra igazítás, Középre igazítás, Jobbra igazítás.

A VideoPress Beágyazás blokk VideoPress-videót tesz az oldaladra. Nem kell hozzá VideoPress-fiók, de a videónál be kell kapcsolni a megosztást.

  1. A VideoPress webes lejátszójában válaszd ki a videót, és kattints a Share (megosztás) gombra.
  2. A megosztás részben kattints a videó állandó hivatkozására: az automatikusan a vágólapra kerül. Kijelölve és kimásolva is használhatod.
  3. A hivatkozáshoz három megosztási beállítás tartozik, mindegyik igaz/hamis értékkel: a kezdési időpont (Start at), az ismétlés (Loop) és az automatikus lejátszás (Autoplay).
  4. Add hozzá a VideoPress Beágyazás blokkot a blokkbeszúrón (+) keresztül.
  5. Illeszd be a hivatkozást a mezőbe, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.
  6. Az Előnézet gombbal megnézheted az oldalon megjelenő változatot.

Nem beágyazható címnél a szerkesztő másik cím megadását vagy hagyományos hivatkozássá alakítást kínál. Az Átalakítás menüben Bekezdés vagy Csoport blokk lehet belőle; a csoportnál háttérszínt állíthatsz.

A Cloudup Beágyazás blokk Cloudup-tartalmat (videót, galériát, képet) jelenít meg az oldaladon. Ehhez Cloudup-fiók kell.

  1. A Cloudupon hozz létre fiókot, ha még nincs.
  2. A fiókodban másold ki annak a tartalomnak az egyedi hivatkozását, amelyet be akarsz ágyazni.
  3. Add hozzá a Cloudup Beágyazás blokkot.
  4. Illeszd be a hivatkozást a mezőbe, és kattints a Beágyazás gombra. Siker esetén a tartalom megjelenik a szerkesztőben.

Nem beágyazható címnél másik címet adhatsz meg, vagy hagyományos hivatkozássá alakíthatod. Az Átalakítás menüben a blokkból Csoport is lehet, amellyel a háttér- és szövegszínt állíthatod.

Az Imgur Beágyazás blokkkal Imgur-képet, GIF-et vagy videót ágyazhatsz be, így a látogatóid az Imgurra való átirányítás nélkül, az oldaladon nézhetik meg. Nem kell hozzá Imgur-fiók, de a bejegyzésnek nyilvánosnak kell lennie.

  1. Nyisd meg az Imgur bejegyzést, és másold ki a címét a böngésző címsorából.
  2. Add hozzá az Imgur Beágyazás blokkot (üres sorban a /imgur beírásával gyorsan megtalálod).
  3. Illeszd be a címet a mezőbe, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.
  4. Az Előnézet gombbal megnézheted az oldalon megjelenő változatot.

Nem beágyazható címnél másik címet adhatsz meg, vagy hagyományos hivatkozássá alakíthatod. Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle; a csoportnál a háttérszínt állíthatod.

A Reddit Beágyazás blokkal Reddit-bejegyzést (képeset vagy csak szöveget tartalmazót) jeleníthetsz meg az oldaladon. Nem kell hozzá Reddit-fiók, de csak nyilvánosan megosztott bejegyzés ágyazható be.

  1. Nyisd meg a bejegyzést a Reddit oldalán, és másold ki a címét a böngésző címsorából.
  2. Add hozzá a Reddit Beágyazás blokkot (üres sorban a /reddit beírásával gyorsan megtalálod).
  3. Illeszd be a címet a mezőbe, és kattints a Beágyazás gombra. A szerkesztőben megjelenik a bejegyzés előnézete.
https://minta-bolt.hu/wp-admin/post.php?post=22&action=edit
A Reddit Beágyazás blokk URL-mezővel, Beágyazás gombbal és a Méretek panellel az oldalsávban

A képen a blokkok még üresek: a cím beillesztése után a helyükön a beágyazott tartalom jelenik meg. Ha a cím nem beágyazható, a „Sajnos ezt a tartalmat nem lehetett beágyazni.” üzenetet kapod; ilyenkor másik címet adhatsz meg, vagy hagyományos hivatkozássá alakíthatod.

Az Átalakítás menüben Bekezdés (a beágyazásból egyszerű hivatkozás lesz), Oszlopok vagy Csoport blokk lehet belőle. A csoportnál háttérszínt adhatsz a bejegyzés mögé. Az igazítás: Nincs, Széles, Teljes szélesség, Balra igazítás, Középre igazítás, Jobbra igazítás; a Széles és a Teljes szélesség a sablon támogatásától függ. Az URL szerkesztése gombbal átírhatod a címet, és a Beágyazás gombbal frissítheted a tartalmat.

A Tumblr Beágyazás blokk a Tumblr mikroblog-szolgáltatás nyilvános bejegyzéseit jeleníti meg: szöveget, idézetet, hivatkozást, csevegést, hang- és videóbejegyzést, valamint képbejegyzést is (az önálló képet nem, lásd feljebb). Az oldalsáv beállításai a közös eszköztárnál leírtak.

  1. Keresd meg a bejegyzést a Tumblron. A bejegyzés jobb alsó sarkában a három pontra kattintva válaszd a Permalink (állandó hivatkozás) lehetőséget.
  2. Másold ki a böngésző címsorában látható címet (Ctrl+A, majd Ctrl+C; Macen ⌘+A, majd ⌘+C).
  3. Nyisd meg a bejegyzésedet vagy oldaladat, és add hozzá a Tumblr Beágyazás blokkot.
  4. Illeszd be a címet a mezőbe, és kattints a Beágyazás gombra. Ha a cím beágyazható, előnézet jelenik meg.
  5. Ha nem beágyazható, a „Sajnos ezt a tartalmat nem lehetett beágyazni.” üzenet két lehetőséget kínál: másik cím vagy hagyományos hivatkozás.

Az Átalakítás menüben Bekezdés, Oszlopok vagy Csoport blokk lehet belőle; a csoportnál háttérszínt adhatsz a bejegyzés mögé. Ha a saját Tumblr-bejegyzéseidet át akarod hozni a honlapodra, azt az Eszközök → Importálás oldalon végezheted el.

A Vimeo Beágyazás blokk Vimeo-videót tesz az oldaladra. Nem kell hozzá Vimeo-fiók, de csak nyilvános videó ágyazható be.

  1. Keresd meg a videót a Vimeón, és másold ki a címét a böngésző címsorából.
  2. Add hozzá a Vimeo Beágyazás blokkot (a /vimeo beírásával gyorsan megtalálod).
  3. Illeszd be a címet a mezőbe, és kattints a Beágyazás gombra.
  4. Beágyazható cím esetén a szerkesztőben megjelenik a lejátszó. Nem beágyazható címnél a szokásos két lehetőséget kapod: másik cím vagy hagyományos hivatkozás.

Az Átalakítás menüben a blokkból Csoport lehet, így háttérszínt adhatsz a videó mögé. Az Igazít gomb lehetőségei: Nincs, Széles, Teljes szélesség, Balra igazítás, Középre igazítás, Jobbra igazítás. Az oldalsávban a Média beállítások panel Átméretezés kisebb eszközök esetén kapcsolója alapból be van kapcsolva: bekapcsolva a videó megtartja a méretarányát, kikapcsolva nem biztos, hogy megtartja.

A Pinterest Beágyazás blokkal egyedi pint, táblát (pinek gyűjteményét) vagy Pinterest-profilt jeleníthetsz meg a bejegyzésedben vagy az oldaladon. Nem kell hozzá Pinterest-fiók, de csak nyilvános pin, tábla és profil ágyazható be.

  1. Keresd meg a pint, a táblát vagy a profilt a Pinteresten, és másold ki a címét a böngésző címsorából.
  2. Add hozzá a Pinterest Beágyazás blokkot (üres sorban a /pinterest beírásával).
  3. Illeszd be a címet a mezőbe, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.
  4. Ha a cím nem beágyazható, a szerkesztő másik cím megadását vagy hagyományos hivatkozássá alakítást kínál.
  5. Az Előnézet gombbal megnézheted, hogyan fest az oldalon.

Az Átalakítás menüben Bekezdés (a beágyazásból hivatkozás lesz), Oszlopok vagy Csoport blokk lehet belőle. Az egyes lehetőségek fölé víve az egérmutatót előnézetet kapsz. A Csoport blokkra váltva állíthatod a háttérszínt, a kitöltést, a margót, a blokkok közti térközt és a szegélyt (vastagság, stílus, szín, lekerekítés). Az Igazít menü lehetőségei megegyeznek a többi szolgáltatóéval.

A Bluesky Beágyazás blokkal Bluesky-bejegyzést jeleníthetsz meg az oldaladon. A beágyazáshoz nem kell Bluesky-fiók.

  1. Keresd meg a bejegyzést a Bluesky-on. Ha egy hírfolyamot nézel, az egyes bejegyzés címe a közzététel dátumára és idejére mutató hivatkozás: jobb egérgombbal kattints rá, és válaszd a hivatkozás címének másolását.
  2. Nyisd meg a bejegyzésedet vagy az oldaladat, és add hozzá a Bluesky Beágyazás blokkot a blokkbeszúróval. Üres bekezdésben a /bluesky beírása és az Enter is elég.
  3. Illeszd be a címet az URL megadása a beágyazáshoz… mezőbe, és kattints a Beágyazás gombra.
  4. Ha a cím beágyazható, a szerkesztőben megjelenik a bejegyzés előnézete.
https://minta-bolt.hu/wp-admin/post.php?post=29&action=edit
A Bluesky Beágyazás blokk az oldalsávval

A képen a blokk még üres. A cím beillesztése után a helyén a bejegyzés kártyája jelenik meg. Az oldalsávon a Méretek panelen a margót állíthatod.

A blokk eszköztára a közös gombokon túl még néhány lehetőséget ad:

  • Átalakítás: a blokkból Bekezdés, Oszlopok, Részletek vagy Csoport blokk lehet.
  • Igazít: Nincs, Széles és Teljes szélesség közül választhatsz, ha a sablonod támogatja őket.
  • Felirat hozzáadása: a beágyazás alá feliratot írhatsz. A felirat gombot újra megnyomva a feliratot eltávolítod.
  • URL szerkesztése: másik bejegyzés címét adhatod meg.

A Haladó panelen HTML-horgonyt és további CSS-osztályokat adhatsz meg.

A Pocket Casts Beágyazás blokk Pocket Casts-tartalmat jelenít meg: egy podcast oldalát, egy epizódot, vagy egy epizód adott időpontját. A blokk a Beágyazás blokk egyik változata.

  1. A Pocket Castsban nyisd meg a podcast oldalát. Ha az egész podcastot akarod beágyazni, vidd az egeret a podcast címe fölé, és kattints a Megosztás (Share) gombra. Egy epizódnál nyisd meg az epizódot, és a felugró ablakban kattints a Megosztás gombra.
  2. A felugró ablakból másold ki a hivatkozást.
  3. Add hozzá a Pocket Casts Beágyazás blokkot (üres bekezdésben a /pocket-casts beírásával gyorsan megtalálod).
  4. Illeszd be a hivatkozást a mezőbe, és kattints a Beágyazás gombra. A szerkesztőben megjelenik a podcast előnézete.
https://minta-bolt.hu/wp-admin/post.php?post=29&action=edit
A Pocket Casts Beágyazás blokk az oldalsávval

A képen a blokk még üres. A hivatkozás beillesztése után a helyén a lejátszó jelenik meg.

Van egy rövidebb út is: egy új bejegyzésben másold be a Pocket Casts hivatkozását (például egy https://pca.st/… alakú címet) közvetlenül a szerkesztőbe. Ha jól működik, a cím helyén megjelenik a Pocket Casts lejátszó.

Az eszköztáron az Átalakítás a blokkot Bekezdés, Oszlopok vagy Csoport blokkká alakítja, az Igazít menüben pedig Nincs, Széles, Teljes szélesség, Balra igazítás, Középre igazítás és Jobbra igazítás választható. Az URL szerkesztése gomb csak a beágyazás után jelenik meg: írd át a hivatkozást, és kattints újra a Beágyazás gombra. A Média beállítások panel szintén a beágyazás után látszik; az Átméretezés kisebb eszközök esetén kapcsoló alapból be van kapcsolva, és a lejátszó a böngészőablak átméretezésekor is megtartja az arányát.

Az Amazon Kindle Beágyazás blokk egy Kindle-könyv adatait jeleníti meg az oldaladon.

  1. Add hozzá az Amazon Kindle Beágyazás blokkot a blokkbeszúróval, vagy üres bekezdésben a /amazon-kindle beírásával.
  2. Illeszd be a könyv címét. A cím alakja: https://www.amazon.com/dp/<ASIN>, ahol az <ASIN> a könyv azonosítója. Az Amazon-oldal országának megfelelő végződést használd (például amazon.co.uk vagy amazon.com).
  3. Kattints a Beágyazás gombra: a könyv adatai megjelennek a szerkesztőben.
https://minta-bolt.hu/wp-admin/post.php?post=29&action=edit
Az Amazon Kindle Beágyazás blokk az oldalsávval

A képen a blokk még üres. A cím beillesztése után a helyén a könyv adatai látszanak.

Az eszköztárról a közös gombokon túl:

  • Átalakítás (a blokk ikonja): Oszlopok vagy Csoport blokkot csinál belőle.
  • Igazít: Nincs, Széles, Teljes szélesség (a könyv a képernyő teljes szélességét kitölti), Balra igazítás, Középre igazítás, Jobbra igazítás.
  • Beállítások (három pont): többszörözés, beszúrás elé vagy mögé, csoportosítás, zárolás (mozgatás és törlés tiltása), átnevezés, minta létrehozása, áthelyezés, szerkesztés HTML-ként és törlés.

A Haladó panelen HTML-horgonyt és további CSS-osztályokat adhatsz meg.

A Wolfram beágyazással Wolfram Notebook tartalmat jeleníthetsz meg bejegyzésben vagy oldalon. A tartalomnak a Wolfram Cloudban közzétett jegyzetfüzetnek kell lennie. A mai szerkesztőben ehhez nincs külön blokk: használd az általános Beágyazás blokkot.

  1. Nyisd meg a jegyzetfüzetet a Wolfram Cloudban, és másold ki a wolframcloud.com címét.
  2. Add hozzá a Beágyazás blokkot (üres bekezdésben /embed).
  3. Illeszd be a hivatkozást, és kattints a Beágyazás gombra. Siker esetén előnézet jelenik meg.
  4. Az Előnézet gombbal a látogatók nézetét nézheted meg.

Ha a cím nem ágyazható be, a „Sorry, this content could not be embedded.” üzenet jelenik meg: másik címet adhatsz meg, vagy a címet hagyományos hivatkozássá alakíthatod.

Az Átalakítás menüben a blokkból Bekezdés (a jegyzetfüzet egyszerű hivatkozássá lesz), Oszlopok vagy Csoport blokk lehet. Az egyes lehetőségek fölé víve az egérmutatót előnézetet látsz. A Csoport blokkal háttérszínt, kitöltést, margót, térközt és szegélyt (vastagság, stílus, szín, lekerekítés) állíthatsz a beágyazás köré.

A SlideShare Beágyazás blokkot a WordPress 6.6-os kiadásától eltávolították, ezért a mai szerkesztőben nincs ilyen blokk.

A szolgáltatói blokkok közös eszköztára és beállítása

Szekció neve “A szolgáltatói blokkok közös eszköztára és beállítása”

A YouTube, Facebook, Twitter és a többi szolgáltatói blokk eszköztára ugyanaz:

  • Blokk típusának vagy stílusának módosítása (a szolgáltató ikonja): átalakítás másik blokká.
  • Húzás (hat pont) és fel és le nyilak: a blokk mozgatása.
  • Igazít: Nincs, Széles, Teljes szélesség (a két utóbbit a sablonnak támogatnia kell), Balra igazítás, Középre igazítás, Jobbra igazítás.
  • Felirat hozzáadása: a beágyazás alá felirat kerül.
  • URL szerkesztése: írd át a címet, és kattints újra a Beágyazás gombra.
  • Beállítások (három pont): másolás, többszörözés, szerkesztés HTML-ként.

Az oldalsávban a Méretek panelen a margót állíthatod. A Média beállítások panelen az Átméretezés kisebb eszközök esetén kapcsoló áll. Bekapcsolva (alapértelmezett) a beágyazás a böngészőablak átméretezésekor is megtartja a méretarányát, kikapcsolva előfordulhat, hogy nem. A Haladó panelen HTML-horgony és további CSS-osztályok adhatók meg. A beágyazásokhoz alapból tartoznak CSS-osztályok, amelyek a mobilos méretezést kezelik; ehhez a sablonnak is támogatnia kell a reszponzív beágyazott tartalmat.

Ha a szolgáltató nincs a fenti listán, a tartalmát nem tudod a Beágyazás blokkal megjeleníteni. Egy nem támogatott szolgáltató tartalmát az Egyedi HTML blokkal is megjelenítheted, ha a szolgáltató ad beágyazókódot.

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