Beschreibung
Ein WordPress-Plugin für die einfache Integration der fussball.de Widgets.
Integriere die fussball.de Widgets mit Hilfe eines der drei Helferlein
- den klassischen Kurzcode,
- als WordPress-Widget,
- oder als Gutenberg Block.
Alle drei Varianten werden unterstützt. Für die „alten“ Widgets von fussball.de und den neuen Typ von next.fussball.de. Der Integrationsprozess ist für beide Typen fast identisch.
Screenshots
Blöcke
Dieses Plugin unterstützt 1 Block.
- Ifdw Fubade
Installation
- Installiere das Fussball.de Widget entweder über das WordPress.org Plugin-Verzeichnis oder indem du die Dateien auf deinen Server hochlädst.
- Aktiviere das Plugin über das Menü „Plugins“ in WordPress.
- Du kannst das Plugin auf verschiedene Arten nutzen. Als Shortcode, WordPress-Widget und auch als integrierter Gutenberg-Block.
- Verwendet den folgenden Shortcode
- Für die alte Version:
[fubade api="{32-stellige API}" notice="{Note}" fullWidth={iframe in voller Breite} devtools={Ausgabe von DevTools}]
z.B.[fubade api="020EXXXXXG000000VS54XXXXXSGIXXME" notice="Tabellenstand U19" fullWidth=true devtools=false]
- Für die neue Variante:
[fubade api="{36-stellige data-id}" type="{data-type}" notice="{note}" fullWidth={iframe in voller Breite} devtools={Ausgabe von DevTools}]
z. B. g.[fubade api="299e1496-abcd-abcd-1234-8880c7270477" notice="Tabellenstand U19" fullWidth=true devtools=false]
- Für die alte Version:
- Verwende den Gutenberg-Block mit dem Suchmuster
/fubade
. - Die üblichen WordPress-Widgets sind ebenfalls möglich.
- Verwendet den folgenden Shortcode
FAQ
-
Wo kann ich den Website-Schlüssel bekommen (alte Version)
-
Du kannst den benötigten Schlüssel von fussball.de in deinen Widgets abrufen (https://www.fussball.de/account.admin.widgets). In der Übersicht deines Widgets findest du den Punkt
Website-Schlüssel
. Dies ist die erforderliche Zeichenkette. -
Wo erhalte ich die notwendigen Informationen (neue Variante)
-
Du kannst die benötigten Daten von next.fussball.de in deinen Widgets (https://next.fussball.de/widgets) erhalten. Dort klickst du auf den Button „zum Widget“. Dann klickst du in der linken Spalte auf „Code anzeigen“. Der untere Codeblock enthält die notwendigen Informationen. Zum Beispiel so:
<div class="fussballde_widget" data-id="299e1496-abcd-abcd-1234-8880c7270477" data-type="table" />
-
Wie soll ich den Shortcode schreiben (alte Variante)
-
Zum Beispiel so:
[fubade api="{32-stellige API}" notice="{Hinweis}" fullWidth={iframe in voller Breite} devtools={Ausgabe der DevTools}]
z.B. so:[fubade api="020EXXXXXG000000VS54XXXXXSGIXXME" notice="Standings U19" fullWidth=true devtools=false]
Die Felder „notice“, „fullWidth“ und „devtools“ sind optional und müssen nicht gesetzt werden. -
Wie soll ich den Shortcode schreiben (neue Variante)
-
Zum Beispiel so:
[fubade api="{36-stellige data-id}" type="{data-type}" notice="{notice}" fullWidth={iframe in voller Breite} devtools={Ausgabe der DevTools}]
z.B.[fubade api="299e1496-abcd-abcd-1234-8880c7270477" type="table" notice="Tabellenstand U19" fullWidth=true devtools=false]
Die Felder „notice“, „fullWidth“ und „devtools“ sind optional und müssen nicht gesetzt werden. -
Was ist die `api` (alt: `{32-stellige API}`)
-
Hier muss die 32-stellige ID (der Website-Schlüssel) aus dem offiziellen Fußball.de-Widget eingegeben werden.
Die API ist erforderlich. -
Was ist die `api` (neu: `{36-stellige data-id}`)
-
Die 36-stellige ID (zu finden als
data-id
) aus dem offiziellen Fußball.de-Widget muss hier eingegeben werden.
Die API ist erforderlich. -
Was ist der `Typ` (nur neu: `{data-type}`)
-
Die 36-stellige ID (zu finden als
data-id
) aus dem offiziellen Fußball.de-Widget muss hier eingegeben werden.
Der TYP ist nur für das neue Widget verfügbar. Er wird dort benötigt. -
Was ist `classes` als Leerzeichen getrennte `{CSS-Klassen}`
-
Du kannst jedem Widget deine eigenen CSS-Klassen hinzufügen, um es manuell zu gestalten. Zum Beispiel kann eine feste Höhe oder etwas Ähnliches eingestellt werden.
Die CSS CLASSES sind optional und können weggelassen werden. -
Was ist die `Notiz` als `Note}`?
-
Die Beschreibung kann nach deinen eigenen Wünschen eingegeben werden.
Hinweis ist optional und kann weggelassen werden. -
Was ist die `fullWidth` als `{iframe in voller Breite}`
-
Das IFRAME IN FULL WIDTH kann auf die volle Breite von 100% für das übergeordnete Element gesetzt werden.
Nurtrue
oder1
sind als Werte möglich.
Der Standardwert istfalse
oder0
.
IFRAME IN VOLLER BREITE ist optional und kann weggelassen werden. -
Was ist die `devtools` als `{Ausgabe der DevTools}`?
-
Die PRINT DEVTOOLS können dem Ersteller helfen, Debugging-Informationen abzurufen.
Als Werte sind nurtrue
oder1
möglich.
Der Standardwert istfalse
oder0
.
DEVTOOLS-Ausgabe ist optional und kann weggelassen werden. -
Was kann ich tun, wenn das Plugin nicht funktioniert?
-
Die erste Anlaufstelle sollte immer das offizielle Support-Forum auf wordpress.org oder auch der Problembereich auf GitHub sein.
Oft werden auch die falschen Anführungszeichen verwendet. Hier muss das normale
"
Zeichen verwendet werden.Die geschweiften Klammern aus meinen obigen Beispielen sollten nur Platzhalter darstellen. Diese werden auch oft mit eingefügt, was nicht korrekt ist.
-
Wie kann ich an der Entwicklung teilnehmen oder helfen?
-
Der aktuelle Stand der Entwicklung ist jederzeit in meinem GitHub Repository verfügbar. Sieh dich dort um.
Rezensionen
Mitwirkende & Entwickler
„Include Fussball.de Widgets“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:
Mitwirkende„Include Fussball.de Widgets“ wurde in 1 Sprache übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.
Übersetze „Include Fussball.de Widgets“ in deine Sprache.
Interessiert an der Entwicklung?
Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.
Änderungsprotokoll
4.0.0 – 2024-07-23
Added
- neue fussball.de API verwenden
Changed
- BorlabsCookie-Integration entfernen (BREAKING CHANGE!)
- die minimal erforderliche PHP-Version auf 7.4 erhöhen (BREAKING CHANGE!)
- alle Abhängigkeiten aktualisieren
Refactored
- die gesamte Codestruktur neu organisieren
3.7.0 – 2022-02-08
Added
- Elementor Toggle-Ausnahme für das Laden innerhalb von Tabs hinzugefügt.
3.6.0 – 2021-10-05
Added
- Füge die Möglichkeit hinzu, benutzerdefinierte CSS-Klassen zu verwenden.
- Füge die
wp-blocks
Klasse hinzu, um die CSS-Hierarchie zu erhöhen. - Füge eine Olevmedia Shortcode-Ausnahme für das Laden innerhalb von Tabs hinzu.
3.5.0 – 2021-02-18
Added
- Fügt WPBakery Page Builder-Ausnahme für das Laden innerhalb von Tabs hinzu.
3.4.0 – 2020-11-02
Added
- Fügt Shortcode-Ultimate, auf die gleiche Art wie Divi-Tabs, Fusion-Tabs und KadenceBlock-Tabs, hinzu.
3.3.5 – 2020-10-14
Fixed
- Setzt den Servernamen, auch wenn ‚intl‘ nicht aktiv ist.
3.3.4 – 2020-09-25
Fixed
- Rufe die
idn_to_ascii
Funktion ohne Parameter auf, um ein Problem auf dem Mitwald-Server zu beheben.
3.3.3 – 2020-09-11
Fixed
- Zeige die Konsolenausgaben nur, wenn die DevTools aktiviert sind.
3.3.2 – 2020-08-21
Fixed
- Korrekte Versionsnummer in den Readme- und Plugin-Dateien hinzugefügt.
3.3.1 – 2020-08-21
Fixed
- Es wird nicht mehr nach dem richtigen Server-Port, sondern nur noch, ob der Server-Port gesetzt ist, geprüft.
3.3.0 – 2020-08-06
Added
- Verhindert die Erzeugung doppelter IDs.
3.2.1 – 2020-05-01
Fixed
- Laden Sie das Plugin auch dann, wenn der Port in einer Localhost-Umgebung nicht auf 80 oder 443 eingestellt ist.
- Die Fehlermeldung, wenn der Host nicht gesetzt ist, wird auf
$_SERVER["HTTP_HOST"]
korrigiert.
3.2.0 – 2020-04-14
Added
- Verhindert die Aktivierung des Plugins, wenn die WordPress- oder PHP-Version nicht korrekt ist.
Fixed
- Die Ausgabe der verwendeten PHP-Version wird beim Logging nun korrekt gesetzt.
Changed
- Die interne Dokumentation wird aktualisiert.
- Verbessert die Codequalität in den Entwicklungsdateien.
3.1.3 – 2020-02-16
Fixed
- Der
$_SERVER['SERVER_NAME']
wird auf einen Standardwert gesetzt, um einen Fehler bei Updates mit der wp-cli zu verhindern.
3.1.2 – 2020-01-21
Fixed
- Das Fubade-Widget (unter Design->Widgets).
- Die Integration von BorlabsCookie.
3.1.1 – 2020-01-21
Fixed
- Behebt Update-Probleme im WordPress Backend.
3.1.0 – 2020-01-21
Added
- KadenceBlock-Tabs hinzugefügt, die den Divi-Tabs und Fusion-Tabs entsprechen.
Changed
- Refactor „null ===“ zur „Ausrufezeichen“-Syntax.
- Code neu formatieren, damit die coding standards besser eingehalten werden können und somit eine schnellere Entwicklung möglich ist.
- Integriert mehr Tests, um mögliche Fehler zu vermeiden.
3.0.5 – 2019-10-13
Fixed
- Wegen Problemen mit der WordPress REST API ist der SourceLogger bis auf weiteres deaktiviert.
3.0.4 – 2019-10-08
Added
- Fehlerbehandlung bei der Generierung des Iframes.
- Hervorhebung von Fehlern durch die Anzeige einer Warnbox.
Fixed
- IFDW\Utils\Host::cleanHost() must be of the type string, null given.
3.0.3 – 2019-09-24
Fixed
- Ladeproblem bei der Erstellung des Widgets über die Gutenberg-Blöcke.
3.0.2 – 2019-09-23
Added
- Fusion-Tabs-Support auf die gleiche Weise wie die Divi-Tabs hinzugefügt.
3.0.1 – 2019-09-19
Fixed
- PHP-Warning: Use of undefined constant INTL_IDNA_VARIANT_UTS46
3.0.0 – 2019-09-16
Added
- Im WordPress Widget-Bereich (Design -> Widgets) kann ein fussball.de Widget generiert werden.
- Tabs von Divi-Theme werden nun unterstützt.
- Borlabs-Cookie-Unterstützung zum Laden des Plugins als Opt-in-Einstellung.
- Ein Spendenlink, um meine Ausgaben ein wenig zu decken.
Changed
- [WICHTIG] Die benötigte PHP-Version ist nun 7.2!
- Neugestaltung der gesamten Struktur und Nutzung von OOP von nun an.
- Initialisierung des fussball.de Iframe von nun an in PHP statt in JavaScript.
Fixed
- Probleme bei der Protokollierung wurden behoben.
2.2.2 – 2019-06-20
Fixed
- Lädt nun die fubade-api im Footer.
2.2.1 – 2019-06-09
Fixed
- Die Höhe und Breite der Inline-Styles werden nun immer entfernt, um Komplikationen mit den Themen zu vermeiden.
2.2.0 – 2019-06-05
Fixed
- Das Widget wird jetzt auch im IE und im Edge angezeigt, wenn die Domain Nicht-ASCII-Zeichen verwendet (z. B. ä, ö, ü).
Added
- Das Plugin ist bis zur WordPress-Version 5.2 getestet.
- Vorbereitungen für ein einfacheres Debuggen.
Changed
- Änderung der Dateistruktur für die Verwendung von WebPack und somit einer einfacheren Entwicklungsumgebung.
- Verwendung der neuesten Javascript-Funktionen (ES6), um die Entwicklung zu vereinfachen.
- PHP-Code für eine bessere Performance bereinigt.
- Readme-Dateien, um die Anweisungen zur Verwendung des Plugins zu verbessern, aktualisiert.
2.1.1 – 2019-03-25
Fixed
- Behebt einen Fehler im IE11, wenn die volle Breite nicht eingestellt war.
2.1.0 – 2019-03-03
Added
- Das Plugin kann nun so eingestellt werden, dass es 100% der Breite seines übergeordneten Elementes einnimmt.
2.0.3 – 2019-01-27
Fixed
- Problem behoben, dass der Internet Explorer 11 das Plugin nicht laden konnte.
2.0.2 – 2018-11-28
Added
- Lokale Sprachdateien. Für den Gutenberg-Block sind sie (noch) nicht in GlotPress.
2.0.1 – 2018-11-24
Fixed
- Fix the „Fatal error: Call to undefined function register_block_type()“.
2.0.0 – 2018-11-24
Added
- Verwendung als Gutenberg-Block.
- Das Plugin ist bis zur WordPress-Version 5.0 getestet.
Changed
- Es ist keine weitere Eingabe für die ID erforderlich. Sie wird von un an automatisch generiert.
- Die gesamte Struktur neu organisiert.
1.6.1 – 2018-03-26
Fixed
- Wenn die ID nur numerisch ist, wird nun eine Zeichenfolge vorne eingefügt.
1.6.0 – 2018-03-17
Fixed
- Die ID im Shortcode bereinigt, indem Sie nur Zeichen, Ziffern und Unterstriche verwendet. Dies verhindert einige mögliche Fehler.
- Einen Tippfehler im „Loading“-Text behoben.
1.5.5 – 2018-02-06
Changed
- Einige kleinere Code-Änderungen für eine bessere Performance.
Added
- Das Plugin ist bis zur WordPress-Version 4.9.4 getestet.
1.5.4 – 2018-01-17
Added
- Das Plugin ist bis zur WordPress-Version 4.9.2 getestet.
1.5.3 – 2017-11-13
Added
- Das Plugin ist bis zur WordPress-Version 4.9 getestet.
1.5.2 – 2017-11-01
Added
- Das Plugin ist bis zur WordPress-Version 4.8.3 getestet.
1.5.1 – 2017-08-30
Fixed
- Fix the „uncaught ReferenceError: fubade is not defined“.
1.5.0 – 2017-08-26
Added
- Von nun an sind mehrere Widgets auf einer Seite möglich.
Changed
- Die FAQ enthalten nun viel genauere Beschreibungen.
1.4.0 – 2017-08-23
Fixed
- Falsche Reihenfolge bei den Aufrufen der Javascripts behoben.
1.3.0 – 2017-08-23
Fixed
- Einige Tippfehler korrigiert.
1.2.0 – 2017-08-23
Fixed
- Einige Tippfehler korrigiert.
1.1.0 – 2017-08-23
Fixed
- Einige Tippfehler korrigiert.
1.0.0 – 2017-08-22
- Erstveröffentlichung