WordPress Footer Tutorial

November 1

WordPress temaer kommer i dele, kaldet skabelon filer, der bygger hver side af din blog baseret på, hvad indholdet den besøgende læser. Sidefoden går i sin egen fil, som derefter indlæses i andre skabelon filer, såsom dem til din blog indeks, indlæg og sider.

Oprettelse af en sidefod

Sidefoden på en WordPress tema er indeholdt i "footer.php" fil. Footer kode starter ved de tags, der indeholder det faktiske sidefod indhold og ende på det afsluttende "</ html>" tag. Når du bruger HTML 5 at kode dine temaer, er det bedst at bruge "<footer>" tags, som fungerer som divs:

<Footer>
<P> sidefod indhold ... </ p>
</ Sidefod>
</ Body>
</ Html>

Ved brug af HTML 4 eller XHTML, eller hvis du ikke ved, du kan erstatte "<footer>" med "<div id =" footer ">". Afhængigt af dine præferencer, kan du tilføje JavaScript over lukningen "</ body>" tag i dine sidefødder.

Gør dit Footer Arbejde med Plugins

For plugins til at finde sidefoden del af din blog, koden i "footer.php" skal indeholde "wp_footer ()" funktion. Denne funktion tager nogen parametre og kræver ingen anden kodning. Over den afsluttende "</ body>" tag er det bedste sted for denne kode:

<? Php wp_footer (); ?>
</ Body>

Hvis du har placeret scripts i din footer kode, sætte dem under "wp_footer ()" funktion.

Kald af sidefod i skabeloner

Da din footer er separat stykke af din hjemmeside, kan du kalde det fra under nogen anden skabelon fil:

<? Php get_footer (); ?>

Denne kode tager koden inde "footer.php" og placerer det inde i skabelonen filen, der starter ved det punkt, hvor du tilføjer "get_footer ()" funktion. Du bør placere den i bunden af ​​hver skabelon fil i dit tema undtagen header og sidebar skabeloner.

Styling Din Footer

Style regler for din header gå ind i "style.css" fil. Kode målrettet HTML 5 "<footer>" tags ligner:

footer h3 {
font-size: 24 px;
}

Hvis du har brugt divs i stedet, skal du ændre "footer" til "#div_ID_name" hvor "div_ID_name" er det id navn, du gav div. Style regler er skrevet i Cascading Style Sheets (CSS). Du kan give en vis organisation inden for din "style.css" mappe ved at tilføje en overskrift over dine footer stilarter:

/ Min Footer Styles /


relaterede artikler