TwentyTen Navi statt slogan?

  • Hallo,
    kann mir jemand helfen folgendes umzusetzen:

    Möchte den slogan, der oben Rechts erscheint durch eine navigation ersetzen (Anmelden | Kontakt | Impressum)

    Danke für eure Hilfe.

    Grüße
    manu

    • Anzeige

    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

  • header.php

    suche

    PHP
    <div id="site-description"><?php bloginfo( 'description' ); ?></div>

    ersetze darin das

    PHP
    <?php bloginfo( 'description' ); ?>

    mit

    PHP
    <div id="access" role="navigation">
                  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
                    <div class="skip-link screen-reader-text"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentyten' ); ?>"><?php _e( 'Skip to content', 'twentyten' ); ?></a></div>
                    <?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
                    <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
                </div>

    dieser Codeteil steht weiter unten und kann dann entfernt werden

    weiter in der style.css
    suche

    ändere darin das "left" in "right" und passe die 940px den vorhandenen Menüpunkten an

    [COLOR=Red]Edit[/COLOR] Kann auch sein das ich etwas falsch verstanden habe, also nicht das Menü nach oben soll, sondern ein weiteres dort eingefügt werden soll. Aber dann weißt du jetzt ja auch wo es hin muss. :wink:

    Einmal editiert, zuletzt von Tutrix (26. Januar 2011 um 20:52)

  • art of Pic: Vielen dank schonmal für die erklärung.
    Wie du dir schon gedacht hast, hast du es falsch verstanden. Dir Vorhandene Navigation soll bleiben aber es soll noch eine mit 3 Menüpunkten hinzu (siehe Anhang). Und zwar an die Stelle wo normalerweise der slogen steht.
    Wenn man mit der Maus über die Menüpunkte geht soll sich jeweils die farbe ändern..

    Welcher Teil deiner erklärung trifft dann für mich zu?

    Danke!


  • Welcher Teil deiner erklärung trifft dann für mich zu?

    Der Teil der zu ersetzen ist, also statt das Standardmenü, fügst du eben dein Menü dort ein.

    Wenn du nicht weißt wie man ein Menü erstellt, dann klick mal hier = CSS Menu-Generator
    Menü erstellen oben einfügen und den dazu gehörigen css-Code in die style,css einfügen

  • Wenn die Links so wie auf dem Screenshot aussehen sollen, dann braucht man dort kein aufwändiges CSS Menü einzufügen. Dann würde eine simple Liste mit den entsprechenden Links reichen. Das Ganze dann per display:inline ausrichten und gut ist.

  • nun das kann er ja damit machen, er muss ja kein aufwändiges nehmen.

    aber es ist ja Hovereffekt gewünscht

    also simples Menü auswählen, Links eingeben fertig

    das sieht von Hand gemacht, auch nicht anders aus

  • Wenn die Links so wie auf dem Screenshot aussehen sollen, dann braucht man dort kein aufwändiges CSS Menü einzufügen. Dann würde eine simple Liste mit den entsprechenden Links reichen. Das Ganze dann per display:inline ausrichten und gut ist.

    Hi Infected,
    ich hab von der Materie wirklich 0 Plan. Könntest du mir das an einem Beispiel zeigen?

    many Thx

  • Wenn die Links nicht über das Backend geändert werden müssen, kannst Du sie von Hand in die header.php schreiben. Ersetze einfach

    PHP
    <div id="site-description"><?php bloginfo( 'description' ); ?></div>

    durch

    PHP
    <div id="site-description">
    <ul>
    <li><a href="<?php bloginfo( 'url' ); ?>/seite-1/">Seite 1</a> | </li>
    <li><a href="<?php bloginfo( 'url' ); ?>/seite-2/">Seite 2</a> | </li>
    <li><a href="<?php bloginfo( 'url' ); ?>/seite-2/">Seite 3</a></li>
    </ul>
    </div>

    und setze die entsprechenden Links und Titel.

    Anschließend fügst Du der style.css des Themes dies hinzu:

    Code
    #site-description ul li{display:inline; list-style-type: none;}

    Das war´s eigentlich schon.

  • ein einfacher Link würde z.B. so aussehen

    Code
    <a href="http://www.meineseite.de/impressum">Impressum</a>

    ahh ok, verstehe. Das käme dann also in die header.php. Damit ist dann aber noch kein hovereffekt vorhanden, oder? Was würde dazu noch nötig sein und wie positioniere ich das ganze?

    danke

  • aber es ist ja Hovereffekt gewünscht

    Danke für den Hinweis, das hatte ich in meiner Lösung vergessen anzugeben.

    Der style.css hinzufügen:

    Code
    #site-description a {color: black;}
    #site-description a:hover {color: blue;}
  • So ich hab es mal getestet. Sieht jetzt so aus (siehe anhang)
    Gibt es eine möglichkeit das so wie in meinem ersten beispiel hin zu kriegen? Standartfarbe Schwarz und wenn maus drüber weiß + die menüs nebeneinander und nicht untereinander.

    Komischerweise hat das einfügen dieser Zeile

    PHP
    Anschließend fügst Du der style.css des Themes dies hinzu:  Code: #site-description ul li{display:inline; list-style-type: none;}

    keine auswirkung auf das Menü!?

    Was mir noch aufgefallen ist, der seitenlink ist irgendwie doppelt. Ich hab es so eingefügt:

    PHP
    <li><a href="<?php bloginfo( 'url' ); ?>/http://www.meine-seite.de/impressum/">Impressum</a> | </li>

    ist das denn korrekt so?

    Einmal editiert, zuletzt von mrib (26. Januar 2011 um 22:29)

  • ok, das hier

    HTML
    #site-description ul li{display:inline; list-style-type: none;}


    an die richtige stelle gesetzt und es klappt ;)
    Das mit der Farbe hat auch funktioniert. Sind jetzt nur noch 2 kleine fehler die mir aufgefallen sind.

    Die menüs haben von vornherein einen unterstrich. Was muss ich machen, damit dieser erst erscheint wenn man mit der Maus drüber geht?

    und dann habe ich das gefühl, das die navi etwas tiefer sitzt als vorher der slogen und mit dadurch das headerbild etwas nach unten gedrückt wird. Wie kann ich die navi etwas höher setzen??

    Danke.

  • achso, und die links sind immer noch doppelt.
    Wenn ich diesen Teil

    HTML
    "<?php bloginfo( 'url' ); ?>

    weglasse, dann klappts!?!? Für was war dieser teil gedacht?

    thx

  • Gibt es eine möglichkeit das so wie in meinem ersten beispiel hin zu kriegen? Standartfarbe Schwarz und wenn maus drüber weiß

    Siehe mein letztes Posting. Den Wert von hover dann einfach von blue auf white ändern (oder halt #fff).

    + die menüs nebeneinander und nicht untereinander

    Sollte mit meinem vorherigen Code so aussehen. Gibt´s nen Link zur Seite, dass man mal sehen kann wie der Quellcode aussieht?

    Komischerweise hat das einfügen dieser Zeile

    PHP
    Anschließend fügst Du der style.css des Themes dies hinzu:  Code: #site-description ul li{display:inline; list-style-type: none;}

    keine auswirkung auf das Menü!?

    Keine Ahnung warum das so ist. Handelt es sich vielleicht um eine modifizierte Version des TwentyTen Themes, in dem das entsprechende Div anders benannt wurde oder garnicht existiert? Auch hierzu wäre ein Link zur Seite hilfreich.

    Was mir noch aufgefallen ist, der seitenlink ist irgendwie doppelt. Ich hab es so eingefügt:

    PHP
    <li><a href="<?php bloginfo( 'url' ); ?>/http://www.meine-seite.de/impressum/">Impressum</a> | </li>

    ist das denn korrekt so?

    Nein, richtig ist das nicht. Das ist auch nicht der Code der von Art Of Pic oder mir gepostet wurde. Das ist ein Mischmasch aus beidem.

    achso, und die links sind immer noch doppelt.
    Wenn ich diesen Teil

    HTML
    "<?php bloginfo( 'url' ); ?>

    weglasse, dann klappts!?!? Für was war dieser teil gedacht?

    Dieser Teil gibt die URL des Blogs aus, sodass Du an den Link nur noch den letzten Teil des Permalinks anhängen musst. Dadurch wird das http://www.meine-seite.de überflüssig.

    Einmal editiert, zuletzt von mfitzen (26. Januar 2011 um 23:10)

  • Super Danke! Hat jetzt alles geklappt bis auf diese 2 kleinigkeiten:

    Zitat

    Die menüs haben von vornherein einen unterstrich. Was muss ich machen, damit dieser erst erscheint wenn man mit der Maus drüber geht?

    und dann habe ich das gefühl, das die navi etwas tiefer sitzt als vorher der slogen und mit dadurch das headerbild etwas nach unten gedrückt wird. Wie kann ich die navi etwas höher setzen??

    Dafür noch ne Idee? Dann bin ich für Heute glücklich :)

  • Die menüs haben von vornherein einen unterstrich. Was muss ich machen, damit dieser erst erscheint wenn man mit der Maus drüber geht?

    Ergänze

    Code
    #site-description a {color: black;[COLOR="RoyalBlue"]text-decoration: none;[/COLOR]}
    #site-description a:hover {color: blue;[COLOR="RoyalBlue"]text-decoration: underline;[/COLOR]}

    um die farbigen Definitionen.

    und dann habe ich das gefühl, das die navi etwas tiefer sitzt als vorher der slogen und mit dadurch das headerbild etwas nach unten gedrückt wird. Wie kann ich die navi etwas höher setzen??

    Kann ich so auf Anhieb nicht sagen. Kann´s gerade nicht nachstellen. Muss ich live sehen. Ich vermute, dass man hier mit padding was erreichen kann.

    Tipp: Eigne Dir CSS Basiswissen an und benutze das Firefox Addon Firebug, dann kannst Du sowas selbstständig herausfinden und beheben. Das Basiswissen kann man sich in relativ kurzer Zeit aneignen.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!