Kubrick DE - Geändertes Headerbild bleibt hinter Farbverlauf

makimaki

Hallo,

ich weiß, das mein Problem erstmal normal klingt (Änderung des Headerbildes im Kubrik-Theme), jedoch komme ich einfach nicht weiter.

Ich hab den Kubrick DE-Ordner kopiert und umbenannt um ihn an neuer Stelle anzupassen, z.B. die Farben in der CSS-Datei usw. Sonderlich gut kenne ich mich nicht aus, hab es aber bis jetzt geschafft. Jetzt wollte ich statt des Farbverlaufs (bei mir von dunkelgrau zu hellgrau) ein Bild einfügen, welches ich mittels div. WP-Online-Werkzeuge auch in der passenden Größe vorliegen habe.

Laut diverser Anleitungen im Netz (z.B. hier) und auch Beiträge in diesem und anderen Foren, müsste ich ja an sich nur die Datei kubrickheader.jpg ersetzen. Das habe ich getan und die Datei wird auch angezeigt, allerdings hinter dem Farbverlauf. Auch verschiedene Spielereien in den in Frage kommenden php-Dateien »meines« Themes haben nichts geändert. Auch das Ersetzen des Headerbildes im normalen, von mir nicht geänderten Theme bewirkt nichts.

Woran kann das liegen? Nutze WP-de 2.5.1 und das mitgelieferte Kubrick-de. Anschauungsbeispiel: hier. Das gewünschte Bild wäre dieses hier.

Danke für jede Hilfe!

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

marX

Entferne in der header.php folgenden Code:

PHP

<style type='text/css'>
<!--#header { background: url('http://www.unet.univie.ac.at/~a0303098/php/wp-content/themes/default_de_custom/images/header-img.php?upper=EBEBEB&lower=474747') no-repeat bottom center; }
--></style>

und ändere in der style.css (Zeile 221) den Eintrag für #header wie folgt:

Code

#header {
background-color:[COLOR="Red"]url('/images/kubrickheader.jpg') no-repeat bottom center;[/COLOR]
height:200px;
margin:0pt 0pt 0pt 1px;
padding:0pt;
width:758px;
}

PS: In der style.css wird PHP-Code im Normalfall nicht interpretiert und führt zu Fehlern. ;-)

makimaki

Vielen Dank für die schnelle Antwort. Hab die styles.css jetzt wie folgt verändert:

Code

#header {
	background-color: url('/images/myheader.jpg') no-repeat bottom center;
	height: 200px;
	margin: 0pt 0pt 0pt 1px;
	padding: 0pt;
	width: 758px;
	}

Meine header.php enthält zwischen den style-tags allerdings folgenden Inhalt:

PHP

<style type="text/css" media="screen">


<?php
// Checks to see whether it needs a sidebar or not
if (!empty($withcomments) && !is_single() ) {
?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>


</style>

Alles anzeigen

Das Problem besteht leider weiterhin.

marX

Code

#header {
	background[COLOR="Red"]-color[/COLOR]: url('images/myheader.jpg') no-repeat bottom center;
	height: 200px;
	margin: 0pt 0pt 0pt 1px;
	padding: 0pt;
	width: 758px;
	}

Nur background, da es eine kombinierte Eigenschaft in Kurzschreibweise ist. ;-) Sorry, hab ich oben vergessen zu ändern, mein Fehler!

Nachtrag: Und noch ein 2. Fehler war drin! Die URL war absolut (d.h. mit führendem Slash für das Domain-Wurzelverzeichnis) angegeben. Am besten ist aber, Bilder in der CSS-Datei relativ zu dieser zu referenzieren.

Zitat

Meine header.php enthält zwischen den style-tags allerdings folgenden Inhalt:

Ein paar Zeilen weiter unten solltest du den von mir erwähnten Code finden.

makimaki

Zitat von marX

Ein paar Zeilen weiter unten solltest du den von mir erwähnten Code finden.

Leider nicht (vgl. Anhang). Danke für Dein Engagement :)

marX

Dann wird das über den wp_head()-Hook eingefügt und steht wahrscheinlich in der functions.php (ich nutze den Kubrick nicht...)

makimaki

Oje, das sieht da alles kompliziert aus (kenne mich nicht so gut aus). Hab in functions.php etwas gefunden, das relevant sein könnte:

Code

function kubrick_head() {
	$head = "<style type='text/css'>\n<!--";
	$output = '';
	if ( kubrick_header_image() ) {
		$url =  kubrick_header_image_url() ;
		$output .= "#header { background: url('$url') no-repeat bottom center; }\n";
	}
	if ( false !== ( $color = kubrick_header_color() ) ) {
		$output .= "#headerimg h1 a, #headerimg h1 a:visited, #headerimg .description { color: $color; }\n";
	}
	if ( false !== ( $display = kubrick_header_display() ) ) {
		$output .= "#headerimg { display: $display }\n";
	}
	$foot = "--></style>\n";
	if ( '' != $output )
		echo $head . $output . $foot;
}

Alles anzeigen

Das wp_head wird dort nur -- meinem Verständnis nach -- aufgerufen, nämlich ein paar Zeilen später:

Code

add_action('wp_head', 'kubrick_head');

marX

Einfach die add_action-Zeile auskommentieren. Und noch meinen Nachtrag im Posting von 15:50 beachten. ;-)

PHP

//add_action('wp_head', 'kubrick_head');

makimaki

Zitat von marX
Einfach die add_action-Zeile auskommentieren. Und noch meinen Nachtrag im Posting von 15:50 beachten. ;-)
PHP
//add_action('wp_head', 'kubrick_head');

Perfekt! Vielen, vielen Dank :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kubrick DE - Geändertes Headerbild bleibt hinter Farbverlauf

Jetzt mitmachen!