Help:De:Installieren von Widgets

Search WikiTree's help pages:

Categories: WikiTree-Hilfe | Hilfe zu sozialen Medien und dem Teilen

Sprache: en | de | fr
Haftungsausschluss: Dies ist eine inoffizielle Übersetzung. Die englischsprachigen Versionen sind die offiziellen Hilfeseiten.
Übersetzt: D. Lewerenz, Geprüft: I. Caruso, 24 Jan 2022

Wie fügt man ein WikiTree-Widget zu seinem Blog hinzu?

Contents

Wie Du Familienstammbaum-Widgets in Deinem Blog verwenden kannst

Familienstammbaum-Widgets funktionieren am besten, wenn sie in Blog-Beiträge und nicht in die Seitenleiste Deines Blogs eingebettet sind, da sie die für die korrekte Darstellung Deines WikiTree-Inhalts erforderliche Breite haben. Widgets für Seitenleisten, mit denen Du deine WikiTree-Beiträge anzeigen kannst, findest Du unter Beitrags-Widgets.

Blogger

  1. Gehe auf die Seite Tree & Tools (Stammbaum & Tools) für jedes WikiTree-Profil mit einem Datenschutzstatus "Privat mit öffentlichem Stammbaum" oder geringer und scrolle nach unten zum Link "Family Tree Widgets" (Familienstammbaum-Widgets).
  2. Scrolle nach unten zu der Stelle, an der der HTML-Code im Kasten mit der Bezeichnung Copy-and-paste this HTML code (Diesen HTML-Code kopieren und einfügen) angezeigt wird.
  3. Markiere den Text in der Box, klicke mit der rechten Maustaste drauf und wähle Kopieren.
  4. Klicke in Blogger unter der Registerkarte Posting (Posten) auf New Post (Neuer Beitrag).
  5. Klicke auf die Registerkarte Edit HTML (HTML bearbeiten) [1] danach klicke mit der rechten Maustaste in den Bereich Content (Inhalt) und wähle Paste (Einfügen).
  6. Klicke auf die Registerkarte Compose (Verfassen), um zu sehen, wie Dein Widget im Blog-Beitrag erscheinen wird.
  7. Klicke auf Publish (Veröffentlichen).

Ein Beispiel für ein Stammbaum-Widget findest Du auf dem Blog Relativ neugierig von Tami Glatz. (Scrolle bis nach unten.)

WordPress

  1. Gehe auf die Seite Tree & Tools (Stammbaum & Tools) für jedes WikiTree-Profil mit einem Datenschutzstatus "Privat mit öffentlichem Stammbaum" oder geringer und scrolle nach unten zum Link "Family Tree Widgets" (Familienstammbaum-Widgets).
  2. Scrolle nach unten zu der Stelle, an der der HTML-Code im Kasten mit der Bezeichnung Copy-and-paste this HTML code (Diesen HTML-Code kopieren und einfügen) angezeigt wird.
  3. Markiere den Text in der Box, klicke mit der rechten Maustaste drauf und wähle Kopieren.
  4. Melde Dich bei WordPress an und gehe zum Dashboard.
  5. Scrolle nach unten zum Abschnitt Posts (Beiträge) in der linken Seitenleiste, erweitere die Liste und wähle New Post (Neuer Beitrag).
  6. Klicke auf die Registerkarte HTML und dann in den Bereich Content (Inhalt), klicke mit der rechten Maustaste und wähle Paste (Einfügen).
  7. Klicke auf die Registerkarte Visual (Sichtbar), um zu sehen, wie Dein Widget im Blog-Beitrag erscheinen wird.
  8. Klicke auf Publish (Veröffentlichen). 

Beispiele für die Familienstammbaum-Widgets findest Du in unserem WikiTree-Blog:

Wie Du Beitrags-Widgets in Deinem Blog verwenden kannst

Zur Auswahl der Beitrags-Widgets klicke auf den Link oben auf Deiner Beitrags-Seite.

Diese funktionieren am besten, wenn sie in eine Blog-Seitenleiste und nicht in einen Blog-Beitrag eingebettet sind, da sie so erstellt wurden, dass sie immer in Deinem Blog angezeigt werden, um Deine Besucher über Deine WikiTree-Beiträge zu informieren. Widgets, mit denen Du einen Stammbaum anzeigen kannst, findest Du unter Familienstammbaum-Widgets.

Blogger

  1. Klicke auf den Link Contributions Widgets (Beitrags-Widgets) auf Deiner Beitrags-Seite, um die Vielfalt der verfügbaren Widgets zu sehen.
  2. Scrolle bis zu der Stelle nach unten, an der der HTML-Code in einem beliebigen Feld mit der Bezeichnung Copy-and-paste this HTML code (Diesen HTML-Code kopieren und einfügen) angezeigt wird.
  3. Markiere den Text in der Box, klicke mit der rechten Maustaste drauf und wähle Kopieren.
  4. Klicke in Blogger unter der Registerkarte Design (Gestaltung) auf Gadget hinzufügen (Zubehör hinzufügen).
  5. Scrolle durch die Grundfunktionen und wähle HTML/JavaScript. Das Dialogfeld Configure HTML/JavaScript (HTML/JavaScript konfigurieren) erscheint.
  6. Gib im Feld Title gegebenenfalls einen Titel ein. Klicke im Bereich Content (Inhalt) mit der rechten Maustaste und wähle Einfügen.
  7. Klicke auf Save (Speichern). Klicke auf die Registerkarte View Blog (Blog anzeigen), um zu sehen, wie Dein Widget auf der Seitenleiste Deines Blogs erscheinen wird.

Siehe ein Beispiel für ein Beitrags-Widget in der Seitenleiste von Sheri Bushs Blog Twig Talk.

WordPress

  1. Klicke auf den Link Contributions Widgets (Beitrags-Widgets). Für die Auswahl von Beitrags-Widgets klicke auf den Link oben auf Deiner Beitrags-Seite.
  2. Scrolle bis zu der Stelle nach unten, an der der HTML-Code in einem beliebigen Feld mit der Bezeichnung Copy-and-paste this HTML code (Diesen HTML-Code kopieren und einfügen) angezeigt wird
  3. Markiere den Text in der Box, klicke mit der rechten Maustaste drauf und wähle Kopieren
  4. Wenn Du dich in WordPress angemeldet hast, solltest Du zu My Home gelangen.
  5. Scrolle nach unten zum Abschnitt Customize (Anpassen) in der linken Seitenleiste.
  6. Klicke auf Widgets
  7. Klicke auf Sidebar (Seitenleiste)
  8. Klicke auf Add a Widget (Widget hinzufügen)
  9. Klicke auf Custom HTML Code (Benutzerdefinierter HTML-Code)
  10. Gib im Feld Title gegebenenfalls einen Titel ein
  11. Im Bereich Content (Inhalt) klicke mit der rechten Maustaste und wähle Einfügen
  12. Als nächstes musst Du den Code von <iframe> bis </iframe> entfernen (WordPress unterstützt keine Iframes mehr, es sei denn, Du hast einen "Premium"-Tarif)
  13. Klicke auf Save (Speichern)
  14. Klicke auf den Link Visit Site (Webseite besuchen) in der oberen rechten Ecke von My Home, um Dir den Blog anzusehen und zu sehen, wie Dein Widget in der Seitenleiste des Blogs erscheint.

Ein Beispiel für ein Beitrags-Widget findest Du in der Seitenleiste unseres WikiTree Blogs und des Blogs von [azurerae.wordpress.com AzureRae auf WordPress].

01:46 Uhr, 1 August 2020 (UTC)

Verwendung von Widgets unter Joomla

Vielen Dank an Edison Williams, der folgendes im G2G veröffentlicht hat.

Bei jeder neueren Version von Joomal! 3.x oder neuer kann man WikiTree-Widgets einfach in Artikeln oder Modulen verwenden. Beachte, dass sich die Installationen in den Bearbeitungsrechten einiger Joomla!-Gruppen unterscheiden können, so dass es immer am besten ist, sich mit einem Account anzumelden, der sogenannte Superuser-Rechte hat. Dadurch wird sichergestellt, dass beim Speichern Deiner Arbeit kein HTML-Code entfernt wird.

Zur Verwendung in einem Artikel:

  1. Öffne Joomla! Administrator-Backend (Administrator-Hintergrundseite).
  2. Gehe zu Content (Inhalt) -> Articles (Artikel).
  3. Wähle einen vorhandenen Artikel aus und öffne ihn oder erstelle einen neuen.
  4. Kopiere den Code des WikiTree-Widgets und füge ihn in den Artikel ein.
  5. Überprüfe den Status, die Kategorie und die Optionen für Deinen Artikel.
  6. Klicke auf Save & Close (Speichern und schließen).

Zur Verwendung in einem Modul:

  1. Öffne Joomla! Administrator-Backend (Administrator-Hintergrundseite).
  2. Gehe zu Extensions (Erweiterungen) -> Modules (Module).
  3. Wähle New (Neu) und Custom (Benutzerdefiniert) als Modultyp.
  4. Kopiere den Code des WikiTree-Widgets und füge ihn in den Modultext ein.
  5. Gib einen Titel für das Modul ein, wähle aus, ob der Titel angezeigt oder ausgeblendet werden soll und prüfe, ob der Status auf Published (Veröffentlicht) gesetzt ist.
  6. Wähle eine Modulposition für das Modul aus. Die verfügbaren Plätze werden durch die von Dir verwendete Vorlage bestimmt.
  7. Klicke auf die Registerkarte mit der Bezeichnung Menu Assignment (Menüzuordnung) und wähle, auf welcher(n) Seite(n) das Modul erscheinen soll.
  8. Klicke auf Save & Close (Speichern und schließen).

Wie man Widgets auf Google-Webseiten verwendet

  1. Bearbeite die Seite, auf der Du das Widget hinzufügen möchtest.
  2. Wähle Insert (Einfügen) -> More Gadget (Mehr Zubehör).
  3. Suche nach 'iframe'.
  4. Wähle Include Gadget (iframe) (Einschließlich Zubehör (iframe)) von Scott Johnston.
  5. Gib die URL im Widget-Code (das src-Feld im <iframe>-Tag) in das URL to content (URL zum Inhalt) -Eingabefeld ein.
  6. Stelle die Width (Breite) und Height (Höhe) so ein, dass der Inhalt passt (550x520 für das Stammbaum-Widget).
  7. Gib einen Titel in das Eingabefeld Display title on gadget (Titel auf dem Zubehör anzeigen) ein oder deaktiviere den Titel.
  8. Klicke auf den Button OK.

Anmerkungen

Wenn Du weitere Hilfe benötigst, zögere nicht, eine Frage in unserem G2G-Forum zu stellen.

  1. ↑ Wenn Du die Registerkarten Edit HTML und Compose (Verfassen) nicht siehst, verwendest Du möglicherweise nicht den aktuellsten Editor in Blogger. Klicke auf der Registerkarte Settings (Einstellungen) auf Basic (Grundlegendes) und scrolle nach unten zum Abschnitt Global Settings (Allgemeine Einstellungen). Wähle unter Select post editor (Beitrags-Editor auswählen) Updated editor (Aktualisierter Editor) und klicke dann auf Save Settings (Einstellungen speichern),


This page was last modified 15:22, 30 March 2022. This page has been accessed 232 times.