Okay, så langt så godt.
Nu begynder vi virkeligt at tænke på, hvordan siden skal kodes. Index filen kræver faktisk ikke meget kodning i sig selv. Den kan næsten klare sig med bare at kalde på header, content, sidebar og footer. Og det er det jeg vil vise her herunder. Her er et eksempel på, hvordan en index.php fil skal se ud som minimum, for at du kan se bare lidt på din side:
Index.php
<?php get_header(); ?>
Her kan du skrive det der skal vises på din forside.
Det er også her at loopet skal komme ind i billedet – og husk at implementere din CSS heri også!
Brug en masse “div”-tags, som laver forbindelser til din style.css<?php get_sidebar(); ?>
<?php get_footer(); ?>
Dette er det din index fil indeholder – meget kortfattet selvfølgelig. Der er jo også en masse koder, som man ikke lige ved hvilken funktion de har. Det er så her at WordPress Codex kommer ind i billedet – og for at være mere præcis, skal du nok bruge Template Tags. Template tags virker kun hvis du bruger PHP (<?php – ?>) – ellers kan du bruge den til næsten alt!
Altså, i ovenstående har vi jo allerede kaldt på header, sidebar og footer – nu skal vi have indholdet vist på hjemmesiden. Det er her loopet kommer ind i billedet. Du kan læse mere om loopet senere, jeg vil nu vise dig hvordan du BRUGER det i index.php filen.
Når du kalder på loopet, skal du bruge følgende kode:
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
Som sagt, vil jeg senere fortælle lidt mere om, hvad selve loopet gør.
Dette skal du indsætte det sted, hvor du ønsker dit indhold vist. Og hvis du allerede har forberedt CSS-filen, er det ikke svært, for så ved du jo hvor det hele skal være. En god idé kan også være, at man starter med at lave hele siden som HTML, indtil man har det ønskede resultat, derefter kan man begynde at implementere WordPress. Nå, men nok om det – lad os se hvordan din index.php fil ser ud indtil videre:
<?php get_header(); ?>
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Som du har bemærket, bruger jeg ikke CSS i dette eksempel, og det gør jeg ikke fordi, at alle folk bruger typisk deres forskellige CSS tags, så for at undgå misforståelser, så benytter jeg mig ikke af dem nu. Nå, men som du også kan se ovenover, mangler vi titlen og indholdet på dit indlæg. Indtil videre har vi bare “kaldt” på dit indlæg – vi har ikke kaldt på de forskellige dele af indlægget endnu. Det gør vi med nedenstående koder:
- <a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>
Denne kode kalder på indlæggets titel, og gør det til et link som man kan klikke på, for at komme ind på selve indlægget. - <?php the_excerpt(); ?>
Denne kode kan bruges på to måder. Altså, for det første kalder den på indlæggets indhold, altså det du har skrevet. Men der er to måder at gøre det på. Man kan, som ovenover, bruge “excerpt” eller man kan bruge “post” – Excerpt kalder kun på et resumé af dit indlæg, altså det viser ikke hele indlægget, i modsætning til “post”, som kalder på hele indlægget. Du kan altid ændre dette.
Når de så også er indsat på i din index.php fil, vil den se ud som herunder:
<?php get_header(); ?>
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>
<?php the_excerpt ?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
Nu er vi faktisk meget tæt på at være færdige med index filen – vi skal bare have afsluttet PHP funktionen.
Som du ser på linje 2, bruger vi i PHP koden et “if”, på godt dansk betyder det “hvis”. Den streng siger faktisk på dansk “hvis der findes et indlæg” – den skal vi have afsluttet nu, og det gør vi ved at bruge nedenstående kode:
<?php endwhile; ?>
<?php endif; ?>
Og når det hele så er sat ind, har vi den komplette index fil, som kalder på de vigtigste WordPress funktioner. Den ser således ud:
<?php get_header(); ?>
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<a href=”<?php the_permalink(); ?>”><?php the_title(); ?></a>
<?php the_excerpt ?><?php endwhile; ?>
<?php endif; ?><?php get_sidebar(); ?>
<?php get_footer(); ?>