Logo in den Header einbinden - Mystique

  • Hallo,

    ich bin, was Wordpress angeht, ein absoluter Anfänger. Ich möchte eine Website in Wordpress erstellen und nutze Themes mystique.

    Ich möchte ein Logo in den Header einbinden. Ich habe folgendes in header.php eingegeben:

    <div id="header" class="bubbleTrigger" >
    <?php do_action('mystique_header_start'); ?>

    <div id="logo" class="clear-block">
    <img src="images/logo.jpg" alt="Logo" title="Logo" />
    <?php mystique_logo(); ?>
    <?php if(get_bloginfo('description')): ?><p class="headline"><?php bloginfo('description'); ?></p><?php endif; ?>

    <?php do_action('mystique_header'); ?>
    </div>

    <?php mystique_navigation(); ?>
    <?php do_action('mystique_header_end'); ?>
    </div>

    und in style.css steht folgendes:

    #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px; background-image:url(/images/Dr_Kessler_Logo.jpg);}

    #logo p.headline{float:left;border-left:1px solid #999;margin:0 0 0 1em;padding:.2em 0 .2em .8em;font-weight:normal;font-size:140%;line-height:64px;letter-spacing:0.4em;}

    Ich habe sitetitle durch logo ersetzt...

    Aber bekomme nicht das richtige Ergebniss...Was mache ich falsch?

    Bitte um Hilfe!

    • 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

  • ein link zur seite waere vorteilhaft.

    HTML
    <img src="images/logo.jpg" alt="Logo" title="Logo" />


    sollte besser der absolute pfad zum bild sein; also so:

    PHP
    <img src="<?php bloginfo(template_url'); ?>/images/logo.jpg" alt="Logo" title="Logo" />


    sonst geht das vielleicht auf der vorderseite und auf anderen seiten nicht.

    Code
    #logo{font-size:400%;font-weight:bold;font-style:normal;margin:0;padding:0;float:left;line-height:60px; background-image:url(/images/Dr_Kessler_Logo.jpg);}


    da sollte hier [FONT=Courier New]url(/images/Dr_Kessler_Logo.jpg)[/FONT] kein slash / vor [FONT=Courier New]images[/FONT] stehen.

    und die bilder sollten natuerlich im /images verzeichnis des themes gespeichert sein.

    Zitat

    Aber bekomme nicht das richtige Ergebniss


    was passiert? irgendein erwaehnenswertes ergebnis?

    ohne die seite live zu sehen, faellt mir dazu nicht mehr ein.

    es sei denn, dass jemand mit 'mystique' arbeitet, das hier liest, und auch schon ein logo eingebaut hat, und weiss wie es geht ...

  • Danke deine Hilfe hat mich weiter gebracht. Das Logo sieht man jetzt auf allen Unterseiten auch. Nur bei einigen Seiten ist das Logo höher platziert. Warum ändert sich die Position?

  • der text link ganz oben scheint das zu verursachen:

    auf der vorderseite ist das:

    HTML
    <h1 id="logo"><a href="http://webdev.proseed-projects.de/kessler">Zahnarztpraxis Dr. Keßler</a></h1>


    auf der 'ueber uns' seite ist das:

    HTML
    <div id="logo"><a href="http://webdev.proseed-projects.de/kessler">Zahnarztpraxis Dr. Keßler</a></div>



    (die html struktur keiner dieser zwei seiten stimmt mit dem von dir im ersten post geposteten code ueberein)
    warum was da wann erscheint, scheint im theme in irgendwelchen functions zu stehen.
    (war in den template-dateien, wo du das logo eingebaut hast, der code auch bearbeitbar?
    - ich hatte mal kurz in die letzte version (engl.) des themes geschaut, und da ist alles etwas anders)

  • Hallo,
    ob es veränderbar kann ich jetzt nicht so sagen. ich habe vieles geändert und einiges gelöscht, damit ich überhaupt das Logo angezeigt bekomme. Ich habe zum Beispiel site-title gelöscht...soweit ich mich erinnere....

    Kann ich die templates nicht umbauen?

Jetzt mitmachen!

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