Beágyazások és ikonok

Az ikonok apró, szövegközi szimbólumok. Menükben, elérhetőségeknél és funkciólistáknál jönnek jól.

Beágyazás hozzáadása

Adj hozzá egy Beágyazás blokkot. Illeszd be a szolgáltatásból kapott kódot, majd ments. A szerkesztő élő előnézetet mutat.

Gyakori felhasználások:

• YouTube- vagy Vimeo-videók.

• Google Maps.

• Foglalási és időpontkérési widgetek.

• Hírlevél-feliratkozási űrlapok.

• Diagramok és dashboardok.

• Egy kis saját HTML-snippet.

Használd a Tartalomhoz igazított magasság opciót, ha a beágyazott tartalom magassága változik — például egy űrlapnál, ami további mezőket nyit ki. Enélkül a beágyazás fix magasságot tart, és előfordulhat, hogy a saját keretén belül görgetni kell.

YouTube

Illessz be egy YouTube-linket vagy a beágyazókódot. A Remake egy könnyű lejátszót jelenít meg a videó előnézeti képével, így az oldal addig nem tölti be a teljes YouTube-lejátszót, amíg valaki rá nem nyom a lejátszásra.

Ezzel az oldal gyorsabb marad, mint egy hagyományos YouTube-beágyazással.

Sandbox

A beágyazások elkülönített keretben futnak. A kereten belül engedélyezettek a szkriptek, az űrlapok és a felugró ablakok, de a beágyazott oldal nem érheti el a webhelyed többi részét.

Ez egy biztonsági határvonal, nem garancia arra, hogy a beágyazott szolgáltatás megbízható. Csak olyan forrásból illessz be kódot, amiben megbízol.

Ha egy beágyazás nem működik

Egyes oldalak nem engedik magukat beágyazni. Ilyenkor üres keretet vagy hibaüzenetet láthatsz. Ezt a másik oldal szabályozza, nem a Remake.

Ha ez történik:

• Használd a szolgáltatás hivatalos beágyazókódját a sima oldalcím helyett.

• Nézd meg, kínál-e a szolgáltatás megosztási vagy beágyazási lehetőséget.

• Végső esetben használj egy képernyőképet, ami linkre mutat.

Ikonok

Az ikonokat nem a perjeles menüből, hanem beírt paranccsal szúrod be.

Írj egy : jelet egy blokk elején vagy egy szóköz után, majd legalább egy betűt. Például :heart vagy :arrow. Megnyílik az ikonok rácsnézete. Ha tovább gépelsz, az Iconify-ban kereshetsz; a nyílbillentyűkkel lépkedhetsz, az Enterrel pedig beilleszted a kiválasztott ikont.

Az ikon szövegközi, tehát úgy ül a szövegben, mint egy karakter. Alapértelmezés szerint igazodik a környező szöveg méretéhez és színéhez. Jól mutat egy címke előtt, egy gombon belül vagy egy mondat végén.

A menük ikonjaihoz külön választó van a Menü fülön, nem a kettőspontos parancs.

Maradj az ismerős ikonoknál. A bevásárlókocsi, a telefon és a boríték könnyen felismerhető. Egy címke nélküli absztrakt jel már nem.

Az ikonrácsról és a többi beírt parancsról a Perjeles parancsok és rejtett gyorsparancsok cikkben olvashatsz.

Elválasztók

Az Elválasztó blokk egy vízszintes vonalat húz. Akkor használd szakaszok elválasztására, ha a térköz önmagában nem elég. A legtöbb oldalnak nem kell sok elválasztó: a hely általában letisztultabb megoldás.

Saját kód az egész webhelyre

A Beágyazás blokk egyetlen tartalomdarabhoz való. Ha minden oldalon kell valamilyen kód — például egy analitikai tag vagy egy ellenőrző meta tag —, használd a Projektbeállítások között található egyéni head- vagy body-kódot.

Ne tedd webhelyszintű kódot beágyazásba. Az csak azon az oldalon futna le.

Egyszerű kezdő recept

Kapcsolat oldalhoz:

1. Adj hozzá egy térkép-beágyazást a cég címeivel.

2. Tegyél be egy telefonszámot telefon ikonnal.

3. Tegyél be egy e-mail-címet boríték ikonnal.

4. Adj hozzá egy kapcsolatfelvételi űrlapot.

5. Nézd meg a térképet és az űrlapot mobilon.

Videós szakaszhoz:

1. Adj hozzá egy szakaszt rövid címmel.

2. Tegyél bele egy YouTube-beágyazást.

3. Legyen elég széles a szakasz a videónak.

4. Ellenőrizd, hogy a lejátszó csak a lejátszásra kattintás után töltődik be.