individuelles Menü im Theme funktioniert nicht

tekieler

Hallo,

ich habe zu folgendem Thema das Internet durchsucht und bin einen kleinen Schritt weiter gekommen. Bei der letzten Anpassung fehlen mir die Programmierkenntnisse.

Ich benutze das Theme KOI und möchte ein individuelles Menü hinzufügen.

Folgende Fehlermeldung existierte:
Das zurzeit aktive Theme unterstützt von sich aus nicht die WordPress-Menüfunktion, aber du kannst das “Individuelles Menü ”-Widget nutzen, um hier erstellte Menüs im Theme nutzen zu können.

Ich habe gelesen, dass die functions.php und header.php angepasst werden muss.

Bei der functions.php habe ich folgende Änderung vorgenommen (Auzug aus dem oberen Teil):

PHP

<?php 


//sidebar widgets
if ( function_exists('register_sidebar') ) {
    register_sidebar(array(
        'name' => 'Sidebar',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h4 class="widgettitle">',
        'after_title' => '</h4>',
    )); 
    register_nav_menu( 'primary', 'Primary Navigation Menu' );
    register_sidebar(array(
        'name' => 'Footer 1',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h4 class="widgettitle">',
        'after_title' => '</h4>',
    ));
    register_sidebar(array(
        'name' => 'Footer 2',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h4 class="widgettitle">',
        'after_title' => '</h4>',
    ));
    register_sidebar(array(
        'name' => 'Footer 3',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h4 class="widgettitle">',
        'after_title' => '</h4>',
    ));


}

Alles anzeigen

Ich hoffe "register_nav_menu( 'primary', 'Primary Navigation Menu' );" wurde an die richtige Position gesetzt.
Nun ist die oben aufgeführte Fehlermeldung nicht mehr vorhanden und die Auswahl kann vorgenommen werden.

Das neue Menü wird jedoch noch nicht angezeigt. Bei der Anpassung der header.php fehlen mir die nötigen Kenntnisse.
Kann mir jemand helfen?

header.php

PHP

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><?php if (is_home()) {
    echo bloginfo('name');
} elseif (is_404()) {
    _e('404 Not Found','ndesignthemes');
} elseif (is_category()) {
    _e('Category:','ndesignthemes'); wp_title('');
} elseif (is_tag()) {
    _e('Tag:','ndesignthemes'); wp_title('');
} elseif (is_search()) {
    _e('Search Results for:','ndesignthemes'); echo ' ' . $s;
} elseif ( is_day() || is_month() || is_year() ) {
    _e('Archives:','ndesignthemes'); wp_title('');
} else {
    echo wp_title('');
}
?></title>


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


<?php if ( is_single() || is_page() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="header">




    <?php 
    $theme_opts = get_option('theme_opts');
    
    if ( !$theme_opts['social_off'] ) include (TEMPLATEPATH . "/socialmedia.php"); ?>


    <ul id="nav">
        <li<?php if (is_home()) { echo ' class="current_home"'; }?>><a href="<?php echo get_option('Home'); ?>"><?php _e('Home','ndesignthemes'); ?></a></li>
        <?php wp_list_pages(array(
            'sort_column' => 'menu_order',
            'title_li' => '',
            'exclude_tree' => $theme_opts['exclude_pages'],
            'depth' => $theme_opts['no_dropdown'] ? 1 : 0,
        )); ?>
    </ul>
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
<!--/header -->

Alles anzeigen

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

maxe

Zitat von tekieler

Ich hoffe "register_nav_menu( 'primary', 'Primary Navigation Menu' );" wurde an die richtige Position gesetzt.

Nein, wurde es nicht:

PHP

<?php


register_nav_menu( 'primary', 'Primary Navigation Menu' );


//sidebar widgets
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => 'Sidebar',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4 class="widgettitle">',
'after_title' => '</h4>',
));
register_sidebar(array(
'name' => 'Footer 1',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4 class="widgettitle">',
'after_title' => '</h4>',
));
register_sidebar(array(
'name' => 'Footer 2',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4 class="widgettitle">',
'after_title' => '</h4>',
));
register_sidebar(array(
'name' => 'Footer 3',
'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget' => '</div>',
'before_title' => '<h4 class="widgettitle">',
'after_title' => '</h4>',
));


}

Alles anzeigen

Und in der header.php wird es statt wp_list_pages() ungefähr so eingebunden:

PHP

<head>
<meta http-equiv="Content-Type" [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=content"]content[/URL]="text/html; charset=UTF-8" />
<title><?php if (is_home()) {
    echo bloginfo('name');
} elseif (is_404()) {
    _e('404 Not Found','ndesignthemes');
} elseif (is_category()) {
    _e('Category:','ndesignthemes'); wp_title('');
} elseif (is_tag()) {
    _e('Tag:','ndesignthemes'); wp_title('');
} elseif (is_search()) {
    _e('Search Results for:','ndesignthemes'); echo ' ' . $s;
} elseif ( is_day() || is_month() || is_year() ) {
    _e('Archives:','ndesignthemes'); wp_title('');
} else {
    echo wp_title('');
}
?></title>


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


<?php if ( is_single() || is_page() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
</head>
<body>
<div id="wrapper">
<div id="header">




    <?php 
    $theme_opts = get_option('theme_opts');
    
    if ( !$theme_opts['social_off'] ) include (TEMPLATEPATH . "/socialmedia.php"); ?>


    [COLOR=Red]<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'menu-header') ); ?>[/COLOR]
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div>
<!--/header -->

Alles anzeigen

tekieler

Danke für die Hinweise.

Habe nun alles umgesetzt und nun wird das alte Menü nicht mehr angezeigt. Das neue Menü steht im header, jedoch leider nicht in der gewünschten Position und untereinander anstatt nebeneinander.

maxe

dann musst du die css noch anpassen, kannst ja beim Standardtheme TwentyTen abgucken ;-)

tekieler

Zitat von maxe

dann musst du die css noch anpassen, kannst ja beim Standardtheme TwentyTen abgucken ;-)

Das ist schwierig, wenn man kaum Ahnung vom Programmieren hat. Kleine Anpassungen gingen bis jetzt, aber dies scheint komplexer zu sein?!

tekieler

Die neue Menüleiste soll exakt wie die Alte angezeigt werden. Somit müssen keine individuellen Anpassungen vorgenommen werden. Die Formatierungen werden anscheinend nicht verwendet.

Im style.css finde ich zur Navigation folgenden Absatz. Kann mir jemand schreiben was geändert werden muss?

PHP

/* nav */
#nav li:hover > ul {
    display: block;
}


#nav {
    position: absolute;
    bottom: -2px;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    font: 1.15em/1em Georgia, "Times New Roman", Times, serif;
    font-variant: small-caps;
}
#nav li {
    float: left;
    margin: 0 12px 0 0;
    padding: 5px 0 15px 15px;
    position: relative;
}




#nav ul {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 30px;
    background: #494f52 url(img/dropdown-bg.png) no-repeat;
    border: solid 1px #3c4144;
    margin: 0;
    padding: 5px 0 10px;
    list-style: none;
    font: .76em/1em Georgia, "Times New Roman", Times, serif;
    font-variant: normal;


    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .7);
}
#nav ul li {
    margin: 0;
    padding: 0;
}
#nav ul ul {
    font: 1em/1em Georgia, "Times New Roman", Times, serif;
    left: 100px;
    top: -5px;
}




#nav .rss a {
    font-size: .9em;
    background: url(img/nav-rss.png) no-repeat right  30%;
    padding-right: 20px;
}
#nav a {
    text-decoration: none;
    letter-spacing: -.02em;
}
#nav li.current_page_item a, #nav li a:hover {
    color: #e50000;
}
#nav ul li.current_page_item a {
    color: #fff;
}
#nav ul a, #nav li.current_page_item ul a {
    width: 180px;
    color: #f2edc1;
    display: block;
    padding: 5px 10px 5px 12px;
    text-decoration: none;
    letter-spacing: normal;


    text-shadow: 0 1px 1px rgba(0,0,0, .7);
}
#nav ul a:hover, #nav li.current_page_item ul a:hover {
    color: #fff;
    text-decoration: none;
}


#searchform {
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 266px;
}
#searchform #s {
    font: .9em/1em Georgia, "Times New Roman", Times, serif;
    width: 152px;
    background: #fff;
    border: none;
    padding: 4px 10px;
    margin: 0;
    float: left;
    border: 2px solid #fff;
}
#searchform #s:focus {
    outline: none;
    border-color: #e50000;
}
#searchform #searchsubmit {
    background: #000;
    border: none;
    width: 90px;
    height: 27px;
    padding: 6px 10px;
    margin: 0;
    font: .9em/1em Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    color: #fff;
}
#searchform #searchsubmit:hover {
    background: #e50000;
}

Alles anzeigen

maxe

setzt mal um das wp_nav_menu ein DIV #nav:

PHP

<div id="nav">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container_class' => 'menu-header') ); ?>
</div>

Aber ich fürchte um einige Anpassung der style.css wirst du trotzdem nicht rumkommen.[COLOR=Red]
[/COLOR]

tekieler

Wenn ich

PHP

<div id="nav">

davor setze fliegt der grafische Teil des Menüs nach ganz unten von der Seite. Die Menüpunkte bleiben unverändert.

maxe

hast du das schließende DIV vergessen?
Gib mal einen Link zu deinem Blog.

maxe

Hatte ich doch geschrieben.

Zitat von maxe

Aber ich fürchte um einige Anpassung der style.css wirst du trotzdem nicht rumkommen.

Entferne mal das position:absolute beim #nav

Code

#nav {
[COLOR=Red]    position: absolute;[/COLOR]

Dann noch beim #nav ul das display:none und den Abstand nach oben:

Code

#nav ul {
[COLOR=Red]    display: none;[/COLOR]
    position: absolute;
    z-index: 10;
    left: 0;
[COLOR=Red]    top: 30px;[/COLOR]
    background: #494f52 url(img/dropdown-bg.png) no-repeat;
    border: solid 1px #3c4144;
    margin: 0;
    padding: 5px 0 10px;
    list-style: none;
    font: .76em/1em Georgia, "Times New Roman", Times, serif;
    font-variant: normal;


    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .7);
}

Alles anzeigen

Aber du musst selber wohl ein bisschen dran basteln oder aber es in die Jobbörse stellen.

tekieler

maxe vielen Dank bis hierhin.

Die Rubriken werden schon einmal angezeigt. Leider nun mit einem neuen Hintergrund und die Abstände sind gleich und sehr groß zwischen den Menüpunkten.

Nun muss ich wohl professionelle Hilfe holen bzw. den alten Stand wieder herstellen?!

tekieler

Habe mich nun dazu entschieden die aktuelle Version vom Theme zu nehmen und alle Änderungen erneut durchzuführen. Hat geklappt und der Aufwand war überschaubar.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

individuelles Menü im Theme funktioniert nicht

Jetzt mitmachen!