Lösungweg gesucht für wp_list_pages()

Duergy

Hallo Gemeinde.
Ich möchte gerade ein Design, welches ich bekommen habe WP ready machen. Nun ist es so das, das Menü für die Seiten wie folgt ausschaut

HTML

<div id="header">
<span id="slogan"> Mein Slogan...</span>
<ul>
<li id="current"><a href="index.html"><span>Home</span></a></li>
<li><a href="index.html"><span>Archives</span></a></li>
<li><a href="index.html"><span>Downloads</span></a></li>
<li><a href="index.html"><span>Services</span></a></li>
<li><a href="index.html"><span>Support</span></a></li>
<li><a href="index.html"><span>About</span></a></li>
</ul>
</div>

Alles anzeigen

IM css File steht

Code

#header ul {
        position: absolute;
   margin:0;
   list-style:none;
        right:-18px ; bottom: 3px;
        font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url(tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   float:left;
   display:block;
   background: url(tabright.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
        color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}

Alles anzeigen

ich habe jetzt schon geschaut ads ich die class

Code

.page_item
.current_page_item

einfach bei den dementsprecheden mit dran hänge.
Ich sehe 2 lösungmöglichkeiten
1. ich bekomme es hin das die ausgabe von wp_list_pages() mir zwischen dem LI und dem A-Tag ein Span setze

oder

2. ich das CSS File richtig hinbekomme

Ich bitte um lösungsvorschläge
danke

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

toscho

Mir ist nicht klar, was du erreichen willst. Wenn du die aktuelle Seite im Menu kennzeichnen willst, dann solltest du den Link ganz entfernen – den braucht ja niemand. Dafür habe ich mal eine Lösung vorgestellt.

Oder willst du aber etwas ganz Anderes?

Monika

Zitat von Duergy

Hallo Gemeinde.
Ich möchte gerade ein Design, welches ich bekommen habe WP ready machen. Nun ist es so das, das Menü für die Seiten wie folgt ausschaut
.....einfach bei den dementsprecheden mit dran hänge.
Ich sehe 2 lösungmöglichkeiten
1. ich bekomme es hin das die ausgabe von wp_list_pages() mir zwischen dem LI und dem A-Tag ein Span setze
oder
2. ich das CSS File richtig hinbekomme
Ich bitte um lösungsvorschläge
danke

Lösung zu 1

PHP

// wp list pages mit span
 
add_filter('wp_list_pages', 'span_title');


function span_title ($output) {
  $output=preg_replace(':<a href(.*)>(.*)</a>:','<a href$1><span>$2</span></a>',$output);
  return $output;
}

das in die functions.php des verwendeten Themes

müßte funktionieren

lg

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Lösungweg gesucht für wp_list_pages()

Jetzt mitmachen!