Horizontale Navigation

    Ich habe ein neues Problem. Dieses habe ich auf der letzten Seite beschrieben.

    Hallo,
    Ich weiß, dass dieses Thema schon ziemlich oft durchgenommen wurde, doch in den entsprechenden Themen habe ich keine Antwort gefunden mit der ich mir eine Horizontale Navigation Bauen könnte.
    Meine mit Wordpress gestaltete Seite ist diese: Freizeit und Freunde und dies ist die Seite, welche ich als erstes erstellt habe: Foto Tagebuch | Startseite. Nun möchte ich auch in der Wordpress Seite eine ähnliche horizontale Navigation erstellen (allerdings etwas angepasster). So ähnlich wie die hier oben auf der Seite von wordpress-deutschland soll sie (natürlich an mein Design angepasst) aussehen.
    Muss man das in die Templates einfügen, oder kann man das auch mit einem Plug in machen?
    Ich denke dass ein Plug in für mich sinnvoller ist, da ich noch nicht so ganz die Hierarchien der Sites usw verstanden habe.

    MfG
    Ich hoffe man versteht was ich möchte ;)

    hier habe ich noch ein weiteres Problem:
    http://forum.wordpress-deutschland.org/plugins-und-wi…ge-problem.html

    Einmal editiert, zuletzt von timex (25. August 2008 um 11:42)

    • Gerade eben
    • 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

    du hast auf deiner alten seite folgende navigation:

    Code
    <div id="navi">
    <ul>
      <li><a href="/index.htm"><img src="Bilder/Navi/start_on.png" alt="Startseite" width="140" height="33"/></a></li>
      <li><a href="/landschaften.htm"><img src="Bilder/Navi/landschaften.png" alt="Landschaften"/></a></li>
      <li><a href="/pflanzen.htm"><img src="Bilder/Navi/pflanzen.png" alt="Pflanzen" width="140" height="33"/></a></li>
      <li><a href="/architektur.htm"><img src="Bilder/Navi/architektur.png" alt="Architektur" width="140" height="33"/></a></li>
      <li><a href="/tiere.htm"><img src="Bilder/Navi/tiere.png" alt="Tiere" width="140" height="33"/></a></li>
    </ul>
  </div>

    diese fügst du angepasst in der header.php deines themes ein, unterhalb von:

    Code
    <div id="headerimg">
        <h1><a href="http://freizeit.muskel-aufbau.net/">Freizeit und Freunde</a></h1>
        <div class="description"></div>
    </div>

    die images und die links müsstest du natürlich dem ensprechend anpassen.

    an dieser stelle könntest du optional auch mit template tags von wordpress arbeiten. die es dir zb. ermöglichen würden, das du die navigation nicht von hand anlegen musst sondern das wordpress dir an besagter stelle die seite nach dem erstellen auflistet.
    zb. damit:

    PHP
    <li><a href="<?php echo get_option('home'); ?>/">Home</a></li>
  <?php wp_list_pages('title_li='); ?>

    bei deinem zweiten problem kann ich dir leider nicht helfen, habe mit mygallery bisher noch nichts gemacht.

    Einmal editiert, zuletzt von Silencer (8. Mai 2008 um 12:18)

    Das mit den links ist eben mein Problem, da ich nicht weiß wie wordpress das macht.
    Müsste ich dann für jeden Navigationspunkt eine "Site" erstellen?
    Ich denke, dass ich die andere Variante probieren werde.
    Gibt es dafür vielleicht auch ein Plug in bei dem das ganze mit PHP gelöst wird?
    MfG und danke :)

    bei der version werden nur die seiten(pages) angezeigt:

    PHP
    <li><a href="<?php echo get_option('home'); ?>/">Home</a></li>
  <?php wp_list_pages('title_li='); ?>

    mit kategorien kannst du an dieser stelle nicht arbeiten.

    aber um deine frage zu beantworten, ja du müsstest dann für jeden navigationspunkt eine seite erstellen.

    du könntest es so machen wie bei diesem theme: BranfordMagazine by DER PRiNZ » A premium magazine style WordPress theme

    die grafiken der navigation von der alten seite, die kannst du dann am besten per css anweisungen einbinden, also als hintergrundbild.

    Okay ich hab jetzt die von dir gezeigte PHP version eingebunden.
    Wie mache ich es denn am besten, dass der Aktive Menüpunkt eine Andere Farbe oder so hat? Also damit man immer weiß wo man sich gerade befindet.
    So wie in der Navigation dieser Seite, dass zB jetzt Forum hervorgehoben ist.
    MfG
    Und danke für die Antworten.

    Gut, ich habe das nun so weit wie es sein soll. Nur jetzt brauch ich eine PHP Lösung. Wie kann ich den Hover effekt nach dem anklicken bestehen lassen?
    MfG
    Und danke nochmal, dass du nochmal auf die Seite verwiesen hast. Hatte gar nicht dran gedacht das zu testen. :)

    das steht ebenfalls in der nav.css drin.
    hier das original:

    Code
    #nav a, #nav a:visited {
    display:block;
    font-weight:bold;
    color: #eee;
    padding:6px 12px;
}

    daraus machst du dann folgendes:

    Code
    #nav a, {
    display:block;
    font-weight:bold;
    color: #eee;
    padding:6px 12px;
}

    und:

    Code
    #nav a:visited {
    [COLOR=Red]background: #000000;[/COLOR]
    display:block;
    font-weight:bold;
    color: #eee;
    padding:6px 12px;
}

    anstatt dem jetzt schwarzem hintergrund(rot makiert) kannst du auch eine andere farbe verwenden!


    - - verbesserungsvorschläge sind herzlich willkommen! - -

    Zitat von Silencer

    du müsstest dann für jeden navigationspunkt eine seite erstellen.


    Tut mir Leid wenn ich jetzt mal so doof frage, aber:
    Wie erstellt man eine Seite für den Wordpress Blog?
    (Könntest kurz n Umriss posten?)


    Wäre echt total nett, da ich schon danach gesucht habe, jedoch noch nicht direkt fündig geworden bin.

    Zitat von Messagebox


    Wie erstellt man eine Seite für den Wordpress Blog?


    Über wp-admin auf Schreiben -> Seite [size=8](anstelle von Artikel)[/SIZE]!

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

    Aber wenn ich das mit Visited mache, dann ist doch alles in der Farbe wenn man einmal alle Links angeklickt hat oder nicht?

    Zitat von Silencer
    Code
    #nav a:visited {
    [COLOR=Red]background: #000000;[/COLOR]
    display:block;
    font-weight:bold;
    color: #eee;
    padding:6px 12px;
}

    anstatt dem jetzt schwarzem hintergrund(rot makiert) kannst du auch eine andere farbe verwenden!

    Wie ich schon vermutet habe, sind die Links dann alle mit schwarzem Hintergrund wenn man sie angeklickt hat. Weiß jemand vielleicht ein Navi Plug in?
    Oder eine PHP Lösung mit der ich das regeln kann?

    hi

    1. du mußt den template tag zwischen

    Code
    <ul> .... </ul>

    geben, sonst ist das einfach falsches html

    wie ich dich richtig verstanden habe, magst Du, dass wenn man auf der Startseite ist diese eine andere Farbe hat,
    klickt man auf Fotos soll Fotos anders sein,

    das kann wp

    zb.:

    Code
    .navi ul li.current_page_item{background-color:.....;color:......;}

    für die Startseite geht das so


    PHP
    <li <?php if (is_home()) 
      echo "class=\"current_page_item\""; ?>><a href="<?php bloginfo('url'); ?>/"  title="Home, zur Startseite" >Home</a></li>

    oder

    PHP
    <li <?php if (is_front_page()) 
      echo "class=\"current_page_item\""; ?>><a href="<?php bloginfo('url'); ?>/"  title="Home, zur Startseite" >Home</a></li>


    lg

    Moin, mich hat mein alter Blog genervt und ich hab das mit dem Update auch nicht so wirklich richtig gemacht, so habe ich heute die neue Version von Wordpress aufgespielt.
    Nun habe ich ein Problem mit meiner Navigation. Ich habe den PHP Schnipsel so eingebaut wie hier in dem Thema beschrieben. Allerdings habe ich dann das Problem, dass der Text nach rechts gerückt wird und die Sidebar dadurch unter dem Text steht. Seht es euch selbst an:
    unglaublich (Domain wird bald geändert).

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden