Pro Seite ein extra Header-image ?!

jottlieb

Und nicht nur mit Kategorien:
http://codex.wordpress.org/Conditional_Tags

Aber selbst jenseits der Liste geht noch mehr.
In meinem Blog lasse ich exklusiv für einen User (mit Account) ein anderes Headerbild laden ;)

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

D4nt3

Zitat von jottlieb
Bei meiner Variante ist ja auf der Hauptseite immer das gleiche Bild. Nur wenn eine der definierten Unterseiten aufgerufen wird, erhält der Browser eine neue CSS-Anweisung nach der er das andere Bild anzeigen soll.
In deinem Theme müsste das also so aussehen:
PHP
<style type="text/css"></style>
Alles anzeigen
PS: Internetpräsenz schreibt man mit z.

Hi jottlieb, vielleicht hast du ja noch ne idee nur leider funktioniert es nicht :(

habe folgendes in meine header.php vor <title> eingefügt

PHP

<style type="text/css"><!--  
 <?php if (is_page('kontakt')) { ?>  
  .header .left {
  background: #B3C2C7 url('img/kontakt.jpg') no-repeat; 
  } 
 <?php } elseif (is_page('routenplaner')) { ?>  
  .header .left {
  background: #B3C2C7 url('img/routenplaner.jpg') no-repeat; 
  }  
 <?php } elseif (is_page('unsere-katzen')) { ?>  
  .header .left {
  background: #B3C2C7 url('img/unsere_katzen.jpg') no-repeat; 
  }  
<?php } ?>  
//--></style>

Alles anzeigen

aber es passiert nix. er läd immer die standart grafik :(

Gatze

Es kann sein, dass du dein Script einfach mal woanders platzieren musst! Ich benutze das fSpring Theme auf meinem Blog und da musste ich es direkt vor den <HEAD> Tag setzen! Liegt wahrscheinlich daran, weil da schon eine CSS-Anwendung stand - aber genau weiß ichs auch nicht! Probier es doch einfach mal - bei mir hats funktioniert! :-D

D4nt3

Zitat von Gatze

Es kann sein, dass du dein Script einfach mal woanders platzieren musst! Ich benutze das fSpring Theme auf meinem Blog und da musste ich es direkt vor den <HEAD> Tag setzen! Liegt wahrscheinlich daran, weil da schon eine CSS-Anwendung stand - aber genau weiß ichs auch nicht! Probier es doch einfach mal - bei mir hats funktioniert! :-D

Danke für deinen Tip. Es war nur noch was anderes was ich machen musste. UNd zwar musste ich es unter

PHP

<div class="header">

in der header.php eintragen. Dazu kam noch das ich mehr von pfad angeben musste.
Mein code sieht nun so aus:

PHP

<style type="text/css"><!--  
 <?php if (is_page('kontakt')) { ?>  
  .header .left {
  background: #B3C2C7 url('/wp-content/themes/beautiful/img/kontakt.jpg') no-repeat; 
  } 
 <?php } elseif (is_page('routenplaner')) { ?>  
  .header .left {
  background: #B3C2C7 url('/wp-content/themes/beautiful/img/routenplaner.jpg') no-repeat; 
  }  
 <?php } elseif (is_page('unsere-katzen')) { ?>  
  .header .left {
  background: #B3C2C7 url('/wp-content/themes/beautiful/img/unsere_katzen.jpg') no-repeat; 
  }  
  <?php } elseif (is_category('neuigkeiten')) { ?>  
  .header .left {
  background: #B3C2C7 url('/wp-content/themes/beautiful/img/neuigkeiten.jpg') no-repeat; 
  }  
<?php } ?>  
//--></style>

Alles anzeigen

Dies bezieht sich natürlich auf das Beautiful-Theme. Wer mal schauen will kann hier klicken (sind noch nicht alle Header-Images drinne aber es wird ^^)
Noch mal ein dickes Danke an alle.

matze310706

Puh, da lobe ich mir doch K2, diese Ausgeburt der Hölle :mrgreen:, da kann ich so was in einem externen Stylesheet machen und muss nicht in den Dateien patchen.

jottlieb

Zitat von matze310706

Puh, da lobe ich mir doch K2, diese Ausgeburt der Hölle :mrgreen:, da kann ich so was in einem externen Stylesheet machen und muss nicht in den Dateien patchen.

Das dürfte Theme-unabhänig sein. Allerdings weiß ich nicht, ob solche Abfragen auch in der style-Datei funktionieren, deshalb hab ich's eben direkt in den Template-Dateien gemacht.

matze310706

Gut, wenn alle WordPress-Themes ein separates Stylesheet unterstützen, dann ist das eine feine Sache und in die Zukunft gedacht. Bei K2 weiß ich es halt, weil es mein aktuelles Thema ist, und weil ich natürlich via externer CSS drei unterschiedliche Headergrafiken habe.

Ach so, im Stylesheet muss man natürlich etwas anders arbeiten. Solche PHP-Abfragen gehen da natürlich nicht. Aber anstelle von

PHP

if (is_page('kontakt'))

lässt sich ja

Code

body#kontakt #header
{
    ...
}

nutzen, wobei das benutzte Theme solche Klassen und/oder IDs natürlich von sich aus in den HTML-Code eintragen muss. Bei K2 ginge das, beim Theme, das D4nt3 nutzt, offenbar nicht (nach Blick in den HTML-Code). :?

D4nt3

Zitat von matze310706
Gut, wenn alle WordPress-Themes ein separates Stylesheet unterstützen, dann ist das eine feine Sache und in die Zukunft gedacht. Bei K2 weiß ich es halt, weil es mein aktuelles Thema ist, und weil ich natürlich via externer CSS drei unterschiedliche Headergrafiken habe.
Ach so, im Stylesheet muss man natürlich etwas anders arbeiten. Solche PHP-Abfragen gehen da natürlich nicht. Aber anstelle von
PHP
if (is_page('kontakt'))
lässt sich ja
Code
body#kontakt #header
{
    ...
}
nutzen, wobei das benutzte Theme solche Klassen und/oder IDs natürlich von sich aus in den HTML-Code eintragen muss. Bei K2 ginge das, beim Theme, das D4nt3 nutzt, offenbar nicht (nach Blick in den HTML-Code). :?

Afaik benutzt jedes WP-Theme eine CSS Datei. Den Weg von Jottlieb finde ich persönlich ein bischen besser als es in die CSS Datei zuschreiben. Aber das ist nun mal geschmackssache :mrgreen:
Und soviel Code ist es ja net den man in die kleine PHP Datei rein schreibt ;)

buona

Anderer Code und folgendes Problem

Hi, ich habe dazu einen anderen Code ausprobiert, der teilweise funktioniert, und folgendes Problem - würde mich über Hilfe sehr freuen. Danke.
http://forum.wordpress-deutschland.org/design/27357-u…ngsproblem.html
update: Mein Problem hat sich erledigt. Siehe Beitrag.

patimokkha

Hallo jottlieb,

kannst Du einem weiteren Newbie unter die Arme greifen?:oops:

Ich habe den von Dir bereitgestellten Code genutzt um auch auf meiner Seite die Headerbilder wechseln zu lassen, leider werden die diversen Fotos in den Headern (siehe Edition Buddha Direkt & Edition Tibet) lediglich zu einem drittel dargestellt.

Leider habe ich zu wenig php-Kenntnisse um das Problem selbst lösen zu können.

Der Code meiner header.php sieht so aus:

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head profile="http://gmpg.org/xfn/11">
<style type="text/css"><!--
 <?php if (is_page('edition-buddha-direkt')) { ?>
  #header {
  background: #eee url(<?php bloginfo('stylesheet_directory'); ?>/images/header2.jpg)    no-repeat center top;
  }
 <?php } elseif (is_page('edition-tibet')) { ?>
  #header {
  background: #eee url(<?php bloginfo('stylesheet_directory'); ?>/images/header3.jpg)  no-repeat center top;
  }
 <?php } ?>
//--></style>
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->


<style type="text/css" media="screen">
        @import url( <?php bloginfo('stylesheet_url'); ?> );
    </style>


    


    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>
    <?php wp_head(); ?>
</head>


<!-- end header -->

Alles anzeigen

LG,
patimokkha

patimokkha

...kann mir niemand helfen?:cry:

LG,
patimokkha

msi

Zitat von D4nt3

Afaik benutzt jedes WP-Theme eine CSS Datei.

Ja, die "style.css" mit den Grunddefinitionen. In K2 kann man aber zusätzlich noch eine CSS-Datei mit eigenen Definitionen laden. Eine Änderung der Originaldateien ist damit nicht erforderlich.

Nur mal als Beispiel: Das ist K2, und das auch. ;)

back-to-topic: patimokkha, ich sehe gar keine Änderungen. Das Headerbild bleibt bei mir immer gleich. :confused:

patimokkha

Hallo msi,

ich hatte die header.php wieder in den alten Zustand versetzt. Schau bitte jetzt noch einmal.

Danke,
patimokkha

msi

OK, 2 Fehler.

1. Das Ding heißt, lt deiner CSS-Datei, nicht "#header" sondern "#masthead"
2. Dein Bild sollte nach der "style.css" eingefügt werden, sonst bringt es nichts.

patimokkha

:-D hat geklappt!
Vielen Dank msi!!!

Arbeite erst seit 2 Wochen mit WP, muss noch viel lernen:?

LG,
patimokkha

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Pro Seite ein extra Header-image ?!

Jetzt mitmachen!