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 -->

5 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

pedde

26.05.2016, 01:12

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.

Juliecaro

Fragesteller

27.05.2016, 10:57

Danke ich werd's mal versuchen :D :O

Juliecaro

Fragesteller

30.05.2016, 12:27

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?

pedde

30.05.2016, 16:30

@Juliecaro

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!

Tinawilli

23.05.2016, 15:55

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 !;-)

Juliecaro

23.05.2016, 16:04

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! :)

Tinawilli

23.05.2016, 15:56

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

Vielleicht findest du hier den Fehler!

chief78

24.05.2016, 16:33

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

Ich möchte neben meiner Menü Bar ein Logo platzieren. Wie mach ich das genau? Danke im vorraus

...zur Frage

Wordpress Seiten ausblenden?

Gibt es bei WordPress eine Möglichkeit, Seiten per CSS auszublenden, ohne diese aus dem Menü löschen zu müssen?

...zur Frage

HTML/CSS: Schriftfarbe im Kontaktformular ändern?

Bin Anfänger. Ich betreibe eine Website mit WordPress und nutze das Plugin "Contact Form 7". Das Forumular was ich erstellt habe besitzt mehrere Container. Einer davon ist ein Drop-Down Menü. Sieh so aus:

Ihr seht: Schriftfarbe und Background Color sind beide weiß. Ich möchte, dass die Schriftfarbe schwarz wird.

<div class="column one">[select* Der-Grund include_blank "Ein Problem melden" "Frage" "Feedback" "Sonstiges"]</div>

Was muss ich nun machen? Wo kann ich das Attribut font-color korrekt hinzufügen? Ich verstehe ehrlich gesagt noch nicht, was genau [select usw jetzt ist. Ist das HTML?

Hier ist eine Hilfeseite, wo das Wort "color" aber nicht auftaucht:

https://contactform7.com/checkboxes-radio-buttons-and-menus/#select

...zur Frage

Wordpress: Verschiedene Logos einbinden

Hallo zusammen,

ich möchte eine Firmen-Website bauen und dafür Wordpress verwenden. Ich habe jedoch ein kleines Problem, das ich nicht lösen kann.

Die Website soll für die Hauptfirma X sein. Die Hauptfirma hat aber diverse Tochterunternehmen, die ihr eigenes Logo haben, X1, X2, usw.

Wenn ich nun die Hauptseite aufrufe, erscheint das Logo X. In der Navigation ist nun aber auch die Produktpalette der Tochterunternehmen aufgelistet. Klicke ich eine Produktpalette an, soll das Logo von X1 bzw. X2 erscheinen.

ist das mit Wordpress lösbar? ich benötige also ein individuelles Logo für ein Template. Gibt es dazu Plugins? Muss man da selber programmiertechnisch aktiv werden?

Danke für eure Hilfe.

...zur Frage

CSS Navigation nur mit einem Bild?

Hallo,

weiß jemand wie ich eine Grafik (in dem Fall ein Logo) als Navigationsleiste einbaue? Wenn man über das Logo fährt soll sich eine Art Dropdown-Menü öffnen.

Schonmal danke im Voraus

...zur Frage

Wordpress Seite als eine HTML, CSS und JS Datei exportieren?

Hallo,

ich möchte eine Wordpress-Website statisch wie sie zu sehen ist als HTML, CSS und JavaScript Dateien exportieren. Leider funktioniert dies nicht wie ich es möchte, da alle JavaScript Funktionen für z.B. ausklappbare Menüs in einzelnen JS Dateien liegen. Auch das CSS ist teilweise in der entsprechenden Datei, teilweise aber auch im HTML Code, das ist aber nebensächlich.

Gibt es irgendein Tool - egal ob Online mit GUI oder als Shell Anwendung, dass es mir ermöglicht, die Seite wie von mir beschrieben als Einzeldateien herunterzuladen?
Die Seite läuft nicht über meinen eigenen WP Account, ich kann also keine WP Plugins installieren...

LG und vielen Dank

Andy

...zur Frage

Schriftart im Navigationsmenü bei Wordpress ändern?

Hallo,

wie kann ich die Schriftart der Menü-Navigation ändern? Ich nutze für meine Website das Virtue Theme. Aktuell kann ich nur über die Theme Einstellungen und dann unter dem Punkt Typographie die Überschriften und generelle Schrift einstellen. Die Schrift des Menüs ist aber eine ganz andere. Besten Dank!

...zur Frage

Wordpress Dashboard Menü verschwunden...?

Hallo, ich habe meine Hompage bei Wordpress.org mit meinem alten Betriebssystem Vista erstellt. Dann ist dieses komplett abgestürzt und ich habe Windows7 installiert. Nun, nachdem ich WP wieder installiert habe, komme ich zwar wieder an meine Homepage, aber ich kann sie nicht mehr bearbeiten, weil das Menü komplett fehlt. Wo liegt mein Fehler?

...zur Frage

Vertikales Menü Wordpress?

Hi, ich baue gerade eine Webseite auf, und möchte zusätzlich zu meinem Header mit einer Navigation, ein Vertikales Menü auf der Linken Seite erstellen. Leider finde ich im Internet nirgendswo eine Anleitung wie man das Kostenlos machen kann ohne ohne ein kostenpflichtiges Theme/Plugin zu installieren. Kann mir einer von euch da weiterhelfen ?

MfG

...zur Frage

Ändern des Paypal Express Checkout-Buttons - aber wie?

Hallo zusammen,

ich habe auf unserem Online-Shop (Wordpress / WooCommerce) Paypal und Paypal Express integriert, jedoch bin ich mit dem Paypal Express-Button unzufrieden. Im Moment wird er so, wie bei Bild 1 gezeigt, dargestellt. Ich möchte diesen aber wie in Bild 2 haben.

Paypal bietet in seinem Logo Center soch ein Logo an. Leider lässt sich dieser im Woocommerce-Backend nicht so einfach ändern.

Hat jemand eine Lösung, den Button zu ändern, evtl. mit einem weiteren Plugin oder CSS?

Webadresse: https://kk24-sonderposten.de

Vielen Dank vorab!

Bild 1:

Bild 2:

...zur Frage

HTML Navigation Bar Text Farbe ändern?

hey leude

Ich habe meine eigene Website gemacht, jetzt hab ich ein Problem ich möchte die Navigation bar den text dort in schwarz färben... habe schon bei css im header, nav, nav li probiert

CSS

.social-icons {
  text-align: center;
  }  
.social-icons li {
  display:inline-block;
  list-style-type:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  }
.social-icons li a {
  border-bottom: none;
  }
.social-icons li img {
  width:70px;
  height:70px;
  margin-right: 20px;
}

#wrapper {
    width: 960px;
    margin: center;
    font-family: arial, sans-serif
}
    
}

body {
    background-color: #8db6cd;
    
}

header {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 125px;
    text-align: center;
    text-color: black;
}

nav {
    text-align: center;
     text-color: black;
    
}

nav li {
    display: inline;
    margin-right: 40px;
    text-color: black;
}

a {
    color: #777;
    text-decoration: none;
    font-family: arial, sans-serif
}



section {
    width: 620px;
    height: 530px;
    float: left;
    background: lightgray;
    border: 1px solid #000000;
}


aside {
    width: 310px;
    height: 550px;
    float: right;
    background: darkorange;
    border: 1px solid #000000;
}

...zur Frage

Css Element mit position:fixed überdeckt Elemente?

Ich habe in CSS eine Navigationsbar mit der Eigenschaft position:fixed, da ich möchte, dass sie mitkommt beim Scrollen. Jedoch überlagert sie am Anfang ebenso etwas, was ich eben nicht will.

Demnach ist meine Frage, wie ich das ganze so mache, dass die Navigationsleiste zu Beginn nicht schon ein Element überdeckt.

Navigation:

.nav{
  position: fixed;
  font-family: 'Oswald', sans-serif;
  text-align: center;
  background-color: #4A9188;
  color: #ffffff;
}

...zur Frage

Custom CSS Wordpress einzelne Seiten ausschließen?

Hallo, wie kann ich das Wordpress CSS nur für einzelne Seiten einstellen. Hab schon bisschen was zusammengebastelt. Danke für eure Hilfe!

@media only screen and (max-width: 359px) {

#primary .content-container {

padding-left: 10px !important;

padding-right: 10px !important;

}

{display:none}

.postid-3701,

.postid-3712,

.postid-3731,

.postid-3736,

.postid-3748,

.postid-2583,

.postid-3756,

.postid-3752,

.postid-3703

{display:none}

}

...zur Frage

Warum wird mein Code auf meiner WordPress-Website nicht gerendert?

Ich stehe vor einem großen Mysterium bei einer WordPress-Website von mir. Hier die Situation: Bestimmter Code ist zwar in den php-Dateien enthalten, erscheint aber nicht bei Aufruf der Seite.

Beispiel:

header.php:

<head>

...

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/custom-styles.css">

</head>

Gerendert wird:

<head>

...

</head>

==> Der <link>-Tag fehlt!

footer.php:

<style>

.some-class {

font-size: 12px;

}

</style>

Gerendert wird:

<style></style>

==> Der Inhalt des <style>-Tags fehlt!

Komisch:

Ist man als User eingeloggt und betrachtet sich den Seitenquelltext, wird der Code komplett gerendert.

Ich habe schon versucht, WP Rocket zu deaktivieren und den Browser-Cache zu löschen. Das Problem besteht weiterhin. Hat irgendjemand eine Idee, was dieses Problem verursachen kann?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen