menue in theme einbauen wp_list_pages? home button?

mailmonster

Hallo
ich benutze auf meinem Blog http://zweifachpapa.de das Esther Theme
von Patrick Chia. Leider hat das von Hause aus keine Menüleiste mehr im Headerbereich. Jetzt möchte ich die wieder einbauen und versteh aber nicht ganz wo ich welche Anpassung vornehmen muss.
Nach einigem googlen würde ich sagen die Lösung wäre wp_list_pages irgendwo in der header.php einzutragen aber wo so dass die Menuleiste am unteren Rand des Headers angezeigt wird und nicht mittem im header und wie bekomm ich es hin das die Seiten dann nebeneinander und nicht untereinander angezeigt werden müssen? Mit der Beschreibung des Befehls auf codex.wordpress.org komm ich nicht ganz zurecht. Bin ehrlich gesagt nicht wirklich ein html Programmierer.Wäre also für jeden Tipp dankbar. Ausserdem fehlt mir auch der Link auf die Homepage. Den hätte ich auch gerne wieder in das Theme integriert.
Danke für jeden Tipp vorab.

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

maxe

ich würd mal tippen, dass wp_list_pages() zwischen dem header und dem frame muss, so ungefähr:

PHP

<div id="header">
    <div id="frames"><img alt="photo frame" src="<?php bloginfo('template_url'); ?>/images/frame.gif" width="518px" height="299px" border="0" /></div>
    <div id="headerimg">
        <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
        <div class="description"><?php bloginfo('description'); ?></div>
    </div>
</div>


[COLOR=Red]<ul>
<?php wp_list_pages('title_li='); ?>
</ul>[/COLOR]


<div id="frame"></div>

Alles anzeigen

die Ausrichtung und restlichen Formatierungen machst du dann per css.

mailmonster

funktioniert so halb

habs an verschiedenen Stellen der header.php ausprobiert aber es
zerschiesst mir mehr oder weniger jedes mal das ganze seitenlayout.
trotzdem danke für den tipp

mostho

Zitat von mailmonster

habs an verschiedenen Stellen der header.php ausprobiert aber es
zerschiesst mir mehr oder weniger jedes mal das ganze seitenlayout.
trotzdem danke für den tipp

Ignorier einmal die Farben, Ausrichtung, etc. aber meinst Du etwa sowas?

mailmonster

ja genau

genau das meine ich - das original theme hat eben keine menu leiste.
Und die Ausrichtung ist auch korrekt also waagrecht..
hast du das für deinen blog umgebaut ?
grüße chris

mostho

Zitat von mailmonster

genau das meine ich - das original theme hat eben keine menu leiste.
Und die Ausrichtung ist auch korrekt also waagrecht..
hast du das für deinen blog umgebaut ?
grüße chris

Nein, testhalber für Dich. ;-)

Im Ernst: Ich versuche gerade möglichst viel über WP zu lernen, und bin froh wenn ich mich mit möglichst vielen Problemen beschäftigen kann.

1. Der Schluss von header.php muss so aussehen: (dh wp_list_pages wird am Ende eingefügt).

PHP

<div id="frame"></div>
<hr />


    <ul id="navlist">


<li class="page_item"><a href="<?php bloginfo('url'); ?>">Home</a></li>


<?php wp_list_pages('depth=1&title_li='); ?>


</ul>

Alles anzeigen

2. Die Styledefinition für "navlist" hab ich aus einem anderen Theme "geklaut", keine Ahnung, ob Du alles brauchst, und ich denke Du wirst es sowieso anpassen wollen.

PHP

#navlist
{
  margin-top:1px;
  margin-bottom:0px;
  text-align:center;
  padding: 5px 0;
  margin-left: 0;
  border-bottom: 1px solid #0F3974;
  font: bold 14px Verdana, sans-serif;
}


#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}


#navlist li a
{
  color: #F1F6FE;
  padding: 5px 15px;
  margin-left: 3px;
  border: 1px solid #0F3974;
  border-bottom: none;
  background: #2153AA url(images/tab_bg.gif) bottom left repeat-x;
  text-decoration: none;
}


#navlist li a:link { color: #F1F6FE; }
#navlist li a:visited { color: #F1F6FE; }


#navlist li a:hover
{
  color: #FFFFFF;
  background: #3364BB;
  border-color: #0F3974;
}


#navlist li a#current
{
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

Alles anzeigen

3. In der Style.css mußt Du dann noch bei

PHP

.narrowcolumn {
    float: left;
    padding: 0 0 20px 45px;
    margin: -100px 0 0;
    width: 550px;
}

Die -100 auf 0 (oder einen Wert Deiner Wahl) setzen, sonst hast Den COntent tw. über dem Menu.

mailmonster

wo muss die navlist definition hin

vielen dank für die hilfe
muss die navlist definition in die style.css oder als eigene php oder css datei gespeichert werden?

mostho

ICh habs direkt in die style.css gesteckt (kommt ja aus einer style.css eines anderen Themes).

Ich denke, Du wirst sie eh ändern (wollen) zb Farben etc. da kannst auch gleich probieren ob Du wirklich alles brauchst, das hab ich nämlich nimmer ausprobiert.

mailmonster

spitze!

hat super funktioniert! hab die schrift ein wenig kleiner gemacht und die leiste an den linken rand verschoben. Bin jetzt sehr zufrieden mit dem ergebnis
vielen dank
grüße chris

Willkommen! Melden Sie sich an oder registrieren Sie sich.

menue in theme einbauen wp_list_pages? home button?

Jetzt mitmachen!