[HILFE] Logo einbauen

    Guten Tag,
    ich habe ein eigenes Template gemacht und möchte nun anstelle des Blognamens ( bloginfo('name') ) ein logo platzieren.

    Ich habe schon einiges ausprobiert und nichts hat funktioniert..

    HTML
    <div id="header">
        <center>
        <!--<h1><a href="<?php //bloginfo('url'); ?>"><?php //bloginfo('name'); ?></a></h1>-->
        
        
        <h3><?php bloginfo('description'); ?></h3>
        </center>
    </div><!-- header -->

    Wenn ich das obere auskommentiere, dann wird der verlinkte Titel des Blogs angezeigt. allerdings möchte ich ja ein Logo haben, wie stell ich das nun an?
    Dinge wie

    HTML
    <img src="img/logo.png" />


    habe ich schon probiert.. vergebens

    • 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

    Sieht so aus, dass du dein Logo nicht richtig referenziert hast.

    Also Code im Prinzip so:

    PHP
    <div id="header">
    <center>
        <a href="<?php echo site_url(); ?>">
            <img src="" />
        </a>
    </center>
</div><!-- header -->

    und dann fürs Bild, je nachdem, in welchem Verzeichnis du es liegen hast

    PHP
    <img src="<?php bloginfo('stylesheet_directory'); ?>/img/logo.png" />


    oder, wenn es im upload-Verzeichnis liegt

    PHP
    <img src="<?php echo site_url(); ?>/wp-content/uploads/logo.png" />

    Gruß
    helix

    Also ich habs nun folgendermaßen gemacht:
    In der Header.php

    HTML
    <header id="branding" role="banner">
            <hgroup>
                <p class="robot">&thinsp;</p>
            </hgroup>

    in der style.css

    Code
    .robot{ 
background-image: url(logo.png); 
width: 500px; 
height: 500px; 
margin-left:32%; 
background-size:50%; 
background-repeat:no-repeat; 
}

    und so funktioniert es bisher auch

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden