• Category.php
• Comments.php
• Footer.php
• Functions.php (der kommer mere om denne fil)
• Header.php
• Index.php
• Page.php
• Sidebar.php
• Single.php
• Style.css

Gerunder følger så en forklaring på, hvilken funktion de forskellige filer har.

Category.php
Viser en liste over alle de kategorier der er brugt på din side.

Comments.php
Denne fil viser kommentarerne i dit indlæg. Du kan selv bestemme hvordan de skal vises, og så er det denne fil du skal lege med.

Footer.php
Dette er footeren på din side. Her kan du skrive Copyright, eller anden information om din side.

Functions.php
Denne fil kan gøre meget ved dit tema. Du kan gøre flere af dine filer “Widgetized”, eller du kan lave temafunktioner.

Header.php
Dette er headeren på din side. Her vil du typisk indsætte dit logo osv.

Index.php
Dette er den vigtigste side af dem alle. Det er forsiden på din side, det er derfor vigtigt at den er kodet rigtigt.

Page.php
Denne fil sørger for at vise de enkelte sider på din hjemmeside. Så hvis du ikke vil have sidebaren med på dine sider, skal du ændre det i denne fil.

Sidebar.php
Denne fil er også meget vigtig for din side. Det er nemlig sidebaren – altså den du finder enten til højre, eller venstre på din side. Her kan du indsætte kategorier, arkiver, søg-knap, reklamer og meget meget mere. Kun fantasien sætter grænser.

Single.php
Denne fil viser det enkelte indlæg.

Style.css
Dette er rammen om din side. Her kan du designe alt. Denne fil bestemmer nemlig hvordan din side skal se ud. Vær sød ved den, og den er sød ved dig (-:

Videre til trin 3 – Begynd på index.php

Her har du muligheden for at tilmelde dig hos Freelancer!
Det eneste du skal gøre, er at oprette en bruger, så er det SUPER nemt at finde jobs.
Så hvis du har et talent indenfor f.eks. PHP eller CSS, så er det bare at tilmelde dig og komme i gang med at tjene penge!

Krav til denne tutorial:
CSS Kendskab: ***
HTML Kendskab: ***
PHP Kendskab: *

Som du kan se, kræver denne tutorial ikke den helt store kunnen.
Man skal dog tænke lidt på, hvordan man opsætter det hele, så din side ikke ser ALT for uprofessionel ud.
Det første du skal gøre er, at oprettet en ny PHP-fil, dette kan du gøre i programmet Dreamweaver – som jeg helt sikkert anbefaler.

Når du har oprettet din fil, skal du starte med at indsætte PHP tags, de ser således ud:

<?php  = Denne bruges KUN i starten af en PHP-kode
?> = Denne afslutter en PHP-kode

Når du har indsat den første af de to koder, skal du til at indsætte navnet på din skabelon, så kommer koden til at se således ud, indtil videre:

<?php
/*
Template Name: Her indtaster du navnet på din skabelon
*/
?>

Som du kan se, afslutter jeg koden efter denne “sektion”, det gør det mere overskueligt at arbejde med, så det kan du også roligt gøre.
Når du har skrevet navnet på din skabelon, kan du sådan set allerede uploade den til din “Template Folder”, altså den mappe dit tema er gemt i, det kan f.eks. være: http://www.dinhjemmeside.dk/wp-content/themes/temanavnet/

Det var vel ikke svært at gøre, og du skal selvfølgelig bruge en FTP-protokol for at kunne uploade din skabelon.
Nå, men vi skal videre i programmet, nu skal vi nemlig til at indsætte indholdet!
Hvis du gerne vil have, at din skabelon KUN skal vise indlæg, UDEN “header”, “footer” og “sidebar”, så skal du bare indsætte dit loop i et sæt nye PHP-tags. Så kommer det til at se ud således:

<div id=”content”>
<?php
if (have_posts()) :
while (have_posts()) : the_post(); ?>

<div id=”post-<?php the_ID(); ?>”>
<div>

<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></a></h2>

</div>

Som du ser her, er dette loop kun til at vise dine indlæg, der er ikke kommentarer med eller noget andet.
Men, det er sat i en CSS-div, nemlig den der hedder “content” som man har kodet i sin CSS-fil.

Hvis du så leger lidt mere med din CSS, så kan du få vist dine indlæg på en pæn måde, og hvis du vil have alt det andet med, altså header, footer og sidebar, skal du indsætte disse PHP-tags:

<?php get_header(); ?>
<?php get_sidebar(): ?>
<?php get_footer(); ?>

Som man kan læse sig frem i koden, “kalder” denne php-funktion på headeren, footeren og sidebaren.
Så hvis du indsætter dem de rigtige steder i sin skabelon, kommer den til at ligne din forside lidt, det kommer selvfølgelig an på hvor meget du leger med CSS og andre funktioner med PHP, hvis man da kan finde ud af det.

Her er en komplet kode, at en skabelon:

<?php
/*
Template Name: Guide
*/
?>
<?php get_header(); ?>

<div id=”casing”>

<div id=”content”>
<?php
if (have_posts()) :
while (have_posts()) : the_post(); ?>

<div id=”post-<?php the_ID(); ?>”>
<div>

<h2><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></a></h2>

</div>

<div>
<div>

<div></div>

</div>

</div>

<div>    <span> <?php the_author(); ?></span> <span><?php comments_popup_link(’0 Kommentarer’, ’1 Kommentar’, ‘% Kommentarer’); ?></span>
</div>

</div>
<?php endwhile; ?>

<div id=”navigation”>
<?php if(function_exists(‘wp_pagenavi’)) { wp_pagenavi(); } ?>
</div>

<?php else : ?>

<h1>Her kan du skrive en overskrift til en fejl 404</h1>
<p>Her kan du uddybe lidt</p>
<?php endif; ?>

</div>
<?php get_sidebar(); ?>

<?php get_footer(); ?>