Posts: 15
Threads: 6
Joined: Apr 2018
Hallo,
ich möchte mir das Aries-Theme etwas anpassen http://getsimple.nordrasmus.de
Jede Seite enthällt ein Bild, welches hochfährt beim scrollen, aber es ist immer das gleiche Bild.
In der template.php steht, dass man per Komponente Änderungen vornehmen kann:
<!-- Add styles for individual header backgrounds -->
<?php if (component_exists('background-'.get_page_slug(false)))
{?><style>
.intro {
background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0.46),rgba(0,0,0,0.88)),url(<?php get_component('background-'.get_page_slug(false));?>);
background-size:cover;}
</style> <?php } ?>
Das heißt wohl, dass ich mir eine Komponente mitdem Namen `background-`anlegen muss.
Nun suche ich den Code, der da hinein muss.
Kann jemandhelfen?
Danke
Rasmus
Posts: 119
Threads: 47
Joined: Feb 2016
(2018-04-18, 23:27:40)Rasmus Wrote: Hallo,
ich möchte mir das Aries-Theme etwas anpassen http://getsimple.nordrasmus.de
Jede Seite enthällt ein Bild, welches hochfährt beim scrollen, aber es ist immer das gleiche Bild.
In der template.php steht, dass man per Komponente Änderungen vornehmen kann:
<!-- Add styles for individual header backgrounds -->
<?php if (component_exists('background-'.get_page_slug(false)))
{?><style>
.intro {
background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0.46),rgba(0,0,0,0.88)),url(<?php get_component('background-'.get_page_slug(false));?>);
background-size:cover;}
</style> <?php } ?>
Das heißt wohl, dass ich mir eine Komponente mitdem Namen `background-`anlegen muss.
Nun suche ich den Code, der da hinein muss.
Kann jemandhelfen?
Danke
Rasmus
Erstellen Sie eine Hintergrundkomponente für jede Seite zB: (background-page1)
Fügen Sie dann den Link zum Hintergrundbild in der Komponente <img src = "Speicherort des Bildes" alt = "Bildname"> hinzu
Hoffe das hilft irgendwie
Posts: 109
Threads: 7
Joined: Nov 2012
2018-04-19, 22:21:08
(This post was last modified: 2018-04-20, 00:28:18 by Alexander_.)
(2018-04-18, 23:27:40)Rasmus Wrote: Hallo,
ich möchte mir das Aries-Theme etwas anpassen http://getsimple.nordrasmus.de
Jede Seite enthällt ein Bild, welches hochfährt beim scrollen, aber es ist immer das gleiche Bild.
In der template.php steht, dass man per Komponente Änderungen vornehmen kann:
<!-- Add styles for individual header backgrounds -->
<?php if (component_exists('background-'.get_page_slug(false)))
{?><style>
.intro {
background-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,0.46),rgba(0,0,0,0.88)),url(<?php get_component('background-'.get_page_slug(false));?>);
background-size:cover;}
</style> <?php } ?>
Das heißt wohl, dass ich mir eine Komponente mitdem Namen `background-`anlegen muss.
Nun suche ich den Code, der da hinein muss.
Kann jemandhelfen?
Danke
Rasmus
Am einfachsten arbeitst du hier mit Custom Fields. Installiere Dir die Plugins i18n und i18n Custom Fields. Dann definierst Du ein custom field mit dem Namen "titelbild" und dem Typ "bild". Jetzt kannst Du bei jeder Seite angeben, welches Bild für diese Seite verwendet werden soll.
In deine template.php schreibst Du dann
Code: <style>
.intro {
background-image:
radial-gradient(circle at 50% 50%,rgba(0,0,0,0.46),rgba(0,0,0,0.88)),
url(<?php get_custom_field('titelbild'); ?>);
background-size:
cover;
}
</style>
Das war's.
Alex
Posts: 15
Threads: 6
Joined: Apr 2018
Vielen Dank!
Freu mich schon auf das basteln.
Rasmus
Posts: 15
Threads: 6
Joined: Apr 2018
Hallo...
klappt leidernicht so recht.
Das neue CustomField unter Option ist vorhanden. Wähle ich ein Bild aus und klicke "Änderungen speichern"
fliege ich raus und muss mich neu einloggen und nichts wird gespeichert. Hmmmhhh...?!
Jemand ne Idee?
Rasmus
|