Navigationsplugin?

HighFlyer

Hallo Leute,

Gibt es ein Plugin, das eine Dropdown-Navigation der statischen Seiten generiert, ungefähr wie bei dem Theme: WordPress Deutschland Themepool » BranfordMagazine ?

mfg HighFlyer

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

Silencer

Zitat von HighFlyer

Hallo Leute,
Gibt es ein Plugin, das eine Dropdown-Navigation der statischen Seiten generiert, ungefähr wie bei dem Theme: WordPress Deutschland Themepool » BranfordMagazine ?
mfg HighFlyer

möchtest du das alle statischen seiten untereinander sind oder möchtest du es so wie beim brandfordmagazin haben, das die hauptseiten angezeigt werden und alle unterseiten erst bei einem drüberfahren(hover) des mousezeigers aufklappen?
(meine längste frage seit langem :) )

HighFlyer

Wie beim Brandfordmagazin, also mit Dropdown.

Silencer

Das brauchst du dafür:

Der Teil für deine header.php

PHP

<ul id="nav" class="clearfloat">
  <li><a href="<?php echo get_option('home'); ?>/" class="on">Home</a></li>
  <?php wp_list_pages('title_li='); ?>
</ul>

Der .clearfloat Teil für deine CSS Datei (style.css)

PHP

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"type="text/css" media="screen" />

Code

/* Float Properties*/


.clearfloat:after {
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
    content:".";
    }
    
.clearfloat {
    display:inline-block;
    }    


.clearfloat {
    display:block;
    }

Alles anzeigen

Der Teil der eigentlichen Navigation(nav.css)

PHP

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/styles/nav.css" type="text/css" media="screen" />

Code

/******************************************
*   Main or page navigation styles                       
******************************************/




/*Main Navbar */


#nav {
    background:#666;
    font-size:1em;
    }
    
#nav, #nav ul {
    list-style:none;
    line-height:1;
    }


#nav a, #nav a:hover {
    display: block;
    text-decoration: none;
    border:none;
    }


#nav li {
    float: left;
    list-style:none;
    border-right:1px solid #fff;
    }


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


#nav a:hover, #nav a:active {
    background:#333;
    text-decoration:none;
    }    


.current_page_item    a, #home .on  {background:#333;}
    
    
    
/* Dropdown Menus for child pages */        


#nav li ul {
    position: absolute;
    z-index: 10;
    left: -999em;
    height: auto;
    width: 174px;
    border-bottom: 1px solid #666;
    }


#nav li li {
    width: 172px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    background:#999;
    }


#nav li li a, #nav li li a:visited {
    font-weight:normal;
    font-size:0.9em;
    color:#FFF;
    }


#nav li li a:hover, #nav li li a:active {background:#840000;}    
        
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}


a.main:hover {background:none;}

Alles anzeigen

Alle Angaben habe ich dem Theme das hier zum Download bereit steht entnommen.
Müsste so vollständig sein!

Wenn du noch Fragen hast....dann melden.

HighFlyer

Danke, funktioniert perfekt :)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Navigationsplugin?

Jetzt mitmachen!