Header anhand von statischen Seiten

Allrounder

Hallo Zusammen,

ich möchte meinen Header ändern, anhand von unterschiedlichen Seiten!
Ich würde es gerne so machten, das der Header aufgerufen wird, der den Namen der aktuellen Seite trägt.

Dies würde ich gerne per PHP im Code lösen.

Hier einen Auszug aus dem Code-Header:

PHP

/* begin Header */
div.art-header
{
    margin: 0 auto;
  position: relative;
  z-index: -1;
  width:100%;
  height: 200px;
  margin-top: 0;
  margin-bottom: 0;
}


div.art-header-clip
{
  position: absolute;
  width:100%;
  left:0;
  overflow:hidden;
  height:200px;
}


.art-header-wrapper 
{
        position: relative;
    width:900px;
    margin:0 auto;
}
.art-header-inner 
{
    margin: 0 4px;
}


div.art-header-center
{
    position: relative;
    width: 1920px;
    left:50%;
}


div.art-header-jpeg
{
  position: absolute;
  top: 0;
  left:-50%;
  width: 1920px;
  height: 200px;
  background-image: url('images/header.png');
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */

Alles anzeigen

Wie kann ich dies realisieren?

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

pixselig

Das ist aber nur CSS (vermutlich aus der styles.css) was du hier postest.

Was soll den im Header anders sein?
Ein Bild? Ein anderes Menü? Sonstwas?
Hast du einen Link zu deinem Blog/Site?

Grüsse

Pixselig

Allrounder

Wichtig ist das sich der Header (das Bild und das Objekt) ändert, anhand der Seite.
Perfekt wäre es dann wenn sich auch die widgets und derHeadertext mit ändert!
Weblink: http://plath.bplaced.de/HEMS/

alchymyth

hier was brauchbares fuer's header-hintergrund-bild:

http://www.transformationpowertools.com/wordpress/diff…ge-in-wordpress

Zitat

und das Objekt

versteh ich nicht - was fuer ein objekt?

Zitat

auch die [COLOR=#306582]widgets[/COLOR] und derHeadertext

evtl moeglich mit benutzerdefinierten feldern fuer den text; http://codex.wordpress.org/Custom_Fields

und mit 'widget logic' oder aehnlichem plugin; http://wordpress.org/extend/plugins…ditional+widget

Allrounder

Der link ist genau das was ich suche!
Ich habe den Code in header.php kopiert, wie beschrieben, leider ohne Erfolg...

Meine Seite ist: http://www.leonardo-projekt.eu/

dort findet man auch das genannte Objekt (Gruppenfoto)

Das Objekt müsste sich jedes mal ändern, wenn sich der erste teil der Seiten ID ändert.

Kleines Beispiel:
Starteseite (home)
- Wien (wien)
- 2011 (2011)
- Name1 (2011-name)
- Name2 (2011-name)
- Tschechien (tschechien)
- 2011 (2011)
- Name1 (2011-name)
- Name2 (2011-name)

Ich habe nun einmal den code aus header.php kopiert und aus dem style.css

Das Objekt soll erscheinen sobald 2011 oder 2011- (2012 / 2013...) in der ID steht.

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" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<style type="text/css">
<?php $page_id=$post->ID;
if(is_page()) { $image='head-image-'.$page_id.'.jpg'; };
if(!file_exists(TEMPLATEPATH.'/images/'.$image)) { $image='head-image.jpg'; }
echo '#header { background: url(' . get_bloginfo('stylesheet_directory') . '/images/'.$image.') center top no-repeat; }'; ?>
</style>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type') ?>; charset=<?php bloginfo('charset') ?>" />
<title><?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url') ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<?php if(WP_VERSION < 3.0): ?>
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', THEME_NS), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />
<?php endif; ?>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php
remove_action('wp_head', 'wp_generator');
wp_enqueue_script('jquery');
if ( is_singular() && get_option( 'thread_comments' ) ) {
    wp_enqueue_script( 'comment-reply' );
}
wp_head(); ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
</head>
<body <?php if(function_exists('body_class')) body_class(); ?>>
<div id="art-main">
    <div class="art-header">
        <div class="art-header-clip">
        <div class="art-header-center">
            <div class="art-header-jpeg"></div>
        </div>
        </div>
    <div class="art-header-wrapper">
    <div class="art-header-inner">
        <div class="art-headerobject"></div>
        <div class="art-logo">
        <?php if(theme_get_option('theme_header_show_headline')): ?>
        <h1 class="art-logo-name"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
        <?php endif; ?>
        <?php if(theme_get_option('theme_header_show_slogan')): ?>
            <h2 class="art-logo-text"><?php bloginfo('description'); ?></h2>
        <?php endif; ?>
        </div>
    </div>
    </div>
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-nav">
        <div class="art-nav-l"></div>
        <div class="art-nav-r"></div>
        <div class="art-nav-outer">
        <div class="art-nav-wrapper">
        <div class="art-nav-inner">
        <?php 
            echo theme_get_menu(array(
                    'source' => theme_get_option('theme_menu_source'),
                    'depth' => theme_get_option('theme_menu_depth'),
                    'menu' => 'primary-menu',
                    'class' => 'art-hmenu'    
                )
            );
        ?>
        </div>
        </div>
        </div>
    </div>
    <div class="cleared reset-box"></div>
    <div class="art-sheet">
        <div class="art-sheet-tl"></div>
        <div class="art-sheet-tr"></div>
        <div class="art-sheet-bl"></div>
        <div class="art-sheet-br"></div>
        <div class="art-sheet-tc"></div>
        <div class="art-sheet-bc"></div>
        <div class="art-sheet-cl"></div>
        <div class="art-sheet-cr"></div>
        <div class="art-sheet-cc"></div>
        <div class="art-sheet-body">

Alles anzeigen

Allrounder

CSS

/*
Theme Name: Office_Grey
Theme URI: http://templates.presse-artikel.org
Description: A 2 column business theme in grey, blue and white colors and with one sidebar to the left.
Version: 1.0
Author: http://templates.presse-artikel.org
Author URI: http://templates.presse-artikel.org
Tags: fixed width, left sidebar, two columns, valid XHTML, widgets
*/


/* begin Page */
/* Created by Artisteer v3.0.0.39952 */


#art-main, table
{
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}


h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
    margin: 0;
    padding: 0;
}


.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}


.art-postcontent p
{
    margin: 12px 0;
}


h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-decoration: none;
}


.art-postcontent a
{
  text-decoration: none;
  color: #2D9ABE;
}


.art-postcontent a:link
{
  text-decoration: none;
  color: #2D9ABE;
}


.art-postcontent a:visited, .art-postcontent a.visited
{
  color: #595959;
}


.art-postcontent  a:hover, .art-postcontent a.hover
{
  text-decoration: underline;
  color: #0B252D;
}


.art-postcontent h1
{
   color: #1D7096;
margin: 21px 0;    
}


.art-blockcontent h1
{
margin: 21px 0; 
}


.art-postcontent h2
{
   color: #2693C5;
margin: 19px 0;
   font-size: 26px;    
}


.art-blockcontent h2
{
margin: 19px 0;
   font-size: 26px; 
}


.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2  a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a,  .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover,  .art-blockcontent h2 a:visited 
{
   font-size: 26px; 
}


.art-postcontent h3
{
   color: #949494;
margin: 19px 0;
   font-size: 21px;    
}


.art-blockcontent h3
{
margin: 19px 0;
   font-size: 21px; 
}


.art-postcontent h3 a, .art-postcontent h3 a:link, .art-postcontent h3  a:hover, .art-postcontent h3 a:visited, .art-blockcontent h3 a,  .art-blockcontent h3 a:link, .art-blockcontent h3 a:hover,  .art-blockcontent h3 a:visited 
{
   font-size: 21px; 
}


.art-postcontent h4
{
   color: #1B698D;
margin: 20px 0;
   font-size: 18px;    
}


.art-blockcontent h4
{
margin: 20px 0;
   font-size: 18px; 
}


.art-postcontent h4 a, .art-postcontent h4 a:link, .art-postcontent h4  a:hover, .art-postcontent h4 a:visited, .art-blockcontent h4 a,  .art-blockcontent h4 a:link, .art-blockcontent h4 a:hover,  .art-blockcontent h4 a:visited 
{
   font-size: 18px; 
}


.art-postcontent h5
{
   color: #1B698D;
margin: 26px 0;
   font-size: 14px;    
}


.art-blockcontent h5
{
margin: 26px 0;
   font-size: 14px; 
}


.art-postcontent h5 a, .art-postcontent h5 a:link, .art-postcontent h5  a:hover, .art-postcontent h5 a:visited, .art-blockcontent h5 a,  .art-blockcontent h5 a:link, .art-blockcontent h5 a:hover,  .art-blockcontent h5 a:visited 
{
   font-size: 14px; 
}


.art-postcontent h6
{
   color: #2693C5;
margin: 35px 0;
   font-size: 12px;    
}


.art-blockcontent h6
{
margin: 35px 0;
   font-size: 12px; 
}


.art-postcontent h6 a, .art-postcontent h6 a:link, .art-postcontent h6  a:hover, .art-postcontent h6 a:visited, .art-blockcontent h6 a,  .art-blockcontent h6 a:link, .art-blockcontent h6 a:hover,  .art-blockcontent h6 a:visited 
{
   font-size: 12px; 
}


ul
{
  list-style-type: none;
}


ol
{
  list-style-position: inside;
}


html 
{
    height:100%;
}


#art-main
{
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
  overflow:visible;
  float: left;
  clear: left;
}


body
{
  padding: 0; 
  margin:0;
  color: #000000;
  height:100%;
  min-height:100%;
  background-color: #FFFFFF;
  background-image: url('images/Bottom_texture.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: top left;
  min-width: 900px;
}


.cleared
{
  display:block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height:0;
  overflow:hidden;
}


.reset-box
{
  overflow:hidden;
  display:table; 
}


form
{
  padding: 0 !important;
  margin: 0 !important;
}


table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
/* end Page */


/* begin Header */
div.art-header
{
    margin: 0 auto;
  position: relative;
  z-index: -1;
  width:100%;
  height: 200px;
  margin-top: 0;
  margin-bottom: 0;
}


div.art-header-clip
{
  position: absolute;
  width:100%;
  left:0;
  overflow:hidden;
  height:200px;
}


.art-header-wrapper 
{
        position: relative;
    width:900px;
    margin:0 auto;
}
.art-header-inner 
{
    margin: 0 4px;
}


div.art-header-center
{
    position: relative;
    width: 1920px;
    left:50%;
}


div.art-header-jpeg
{
  position: absolute;
  top: 0;
  left:-50%;
  width: 1920px;
  height: 200px;
  background-image: url('images/header.png');
  background-repeat: no-repeat;
  background-position: center center;
}
/* end Header */


/* begin HeaderObject */
div.art-headerobject
{
  display: block;
  left: 80%;
  margin-left: 0px;
  position: absolute;
  top: 0;
  width: 230px;
  height: 200px;
  background-image: url('images/header-object.jpg');
}
/* end HeaderObject */


/* begin Logo */
div.art-logo
{
  display: block;
  position: absolute;
  top: 64px;
  left: 0;
  margin-left: 12px;
}


h1.art-logo-name
{
  display: block;
  text-align: left;
  font-size: 34px;
  padding: 0;
  margin: 0;
  color: #383838 !important;
}
h1.art-logo-name a, 
h1.art-logo-name a:link, 
h1.art-logo-name a:visited, 
h1.art-logo-name a:hover
{
  font-size: 34px;
  padding: 0;
  margin: 0;
  color: #383838 !important;
}


h2.art-logo-text
{
  display: block;
  text-align: left;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 19px;
  padding: 0;
  margin: 0;
  color: #383838 !important;
}
h2.art-logo-text a,
h2.art-logo-text a:link,
h2.art-logo-text a:visited,
h2.art-logo-text a:hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 19px;
  padding: 0;
  margin: 0;
  color: #383838 !important;
}


/* end Logo */


/* begin Menu */
/* menu structure */


.art-hmenu a, .art-hmenu a:link, .art-hmenu a:visited, .art-hmenu a:hover
{
    outline: none;
}


.art-hmenu, .art-hmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}


.art-hmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}


.art-hmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}


.art-hmenu li li
{
  float: none;
}

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Header anhand von statischen Seiten

Jetzt mitmachen!