Wie füge ich ein Logo in die Kopfzeile ein?

Question

Wie füge ich ein Logo in die Kopfzeile ein?

- 10
- 104280 2013-06-26
Ichbin ziemlichneuin der WordPress-Welt (ich komme aus Joomla)

Ich habeeinige Schwierigkeiten,ein Logoin diese WordPress-Testseiteeinzufügen: http://onofri.org/example/

Ichmöchtemein Logoin die Kopfzeile der Websiteeinfügen,stattdessen den Text "BEISPIEL".

Wennichin das WordPress-Konfigurationsfenster schaue,findeichnicht,woich das Logo hochladen und stattdessen automatisch den "BEISPIEL" -Textin die Kopfzeileeinfügen kann (ich weißnicht,ob dieseine Standard-WordPress-Funktion wiein Joomlaist oder obEsisteine Funktion,die durchbestimmte Themen verfügbargemacht werden kann oder wennich sie direktin den Codeeinfügenmuss.

Ichfindeesjedochnichteinmalin meinen Themeneinstellungen.

Wasmussichtun,ummein Logo zuplatzieren?Mussiches direktin meinen HTML-Codeeinfügen?

I am pretty new in WordPress world (I came from Joomla)

I am finding some difficulties to insert a logo into this WordPress test site: http://onofri.org/example/

I want put my logo in the header of the website, instead the "EXAMPLE" text.

Looking into the WordPress configuration panel I am not finding where I can upload the logo and automatically put it instead the "EXAMPLE" text in the header (I don't know if this is a standard WordPress function as in Joomla or if it is a feature that can be made available by some specific themes or if I have to put it directly into the code)

However I am not finding it even in my theme settings.

What have I to do to put my logo? Have I to insert it directly into my HTML code?

theme-development themes templates logo

3 Antworten

Stimmen

2

2013-06-26

Wenneseine "Logo" -Funktiongibt,ist diese Teil des Themas.Möglicherweiseeine Themenoption oderein Teil der Theme-Anpassungssystem .

Ich verwendenormalerweiseeinen benutzerdefinierten Header ,um diesfür kommerzielle Websites zutun,obwohlein benutzerdefinierter Headernicht speziellistfürein Logo.Esisteine generische "Header-Image" -Funktion.

Kurzgesagt,dies hängt vom Thema ab.Wennes sich umein Thema handelt,das Sieerstellen,können Sie das Themabearbeiten,umes hinzuzufügen.Siehe diebereits referenzierten Codex-Artikel.

If there is a "logo" functionality, it will be part of the theme. Perhaps a theme option or part of the theme customization system.

I typically use a Custom Header to do this for commercial sites, though a custom header is not specifically for a logo. It is a generic "header image" function.

In short, this depends on the theme. If it is a theme you are creating, you can edit the theme to add it. See the Codex articles already referenced.

Quelle

s_ha_dum

2

2013-06-27

Um das Header-Bild zu ändern,rufen Sie das Admin-Panel Ihres WordPress auf. Klicken Sieim Darstellungsmenü auf die Kopfzeile. Dortfinden Sie die Option,das Kopfzeilenbild und den Text hochzuladen,damit siein der Kopfzeile angezeigt werden
Wennesnicht angezeigt wird,müssen Sie Ihre Header-Dateibearbeiten und denfolgenden Codein Ihren Headereinfügen,fallsernochnicht vorhandenist.

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

To change the header image go to the admin panel of your wordpress. In the appearance menu click on header and there you will find the option to upload your header image and Text to appear in your header.

If it's not showing then you have to edit your header file and insert the following code in your header if it does not exist already.

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

Quelle

Yamu

Mayeenul Islam · Accepted Answer · 2013-06-27

15

2013-06-27

Versuchen Sie,den Header-Bereichein wenig zu ändern,um den Standards zuentsprechen. Hierist,was Ihr Codegeradeist:

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

Esgibt jetztnurnoch 3 Schritte:

Anstatt die Standardeinstellungenfür das Header-Bild des Themas zu verwenden,können Sie die header.php Ihres Themasmit dem oben angegebenen Codebearbeiten.
Anstattein Bild aus dem Feld "Neue Medien hinzufügen"einzufügen,können Sie das Bild über cPanel (Systemsteuerung Ihres Webhosts)in den Unterordner des Themenordnersmit dem Namen 'images' .

Und anstattein großes Bildmit Hintergrundfür Ihr Logo zuerstellen,versuchen Sie,in Photoshop (odereiner anderen Grafiksoftware)ein einfaches Logo ohne Hintergrund zuerstellen. Bei Photoshoptun Sie dieseinfach: Nachdem Sie das Logoin eine Ebenegelegt haben Löschen Sieeinfach die Hintergrundebene und speichern Sie das Bildfür das Web (Datei> Für Web speichern ... [ Strg + Alt + Umschalt + S ]) und wählen Sie das Format PNG-24 fürein gutes Ergebnis. Speichern Siees dann als logo.png und legen Sieesim Ordner '/wp-content/themes/simplemarket/images/' ab.

Ich hoffe,Siebekommen den Rest. Wenn Sie Fragen haben,können Sie diese hier unter.
kommentieren

Try modifying the header section a bit to comply with the standards. Here is what your code right now:

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

Here is how you can modify the things:

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

There are only 3 steps now:

Instead of using the theme's default header image settings, you can edit your theme's header.php with the code given above.

Instead of inserting image from the Add New Media, you can upload image via cPanel (Control Panel of your web host) into the theme folder's sub-folder named 'images'.

And instead of making a huge image with background for your logo, try making a simple background-less logo in Photoshop (or any graphics software) - in case of Photoshop, just do it: after placing the logo image in a layer, just delete the background layer and then save the image for web (File > Save for web... [Ctrl + Alt + Shift + S]) and choose the format PNG-24 for a good result. Then save it as logo.png and place it to the '/wp-content/themes/simplemarket/images/' folder.

Hope you get the rest. If any question, please feel free to comment here under.

Quelle

Mayeenul Islam