Místo pro zvědavé medvědy

Search
bear-hugs-alan-kabes-webdesign

Embed | Elementor | 2024

Pokud bychom použili slovník, tak se “embed” může přeložit jako “pevně vsadit do, upevnit, vložit”.

Embed je v tagování starší forma objektu. Ale nám zde poslouží na vložení určité stránky do stránky například s vaším projektem.

Toto můžete použít napříkald v případě, že potřebujete na své stránky umístiti typ souboru, který například není běžně podporován, ale pomocí tohoto jednoduchého kódu se zobrazí.

prostredi-wordpress-elementor-bear-hugs-webdesign-zaklady-embed-html

Element HTML

Pro vložení kódu použijeme v Elementoru jednoduše element “HTML”.

Co je důležité, aby Vám zápis fungoval, jak si přejete, tak v řádku 8 si mezi uvozovky napište webové stránky, které potebujete vložit jako “vložené” stránky.

Dalším nastavením atributů byste se měli zabývat, pokud potřebujete:

  • upravit šířku (width), která je zde nastvena na 100%,
  • a výšku (height), kterou máme v kódu nastavenu na 550px.

Vlastně všechny tyto parametry máte v řádku č. 8.

Vzhled zápisu

Po otevření pracovního prostředí elementu HTML nás nejvíce zajímá záložka “Obsah”.
 
Do políčka “HTML kód” je potřeba zapsat kód z dalšího odstavce, kde je popsáno i nastavení jednotlivých atributů.
				
					<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="utf-8" />
    </head>
    <body>
        <iframe src="https://www.VAŠEDOMÉNA.com" width="100%" height="300"></iframe>
    </body>
</html>

				
			
Zápis kódu je v tabulce.
 
  1. Použijte tlačítko “copy“v pravém horním roku.
  2. Umístěte element “HTML” na místo, kam plánujete zobrazení externích stránek, popř. obsahu.
  3. Vložte kód například zkratkou Ctrl+V.
  4. Upravte si řádek č.8:
    1. Mezy uvozovky zadejte adresu stránky, kterou chcete klonovat.
    2. Upravte si šířku zobrazení “width” v procentech (doporučuji ponechat nastavení a případně upravit v elementu v záložce “Pokročilé”).
    3. Upravte si výšku zobrazení “height“, kde tento atribut je v px.
  5. Nezapomeňte uložit a máte hotovo.

Vzhled vloženého webu s použitím HTML elementu

Ostatní příklady vložených stránek

Vložení odkazů je možné využít v případě, že máte několik projektů a je potřeba je lokalizovat na jeden výchozí web.

Vhodné je to například pro hotelové řetězce, kde se takto může host prokliknout přímo na stránku hotelu v požadované destinaci…možností je vskutku mnoho.

Ať se vám daří!