Logo im Header statt Headertext einfügen

    Hallo,

    leider habe ich zum Theme Bizznis nichts in der Suche gefunden. Ich bin Wordpress-Anfängerin.

    Beim Theme Bizznis ist links oben leider kein Logo/Bild, sondern nur ein Textfeld vorgesehen. Ich möchte das Logo links auf dem Header-Background-Bild platzieren.

    Idee war, entweder statt dem Textfeld das Logo einzufügen. Alternativ könnte man auch das Headerwidget benutzen, das rechts angezeigt wird. Das benötige ich sonst nicht. Wie bekomme ich das jedoch ganz nach links?

    Vielen Dank!
    Finsatu

    • 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

    Link zur Seite? Man kann ja nicht jedes Theme kennen oder es mal eben für eine Hilferuf installieren ;-) Ein möglicher Ort für die Platzierung wäre die header.php Datei. Aber vor einer Änderung bitte nicht vergessen zu sichern und ein Child anzulegen.

    Nein, dem habe ich nichts hinzuzufügen :-)
    [HR][/HR]

    Zitat von Finsatu

    (...)
    Beim Theme Bizznis ist links oben leider kein Logo/Bild, sondern nur ein Textfeld vorgesehen. Ich möchte das Logo links auf dem Header-Background-Bild platzieren.
    (...)


    Einfach hart in die [COLOR=#0000cd]header.php[/COLOR] coden, Eingabe z.B. direkt über das Backend von WP [COLOR=#008000]Design -> Editor -> header.php [/COLOR]

    Als simpleste Variante die noch ausgeschmückt werden kann

    HTML
    <div>
<span style="float:left;">
<IMG SRC="http://www.[Deine-Homepge].de/logo.png">
</span>
</div>

    am sinnvollsten unterhalb von [COLOR=#0000cd]</head>[/COLOR] und oberhalb von [COLOR=#0000cd]<?php [/COLOR]einfügen.

    Der Link muss noch angepasst werden, die Logografik lädst Du vorher an geeigneter/sinnvoller Stelle (kann im Prinzip überall sein) auf Deinem Webspace hoch - fertig.[COLOR=#0000cd][/COLOR]

    Vielen Dank! Das hilft schon ein gutes Stück weiter! Das Logo sitzt jetzt links oben in der Ecke.
    Die Verlinkung zur Startseite habe ich auch hinbekommen. Zwei "Baustellen" bleiben jedoch noch:

    1. (für euch wahrscheinlich einfach): Wie bekomme ich das Logo ein kleines Stück nach unten und rechts?

    2. Ich erwähnte ja am Anfang, dass dort eigentlich nur Text vorgesehen ist. Dieser Text wird aus dem Feld "Titel der Webseite" gezogen. Wenn ich das Logo anzeige, stört der zusätzliche Text natürlich. Nun kann ich dort "nichts" eintragen, aber dann wird auch im Browserreiter nur noch ein "-" angezeigt. Dort sollte der Webseiten-Titel natürlich stehen. Alternative wäre, den Titel unsichtbar zu machen. Die Header-Textfarbe kann ich im Theme auch einstellen, ich habe jedoch nur einen HEX-Wert mit 6 Stellen zur Verfügung ... also keine Möglichkeit für Transparenz. Welche Lösungsmöglichkeiten gibt es?

    Den Link zur Seite posten macht übrigens im Moment noch keinen Sinn - öffentlich sichtbar ist nur eine "Coming Soon-Seite".

    Nochmal ganz herzlichen Dank für eure Hilfe!
    Finsatu

    Zweitens konnte ich jetzt sogar selbst lösen - fast ein wenig unerwartet. Ich habe das Plugin "All in One SEO Pack" installiert und dort kann man ja diverse Felder ausfüllen, wie Google & Co einen finden sollen. Der dort eingegebene Titel wird nun auch im Browserreiter angezeigt, wenn ich im Theme den Titel deaktiviere. Das wäre also gelöst (außer ihre seht irgendeinen Grund, dass ich mir damit etwas anderes verbaue?).

    Bleibt nur noch das minimale Verschieben des Logos: s. o. "1. Wie bekomme ich das Logo ein kleines Stück nach unten und rechts?". Welchen Code brauche ich dafür?

    Vielen Dank!

    Zitat

    Den Link zur Seite posten macht übrigens im Moment noch keinen Sinn

    Doch, macht es, da deine neuerlichen Fragen nicht mehr allgemeiner Natur sind. Also bitte Seite aktivieren und link posten. Oder du versuchst, ein div zu definieren in der style.css und gibst ihm entsprechende paddingwerte. Anschließend das div "um" das logo legen. Kannst du damit was anfangen?

    Beispiel, so in etwa: (style.css)

    Zitat

    .logo {
    padding: 10px 0 0 10px;
    }

    (header.php)

    Zitat

    [COLOR=#b22222]<div id="logo">[/COLOR]<a href="startseitenlink..."><img src="dein logo usw.></a>[COLOR=#b22222]</div>[/COLOR]

    Einmal editiert, zuletzt von gericoach (30. September 2015 um 12:32)

    Danke für eure Hilfe! Wie ihr merkt, habe ich von Programmieren selbst keine Ahnung. Aber ich habe eine andere Lösung gefunden. Ich wundere mich nur, dass ich da nicht gleich drauf kam. Einfach dem Logo selbst einen transparenten Rahmen mitgeben und fertig. :-)

    Webseite publizieren ist leider wirklich keine Option im Moment. Das wird die Webseite einer Einzelfirma, die im Moment noch nicht existiert und mit einer vorzeitigen Veröffentlichung gäbe es ggf. Probleme mit dem Noch-Arbeitgeber.

    Damit sind meine Fragen zunächst gelöst. Insbesonde der Code von Tubedesigner hat mir enorm weitergeholfen.

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden