current page item in der sidebar

MarieWP

Hallo zusammen,

ich möchte gerne, dass in meiner Sidebar angezeigt wird, auf welcher Seite ich mich gerade befinde. Also wenn in der Sidebar in schwarz home, aktuelles,kontakt steht und ich mich auf der "kontakt"-page befinden, dann soll kontakt während der Zeit eine andere Farbe haben.

Bei meiner Recherche bin ich schon auf diesen Beiträge gestossen : Dynamic Menu Highlighting WordPress Codex

Ich habe leider nur keine Anhnung, wie ich das am besten anwende, also wo ich das anwende (sidebar? Page template?)...ich habe gerade mit Wordpress angefangen, sorry.....

Ich würde mich sehr freuen, wenn mir jemand von Euch weiterhelfen könnte.
VIELEN DANK!!!

Beste Grüße

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

dann gib mal einen Link zur Seite. Sowas machst du mit css
li.current a
li.current-cat a
.current_page_item

MarieWP

Danke für die Antwort.
Ich weiss nur nicht, wo, ich das im Stylesheet unterbringe.....
vor die Sidebar? Dahinter?

hier wäre ist das CSS....

Lieben Dank für die Hilfe,
Marie

CSS

/*  
 *   
 *
 */
 
html, h1, h3, h6, ul, ol
{
    margin: 0;
    padding: 0;
}


body 
{


    background: #fff;
    color: #333333;
    font-family: Garamond, serif;
    font-size: 15px;    
    line-height: 1.4em;
    margin: 0px 0 0 0;


}


a,
#sidebar h5 a
{
    color: #000;
    text-decoration: none;




}




a:hover,
#sidebar a:hover
{
  color: #a8da23;
}






a:link{color:#666666;}




.whitelink a {
    color: #fff;
}


.whitelink a:hover {
    color: #fff;
}








ul 
{
    
}


ul li ul
{
    
}


ol 
{
    list-style-position: inside; 
}




input, textarea 
{
    width: 40em;
    border: 0px solid #fff;
    background: #fff;
    color: #000;
    padding: 0.2em;
}


#container
{
    width: 100em;
    margin: 0 auto;
}


    #columnLeft
    {
        position: relative;
        float: left;
        width: 30em;
        background: #fff;
        
        margin: 6px 0px 0px 20px;
        padding: 0 0 0 0;
    }
            
        #header h5
        {
            background: #fff;
            height: 1.5em;
            font-size: 1.2em;
            font-weight: normal;
            border-top: 0px solid #fff;


        }
        
        #footer
        {
            padding: 7em 1.2em 1.2em 1.2em;
            font-size: 1em;
            line-height: 1.3em;
            background: #fff;
        }
        
        #searchform input
        {
            width: 11.6em;
        }


        #postsSmall
        {
            margin: 0 0 0 1.2em;
        }
        
            #postsSmall h5
            {
                color: #000;
                background: #fff;
                font-size: 1em;
                padding: 0 1em 0 1em;
                margin: 0em 0 0 0;
                text-transform: uppercase;
            }
            
            #postContent ul
            {
                list-style: none;
            }
            
                #postContent ul li
                {
                    border-bottom: 0px solid #fff;
                    padding: 0 0 0 0;
                }
            
        #sidebar
        {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
        }
        
            #sidebar h5
            {
                color: #000;
                background: #fff;
                font-size: 1.2em;
                font-weight: normal;
                padding: 0 0em 0 0em;
                margin: 0 0 0px 0;
                text-align: left;
            }
            
                #sidebar h5:hover
                {
                    background: #fff;
                }
                
               
              
                #sidebar h5,
                #sidebar h5 a
                {
                    color: #000000;
                }    
                
                #sidebar h5:hover
                {
                    color: #a8da23;
                    
                }
              
              
                #sidebar a
                {
                    color: #6F6F6F;
                }
            
            #searchContent,
            #postContent,
            #themesContent,
            #categoryContent,
            #archiveContent,
            #pagesContent,
            #welcheContent,
            #blogrollContent,
            #metaContent
            {
               
                display: none;
                color: #fff;
                background: #fff;
                font-size: 0.9em;
                padding: 0 1em 0 0em;
                margin: 0 0 0 0;
                text-align: left;








            }






     #sidebar h6
            {
                color: #999999;
                background: #fff;
                font-size: 0.9em;
                padding: 0 0em 0 0em;
                margin: 0 0 0px 0;
                text-align: left;
            }




            
        #middleCol
        {
            display: none;
            position: left;
            background: #fff;
            float: left;
            width: 550px; 
            margin: 8px 0 0em 0em;
        }
        
            #middleCol h2 
            {
                padding: 0 0em;


            }










            
            #middleCol .aPost h5
            {


                color: #333;
                background: #fff;
                font-size: 3em;
                font-weight: normal;
                padding: 0.75em;
                margin: 1em 0 0 0;                
            }


            #middleCol h10 
            {
                color: #333;
                font-size: 1.3em;
                font-weight: bold;
                padding: 2em 0em em 0em;
                margin: 0em 0em 0em 0em;
                text-transform: uppercase;
            }
            


            #middleCol h11 
            {
                color: #c0c0c0;
                font-size: 1em;
                font-weight: normal
        
            }




                    
            #middleCol .aPost .aPostBody
            {
                padding: 2em 0em 0em 0em;






            }
            
                #middleCol .aPost .aPostBody img
                {
                    border: 0px solid #fff;
                    float: left;
                    padding: 0em 0 0em 0em;
                    margin: 0.5em;
                }
            
            #middleCol .aPost .postInfo
            {                
                position: relative;
                margin: 1em 0 0 0;
            }
            
                #middleCol .aPost .postInfo h6,
                #middleCol .aPost .postCategories h6
                {
                    display: inline;
                    background: #fff;
                    font-size: 1em;
                    padding: 0 1em 0 1em;
                    margin: 0 3px 2px 0;
                    text-transform: uppercase;
                }       
                
                    #middleCol .aPost .postInfo .postComments
                    {
                        float: right;
                    }
        
        
        #rightCol
        {            
            position: relative;
            float: left;    
            background: #f0f0f0;
            width: 0em;
            margin: 8em 0 5em 2em;
        }
        
            #theComments
            {
                display: none;                     
            }
            
            #theComments h5
            {
                color: #666;
                background: #fff;
                font-size: 1em;
                padding: 0 1em 0 1em;
                margin: 1em 0 0 0;
                text-transform: uppercase;
            }
            
            #respondArea
            {
                padding: 1em;
                background: #fff;
            }
            
            #respondForm
            {
                display: none;
            }
            
            #commentsArea
            {
                padding: 1em 0;
            }
                
                #commentsArea .aComment
                {
                    margin: 0 0 2em 0;
                }
                
                #commentsArea .aComment h5
                {
                    font-size: 1em;
                    text-transform: none;
                    padding: 1em 0 0 0;
                    font-weight: normal;
                    text-align: right;
                }
                
                #commentsArea .commentInfo h6
                {
                    display: inline;
                    background: #f7f7f7;
                    font-size: 1em;
                    padding: 0 0em 0 0em;
                    margin: 0 3px 2px 0;
                    text-transform: uppercase;
                }      
                
            
                #commentsArea .aCommentBody
                {
                    padding: 0 1em;
                }
                
.wp-smiley
{
   border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important; 
}


.uc
{
    text-transform: uppercase;
}

Alles anzeigen

maxe

pack die Formatierungen irgendwo in die style.css. Da du uns keinen Link posten willst kann ich nur raten:

Code

li.current_page_parent a{color:#00f;background:#f00; }
li.current_page_item a{color:#00f;background:#f00; }

MarieWP

ok....
ich versuchs mal...
vielen Dank!!!
Die Seite ist echt noch nicht zeigefähig ;)...brauche da noch ein wenig :) Dann aber gern!

MarieWP

für eine eine andere schrfitfarbe dann wohl :
li.current_page_parent a{font color:#00f;background:#f00; }
li.current_page_item a{font color:#666;background:#f00; }

li.current_page_parent bezeichnet dann den "normal" farbigen Menüpunt in der Sidebar, oder?

Danke für die Hilfe nochmals!!!

maxe

Zitat von MarieWP

li.current_page_parent bezeichnet dann den "normal" farbigen Menüpunt in der Sidebar, oder?

nee, parent (eltern) formatiert, falls vorhanden, die übergeordneten Seiten.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

current page item in der sidebar

Jetzt mitmachen!

Benutzer online in diesem Thema