Wie hast du den Header-Hintergrund eingefügt? In der kostenlosen Variante des Themes sehe ich dazu keine Einstellungsmöglichkeit und zur kostenpflichtigen Variante kann ich dir nichts sagen, weil ich mir dazu das Theme erst selbst kaufen müsste. Wahrscheinlich musst du ein Child Theme erstellen und im Header the_post_thumbnail(); einbauen. Kannst du programmieren?
Ich habe in der header.php den Code eingefügt:
<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="wp-content/uploads/cloud/cloud.webm" type="video/webm">
<source src="wp-content/uploads/cloud/cloud.mp4" type="video/mp4">
<source src="wp-content/uploads/cloud/cloud.ogv" type="video/ogg ogv">
</video>
<div id="video_pattern"></div>
Und in der style.css das:
.site-header {
text-align: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
top: 0px;
left: 0px;
padding: 10px 0px 90px 0px;
width: 100%;
overflow: hidden;
}
.overflow-container {
position: relative;
overflow: hidden;
height: auto;
min-height: 100%;
padding: 0px;
}
.max-width {
max-width: 100%;
margin: 0 auto;
}
#video_background {
position: absolute;
top: 0px;
right: 0px;
min-width: 100%;
min-height:100% ;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
#video_pattern {
position: absolute;
opacity: 0.5;
left: 0px;
top: 0px;
width: 100%;
height: 10%;
z-index: -1;
}
Ich benutze auch nur die kostenlose Variante des Themes. Ein Child Theme habe ich bereits erstellt und nehme dort die Änderungen vor.
the_post_thumbnail();? Es geht, bin jetzt kein Profi im programmieren. Je nachdem wie komplex das ist.
Du kannst beim Bearbeiten von Seiten ein Beitragsbild eingeben und das dann im Header mit the_post_thumbnail() ausgeben. Dann brauchst du es mit ein wenig CSS nur noch zu positionieren und mit einem höheren z-index versehen, damit es über dem Video liegt.
Mehr Infos zur Funktion the_post_thumbnail(); bekommst du hier:
Home
Sehr cool, das klappt soweit auch. Vielen Dank.
Das Bild wird dann im Header angezeigt, kann das Beitragsbild dadrunter wieder entfernt werden?
Ich habe jetzt sozusagen 2 mal drin, einmal im Header und einmal in dem Beitrag.
Eine Imagemap kann ich soweit nicht einfügen, wenn die Bilder per the_post_thumbnail(); im Header ausgeben oder geht das auch?
-
Diese Antwort wurde geändert vor 6 Jahren, 7 Monaten von
rafael1.
Wie soll das denn aussehen? Video + Beitragsbild + Imagemap – wird das nicht ein wenig zu viel?
Wenn du das Beitragsbild an einer Stelle einfügst, aber nicht doppelt haben möchtest, musst du es an anderer Stelle (der Loop) wieder herausnehmen. Eigentlich logisch, oder?
Ja genau, es soll zusagen über das Bild/Imagemap navigiert werden zu den anderen Unterseiten. Würde das so gehen mit dem Thumbnail?
Ja soweit ist das logisch. Ich hab das doppelte Beitragsbild herausbekommen, nur ist der Platzhalter dort noch vorhanden. Ich schaue mal weiter, ob ich das irgendwie hinbekomme.
