Mange WordPress brugere bruger denne funktion, for at gøre deres blog flot og funktionel.
Kan du finde ud af lidt CSS, HTML og PHP, så er du rustet til at kunne lege med Page Templates.
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(); ?>
