Tabelle und Spielplan von Rugbyweb in WordPress einbinden

Auf rugbyweb.de werden alle Ergebnisse und Spielpläne der verschiednen deutschen Rugby Union Ligen veröffentlicht. Leider hat die Seite den Charme der 90er Jahre und eine API zur Abfrage von Tabellensituationen, der Zusammensetzung von Ligen, Spielplänen oder Spielergebnissen gibt es nicht.

Will man diese Informationen zum Beispiel auf der Homepage des eigenen Clubs einbinden, dann gibt es im Grunde nur zwei Möglichkeiten:

  1. Man überträgt die Informationen händisch.
    Unter WordPress kann man dafür beispielsweise das Plugin SportPress nutzen. Neben dem hohen Arbeitsaufwand für die regelmäßige Aktualisierung der Informationen, gibt es einen weiteren Haken: Auf Rugbyweb werden zwar die Spielergebnisse veröffentlicht, aber nicht die Zahl der gelegten Versuche pro Mannschaft. Da die Zahl der gelegten Versuche aber zum Beispiel in der Bundesliga über den Offensivbonuspunkt entscheidet, lässt sich etwa die Tabellensituation ohne zusätzliche Recherche nicht akkurat abbilden.
  2. Einbindung per iFrame
    Dies zweite Möglichkeit ist die Anbindung per iFrame. Nachteil hierbei ist, dass sich die von Rugbyweb eingebundenen Informationen optisch nur bedingt anpassen lassen und man nur Tabellen und Spielergebnisse gemeinsam auf seiner Seite darstellen kann. Dafür spart man sich aber die ständigen Aktualisierungen nach jedem Spieltag. Wie genau die Einbindung per iFrame unter WordPress funktioniert, zeige ich im folgenden.

Anleitung

Als Beispiel dient hierbei die Seite der Rugbyabteilung des FSV Trier-Tarforst, da ich diese betreue.

  1. Ihr benötigt ein Plugin, das es ermöglicht iFrames einzubinden. Ich nutze dafür Advanced iFrame.
  2. Sobald ihr das Plugin installiert und aktiviert habt, legt ihr eine Seite (keinen Beitrag!) an auf der die Tabelle und die Spielergebnisse angezeigt werden soll.
  3. Dort nutzt ihr dann folgenden Shortcode zur Einbindung des iFrames:
    [advanced_iframe src="http://www.rugbyweb.de/showdb.inc.php?layout=rw2&league=RLnrwR" width="100%" height="1200"]
    • Unter src muss die URL zur Seite showdb.inc.php von Rugbyweb angegeben werden mit den Parametern layout und league.
      • Der Parameter layout ermöglicht es aus fünf verschiedenen Designs zu wählen. Ihr habt die Wahl zwischen „rw“, „rw2“, „rj“, „scrum“ und „scrum2“.
      • league bestimmt welche Liga angezeigt werden soll. RLnrwR steht beispielsweise für die Regionalliga NRW Rheinland. Das Kürzel seht ihr wenn ihr über rugbyweb.de ganz normal die gewünschte Liga aufruft in der Adresszeile des Browsers.
    • width gibt die breite des iFrames an. Hier empfiehlt sich die Angabe 100%.
    • height wiederum bestimmt die Höhe des iFrames. Hier muss man mit der Angabe experimentieren, was am besten aussieht.
  4. Jetzt noch die Seite speichern und veröffentlichen, dann sieht es beispielsweise so aus:
Werbung


2 Comments

  • Markus Reschka

    23. September 2018

    Hi an alle Rugby Webmaster!

    Ich hab einen WordPress Tipp für Euch, der das einbinden von RugbyWeb.de noch ein wenig hübscher machen kann: Ich hab die Tabelle und Termine für den RC Unterföhring auch eingebunden. Aber nicht als iFrame, sondern direkt. Das ist auch nicht sehr kompliziert:

    Ihr braucht das Plugin PHPSnippets. Das erlaubt es Euch direkt PHP Code mit ein zu fügen. Damit laden wir einfach die Rugbyweb Tabellen in den Speicher und zeigen sie dann an.
    Ihr müsst für jede Tabelle ein Snippet anlegen, es reicht eine einzige PHP Code Zeil pro snippet: „echo file_get_contents(„https://www.rugbyweb.de/showdb.inc.php?layout=rw2&league=VLbayern“);“ (ohne die Anführungszeichen außen rum einfügen!)
    Dieses Snippet bekommt dann eine id. Auf der gewünschten Seite bindet ihr das so ein: [wbcr_php_snippet id=“4653″] (nicht vergessen die ID an zu passen, man kann das einfach in WordPress aus der Snippet-Übersicht kopieren.)
    CSS Anpassen: Ihr müsst die CSS Stiles an Eure Bedürfnisse anpassen. Ihr könnt die z.B. im Design-Customizer editieren. Hier meine Version für Unterföhring:

    div.rugbyweb table { color:#000000; }

    div.rugbyweb table.center{ width:100%; text-align:center; background-color:#ffffff;}
    div.rugbyweb td.center { text-align:center; background-color:#ffffff; }
    div.rugbyweb .left { text-align:left; }

    div.rugbyweb table.table { /* html-table /
    /
    width:100%; */
    text-align:right;
    empty-cells:show;
    border-collapse:collapse;
    padding:1px 4px 1px 4px;
    white-space:nowrap;
    margin:auto;
    border:px;
    border-color:#DDDDDD #A0A0A0 #A0A0A0 #DDDDDD;
    border-style:solid;
    }
    div.rugbyweb table.table tr { background-color:#FFFFFF; }
    div.rugbyweb table.table tr.row2{ background-color:#EEEEEE; }
    div.rugbyweb table.table th{
    text-align:center;
    background-color:#fbbb00;
    color:#ffffff;
    padding:1px 4px 1px 4px;
    }

    div.rugbyweb table.table th.left { text-align:left; }
    div.rugbyweb table.table td { padding:1px 4px 1px 4px; }
    div.rugbyweb table.table td.center{ text-align:center; }
    div.rugbyweb table.table .left { text-align:left; }
    div.rugbyweb table.table td.nopad { padding:1px 0px 1px 0px; }
    div.rugbyweb table.table td.lpad1 { padding-left:0px; }
    div.rugbyweb table.table td.rpad1 { padding-right:1px; }

    div.rugbyweb table.games { /* html-table /
    width:100%;
    text-align:left;
    empty-cells:show;
    border-collapse:collapse;
    border:2px;
    border-color:#DDDDDD #A0A0A0 #A0A0A0 #DDDDDD;
    border-style:solid;
    }
    div.rugbyweb table.games tr{ background-color:#FFFFFF; }
    div.rugbyweb table.games tr:hover.hover{ /
    Tabellenzeile bei MausÜber hervorheben/
    background-color:#FFFFC0;
    }
    div.rugbyweb table.games tr.row2 { background-color:#EEEEEE; }
    div.rugbyweb table.games tr.row2hover{ background-color:#EEEEEE; }
    div.rugbyweb table.games tr:hover.row2hover{ /
    Tabellenzeile bei MausÜber hervorheben*/
    background-color:#FFFFC0;
    }
    div.rugbyweb table.games th{
    background-color:#fbbb00;
    color:#ffffff;
    padding:1px 4px 1px 4px;
    white-space:nowrap;
    }
    div.rugbyweb table.games th.nopad { padding:1px 0px 1px 0px; }
    div.rugbyweb table.games td { padding:1px 4px 1px 4px; }
    div.rugbyweb table.games td.dateday { padding-right:0px; }
    div.rugbyweb table.games td.date { padding:1px 0px 1px 0px; }
    div.rugbyweb table.games td.datetime{ padding-left:3px; }
    div.rugbyweb table.games td.nopad { padding:1px 0px 1px 0px; }
    div.rugbyweb table.games td.specialresult{ color:#ff0000; }

    div.rugbyweb table.games td.dist0 { border-width:0px; height:3px; }
    div.rugbyweb table.games td.dist1 { border-width:0px; height:10px; }
    div.rugbyweb table.games td.dist2 { border-width:0px; height:12px; }
    div.rugbyweb table.games td.dist3 { border-width:0px; height:18px; }

    div.rugbyweb.g-chg { color:#ff0000; } /* Neuer Termin bei Verlegungen /
    div.rugbyweb.g-chgold { text-decoration:line-through; color:#ff0000; } /
    Verlegt ohne neuen Termin /
    div.rugbyweb.g-chgtxt { color:#ff0000; } /
    Verlegt Text, ohne neuen Termin /
    div.rugbyweb.g-chgtme { color:#ff0000; } /
    Änderung Uhrzeit /
    div.rugbyweb.g-chgref { color:#ff0000; } /
    Änderung Referee /
    div.rugbyweb.g-strike { text-decoration:line-through; } /
    Durchgestrichen */

    Reply
    • Christian H.

      24. September 2018

      Vielen Dank für den Tipp. Das sieht in der Tat gut aus.

      Reply

Schreibe einen Kommentar