{"id":33139,"date":"2017-10-25T08:47:26","date_gmt":"2017-10-25T06:47:26","guid":{"rendered":"https:\/\/strato.de\/blog\/?p=33139"},"modified":"2021-03-17T14:54:40","modified_gmt":"2021-03-17T13:54:40","slug":"fussball-homepage-baukasten","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/","title":{"rendered":"Tabelle, Spielplan und Co. \u2013 Fussball.de-Widgets im Homepage-Baukasten"},"content":{"rendered":"

Du m\u00f6chtest den aktuellen Vereinsspielplan oder die Kreisliga-Tabelle auf Deiner Homepage einbinden? Im Homepage-Baukasten kannst Du daf\u00fcr den Anbieter Fussball.de<\/a> nutzen und dessen Widgets auf Deine Seite bringen. Hier erf\u00e4hrst Du, wie das funktioniert.
\n<\/u><\/p>\n

1. Erstelle Dein eigenes Widget<\/h2>\n

Grundvoraussetzung f\u00fcr Dein eigenes Widget ist zun\u00e4chst ein Konto auf Fussball.de. Sobald Du registriert bist, kannst Du im Benutzer-Men\u00fc unter \u201eInhalte verwalten\u201c \u2192 \u201eDeine Widgets“  ein neues Widget erstellen. Hier gibt es verschiedene Widget-Typen:<\/p>\n

    \n
  1. Wettbewerb: Spielplan f\u00fcr eine Meisterschaft<\/li>\n
  2. Vereinsspielplan: Spielplan f\u00fcr einen Verein<\/li>\n
  3. Mannschaftsspielplan: Spielplan einer konkreten Mannschaft<\/li>\n
  4. Letzte\/n\u00e4chste Spiele: Jeweils das n\u00e4chste und das letzte Spiel<\/li>\n
  5. Kader: Der Kader einer Mannschaft<\/li>\n
  6. Tabelle: Die aktuelle Tabelle einer bestimmten Liga<\/li>\n<\/ol>\n
    \"Im<\/a>
    Im Widget-Men\u00fc auf Fussball.de suchst Du zun\u00e4chst einen Inhalt aus.<\/figcaption><\/figure>\n

    2. Lasse den Code erzeugen<\/h2>\n

    Anschlie\u00dfend wirst Du gefragt, f\u00fcr welche Website das Widget generiert werden soll.<\/p>\n

    Wichtig:<\/u><\/strong> Gib hier nicht die Adresse Deiner eigenen Website an, sondern \u201estrato-editor-widget.com\u201c (ohne www.<\/em>, http:\/\/<\/em> oder https:\/\/<\/em> davor).<\/p>\n

    \"Damit<\/a>
    Damit der Homepage-Baukasten das Widget anzeigen kann, tippst Du als Website \u201estrato-editor-widget.com\u201c ein.<\/figcaption><\/figure>\n

    Du erh\u00e4ltst jetzt einen Code, der aus zwei Skripten besteht: Ein Teil ist f\u00fcr den sogenannten \u201ehead\u201c-Bereich Deiner Seite, der andere f\u00fcr den \u201ebody\u201c.<\/p>\n

    \"Der<\/a>
    Der Code von Fussball.de besteht aus zwei Skripten: das eine f\u00fcr den-Bereich und ein weiteres f\u00fcr den.<\/figcaption><\/figure>\n

    3. Stelle Dir Den Code f\u00fcr Deine Homepage zusammen<\/h2>\n

    F\u00fcr den Homepage-Baukasten musst Du beide Code-Schnipsel f\u00fcr \u201ehead\u201c und \u201ebody\u201c in einem zusammenh\u00e4ngenden Code kombinieren. Daf\u00fcr nutzt Du den untenstehenden Code. Die fett markierten Stellen kannst Du eins zu eins \u00fcbernehmen. An den kursiven Stellen setzt Du jeweils die beiden Code-Schnipsel ein, die Du von Fussball.de bekommen hast \u2013 im oberen Teil den Code f\u00fcr <head>, unten den f\u00fcr <body>:<\/p>\n

    \"Code_Snippet_sept2018\"
    \u00dcber diesen Link<\/a> kannst Du den Code direkt \u00f6ffnen und kopieren.<\/figcaption><\/figure>\n

    4. Binde den Inhalt in den Homepage-Baukasten ein \u2013 mit dem Embed-Widget<\/h2>\n

    Nun hast Du von Fussball.de alles, was Du brauchst \u2013 lass uns im Homepage-Baukasten weitermachen.<\/p>\n

    Zum Einbinden fremder Codes in Deine eigene Seite dient das Embed-Widget. Das findest Du im Men\u00fc unter \u201eInhaltselemente\u201c.<\/p>\n

    \"Im<\/a>
    Im Homepage-Baukasten unter \u201eInhaltselemente\u201c findest Du das Embed-Widget.Im Homepage-Baukasten unter \u201eInhaltselemente\u201c findest Du das Embed-Widget.<\/figcaption><\/figure>\n

    Ziehe das Embed-Widget an genau die Stelle, an der Du den Inhalt von Fussball.de haben m\u00f6chtest:<\/p>\n

    \"Das<\/a>
    Das Widget ziehst Du einfach per Drag&Drop an die entsprechende Stelle auf Deiner Seite.<\/figcaption><\/figure>\n

    Wenn Du mit der Maus auf das Widget gehst, kannst Du mit Klick auf das Zahnrad-Symbol rechts oben die Einstellungen \u00f6ffnen \u2013 hier konfigurierst Du das Embed-Widget.<\/p>\n

    \"\u00dcber<\/a>
    \u00dcber das Zahnrad-Symbol kommst Du in die Einstellungen des Embed-Widgets.<\/figcaption><\/figure>\n

    Die Voreinstellungen \u201eArt der Einbindung: Embed-Code\u201c und \u201eCSS Einbindung: globale css\u201c kannst Du beibehalten. In die Mitte f\u00fcgst Du den entsprechenden CSS-Code ein.<\/p>\n

    \"\u00dcber<\/a>
    \u00dcber das Zahnrad-Symbol kommst Du in die Einstellungen des Embed-Widgets.<\/figcaption><\/figure>\n

    Hat alles geklappt? Um das zu pr\u00fcfen, \u00f6ffnest Du die Vorschau Deiner Seite. Jetzt wird hier das Widget angezeigt:<\/p>\n

    \"Wenn<\/a>
    Wenn Du alles richtig gemacht hast, zeigt die Vorschau das Widget an \u2013 in unserem Fall die Bundesliga-Tabelle.<\/figcaption><\/figure>\n

    Noch ein kleiner Tipp: Die Breite des Widgets selbst kannst Du auf Fussball.de in der Widget-Vorschau anpassen. Hier kannst Du sogar individuelle Farben festlegen:<\/p>\n

    \"In<\/a>
    In der Widget-Vorschau bei Fussball.de kannst Du einstellen, wie breit das Widget angezeigt wird.<\/figcaption><\/figure>\n

    Schau am besten, dass das Widget von Fussball.de selbst nicht breiter ist als das Embed-Widget auf Deiner Seite im Homepage-Baukasten. Andernfalls m\u00fcssen Deine Besucher n\u00e4mlich umst\u00e4ndlich nach rechts und links scrollen. Die H\u00f6he des Widgets kannst Du im Homepage-Baukasten selbst \u00e4ndern, indem Du das Embed-Widget einfach gr\u00f6\u00dfer oder kleiner ziehst.<\/p>\n

    Dein Fu\u00dfballverein hat noch keine eigene Homepage?<\/h2>\n

    Dann solltest Du das schleunigst \u00e4ndern! Unser Homepage-Baukasten<\/a> bietet Dir daf\u00fcr die optimalen Design-Vorlagen \u2013 und jetzt wei\u00dft Du sogar, wie Du Fu\u00dfball-Tabellen dort einbindest. \ud83d\ude42<\/p>\n

    \n

    Update (25.5.18, Michael): Wir haben den Klick-Pfad zum Widget-Men\u00fc noch einmal genauer beschrieben.
    \n<\/em><\/p>\n

    Update (20.9.18, Michael): Der Code-Snippet stimmte so nicht mehr \u2013 den haben wir angepasst.
    \n<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

    Du m\u00f6chtest den aktuellen Vereinsspielplan oder die Kreisliga-Tabelle auf Deiner Homepage einbinden? Im Homepage-Baukasten kannst Du daf\u00fcr den Anbieter Fussball.de nutzen und dessen Widgets auf Deine Seite bringen. Hier erf\u00e4hrst Du, wie das funktioniert.<\/p>\n","protected":false},"author":33,"featured_media":38643,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[480,4],"tags":[200,149],"acf":[],"yoast_head":"\nFussball.de Widgets im STRATO Homepage-Baukasten<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fussball.de Widgets im STRATO Homepage-Baukasten\" \/>\n<meta property=\"og:description\" content=\"Du m\u00f6chtest den aktuellen Vereinsspielplan oder die Kreisliga-Tabelle auf Deiner Homepage einbinden? Im Homepage-Baukasten kannst Du daf\u00fcr den Anbieter Fussball.de nutzen und dessen Widgets auf Deine Seite bringen. Hier erf\u00e4hrst Du, wie das funktioniert.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-25T06:47:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-03-17T13:54:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2017\/10\/STRATO-Spielplan-Widget-728x410.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"xxxxxxxx\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"xxxxxxxx\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/\",\"name\":\"Fussball.de Widgets im STRATO Homepage-Baukasten\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2017-10-25T06:47:26+00:00\",\"dateModified\":\"2021-03-17T13:54:40+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/55b4ec2b3b0ebb38508888e773fc3972\"},\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tabelle, Spielplan und Co. \u2013 Fussball.de-Widgets im Homepage-Baukasten\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/55b4ec2b3b0ebb38508888e773fc3972\",\"name\":\"xxxxxxxx\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/05\/kap-St-24927_Square_Original-110x110.jpg\",\"contentUrl\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/05\/kap-St-24927_Square_Original-110x110.jpg\",\"caption\":\"xxxxxxxx\"},\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Fussball.de Widgets im STRATO Homepage-Baukasten","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Fussball.de Widgets im STRATO Homepage-Baukasten","og_description":"Du m\u00f6chtest den aktuellen Vereinsspielplan oder die Kreisliga-Tabelle auf Deiner Homepage einbinden? Im Homepage-Baukasten kannst Du daf\u00fcr den Anbieter Fussball.de nutzen und dessen Widgets auf Deine Seite bringen. Hier erf\u00e4hrst Du, wie das funktioniert.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2017-10-25T06:47:26+00:00","article_modified_time":"2021-03-17T13:54:40+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2017\/10\/STRATO-Spielplan-Widget-728x410.jpg","type":"image\/jpeg"}],"author":"xxxxxxxx","twitter_card":"summary_large_image","twitter_creator":"@STRATO_AG","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"xxxxxxxx","Gesch\u00e4tzte Lesezeit":"5 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/","name":"Fussball.de Widgets im STRATO Homepage-Baukasten","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2017-10-25T06:47:26+00:00","dateModified":"2021-03-17T13:54:40+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/55b4ec2b3b0ebb38508888e773fc3972"},"breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/fussball-homepage-baukasten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Tabelle, Spielplan und Co. \u2013 Fussball.de-Widgets im Homepage-Baukasten"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/55b4ec2b3b0ebb38508888e773fc3972","name":"xxxxxxxx","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/05\/kap-St-24927_Square_Original-110x110.jpg","contentUrl":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/05\/kap-St-24927_Square_Original-110x110.jpg","caption":"xxxxxxxx"},"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/33139"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=33139"}],"version-history":[{"count":18,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/33139\/revisions"}],"predecessor-version":[{"id":96774,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/33139\/revisions\/96774"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/38643"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=33139"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=33139"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=33139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}