Hvordan plassere en logo i en WordPress Header

May 29

WordPress bruker temaer - som ligner på nettstedet maler - for å vise innholdet på sin blogg og sider. Hva gjør disse temaene kjøre er malfiler skrevet i HTML og PHP. Disse filene bruker innebygde PHP funksjoner kalt "malkodene" for å få inn innhold og annen informasjon fra databasen hvor WordPress lagrer alt. Overskriften for nettstedet ditt, for eksempel, finnes i "header.php" mal fil. Du kan bruke en kombinasjon av malkodene og dine egne grafikkfiler for å legge en logo til at header mal, som i sin tur vil vises øverst på hver side av din WordPress-basert nettsted.

Bruksanvisning

1 Åpne "header.php" mal filen fra mappen som inneholder alle filene for din nåværende WordPress tema. Du kan finne denne mappen ved å gå til hovedmappen på nettstedet ditt og dobbeltklikke på "wp-innhold" og deretter "temaer".

2 Plasser en <img> -taggen i koden der du vil at logoen skal vises. Du kan sette den hvor som helst etter åpningen <body> -koden, men en <div> tag merket noe sånt som "header" eller "logo" er best. Navn på <div> tagger i temaer variere, men du bør være i stand til å fortelle sin hensikt ved hva de heter. Her er et eksempel:

<Img />

<? Php wp_nav_menu (); ?>

</ Div>

I koden ovenfor, ble en <img> tag legges til en <div> som heter "overskriften", og under det er koden for en WordPress-menyen.

3 Tilsett bloginfo () -funksjonen til banen til logoen i <img> -taggen. Du kan bruke bloginfo () til å sende ut banen til tema filer. Koden ser slik ut:

<Img />

Leseren vil da se banen til tema-mappen. Hvis din logo er plassert i en mappe som heter "bilder" under tema-mappen, bruk kode som dette:

<Img />

4 Pakk en ankerkode rundt logoen for å gjøre det en link. Du bør koble logoen til hjemmesiden din, fordi brukerne forventer det. Her er koden:

<a href="<?php bloginfo('wpurl'); ?> "> <img stedet for" template_directory. " Disse parametrene fortelle funksjon hva slags informasjon du vil vise. I dette tilfellet viser "wpurl" URL - Web adresse - din WordPress-basert nettsted.

5 Bruk bloginfo () for å legge til litt mer informasjon til logoen, for eksempel en tittel for linken eller alternativ tekst for skjermlesere. Legge denne informasjonen er bra for Search Engine Optimization, eller SEO, og vil forbedre Google rankings. Her er koden med "title" og "alt" attributtene lagt:

<a href="<?php bloginfo('wpurl'); ?> "title =" <? php bloginfo ( 'navn');?> "> <img alt =" Velkommen til <php bloginfo ( 'navn' );> "> </a>