Widgets og sideskabeloner i WordPress


Jeg har tidligere skrevet hvordan du opretter ekstra sideskabeloner til dit WordPress tema. Men har du også behov for have forskellige widgets på dine sider, og ikke vil bruge et plugin, så kommer løsningen her.

1. Opret en sideskabelon

Vil du have det helt fra bunden, så start med at læse dette indlæg, men har du gjort det, så laver vi et simpelt eksempel. Vi skal arbejde med 3 filer i dit tema

  • page.php – som bruges til dine sider.
  • sidebar.php – som viser dit widget område.
  • functions.php

Tag en kopi af page.php og sidebar.php, og kald kopierne henholdsvis page2.php og sidebar2.php (De kan i princippet hedde hvad som helst.)

2. Lav page2.php om til en sideskabelon

Åben page2.php i din favorit editor (Det kan være notepad), og tilføj følgende kode øverst på siden.

<br />
&lt;?php<br />
 /*<br />
  *  Template Name: Page 2<br />
  */<br />
?&gt;<br />

Hvis du opretter en ny side nu, vil du se at du nu kan vælge en skabelon der hedder “Page 2”. det vil dog ikke gøre nogen forskel endnu, da page2.php er magen til page.php.

I page2.php har du et sted hvor din sidebar bliver hentet, med koden:

<?php get_sidebar(); ?>

Den sletter du og skriver

<?php include 'sidebar2.php'; ?>

Det vi har gjort nu, er at i stedet for at de sider der bruger vores nye skabelon henter “sidebar.php, henter den nu sidebar2.php

Nu skal vi så have registreret en ekstra sidebar, som vi kan føje widgets til. Åben temaets functions.php og tilføj følgende kode (Husk altid at tage backup af dine filer først):

<br />
register_sidebar(array(<br />
  'name' =&gt; __( 'Sidebar 2' ),<br />
  'id' =&gt; 'sidebar2',<br />
  'description' =&gt; __( 'Widgets til sidebar2.' ),<br />
  'before_title' =&gt; '&lt;h1&gt;',<br />
  'after_title' =&gt; '&lt;/h1&gt;'<br />
));<br />

Nu kan du under -> Udseende -> Widgets – Se at der er en sidebar til dine widgets der hedder Sidebar 2.

sidebar2

I Twenty Twelve temaet hedder den sidebar-1

Nu mangler vi bare at redigere i sidebar2.php så den henter vores nye sidebar. Åben sidebar2.php i din editor, og der hvor der står noget i stil med:

<?php dynamic_sidebar( ‘primary’ ); ?>

Der ændrer du “primary” til “sidebar2”. I de fleste temaer hedder standard sidebar’en primary, men den kan hedde noget andet i dit tema (Se evt. billedet).

Nu er du sådan set færdig. Har du nogle spørgsmål, så smid en kommentar.

Lars Bachmann

Iværksætter og Online nørd. Arbejder med WordPress og online markedsføring i min virksomhed Conseo.

Prøv lige at se disse indlæg også!

2 kommentarer til Widgets og sideskabeloner i WordPress

  1. Charly Olsen siger:

    Lækkert tip – har selv en del sider i wordpress, og selvom plugins kan hjælpe med meget, så er det nogle gange bare rart selv at kunne modificere koden. Jeg kan godt bruge forskellige widgets på forskellige sider, så det vil jeg prøve. Det ser jo nemt ud 🙂

  2. Mikael Andersen siger:

    Hej Lars

    Jeg er i gang med at læse manualer til WordPress, og prøver lige nu at få helt styr på det med page templates. I forklaringen ovenfor forstår jeg godt, at der skal laves kopier af de to filer, men hvorfor skal der ikke laves en kopi af functions.php filen. Bliver den fil ikke overskrevet ved en opdataring.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *