Doppeltes Home in der Navigation bei statischer Startseite

Ich möchte eine eigentlich ganz einfache Sache machen, nämlich eine Navigation mit statischer erster Seite, die den Namen "Home" bekommen soll. Ich hoffe, dass mir jemand helfen kann. Ich entschuldige mich für den langen Post.

Es geht um dieses Theme. (Edit: Link gelöscht)

Das Ganze soll als CMS verwendet werden, d.h. die Startseite ist keine Beitrags-("Post"-)seite, sondern eine statische Seite. Das habe ich unter den Leseeinstellungen im Admin-Bereich auch so eingetragen. Jetzt habe ich das Problem, dass mit meinem Code für die Navigation die Startseite doppelt angezeigt wird: Einmal als "Home" (die lässt sich aber nicht anklicken) und einmal mit dem Titel der Startseite ("Willkommen..."). Das soll natürlich nicht sein; da soll "Home" stehen.
(Dieser Hinweis hat übrigens überhaupt nichts genützt.)

So soll es aussehen, wenn ich auf der Startseite bin:
navi1.jpg

So soll es aussehen, wenn ich mit der Maus über einen Link fahre:
navi2.jpg

So soll es aussehen, wenn ich mich auf einer weiteren Seite befinde, die nicht die Startseite ist:
navi3.jpg

Hier ist der Code für meine Navigation

<div id="menu">
    <ul>
        <li><a rel="nofollow" href="<?php echo get_option('home'); ?>/">Home</a></li>
          <?php wp_list_pages('title_li='); ?>
    </ul>
</div>

Hier ist der Code für das CSS:

#menu {
    float: left;
    z-index: 0;
    position: absolute;
    margin-left: 250px;
    top: 90px;
}


#menu ul {
    padding: 0;
    white-space: nowrap;
    margin: 0;
}


#menu ul li {
    padding: 0;
    display: block;
    float: left;
    text-align: center;
    background: none no-repeat 10px 15px;
}


#menu ul li a {
    color: #fff;
    background-color: transparent;
    text-decoration: none;
    display: block;
    border-style: none;
}


#menu ul li a:link, #menu ul li a:visited {
    background-image: url(images/orange.gif);
    background-repeat: no-repeat;
    height: 26px;
    width: 94px;
    line-height: 26px;
    padding-top: 7px;
}


#menu ul>li+li a:link, #menu ul>li+li a:visited {
    background-image: url(images/gruen.gif);
    background-repeat: no-repeat;
    height: 26px;
    width: 94px;
    line-height: 26px;
    padding-top: 7px;
}


usw.


#menu ul li a:hover, #menu ul li a:active {
    background-image: url(images/orange.gif);
    background-repeat: no-repeat;
    background-position: 0px -66px;
    height: 29px;
    width: 94px;
    line-height: 29px;
    padding-top: 4px;
}


#menu ul>li+li a:hover, #menu ul>li+li a:active {
    background-image: url(images/gruen.gif);
    background-repeat: no-repeat;
    background-position: 0px -66px;
    height: 29px;
    width: 94px;
    line-height: 29px;
    padding-top: 4px;
}


usw.




/* Format für gerade aktive Seite */


.current_page_item a:link, .current_page_item a:visited, .current_page_item a:hover, .current_page_item a:active {
    background-image: url(images/blau.gif);
    background-repeat: no-repeat;
    background-position: 0px -66px;
    height: 29px;
    width: 94px;
    line-height: 29px;
    padding-top: 4px;
}

Dann heißt es aber nicht mehr "Home"...

Dann muss ich wohl hier nachkucken, wie das geht. Auf dieser Seite, die ich gerade eben überflogen habe, steht aber auch, dass man eine eigene home.php anlegen kann. Mal sehn, was das gibt.

Aha! Da steht's:

Zitat

WordPress can be configured to use different Page Templates for different Pages. Toward the bottom of the Write > Page administration panel (or on the sidebar, depending on which version of WordPress you are using) is a drop-down labeled "Page Template." From there you can select which Template will be used when displaying this particular Page.

Gut, ich glaube, damit kann ich etwas anfangen. Ich atme auf und danke vielmals!

Vielen Dank Monsieurdame ra!el, an der Formatzuweisung für Home war ich immer hängen geblieben, wenn versuchte, auf andere Weise vorzugehen. Wenn das klappt, gibt's hier mehrere Sterne!

Wo kommt if (is_page('willkommen...')) {echo 'class="current_page_item"';} hin? Direkt unter<?php wp_list_pages('title_li=&exclude=5'); ?>

Fragt Frau Braun

Das habe ich jetzt noch mal überprüft, aber es will noch nicht funktionieren. Kann da bitte noch einmal einer draufschauen; ich habe nämlich nur rudimentäre PHP-Kenntnisse.

Also: Der Ausdruck muss wohl, wenn ich raz!el richtig verstanden habe, entweder so aussehen:

<?php if (is_page('15')) {echo 'class="current_page_item"';} ?>

oder so:

<?php if (is_page('Willkommen...')) {echo 'class="current_page_item"';} ?>

Die zweite Lösung gefällt mir nicht so gut, weil ich dann im Code was ändern muss, wenn ich den Pagetitel (slug) ändere.
So ist jetzt der Code:

<div id="menu">
<ul>
<li><a rel="nofollow" href="<?php echo get_option('home'); ?>/">Home</a></li>
<?php if (is_page('Home')) {echo 'class="current_page_item"';} ?>
  <?php wp_list_pages('title_li=&exclude=15'); ?>
</ul>
            </div>

So sieht das jetzt aus:
navi4.jpg

Ich habe folgendes beobachtet: Wenn ich mit <?php wp_list_pages('title_li=&exclude=15'); ?> meine Startseite ausschließe, dann verschwindet offensichtlich auch die ID (das sieht man z.B., indem man mit der Maus über den Link "Home" geht und unten in die Statuszeile schaut, da kommt nur die Blog-Adresse), also wird vielleicht die Page-ID gar nicht durch is_page angesprochen?

Monika, das ist bisherher der eleganteste Vorschlag! Ich bin jetzt fast so weit, aber eine Kleinigkeit fehlt noch. Folgendes steht jetzt in der betreffenden Zeile:

<li <?php if(is_front_page()){echo 'class="page_item current_page_item"';} else { echo 'class="page_item"';}; ?>><a rel="nofollow" href="<?php bloginfo('http://www.meinewebsite.de/blog'); ?>/" title="Home">Home</a></li>

1. Die Klasse "page_item" habe ich nicht in der CSS definiert; die Sache wird aber trotzdem korrekt für diese Seiten dargestellt, deshalb kann das einfach wegfallen. Wo lösche ich da, ohne dass nötige Information wegfällt?

2. bloginfo: Das scheint wohl den Titel des Blogs (hier: "Praxis Lieschen Müller") aufzugreifen. Jedenfalls wird man, wenn man sich auf einer Nicht-"Home"-Seite befindet und dann auf "Home" klickt, zu einer nicht existenten Adresse geschickt, nämlich meinewebsite.de/blog/Praxis%20Lieschen%20M%C3%BCller. Wie kann man das ändern?

Hier noch mal mein Homepage mit den letzten Änderungen.

Edit: raz!el, danke für den Tip!