Embed-Widget Tutorial
Transcription
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 <w4bfaqadmin@cm4all.com> | 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 <w4bfaqadmin@cm4all.com> | 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 <w4bfaqadmin@cm4all.com> | 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 <w4bfaqadmin@cm4all.com> | 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 <w4bfaqadmin@cm4all.com> | 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 <w4bfaqadmin@cm4all.com> | 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)