Beiträge von B1fr0st

Almost closed

Hi Leute!

Hab selbst die Lösung meines Problems gefunden!!
Damit ein Zeilenumbruch in php korrekt ausgegeben wird, muss man doppelte Anführungszeichen verwenden.

Wer nachlesen will, wo ich das gefunden hab:

http://www.traum-projekt.com/forum/19-traum…-quellcode.html

http://www.php-faq.de/q-stil-anfuehrungszeichen.html

Jetzt ist mein Quellcode auch schön formattiert, das bringt zwar dem Besucher nichts, aber ich als Perfektionist kann jetzt wieder ruhig schlafen!! :-D

Ich verkünde außerdem, dass diese Topic ALMOST CLOSED ist,
d.h. eigentlich CLOSED, da mich apply_filters() nichtmehr interessiert. :cool:

Ich danke euch für all eure Hilfe!!

Danke!!

Hi Whoppy!!

Danke für deine schnelle Lösung! Die finde ich genial!

Das umgeht das Problem mit dem Walker sehr elegant und wird laut css4you auch von allen Browsern so dargestellt, wie ich es mir vorstelle:
http://www.css4you.de/first-letter.html
Das depremierende daran ist, dass ich eigentlich dachte, ich kann CSS, aber das Pseudoelement first-letter hab ich heute erst neu dazugelernt.

Was es mit der apply_filters() Funktion auf sich hat würde ich aber doch gerne wissen??

Außerdem bleibt noch die Frage, wie ich das Markup schön formattiere??
Da glaube ich komm ich nicht drum herum, nochmal ein klein wenig den Walker zu ergänzen, aber wie??

Hi Leute!!

Ich brauch mal wieder professionelle Hilfe von euch!

Dank eurer Hilfe habe ich jetzt ein äußerlich schön formattiertes Menü mit einem individuellen Walker, den mir Markus.Kober hier aus dem forum geschrieben hat.
Dieser Walker müsste jetzt aber noch ein wenig getunt werden, damit das Menü wirklich perfekt ist.

Momentan sieht das Menü ungefähr so aus: [COLOR=DeepSkyBlue]home | store | about[/COLOR]
Ich möchte aber, dass es so aussieht: [COLOR=DeepSkyBlue][COLOR=Black]h[/COLOR]ome | [COLOR=Black]s[/COLOR]tore | [COLOR=Black]a[/COLOR]bout[/COLOR]

Dass kann ich selber mit CSS auch in 0,nix erledigen, aber dazu muss er jeweils erste Buchstabe eines Menüpunktes in ein <span> eingehüllt werden.

Hier ist mein aktueller Menü Walker:

class MyWalker extends Walker_Nav_Menu {


    var $sep = '';


    function start_el(&$output, $item, $depth, $args) {
        global $wp_query;
        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';


        $class_names = $value = '';


        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
        $classes[] = 'menu-item-' . $item->ID;


        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
        $class_names = ' class="' . esc_attr( $class_names ) . '"';


        $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
        $id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';


        $output .= $indent;


        // adds a seperator between the top-level menu items
        if( $depth == 0 ) {
            $output .= $this->sep;
            if( empty( $this->sep ) ) 
                $this->sep = '<li class="seperator">&nbsp;|&nbsp;</li>';
        }


        $output .= '<li' . $id . $value . $class_names .'>';


        $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
        $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
        $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
        $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';


        $item_output = $args->before;
        $item_output .= '<a'. $attributes .'>';
        $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
        $item_output .= '</a>';
        $item_output .= $args->after;


        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
    }// function end
}// class end

Er unterscheidet sich kaum, vom 'normalen' Walker, fügt halt Trennstriche zwischen die Menüpunkte.

Ich bin mir ziemlich sicher, dass ich die

apply_filters( 'the_title', $item->title, $item->ID )

durch eine andere, selbsgecodete Funktion ersetzten muss, bin dazu aber unfähig, da ich die Funktionsweise von apply_filters() nicht so ganz verstehe. Wenn ich z.B. $item->ID rausnehm, macht die Funktion immernoch das selbe und die Referänz unter
http://codex.wordpress.org/Function_Reference/apply_filters
hilft mir auch nicht weiter.
Kann mir die mal jemand ausführlich auf Deutsch erklären und die Beispielfunktion im speziellen??

Außerdem möchte ich mein Markup, d.h. den Seitenquelltext schöner formatieren. Wenn ich jedoch nach dem Seperator String ein \n oder ein einfüge, erzeugt das keinen Zeilenumbruch im Quelltext, sondern ein paar \n\n\n bzw. hinter dem Menü.
Was mache ich das falsch?? Wie formatiert man den allgemein seinen Quelltext??

Auch Links, die zu anderen Beiträgen oder Blogs führen sind jederzeit wilkommen, solange sie mir bei dem Problem weiterhelfen. Bitte keine Verweise auf Suchfunktionen!!

Vielen Dank schonmal im Vorraus,

B1fr0st

OK, auch gut!

Hi Marcus,

wieder Danke für den Vorschlag!! Der funktioniert noch besser, als das, was ich als Lösung gefunden hab.

Die if-Verschachtelung ist übrigens richtig clever!! Man merkt, dass du länger im Geschäft bist, als ich.

Ich hab aber noch eine kleine/große Frage, die ich in ein neues Thema schreiben werde. Vielleicht kannst du dir das dann auch nochmal ansehen??
(Es geht um den selben Walker, aber im speziellen um eine WP Funktion)

DOUBLE CLOSED!! 8-) 8-)

Closed

Dieses Thema wurde dank Marcus.Kober's Hilfe erfolgreich gelöst!! :D

Hier die Lösung für alle, die ein ähnliches Problem haben:

header.php

// legt euer Menü in eine Variable
$my_menu = wp_nav_menu(
      array( 'container_class' => 'menu-container', //CSS Klasse des Menü divs
             'theme_location' => 'main-navigation', //"php Menüname"
             'fallback_cb' => '' , //kein Menü, wenn keins im Adminbereich erstellt wurde
             'depth' => 1, //nur Top-Level Elemente 
             'after' => '</li><li class="seperator">&nbsp;|&nbsp;</li>',
             'walker' => new MyWalker(), //sehr wichtig!!
             /*!!!*/'echo' => false //stellt sicher, dass euer Menü in der Variablen landet und nicht schon als html dasteht
      ) ); 


// zerlegt euer Menü in ein Array
$my_menu = explode ('<li class="seperator">&nbsp;|&nbsp;</li>',$my_menu);
      foreach ($my_menu as $item) {
        if ($count+2 < count($my_menu)) {
          echo $item.'<li class="seperator">&nbsp;|&nbsp;</li>';
        }
        else {
          echo $item;
        }
        $count++;
      }

functions.php

add_action( 'init', 'register_my_menu' );
function register_my_menu() {
  register_nav_menu( 'main-navigation', __( 'Main Menu' ) ); //"php Menüname und Name im Adminbereich"
}
class MyWalker extends Walker_Nav_Menu {
  function end_el(&$output, $item, $depth) {
    // leere Funktion verhindert unerwünschtes </li>
  }
}

Zur Lösung geholfen hat mir neben der Antwort von Marcus:

http://helpfulcoder.com/2768/separate-…items-tutorial/
(Bitte beachten, dass eine Zeile im Artikel über den Rand ragt!!)

und die WP Dokumentation:

http://codex.wordpress.org/Function_Reference/wp_nav_menu

CLOSED :cool:

Arigatou!!

Vielen Dank für deine Hilfe!!

Oh man, man merkt echt, dass ich mich mit der Funktionsweise von Wordpress noch nicht wirklich auskenn.
Du hast mir echt ne coole Lösung Präsentiert, aber ganz ist es noch nicht das, was ich will!

Nach dem letzten Menüelement soll kein Trennstrich gesetzt werden.

Die momentane Ausgabe: home | store | about |
soll so aussehen: home | store | about

Dazu nehm ich mal an, dass ich das ganz easy in das 'if' mit reinschreiben kann oder muss ich da mit dem WP_Query->post_count() irgendwas basteln?

Wenn mir nochmal kurz wer helfen könnte, wäre ich sehr dankbar!! :neutral:

Hallo Leute,

nach langer Suche im Web hat es mich doch noch mit meinem Problem hierher verschlagen.

Für ein WP-Theme möchte ich ein idiotensicheres Menü erstellen, dass sich im Administrationsbereich leicht konfigurieren lässt. Ein Menü zu registrieren und die einfacheren Sachen haben ohne Probleme geklappt.
Nun möchte ich, dass mein Menü ungefähr so aussieht:

home | store | about

und nicht so:

homestoreabout

Zwischen 2 Menüpunkten soll immer ein Strich eingefügt werden und zwar als

<li class="seperator">&nbsp;|&nbsp;</li>

Dazu muss ich einen modifizierten Menü Walker in meiner functions.php haben und übergeben.

Momentan sieht er noch ganz regulär/standart aus:

class description_walker extends Walker_Nav_Menu
{
      function start_el(&$output, $item, $depth, $args)
      {
           global $wp_query;
           $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';


           $class_names = $value = '';


           $classes = empty( $item->classes ) ? array() : (array) $item->classes;


           $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
           $class_names = ' class="'. esc_attr( $class_names ) . '"';


           $output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';


           $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
           $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
           $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
           $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';


           $prepend = '<strong>';
           $append = '</strong>';
           $description  = ! empty( $item->description ) ? '<span>'.esc_attr( $item->description ).'</span>' : '';


           if($depth != 0)
           {
                     $description = $append = $prepend = "";
           }


            $item_output = $args->before;
            $item_output .= '<a'. $attributes .'>';
            $item_output .= $args->link_before .$prepend.apply_filters( 'the_title', $item->title, $item->ID ).$append;
            $item_output .= $description.$args->link_after;
            $item_output .= '</a>';
            $item_output .= $args->after;


            $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
            }// function end
}// class end

Außerdem möchte ich, dass nur "Top-level Menüpunkte" in die finale html Ausgabe kommen und Menüpunkte mit einer "depth != 0" ignoriert werden.

Zwas kann ich ein wenig php, doch diese 2 Probleme überfordern mich, da ich auch nach langem Lesen aus den Wordpress Funktionen nicht so ganz schlau werde.

Bitte kann mir jemand helfen!! :sad: