Logo links neben Seitentitel im Twenty Eleven

ansap

Hallo Zusammen,

ich möchte ein Logo links neben Seitennamen und Seitentitel platzieren.
Ich verwende ein Twenty Eleven – Theme.
Momentan ist alles nur in einem noch nicht öffentlichen Child-Theme ersichtlich, weshalb ich hier ein Bild des ganzen einfüge. Sonst wäre der Pfad: http://www.sappl.net
Ich probierte nun schon, ohne wirklichen Erfolg, einige Tipps dazu:

http://forum.wpde.org/konfiguration/…-im-header.html
Außer einem leeren Rahmen passierte hier nichts. Diese Anleitung ist auch für ein Twenty Twelve geschrieben.

http://www.elmastudio.de/wordpress/word…und-headerbild/

Das Tutorial, welches sie da anbietet, ist für ein Twenty Ten- Theme.
Aus den Tipps von Elmastudio fügte ich folgenden Code in meine header.php ein:

PHP

[<header id="branding" role="banner">
                                            <hgroup id="site-title">
                                                             <a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php bloginfo( 'template_directory' ); ?>/images/LogoFranz75.png" alt="<?php bloginfo('name'); ?>" /></a>
                                            </hgroup>
                                             <?php if ( get_header_image() ) : ?>
                              <img src="<?php header_image(); ?>" class="headerimage" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" /><!-- end headerimage -->

Hier habe ich zweimal das Banner (das gehört nur einmal hin), und ganz oben über der Seite ein Logo, welches zwar nur 63 Pixel breit ist, doch über die komplette Seitenbreite (1000px) angezeigt wird, und dementsprechend hoch ist.

Kann mir da bitte jemand sagen, wo der Fehler ist, und wie man es richtig macht.

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

ansap

Noch ein schönes Rest-Osterfest.

Habs jetzt leider nur teilweise hinbekommen.
http://www.sappl.net
Fügte dazu eine Tabelle in die header.php ein, und in der style.css auch ein paar Zeilen.

Änderungen in der style.css:

Code

hgroup img {
               display: left;
               float: left;
               margin: 0 0 0 0;                Musste ich alle auf 0 stellen, und die Größen des Bildchens angeben:
               width: 62px;
               height: 75px;
}
#nav-single .nav-previous,
#nav-single .nav-next     musste ich auf <100%> anstatt <auto> einstellen.

Änderungen in der header.php:

PHP

[<body <?php body_class(); ?>>
<div id="page" class="hfeed">
               <header id="branding" role="banner">
                                            <?php print "<table align='left'>
                                                                          <tr>
                                                                                         <td width='63px' valign='top'>
                                                                                                       <a href='http://www.sappl.net/aktuelles/'><img src='http://www.sappl.net/wp-content/themes/twentyeleven/LogoFranz75.png'></a>
                                                                                         </td>
                                                                                         <td valign='top'>";?>
                                                           <hgroup><h1 id="site-title"><span align='center'><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
                                                           <h3 id="site-description"><?php bloginfo( 'description' ); ?></h3></hgroup>
                                                                                         <?php "</td>
                                                                          </tr></table>"; ?>
                                            <nav id="access" role="navigation">
                                                           <div class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></div>
                                                           <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
                                                           <div class="skip-link"><a class="assistive-text" href="#content"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
…

Alles anzeigen

Jetzt hat das Ganze leider einige Schönheitsfehler.
Siehe http://www.sappl.net

Das Logo sollte „über“ dem linken Rand der Seite sein und nicht außerhalb.
Über der Navigation erscheint eine zweite Zeile, wo es heißt: zum Inhalt wechseln. Das ist so nicht gewollt.

Kann mir da bitte noch jemand Tipps geben, was ich wie ändern soll?

Vielen Dank für eure Hilfe,

Ansap

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Logo links neben Seitentitel im Twenty Eleven

Jetzt mitmachen!