Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
QUESTION verschiedene background für Seiten
#1
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
Reply
#2
(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
Reply
#3
(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
Reply
#4
Vielen Dank!
Freu mich schon auf das basteln.

Rasmus
Reply
#5
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
Reply




Users browsing this thread: 1 Guest(s)