Embed-Widget Tutorial

Embed Widget
Embed-Widget Tutorial
Sie können das Embed-Widget benutzen, um externe Inhalte (Code, Internetseite etc.) in Ihrer
Homepage einzubinden.
Ziehen Sie einfach das Widget in den gewünschten Bereich Ihrer Webseite ein. Machen Sie
sich keine Sorgen - Sie können jederzeit die Größe und die Position der Anzeige anpassen.
Dies ermöglicht eine optimale Darstellung der von Ihnen eingebundenen Inhalte genau nach
Ihren Wünschen!
Sie sehen nun den Konfigurationsdialog. Bei "Art der Einbindung" haben Sie die Wahl zwischen
2 Möglichkeiten - Embed-Code und Internetadresse. Die zweite Variante eignet sich am besten
an, wenn Sie eine komplette Webseite integrieren möchten.
Seite 1 / 6
(c) 2017 web4business <[email protected]> | 2017-01-16 02:33
URL: //hilfe.web4business.de/index.php?action=artikel&cat=81&id=324&artlang=de
Embed Widget
Im Feld "Seiten-URL" tragen Sie bitte die gewünschte Internetadresse nach dem gezeignet
Muster ein. Klicken Sie anschließend auf den Button "OK".
Die zweite Möglichkeit besteht in der Einbindung eines Embed-Codes, d.h. wenn Sie keine
komplette Webseite, sondern einzelne Inhalte (z.B. Informationsartikel, Werbungsbanner etc.)
einbinden möchten, ist das die richtige Option für Sie.
Im Feld "Embed-Code" tragen Sie bitte Ihren HTML-Code ein - einfach per Copy-Paste. Sie
können den Code selber erstellen oder einen exterenen vorgenereierten Code verwenden. Falls
Sie über keine HTML-Kenntnisse verfügen, ist die folgende Webseite eine gute Lernressource
für Anfänger: http://www.w3schools.com/
Mit Hilfe von CSS (Cascading Style Sheets) können Sie Ihren HTML-Code anpassen - das sind
Regeln, die Sie für bestimmte Elemente in Ihrem Code definieren können und sie somit optisch
verschönern können. Auf der oben genannten Webseite können Sie wertvolle CSS-Kenntnisse
erwerben.
Im Konfigurationsdialog können Sie zwischen 3 Möglichkeiten der CSS Einbindung auswählen:
1) "kein CSS" - es werden keine CSS-Regeln angewendet, Ihr HTML-Code erscheint
unverändert auf der Webseite
2) "globales CSS" (Standardeinstellung) - Ihr HTML-Code passt sich an die Umgebung an, d.h.
Ihre Einbindung hat die gleichen Schrift, Schriftfarbe und -größe usw. wie Ihre Webseite.
Seite 2 / 6
(c) 2017 web4business <[email protected]> | 2017-01-16 02:33
URL: //hilfe.web4business.de/index.php?action=artikel&cat=81&id=324&artlang=de
Embed Widget
3) "eigenes CSS" - Ihr HTML-Code übernimmt die von Ihnen selbst definierten Regeln.
Achtung: Diese Funktion gibt Ihrer Webseite einen einzigartigen Gestalt, erfordert aber auch
gewisse Kenntnisse in HTML & CSS!
Im folgenden sehen Sie ein einfaches Beispiel für die Einbindung des Embed-Widgets:
Konfigurationsdialog mit globalem CSS:
Ausgabe mit globalem CSS:
Seite 3 / 6
(c) 2017 web4business <[email protected]> | 2017-01-16 02:33
URL: //hilfe.web4business.de/index.php?action=artikel&cat=81&id=324&artlang=de
Embed Widget
Konfigurationsdialog mit eigenem CSS:
Seite 4 / 6
(c) 2017 web4business <[email protected]> | 2017-01-16 02:33
URL: //hilfe.web4business.de/index.php?action=artikel&cat=81&id=324&artlang=de
Embed Widget
Ausgabe mit eigenem CSS:
Seite 5 / 6
(c) 2017 web4business <[email protected]> | 2017-01-16 02:33
URL: //hilfe.web4business.de/index.php?action=artikel&cat=81&id=324&artlang=de
Embed Widget
Eindeutige ID: #1323
Verfasser: web4business_YAA
Letzte Änderung: 2016-02-02 15:34
Seite 6 / 6
(c) 2017 web4business <[email protected]> | 2017-01-16 02:33
URL: //hilfe.web4business.de/index.php?action=artikel&cat=81&id=324&artlang=de
Powered by TCPDF (www.tcpdf.org)