verschiedene Headerbreiten

Linopacino

Hy Leute ich habe gerade ein problem wo ich nicht weiterkomme.
Und zwar habe oh wunder, einen Wordpress Blog. so.
Das Problem ist, dass ich eine Startseite habe die 870px breit ist und der rest dann 680px breit ist. (die Startseite habe ich als Seitentemplate erstellt).

nun kriege ich es aber leider nicht hin dass der Header auf der startseite 870 px breit ist. (da er im CSS 680px breit ist).

Wie kann ich dies lösen?

vielen Dank für eure unterstützung.

Hier mal der Template code. (der hilft aber warscheindlich nicht viel)

PHP

<?php
/*
Template Name: STARTPAGE
*/
?>


   
<body>
<div id="container">
<div id="banner">
<div id="header2" role="banner">
	
	
	<?php get_header(); ?>
	
</div>
</div>
</div>

Alles anzeigen

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

nepf

Du schreibst den body-tag im Header so

PHP

<body <?php body_class(); ?>>

dann generiert Dir Wordpress lauter wunderbare classes, je nach aufgerufener Seite.

Im css hast du dann z.B.

Code

#header { width:680px; }
.home #header { width:870px; }

nepf

auf das Startseitentemplate kannst du dann verzichten.

Linopacino

Und wie rufe ich diese klasse dann in meinem template auf?

PHP

<?php get_header(.startpage); ?>

Ich muss das template benutzen da die Startseite eine statische seite ist.

nepf

no, no, no - viel einfacher.
Wenn du das body-tag wie beschrieben setzt, dann generiert WP ganz von allein alle möglichen Klassen, ganz unterschiedlich und je nachdem, welche Seite, Artikel, Kategorie ... oder was auch immer du aufgerufen hast.

Setzt das body-tag doch einfach mal und guck die den Quelltext verschiedenen Seiten an, dann wirst Du schon sehen.

Dann gibt es eben eine eigene Klasse für die home, du könntest auch die Klasse für die spezielle ID nutzen, bekommst verschiedene Möglichkeiten.

Und die brauchst Du dann nur im css entsprechend zu definieren.

Wenn Du für deine Startseite ein spezielles Template benötigst, das sich aus anderen Gründen von der page.php unterscheiden muss, kannst du das ruhig machen, aber die Sache mit der header-breite würde auch mit der normalen page.php funktionieren.

Linopacino

also in meiner header.php war dieser body-Tag schon von anfang drin.
Hier mal ein ausschnitt von der header.php.

PHP

<?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>


<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?> 


<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div id="page">
<div id="header" role="banner">
	<div id="headerimg">
	<div id="mainlogo" class="headerimg">

Alles anzeigen

Und im Quelltext meiner seite sehe ich dann das er so was rein gemacht hat:

PHP

<body class="home page page-id-111 page-template page-template-startpage-php">

und das "home" kann ich jetzt im Css als klasse definieren?

sorry stehe ein bisschen auf dem schlauch :S

Linopacino

Okey also hab das jetzt mal grob hingekriegt.
aber jetzt stehe ich vor einem neuen Problem.
Mein Header auf der Startseite ist 100px nach rechts verschoben und ich hab keine ahnung an was das liegt.

http://mommyikeepitgangsta.com/blog/

Tutrix

mach mal hier

Code

#header2 {
height:85px;
width:870px;




}

nur width:640px

Linopacino

Ha vielen dank!
an dem lags!
super.

Danke danke danke, für eure Hilfe!

nepf

nun ist alles fertig, oder?

Linopacino

Ja jetzt sollte alles fertig sein :)
vielen dank.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

verschiedene Headerbreiten

Jetzt mitmachen!