Twentyten: Logo und Text AUF die Headergrafik?

    Hallo zusammen.

    Ist es möglich AUF die Headergrafik des Twentyten Themes Text und eine Logografik zu setzen, die ich dann mit margin/padding positionieren kann?

    Wenn ja, wie? :) (Habe es nur geschafft, über bzw. unter der Grafik Text einzufügen...)

    • 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

    Die einfachste Variante:

    Mit einem Grafikprogramm das Logo und den Text auf die Headergrafik setzen.
    dann einfach wieder hochladen.

    oder das Theme auseinandernehmen:

    also die Headergrafik fest als Hintergrund definieren (die Wechselfunktion im Admin geht verloren)
    darauf dann dein Logo und Text positionieren

    oder mit css positionieren:
    http://www.w3schools.com/css/css_positioning.asp

    das folgende zum beispiel funktioniert in meinem TwentyTen child theme:

    Code
    #branding { position:relative; }
#site-title { position:absolute; left:25px; top: 30px; font-size:40px; }
#site-description { position:absolute; left:25px; top: 130px; font-size:140%; width: 500px; text-align:left; }
#site-logo { position:absolute; right:45px; top: 10px; }
#site-logo img { border:none; }




    und das ist die html/php dazu (das meiste ist original vom theme, nur die logo div ist neu):

    PHP
    <?php if ( is_home() || is_front_page() ) { ?>
     <h1 id="site-title"><span><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php echo $blog_title; ?></a></span></h1>
    <?php } else { ?>
     <div id="site-title"><span><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php echo $blog_title; ?></a></span></div>
    <?php } ?>
 
    <div id="site-description"><?php bloginfo( 'description' ); ?></div>
    <div id="site-logo"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/transformationpower_header.png" /></div>



    zu sehen hier.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden