Support » Allgemeine Fragen » Navigationsleiste erstellen

  • Hallo zusammen,

    ich habe vor einigen Wochen hier schon mal nach einem Art Plugin gefragt, was eine Navigationsleiste oberhalb der leiste erstellt, leider ohne erfolg. Auch die Tagelange suche ergab nichts, nun möchte ich diese selber erstellen. Aber als Anfänger dann doch nicht so einfach.

    Ich habe alles nach dieser Anleitung gemacht:
    https://codex.wordpress.org/Navigation_Menus

    Nun kann ich auch unter Menüs mein „Extra Menü“ (was später oben angezeigt werden soll) auswählen. Nur wird es nicht dargestellt, weil es keine CSS Verbindung dazu gibt.
    Da liegt auch das Problem. Wie kann ich WordPress mitteilen, dass mein Extramenu so und so dargestellt werden soll. (Also in der style.css datei denke ich mal)

    benötigte da dringend Hilfe, und bin über jeden Vorschlag dankbar.

    Mit freundlichen grüßen

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Je nach dem, wie du es jetzt gemacht hast. Wird dem Menü zudem auch eine eigene Klasse zugewiesen. Per Firebug kannst du dies zB herausfinden oder du schaust welche Klasse du per ‚menu_class‘ vergeben hast.

    Jetzt musst du nur noch in CSS fit sein und deinem Menü die nötigen styles zu weisen.

    Hinweis: Verwende ein Child-Theme, um bei einem Update des Originalthemes nicht deine Änderungen zu verlieren. Das gilt ja auch für die functions.php, die du wahrscheinlich nun verändert hast.

    Thread-Starter schneemaster

    (@schneemaster)

    Danke für die schnelle Rückmeldung.

    Ich hatte bis eben, dass Menü nur als Namen eingebunden:
    <?php wp_nav_menu( array( ‚theme_location’=>’primary‘, ‚theme_location’=>’extramenu‘ ) ); ?>

    ich habe das extramenu wieder gelöscht und nun diesen code verwendet:
    <?php wp_nav_menu( array(‚theme_location‘ => ‚extramenu‘, ‚container_class‘ => false, ‚menu_class‘ => ‚extramenu‘ ) );?>

    Nun habe ich versucht diese per css anzusteuern:
    .extramenu {
    }

    Leider passiert nur nichts. Das Menü wird jetzt wohl auf meiner Seite angezeigt, aber direkt unter dem anderen und es verändert sich nichts.

    Liegt da doch noch ein fehler drin ?

    p.s Ja habe die functions.php mit diesen Code ergänzt
    ‚extramenu‘ => __( ‚Extra Menu‘ )

    Hast du einen Link zur Seite?

    Per Entwicklerconsole deines Browsers kannst du nachsehen, welche Klasse das Menü hat.

    Wenn das Menü nicht da ist, wo es sollte, dann müsstest du eventuell den Code an entsprechender Stelle einfügen. Dies ist aber, ohne Code zu kennen, nicht pauschal zu beantworten.

    Ich hoffe du hast ein Child-Theme angelegt?

    Thread-Starter schneemaster

    (@schneemaster)

    Hier ist die Link zur Seite

    http://www.test123.knepper-management.de

    Ich habe für den versuch jetzt erstmal ein anderes Theme genommen, damit es vielleicht erstmal hier funktioniert.

    Derzeitig liegt das Extra menu einfach unter dem header. Man sieht auch nur „link 3“ anstatt „link 1“ „link 2“ „link 3“

    Liegt wahrscheinlich daran, dass ich es noch nicht in der css datei bestimmt habe. Aber ich finde die Verbindung nicht.

    In der Head.php:
    <?php wp_nav_menu( array( ‚theme_location‘ => ‚extra-menu‘, ‚menu_class‘ => ’nav-extramenu‘, ‚menu_id‘ => ‚extramenu‘ ) ); ?>

    und in der functions.php
    ‚extra-menu‘ => __( ‚Extra Menu‘ )

    Komme einfach nicht weiter….

    Gruß

    Hi,

    du musst auch dein neues Menü hier zuweisen.

    http://cdn.wpbeginner.com/wp-content/uploads/2016/09/mycustommenu.jpg

    Mir scheint, als wenn du da das falsche Menü im Backend zugewiesen hast.

    Korrektur: Ich habe gerade gesehen, dass dort doch die 3 Links sind.

    Das Menü wird vom Header verschluckt. Füge dies:
    <?php wp_nav_menu( array(‚theme_location‘ => ‚extramenu‘, ‚container_class‘ => false, ‚menu_class‘ => ‚extramenu‘ ) );?>
    mal hinter
    <div class="header-main">
    ein.
    Dann natürlich noch die CSS für dein Styling auf .nav-extramenu festlegen:
    z.b.:

    .nav-extramenu {
        display: block;
        
    }

    Vergesse nicht die Änderungen in einem Child-Theme zu machen, weil sonst beim Update des Themes die Änderungen verloren gehen.

    • Diese Antwort wurde geändert vor 7 Jahren, 4 Monaten von Marcus Spanier.

    Deine erste Frage („ich suche eine Oberleiste die ich nach Bedarf anpassen kann.“) war recht vage gehalten. Deshalb hatte ich vorgeschlagen, dass du zunächst im Plugin-Verzeichnis nach angebotenen Lösungen suchst.

    Deine Antwort war

    1. Das geht aufjedenfall in die richtige Richtung.
    2. Mehr gesucht ist eine Art Logo Bar (wo man verschiedene Logos / buttons nebeneinander platzieren kann). [Du suchst also doch etwas anderes.]
    3. Aber ich versuch mal weiter mein glück. [Hast du hierzu eine weitere Antwort erwartet?]

    Du beziehst dich jetzt zwar auf deine erste Frage („ich habe vor einigen Wochen hier schon mal nach einem Art Plugin gefragt, was eine Navigationsleiste oberhalb der leiste erstellt, leider ohne erfolg“), aber davon, dass du „verschiedene Logos / buttons nebeneinander platzieren“ möchtest, ist wieder keine Rede. Vielleicht möchtest du dich erst einmal entscheiden, was du wirklich möchtest?

    Das Menü wird korrekt in die Webseite eingebunden, allerdings – wie du ja schon selbst beschreibst – „liegt das Extra menu einfach unter dem header“. Im Browser kannst du mit einem Rechtsklick > Element untersuchen HTML und CSS deines Menüs betrachten und verschiedene Anpassungen ausprobieren. Fügst du z.B. ul#extramenu { margin: 70px 0 0 0; } hinzu, wandert das Menü ausreichend nach unten, damit alle Menüeinträge sichtbar sind. Mit ul#extramenu li { display: inline; margin: 0 20px; } werden die Menüeinträge waagerecht mit etwas Abstand angezeigt, und so weiter … Diese Änderungen kopierst du dann in das Style Sheet deines Child Themes (oder verwendest z.B. Simple Custom CSS).

    … nun möchte ich diese selber erstellen. Aber als Anfänger dann doch nicht so einfach.

    Die Anpassungen erfordern CSS-Kenntnisse, die wir hier im Forum nicht vermitteln können (und wollen), weil es den Rahmen sprengen würde. Dafür gibt es andere Foren, die sich speziell diesem Thema widmen.

    Niemand erwartet, dass jeder WordPress-Nutzer sich mit HTML, CSS, PHP und JavaScript auskennt. Zur Nutzung von WordPress ist das auch gar nicht notwendig. Wenn du aber individuelle Anpassungen vornehmen möchtest, die über die Einstellung von Gestaltungsoptionen im WordPress-Backend hinausgehen, ist ein solides Grundwissen in diesen Auszeichnungs-/Skriptsprachen Voraussetzung.

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)
  • Das Thema „Navigationsleiste erstellen“ ist für neue Antworten geschlossen.