Multiple Logos in Header

  • Wie ist es möglich mehrere (mindestens 2) Logos in den Header einzubauen.

    Eins Links, soll ein Siegel (png) sein und das normale Logo wird ja durch das Theme eingebunden.

    • 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

  • Mir fällt da jetzt auf die schnelle nur ein das du dir das Bild selbst zurecht machst in Photoshop oder ähnlichem..
    Dann kannst das Bild ja in den Header im Backend auswählen..

    Gruss

  • Das ist leider keine option. Die Bilder sollen separat voneinander sein und am Besten soll das Linke Bild auf mobilen Geräten nicht sichtbar sein.
    Ein Logo rechts am Bildschirmrand und eins links

  • Du musst das entsprechende Template bearbeiten. Meist ist es die header.php. Dort kannst du das Logo einbinden und anschließend per CSS bestimmen wo es steht und dass es mobil nicht sichtbar ist (Stichwort: media query).

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Du musst das entsprechende Template bearbeiten. Meist ist es die header.php. Dort kannst du das Logo einbinden und anschließend per CSS bestimmen wo es steht und dass es mobil nicht sichtbar ist (Stichwort: media query).


    Ja das weiß ich ja schon, nur wie ist die Frage

  • Sag uns doch bitte um welches Theme es sich handelt und gib uns auch mal einen Link. Ansonsten wird es schwer zu helfen.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • ;) Dies macht freude...

    So viel ich mich erinnere ist Avada ein Premium Theme, wo Du auch Support mit erworben hast! Was sagt den der Theme-Support zu Deiner Anforderung?

    LG

  • // additional logo
    add_filter('avf_logo_subtext', 'avf_logo_addition');
    function avf_logo_addition($sub) {
    $sub .= "<a class='second-logo' href='#'><img src=' _IMAGE_URI_HERE_' /></a>";
    $sub .= "<a class='third-logo' href='#'><img src=' _IMAGE_URI_HERE_' /></a>";
    return $sub;
    }

    das habe ich für die funcions.php gefunden. wenn mir das jetzt einer für avada umbasteln kann, wäre ich dankbar

  • Avada ist ein Premium Theme, da wird dir nur jemand helfen können, der sich das auch gekauft hat. Die Frage stellt sich schon, ob Avada auch so einen Hook/Filter hat, wie du ihn oben gepostet hast: https://theme-fusion.com/documentation/…ns-and-filters/

    Warum nimmst du solch einen Auftrag an, wenn du dich damit nicht auskennst? @SirEctor hat dir ja den "einfachsten" Weg schon genannt, wenn man ein Theme nicht so gut kennt.

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Ich habe auf meiner Seite neben dem Firmen Logo noch ein weiteres Logo "exzellente Werkstatt" in den Header eingefügt. Habe hierfür eine Code-Beschreibung aus der Google Suche gefunden und verwendet.
    Und das Logo "exzellente Werkstatt" wird auch wie gewünscht auf der rechten Seite angzeigt. [siehe Screenshot zwei Pfeile]
    Der Haken ist nur das auf der linken Seite das Logo auch nochmal angezeigt wird, dort soll aber das "exzellente Werkstatt" Logo nicht erscheinen. Jetzt ist die Frage wie man das linke Logo wegbekommt.

    Ich habe folgende Code-Zeilen für die Einbindung verwendet.....[siehe Screenshot header.php]
    Löscht man aber eine dieser beiden Zeilen, sind komischerweise beide Logos wieder verschwunden.
    Als Theme verwende ich das OnePress Plus Theme

    Besten Dank schon mal vorab für Eure hilfe.
    [Blockierte Grafik: http://isy-augsburg.de/wordpress/wp-content/uploads/2018/12/Frontend-Ansicht.png
    Grüße

    Stefan[Blockierte Grafik: http://isy-augsburg.de/wordpress/wp-content/uploads/2018/12/header.png]

  • Und wo kann man das auf deiner Seite sehen - ich habe im Schnelldurchlauf nicht gefunden!!!!

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • Du schreibst <img ...> in den head-Bereich? Das kann nicht stimmen. Lösche die Beiden Zeilen wieder und füge nur die zweite Zeile direkt hintern den

    PHP
    <body <?php body_class(); ?>>

    ein

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Hallo SirEctor danke für deine Tipp.

    Füge ich aber die zweite Code-Zeile nach <body <?php body_class(); ?>> ein ist auf der Homepage sowohl das linke als auch das rechte "exzellente Werkstatt" Logo verschwunden - das rechte Werkstatt Logo soll aber auf der Homepage bleiben.

  • Das ist eine Frage des z-index. Setzt mal für das img den z-index auf 999 und gib position: relative.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

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