Theme Twenty Twelve: wie kann ich ein Logo in den Kopf-Bereich einfü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

    Du musst die header.php im Theme Ordner öffnen und bearbeiten.
    Du musst vor <hgroup> ein <img src="..."> einfügen. In den Teil mit src="..." setzt du den Pfad zum Logo ein.
    Dem <img> Tag fügst du ein style="..." Attribut hinzu, mit der Angbabe "float:left".
    Dem <header> Tag fügst du auch noch ein style="..." Attribut hinzu mit der Angabe "overflow:hidden"

    Danach speichern, auf den Server laden und die Seite ansehen.

    Referenzen:
    http://de.selfhtml.org/html/grafiken/einbinden.htm
    http://de.selfhtml.org/css/eigenschaf…erung.htm#float


    Gruß,

    Nico

    Hallo Nico,
    der erste Teil hat schon geklappt... siehe http://www.jugend.sg-hemer.de

    leider finde ich den <header> Tag nicht - wahrscheinlich habe ich Tomaten auf den Augen...

    Gruß
    Dieter

    hiermal der Code aus der header.php:

    <?php
    /**
    * The Header template for our theme
    *
    * Displays all of the <head> section and everything up till <div id="main">
    *
    * @package WordPress
    * @subpackage Twenty_Twelve
    * @since Twenty Twelve 1.0
    */
    ?><!DOCTYPE html>
    <!--[if IE 7]>
    <html class="ie ie7" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 8]>
    <html class="ie ie8" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if !(IE 7) | !(IE 8) ]><!-->
    <html <?php language_attributes(); ?>>
    <!--<![endif]-->
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width" />
    <title><?php wp_title( '|', true, 'right' ); ?></title>
    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    <?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
    <!--[if lt IE 9]>
    <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
    <![endif]-->
    <?php wp_head(); ?>

    <script type="text/javascript" src="http://ergebnisdienst.fussball.de/static/egm//js…S5DVMP9VUJ5LQ96"></script>

    </head>

    <body <?php body_class(); ?>>
    <div id="page" class="hfeed site">
    <header id="masthead" class="site-header" role="banner">

    <style="float:left"> <img src="images/SGHemer 2cm.png">

    <hgroup>
    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    </hgroup>

    <nav id="site-navigation" class="main-navigation" role="navigation">
    <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
    <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
    <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
    </nav><!-- #site-navigation -->


    <?php if ( get_header_image() ) : ?>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
    <?php endif; ?>
    </header><!-- #masthead -->

    <div id="main" class="wrapper">

    Hallo Nico,

    ich habe den code wie folgt geändert, aber der Seitentitel/Seitenuntertitel "SG Hemer e.V. Jugend/Infos rund..." bleibt noch unter dem Logo - soll rechts vom Logo linksbündig erscheinen...

    <header id="masthead" class="site-header" role="banner" style="overflow:hidden">

    Gruß
    Dieter

    Hallo Zusammen,

    nachdem das Logo mit Hilfe von Nico oben links erscheint, möchte ich noch, dass der Seitentitel und Seitenuntertitel neben unserem Logo erscheint - siehe http://www.jugend.sg-hemer.de

    das müsste der dazugehörige Code sein:

    <hgroup>
    <img src="images/SGHemer_1cm.png" style="float:left">
    <img src="images/respect.jpg" style="float:right">
    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' );?></a></h1>
    <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    </hgroup>

    ich habe, wie von Nico vorgeschlagen <style="overflow:hidden" an verschiedenen Stellen ausprobiert - hatte aber bisher kein Erfolg damit.

    Wer kann mir bitte weiterhelfen?

    Danke!

    Dieter

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden