Frage von Juliecaro, 50

WordPress - Logo direkt neben die Navigation einsetzen...?

Hallo zusammen,

ich würde gerne in WordPress mein Logo direkt neben die Navigation setzen. Nicht darüber oder darunter. Leider verzieht es das immer in der Ansicht. Ich habe auch schon versucht, das Logo zu verkleinern aber das klappt natürlich auch nicht. Ich kann leider den Bereich dafür im Code nicht finden, da ich nicht so der Experte in html und CSS bin.

Kann jmd. helfen und sagen wo genau das Bild eingefügt werden muss bzw. was ich zusätzlich noch im CSS abändern muss damit Bild und Navigation zusammen auf eine Höhe passen? Ich habe Online auch schon was gefunden, hilft mir aber auch nicht wirklich: https://wordpress.org/support/topic/to-make-menu-toggle-align-with-homepage-logo

Hat jmd. eine Idee??

Vielen Dank.

Theme Header (header.php)

>

<

div id="page" class="hfeed site"> <?php _e( 'Skip to content', 'argent' ); ?>

<header id="masthead" class="site-header" role="banner">
    <nav id="site-navigation" class="main-navigation" role="navigation">
        <img src = "http://138.201.91.49/wordpress/wp-content/uploads/2016/05/Logo-KopieV.1.2-2.png"/>
        <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php _e( 'Menu', 'argent' ); ?></button>

        <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>
    </nav><!-- #site-navigation -->

    <div class="site-branding">
        <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
        <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    </div><!-- .site-branding --> 
Hilfreichste Antwort - ausgezeichnet vom Fragesteller
von pedde, 19

Versuch es mal mit dem Firebug 2.0.16 - der sagt dir dann genau, wo sich der Bereich befindet. Da du wohl die Seite nicht mit einem Editor auf dem PC bearbeitest, sondern wohl im Editor von Wordpress, kannst du dann die Stelle bzw. den Code dann in deinem Wordpress-Editor raussuchen.

Vorsicht aber! Wenn du was veränderst und speicherst, ist das alte unwiederruflich weg. Daher empfiehlt sich immer den ganzen Code erst zu kopieren, ihn extern irgendwo zu speichern z.B. Notepad++ oder Dreamweave Editor oder zur Not auch Word. Dann die Veränderungen testen und bei Neustart eben erst mal den kompletten alten Code wieder einsetzten.

Dein Problem scheint wohl an den DIVs zu liegen, die die Logogröße und eben den Kasten über deiner Überschrift voreingestellt hat. Also den Logohalter löschen und neben der Überschrift der Seite das Logo einführen. Aufpassen, dass sich dann nicht die Schriften verschieben, sondern quasi wieder in einem neuen DIV auftauchen - klingt komplizierter als es ist :D.

Kommentar von Juliecaro ,

Danke ich werd's mal versuchen :D :O 

Kommentar von Juliecaro ,

Aber das komische ist, dass mir im Editor in WordPress der Container den ich via Firebug finde, nicht angezeigt wird. Ich kann diesen also auch nich bearbeiten. Sorry bin ein totale WP Neuling und benötige noch ein bisschen Einarbeitungszeit... :D 

Was kann ich jetzt tun? 

Kommentar von pedde ,

lade dir doch mal die 30 Tage Probeversion von Dreamweaver runter und kopieren den kompletten Quellcode deiner Startseite da rein. Dann kannst du mit der Live-Ansicht (links HTML rechts das Bild) mal versuchen das Ding offline so zu verschieben wie du willst. Dann schau einfach was sich im Code verändert. Das klingt jetzt ein wenig salopp, aber ist einfach, wenn man es mal gemacht hat.
Ja den Container zeigt es nicht direkt an, wohl aber das Logo und wo es liegt. Das musst du in der Style CSS Date eigentlich finden. Es befindet sich auf jeden Fall in der bodyclass im header. Durchsuch mal alle Dateien. Irgendwo ist der Container ja mit einer Größe definiert. Also...Üben Üben Üben - Viel Erfolg!

Antwort
von chief78, 16

Im Firefox rechte Maustaste drücken. Element untersuchen. Dann kannst du deinen Container auswählen und in der CSS rechts live deinen Code reinschreiben. Somit kannst du dann testen, wie es ausgegeben wird, bzw. wo du den Code finden kannst. VG

Antwort
von Juliecaro, 19

Ich kann momentan leider noch keinen Link posten weil die Seite noch nicht steht und ich momentan nicht berechtigt bin. Ich frage aber mal nach okay?

Das Theme ist Argent und wahrscheinlich nicht 100% dafür geeignet. Aber eigentlich kann man ja alles im Code anpassen. Aber prinzipiell muss ich beides bearbeiten oder, also html und css? Hilft dir der Code allein nicht schon weiter :/ :D 

Danke für deine schnelle Antwort! :)

Antwort
von Tinawilli, 31

Es würde vielleicht helfen wenn du den Link zu deiner Webseite postest, damit sich das die Experten mal angucken können ;) 

Ich glaube so generell kann man hier nichts sagen. Das ist natürlich abhängig davon welches Theme du benutzt und so weiter !;-)

Antwort
von Tinawilli, 19

und du kannst auch nochmal in deinem Quellcode gucken, wo das Logo genau ausgerufen wird ;-)

Vielleicht findest du hier den Fehler!

Keine passende Antwort gefunden?

Fragen Sie die Community