Metaslider als Headerhintergrund

Hallo @nicekype

Beim Gateway Theme ist es ja so dass das Logo über dem Header Hintergrund zu sehen ist und das möchte ich jetzt mit dem Meta Slider machen. Ich kann leider nur über oder unter dem Logo den Slider plazieren.

Mal noch zusätzlich zu Begos Überlegungen:

Leider finde ich deine Anforderungsbeschreibung unklar und bin mir daher nicht sicher, ob ich dich richtig verstanden habe. Meine nachfolgenden Vorschläge gehen von folgendem Verständnis aus:

Du willst beim Gateway-Theme nicht ein einzelnes Bild als Hintergrund, sondern einen Slider. Dazu also ein paar Überlegungen.

Ohne es geprüft zu haben oder die Zeit aufwenden zu können, das für dich zu testen/auszuarbeiten:
Der erste Google-Treffer bei der Suche nach „metaslider als background“ enthält einen Vorschlag, wie man das machen könnte. Hast du den schon selbst gefunden und getestet?

Wie Bego schon schrieb, sollte so etwas aber am besten in einem Child-Theme gemacht werden, denn sonst ist alles nach dem nächsten Theme-Update futsch. Falls du nicht weißt, wie man ein Child-Theme anlegt: Im Internet gibt es zahlreiche Tutorials dazu.

Falls es nicht unbedingt der Metaslider sein muss (der scheint mir „von Haus aus“ auch gar nicht für Hintergrund-Slideshows ausgelegt zu sein), finde ich die Lösung durchaus ansprechend, die in der Pro-/Plus-Version deines Themes für 49 Dollar angeboten wird.

Wenn du das Geld nicht investieren willst, kannst du versuchen, es so wie in dieser Demo von Gateway Plus zu realisieren, also mit dem jQuery-Plugin Backstretch, das speziell für so etwas ausgelegt ist.

Auf der verlinkten GitHub-Seite findet sich eine Anleitung, wie es eingesetzt wird.
Du musst dann allerdings noch ein bisschen nach Infos im Internet suchen, z.B. wie du Backstretch in Kombination mit WordPress einsetzt.
Das kann ich dir aber aus Zeitgründen nicht abnehmen. Da must du dich selbst durchbeißen oder, falls du noch gar keine Vorkenntnisse auf diesem Gebiet hast, einen Kumpel oder einen Dienstleister ansprechen.

Falls du es selbst schaffst, wäre es natürlich toll, wenn hier noch mal eine Rückmeldung von dir käme. Aber bitte nicht eine solche, wie die von dem Spezialisten auf der im ersten Abschnitt verlinkten Forenseite, der nach seiner anfänglichen Frage, wie man den Metaslider als Hintergrund einsetzen könne, anschließend stolz diesen super informativen Satz schrieb:

Never mind I figured out how to use it as my background slider.

Keinerlei sonstige Info. Über so was kann ich immer wieder nur den Kopf schütteln.

So weit mal meine bescheidenen Überlegungen, wie du das realisieren könntest. Es mag andere und eventuell bessere Möglichkeiten geben, und, wie gesagt, ich bin mir noch nicht mal sicher, ob ich deine Anforderungsbeschreibung überhaupt richtig verstanden habe. 🙂

• Diese Antwort wurde geändert vor 7 Jahren, 7 Monaten von Flower33. Grund: Linksetzung

@nicekype
Ich denke, du hast uns mit dem Wort „Hintergrund“ in Verbindung mit der Nennung des Gateway-Themes (bei dem wechselnde Hintergrundbilder mit der Backstretch-Methode realisiert werden) ungewollt auf eine falsche Fährte geführt. 🙂

Wir dachten, es ginge dir um wirkliche Hintergrundbilder, aber es muss offenbar der Metaslider sein. Nur, wie bereits oben geschrieben, der ist nicht für eine solche Hintergrund-Methode ausgelegt.

Was dir vorschwebt, das habe ich erst eben richtig verstanden, ist der Einsatz des Metasliders am Anfang der Seite (der richtige header in deinem Theme umfasst nur die nach dem Bild folgende Navigation), und das Logo soll über diesem Slider platziert sein.

Das geht grundsätzlich schon, indem man einen DIV mit dem Logo (und eventuell noch mit dem Menü) per position:fixed und einem höheren z-index über den DIV mit dem Metaslider legt, der position:relative hat und einen niedrigeren z-index, z.B. 0, hat.

Aber dazu müsstest du an einigen Stellen das Template deines Themes verändern, denn das ist doch ganz anders angelegt, was erstens nur über eine Anpassung via Child-Theme ginge, wie Bego schon ganz zu Beginn schrieb, und dir zweitens sicherlich viel zu kompliziert wäre. Das ist jetzt überhaupt nicht überheblich gemeint, aber ich schließe das daraus, dass du in dem anderen Thread von dir, in dem es um die Navigation geht, auf Begos detaillierten Vorschlag auf dem Silbertablett antwortest:

Gibt es nicht eine einfachare Methode, dies in die Tat umzusetzen?

Tut mir Leid, dich da enttäuschen zu müssen.
Ich hoffe, du findest eine andere Lösung, die dir gefällt.

Das beruhigt mich jetzt irgendwie. 😉 (siehe meine zweite Antwort)

Oh, das hatte ich gar nicht mehr im Sinn, entschuldige, lieber Bego!
Hab heute mit der Antwort von @nicekype zu lesen begonnen und die Beiträge darüber gar nicht mehr beachtet. Kommt wohl davon, wenn man sich in zu vielen Threads gleichzeitig aufhält und nicht mehr jeden einzelnen Beitrag präsent hat (der Login-Thread verzeichnet mittlerweile eine rekordverdächtige Anzahl von Beiträgen, oder?). Aber ich merke, ich mache Fortschritte, da ich offenbar schon ein bisschen von deiner „Denke“ übernommen habe. 🙂

Ah, schön!
Tja, du hattest da offenbar schon von Anfang an den richtigen Riecher, während mein Hirn nach dem Besuch der Pro-Version ganz auf die dort praktizierte Hintergrund-Lösung mit dem Backstretch-Plugin fixiert war. perspective:fixed sozusagen. 🙂