Ik wil de header van een wordpress layout aanpassen. Momenteel staat de naam van de website er gewoon als tekst, ik zou die tekst willen vervangen door een logo (afb), de afbeelding moet wel linken naar de homepagina.
Dit leek mij niet zo moeilijk, maar het lukt mij maar niet om dit voor elkaar te krijgen (ook na het raadplegen van de wordpress codex).

In het header bestand staat het volgende:

Code:

 <h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>

Ik veronderstel dat ik dit moet verwijderen en vervolgens vervangen door een afb.

css:

Code:

    #header h1 {
        clear: both;
        text-transform: uppercase;
        font-size: 2em;
        float: left;
        padding: 30px 0 20px;
    }
        #header h1 a {
            color: #333333;
        }

Dit is de opmaak voor h1.


Welke code moet ik nu waar plaatsen?
Alvast bedankt

Als de afbeelding niet zichtbaar is komt dit waarschijnlijk doordat je niet de volledige url gebruikt.
Doordat de wordpress index file (waaruit de site gegenereerd wordt) niet in de themes folder staat kan hij de afbeelding niet vinden.

Als je een afbeelding als css achtergrond gebruikt, wordt dit vanuit de css file gedaan die wel in de themes folder staat en zijn daar dus geen problemen mee.

Probeer eens om de volledige url te gebruiken.
Dus:

Code:

<h1><a href="<?php echo get_option('home'); ?>"><img src="http://jouwurl.nl/wp-content/themes/images/jouwlogo.jpg"></img></a></h1>

in plaats van:

Code:

<h1><a href="<?php echo get_option('home'); ?>"><img src="/images/jouwlogo.jpg"></img></a></h1>

Als dit lukt kun je de afbeelding daarna gewoon met css stylen.

Ik hoop dat dit je verder kan helpen.

Gr,
D. Seerden