it-swarm.com.de

Wie füge ich ein Logo in den Header ein?

Ich bin ziemlich neu in der WordPress-Welt (ich komme aus Joomla)

Ich finde einige Schwierigkeiten, ein Logo in diese WordPress-Testseite einzufügen: http://onofri.org/example/

Ich möchte mein Logo in die Kopfzeile der Website setzen, stattdessen den Text "BEISPIEL".

Wenn ich in das WordPress - Konfigurationsfenster schaue, finde ich nicht, wo ich das Logo hochladen und stattdessen automatisch den "BEISPIEL" - Text in die Kopfzeile einfügen kann (ich weiß nicht, ob dies eine Standard - WordPress - Funktion wie in Joomla ist oder eine Funktion, die von bestimmten Themen zur Verfügung gestellt werden kann oder wenn ich sie direkt in den Code einfügen muss)

Ich finde es jedoch nicht einmal in meinen Themeneinstellungen.

Was muss ich tun, um mein Logo zu platzieren? Muss ich es direkt in meinen HTML-Code einfügen?

9
AndreaNobili

Versuchen Sie, den Header-Abschnitt ein wenig zu ändern, um den Standards zu entsprechen. Hier ist, was dein Code gerade ist:

<div id="header-image">
   <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>

So können Sie die Dinge ändern:

<div id="header-image">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="HERE" height="HERE" />
    </a>
</div>

Es gibt jetzt nur noch 3 Schritte:

  • Anstatt die Standardeinstellungen für das Header-Image des Themas zu verwenden, können Sie den header.php des Themas mit dem oben angegebenen Code bearbeiten.
  • Anstatt ein Bild vom Add New Media einzufügen, können Sie es über cPanel (Systemsteuerung Ihres Webhosts) in den Unterordner des Themenordners mit dem Namen 'images' hochladen.
  • Und anstatt ein großes Bild mit Hintergrund für Ihr Logo zu erstellen, versuchen Sie, ein einfaches Logo ohne Hintergrund in Photoshop (oder einer anderen Grafiksoftware) zu erstellen - im Falle von Photoshop tun Sie dies einfach: Nachdem Sie das Logo in einer Ebene platziert haben, löschen Sie es einfach die Hintergrundebene und dann das Bild für das Web speichern (Datei> Für Web speichern ... [Ctrl + Alt + Shift + S]) und wählen Sie das Format PNG-24 für ein gutes Ergebnis. Speichern Sie es dann als logo.png und platzieren Sie es im Ordner '/ wp-content/themes/simplemarket/images /'.

Hoffe du bekommst den Rest. Wenn Sie Fragen haben, können Sie diese hier unter kommentieren.

13
Mayeenul Islam

Wenn es eine "Logo" -Funktionalität gibt, ist diese Teil des Themas. Vielleicht eine Theme-Option oder ein Teil des Theme-Anpassungssystems .

Normalerweise verwende ich einen benutzerdefinierten Header , um dies für kommerzielle Websites zu tun, obwohl ein benutzerdefinierter Header nicht speziell für ein Logo vorgesehen ist. Es ist eine generische "Header Image" -Funktion.

Kurz gesagt, das hängt vom Thema ab. Wenn es sich um ein Thema handelt, das Sie erstellen, können Sie es bearbeiten, um es hinzuzufügen. Siehe die Codex-Artikel, auf die bereits verwiesen wurde.

2
s_ha_dum

Um das Header-Bild zu ändern, gehen Sie zum Admin-Bereich Ihres WordPress. Klicken Sie im Darstellungsmenü auf Überschrift und dort finden Sie die Möglichkeit, Ihr Überschriftenbild und den in Ihrer Überschrift anzuzeigenden Text hochzuladen.

Wenn es nicht angezeigt wird, müssen Sie Ihre Header-Datei bearbeiten und den folgenden Code in Ihre Header-Datei einfügen, falls er noch nicht vorhanden ist.

<?php $header_image = get_header_image();
    if ( ! empty( $header_image ) ) : ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
2
Yamu