Support » Allgemeine Fragen » Overlay Button auf Homepage

  • Hey liebe WP Community,

    ich hoffe ihr könnt mir weiterhelfen.

    Ich bin auf der Suche nach einem „Play“-Button der auf der Homepage im Broser unten links fixiert sein soll und über der eigentlichen Website schwebt, dieser Button soll dann ein Popup Fenster mit verlinkten Radioplayer öffnen, diese Popup sollte vorzugsweise, was die größe des Popups betrifft, von mir einstellbar sein. Hier geht es explizit um eine WebRadio Page, da die WP Seite kein Ajax kann ist ein NonStop Player im Popup leider pflicht.

    Kann mir da jemand helfen? Es muss nicht zwingend ein WP Plugin sein, ich würde den Code auch in den Footer des Themes packen.

    Gruß
    Chris

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Schau dir mal das Plugin Popup Maker an. Mit dem Button kannst du Popups erstellen, die dann alle möglichen Inhalte darstellen können, auch einen Player. Die Gestaltung des Buttons (links unten fixiert, schwebt über der Webseite …) kannst du dann mit zusätzlichem CSS vornehmen.

    … da die WP Seite kein Ajax kann …

    Was auch immer du uns damit sagen wolltest … – WordPress kann durchaus Ajax nutzen (vgl. https://codex.wordpress.org/AJAX_in_Plugins).

    Thread-Starter chris1711

    (@chris1711)

    Hey Mario,

    danke für den Tipp doch leider verstehe ich das Plugin nicht wirklich. Diese Popups scheinen nicht zu funktionieren, somal ich hier keinen Trigger einsetzen möchte, der „Play“-Button soll ja immer und überall angezeigt werden.

    Was das Thema Ajax betrifft, ich musste bei dem Theme AJAX deaktivieren da es sich mit dem Code der Track Auslese-funktion des Radios beist und somit nicht mehr richtig funktioniert.

    Gibt es nicht noch einen andere Möglichkeit Buttons mit Popup-Link einzufügen?

    Gruß
    Chris

    Du machst es dir ein bisschen einfach, oder?

    Hier die Schritte im Einzelnen:

    1. Plugin installieren, aktivieren.
    2. Popupmaker: Popup hinzufügen.
      Shortcode/Embed für Radioplayer einfügen.
      Einstellungen für Popup > Auslöser > neuen Auslöser hinzufügen > öffnen durch Klick.
      Einstellungen für Popup > Anzeige > z.B. „Hallo Box“.
      Popup veröffentlichen.
    3. Seite > Erstellen
      Button Popupmaker Shortcodes > Popup-Auslöser > erstelltes Popup auswählen,
      unter Optionen > HTML-Tag: button, Inhalt auslösen: „Start!“, CSS-Klasse > my-fancy-popup-button
      In Text-Modus des Editor wechseln, Shortcode kopieren:
      [popup_trigger id="25" tag="button" classes="my-fancy-popup-button"]Start![/popup_trigger]
      Seite verwerfen (nicht speichern)
    4. Design > Widgets > Text-Widget in Widget-Bereich ziehen (falls vorhanden, Widget-Bereich „Footer“)
      Keine Überschrift angeben, Shortcode in Inhaltsbereich einfügen, speichern.
    5. Design Customizer > Zusätzliches CSS:
      .textwidget { position:relative; 
      }
      .my-fancy-popup-button {
          position: fixed;
          left: 50px;
          bottom: 50px;
          z-index: 999;
          color: #fff;
          background: red;
      	  border: 3px darkred solid;
          border-radius: 50%;
      	  height: 100px;
      	  width: 100px;
      	  margin: 0;
      	  padding: 0;
      }

    Ergibt:
    „einen „Play“-Button ✔️
    der auf der Homepage im Broser unten links fixiert sein soll ✔️
    und über der eigentlichen Website schwebt, ✔️
    dieser Button soll dann ein Popup Fenster mit verlinkten Radioplayer öffnen, ✔️
    diese Popup sollte vorzugsweise, was die größe des Popups betrifft, von mir einstellbar sein.“ ✔️

    Grüße, Bego

    Thread-Starter chris1711

    (@chris1711)

    Hey Bego Mario,

    es hat nicht was mit „einfach machen“ zu tun, sondern so einfach wie möglich fürs Theme.
    Ich habe den Button wie Du mir beschrieben hast eingefügt und genau so wie ich es vorhin schon schrieb funktioniert es nicht, die Codes beisen sich gegenseitig, entweder ich habe einen kompletten weißen Bildschirm mit Play-Button oder das Theme läd ganz normal dann aber ohne Play-Button.
    Ich gehe mal strak davon aus das das Plugin was gegen den PreLoader hat, deswegen suche ich ein Plugin was mir ohne große umschweife, ähnlich der CookieBar, einen Button über meine Seite legt, der fixiert ist und ich sowohl die Beschriftung als auch den Link selber setzen kann.

    Es ist echt nicht böse gemeint.

    Gruß
    Chris

    Es ist echt nicht böse gemeint.

    Von mir auch nicht. Viel Erfolg.

Ansicht von 5 Antworten - 1 bis 5 (von insgesamt 5)
  • Das Thema „Overlay Button auf Homepage“ ist für neue Antworten geschlossen.