Kuckovic | Danske WordPress temaer

Om WordPress Tema Design

I slutningen af December, fik jeg en henvendelse fra en læser her på bloggen. Han spurgte pænt, om man kunne bruge WordPress som en almindelig hjemmeside, i stedet for at bruge den som en blog. Det kan man sagtens, og det er det jeg vil vise med denne guide.

Jeg vil i denne guide komme ind på følgende punkter:

  • Sider og undersider (Hvordan styres de nemmest)
  • Hvordan fjerner man “post meta” (skrevet af, dat og kategori)
  • Vertikale og horisontale menuer (hvad er mest “in” og hvad er smartest)
  • Kategorier

Skulle du stadig sidde fast efter denne guide, vil jeg anbefale at du skriver en mail til mig, hvorefter jeg vil forsøge at hjælpe dig med problemet.
Derefter vil jeg rette det til i artiklen, så andre ikke også kommer i klemme samme sted som dig.
Nu starter vi!

  • Sider og undersider

Alle hjemmesider har sider og under-sider, så man nemmere kan navigere rundt på den enkelte hjemmeside.
I WordPress er det ikke anderledes, for her har du mulighed for netop det samme. Jeg vil vise hvordan du i WordPress opretter en enkel side, og derefter opretter en underside til den side.

F.eks. vil jeg oprette en side der hedder “Dyr“, og i undersiderne kan man indsætte “kat, hund, fugl” og hvad man nu ellers har brug for.
Det er faktisk ikke så svært, men du skal lige starte med at logge ind i “Admin-menuen” til din WordPress blog.

Når du så har logget ind på din hjemmeside, skulle adminmenuen gerne se helt normal ud. Altså, i venstre sider har du alle dine værktøjer, og fra midten og over til højre kan du læse de nyeste nyheder fra WordPress.org, se hvor mange artikler du har skrevet osv.
Det vi skal fokusere på, er fanebladet “Sider” – resten kan du sådan set godt “gemme af vejen” (Klikke på den lille pil til højre for fanebladet) – for på denne måde holder du din admin-menu meget mere overskuelig.

Så skal vi jo oprette en ny side, og det gør du ved at klikke på “Tilføj ny” eller hvis din blog er på engelsk, klikker du selvfølgelig på “Add new”.
Når du så har gjort det, skal du skrive sidens navn, altså alt i alt skal du bare oprette en ny side, som du har gjort hidtil.
Det du måske ikke har prøvet endnu er, at oprette en underside til den side du nu kalder, f.eks., “dyr“.
Vi starter med at oprette en underside som hedder “Katte” – Så kan vi arbejde os udfra det.

Du skal oprette en side som den du oprettede lige før, denne gang skal du ikke udgive den med det samme!
Du skal nemlig gøre den til en underside til “Dyr” – Det gøres således:

  1. Når du har skrevet alt det der nu skal stå på denne side, skal du kigge til højre under fanebladet “Egenskaber”
  2. Der vil du finde en “Drop-down boks”, hvor der står “Forælder”  – indtil videre skulle der gerne stå:
    “Forside (ingen forælder)” – men hvis du klikker, skulle “Dyr” gerne dukke op – og det er dén du skal vælge.
  3. Nu må du gerne klikke på “Udgiv”

Nu er din side, “Dyr”, udgivet med en underside, f.eks. “Katte” – hvis du går ind på bloggens forside vil du nu kunne se at “Katte” er en underside til “Dyr”. Det er dog langtfra alle WordPress temaer der “håndterer” underside som man ønsker det. Det kan faktisk se helt dumt ud på nogle temaer. Det kræver så, at man selv retter det hele til i CSS-filen og den fil hvor din menu befinder sig (typisk header.php).
Men til de der bruger et WordPress tema som håndterer det meget pænt – “Tillykke, I har nu en side med en underside!”

  • Hvordan fjerner man “post meta”

Til denne guide, vil jeg anbefale, at man har et godt program, så man kan se forskel på PHP og HTML.
Det kunne f.eks. være Adobe Dreamweaver eller det “lettere” udgave PHP Viewer som også varmt kan anbefales.
Jeg anbefaler sådan et program da man her skal ind og rode med netop PHP-koder i diverse filer fra din tema mappe. Vi skal faktisk have fat i alle de filer der viser post-meta, det kan være filer som:

  1. index.php
  2. single.php
  3. page.php
  4. archive(s).php

Der kan sagtens være flere filer, det er derfor vigtigt at du kigger hele din hjemmeside igennem for HVOR der netop er alt det post-meta.
Inden jeg fortæller dig hvordan man fjerner “post meta”, vil jeg først fortælle lidt om hvad det er.

Post meta fortæller dig lidt om det enkelte indlæg. Altså hvem der har skrevet artiklen, hvornår den er udgivet, i hvilken kategori, og i nogle tilfælde kan man under “post meta” se hvor mange kommentarer der er skrevet til hver enkelt indlæg. Og det er alt det vi skal have fjernet.
Følg nu godt med!

  1. Du åbner den pågældende side i dit redigeringsprogram (Dreamweaver eller PHP Viewer)
  2. Hvis vi antager, at du har åbnet “index.php” i programmet, skal vi nu finde ud af hvor alt det post meta står henne.
    I denne guide vil jeg tage udgangspunkt i temaet “WordPress Default” – altså det tema ALLE WordPress-blogge får installeret samtidig med at deres blog bliver installeret. I dette tema er det super nemt at lokalisere “post meta”.  Du skal finde det sted i filen der står:
    <p class=”postmetadata”> Du skal begynde at slette alt derfra indtil du når til </p>.
  3. Når du har slettet det, skal du gemme filen og uploade den til din server igen, nu skulle alt “post meta” gerne være væk fra din forside.
  4. Nu gentager du bare proceduren indtil du har fået fjernet “post meta” fra alle de andre sider du ikke vil have det på.
  5. Voila!
  • Vertikale og horisontale menuer

Ja, man kan diskutere det meget. Hvad er flottest, hvad er mest “in”, hvad er mest praktisk. Alle disse spørgsmål afhænger i virkeligheden af hvilket tema du vælger at bruge på din WordPress hjemmeside. Bruger du f.eks. “WordPress Default” som vi snakkede om før, synes jeg i hvertfald ikke at man behøver at ødelægge et tema med en horisontal menu. Temaet i sig selv er enkelt og unikt, så hvorfor begynde at pille ved det.

Der er absolut ingen tvivl om, at en horisontal menu er mest “in” for tiden. Personligt foretrækker jeg da også selv denne slags menu, som jeg også har det her på kuckovic.com, men det er som sagt forskelligt fra bruger til bruger.

Hvis du har downloadet et WordPress tema som ikke har en horisontal menu, er dette ikke svært at lave om på.
Det man skal er, at man skal selv lave en i CSS-filen, og implementere den i headeren. Jeg vil gerne vise jer det i en artikel hvis i har brug for det.
Skriv gerne i en kommentar eller i en mail hvis i mangler sådan en guide – jeg er altid parat ved tasterne!

  • Kategorier

Nu er vi kommen til den sidste del af denne artikel, vi er nemlig kommet til snakken om kategorier.
Det kan godt være at kategorier ikke ser så “fancy” ud på en hjemmeside, men de er uhyre brugbare! Hver gang jeg er inde og kigge på en hjemmeside, kigger jeg altid efter kategorier, for de kan præcisere det jeg leder efter. Hvis man f.eks. har en side hvor man sælger biler, vil enhver bruger på siden sætte pris på at bilerne er kategoriseret. Det kan f.eks. vær i prisklasser eller mærke, man kan kategorisere lige som man vil, og også i flere kategorier. Men hvis man vil have en hjemmeside som ikke minder om en blog, selvom man bruger WordPress, så kan jeg måske godt se at det ikke ser så sk**e smart ud – men man skal altid huske, de er ufattelig brugbare!

Følgende artikler er aktuelle indenfor dette emne:

Som jeg skrev tidligere i denne artikel, hvis du stadig føler at der mangler noget, er du altid velkommen til at kontakte mig på support@kuckovic.com, jeg svarer så snart jeg får mulighed for det, og bare rolig, din mail ryger ikke i glemmebogen!

Håber I fandt denne artikel nyttig!
Rigtig god weekend – Med venlig hilsen

Aris Kuckovic

Udgivet af Aris Kuckovic den 17 - januar - 2010 under Featured Guide Tips&Tricks

Mange undrer sig over, hvordan man gør brug af egne felter.
Nu kan det sgu være nok – her er en super nem guide!

Der kræves 2 ting for at du kan gøre brug af “Egne felter”.

  1. En WordPress hjemmeside (ganske logisk)
  2. Læseevne (for at kunne læse denne guide – igen, logisk)

Det du skal starte med er simpelthen at lave et nyt indlæg.
Det gør du ved at klikke på “Tilføj nyt” i din admin-menu, under “Indlæg”

Derefter giver du dit indlæg den ønskede titel, og skriver den ønskede tekst.
Hvis du nu har brug for at skrive en ekstra lille “fodnote”, kan du nu gøre brug af “Egne felter”.

Hvis du scroller ned (mens du stadig er på “tilføj nyt indlæg”, ser du feltet “Egne felter”
Der er 2 kasser, “Navn” og “Værdi”. Det er næsten det eneste der skal til.

Vi siger, at du vil kalde dit felt for “fodnote”, så det skriver du under “navn“.
Under “værdi“, skriver du det der skal stå i selve fodnoten.

Følger du stadig med?
Godt!

Nu skal vi ind og lege lidt med php. Det kan gøres på 2 måder. Du kan gøre det i et program (eks. Dreamweaver), eller du kan gøre det direkte her i admin menuen. Det første du dog skal gøre, er, at udgive dit indlæg. (Tag dig ikke af, at man ikke kan se din fodnote endnu.

Hvis vi nu siger, at du ikke har Dreamweaver, så gør vi det i selve WordPress. Du klikker på “Editor” under “Udseende”, og der skulle du gerne komme ind på selve style.css’en – Dette er filen, som skaber rammerne om dit udseende på siden. Dernæst, skal du klikke på siden, du udgiver dine indlæg på (dette vil typisk være index.php, men det kan jo være du har valgt en anden.

Når du så er inde, og kan se selve koden for index.php, så skal du finde det sted hvor der står:

” <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> ”

Du skal nemlig indsætte din kode under denne kode.
Så hvis du har en <div class> som du gerne vil have din fodnote under, skal du indsætte den i den tag.
Ellers fortsætter vi bare – du er stadig med, ikk?

Nu skal vi nemlig indsætte den første del af koden (enten i dit <div class>-tag eller et andet tag du har lavet).
Den første den af koden er:

” <?php if( get_post_meta($post->ID, “fodnote”, true) ); ?> “

Bemærk, at der i koden står “fodnote” – det er jo navnet som du gav dit felt.
Det er møg hamrende vigtigt at du skriver det rigtigt – der er nemlig forskel på store og små bogstaver!!!

Den næste del af koden, skal indsættes lige i linjen neden under – koden dertil er:

” <?php echo get_post_meta($post->ID, “fodnote”, true); ?> “

Du kan nok se at koderne ligner hinanden, men de er ikke helt ens, for i den nederste kode, er der et echo, som sørger for, at din tekst kommer frem på siden. Når du har indsat disse koder (gerne det rigtige sted – se ovenfor), så skulle det MEGET gerne virke!

Har du yderligere spørgsmål til hvordan man gør, eller har du problemer med det, er du mere end velkommen til at skrive en kommentar, eller kontakte mig direkte på support@kuckovic.com – jeg svarer på ALLE mails!

Rigtig mange hilsner – og god fornøjelse med brug af felterne
Aris Kuckovic – www.kuckovic.com

Udgivet af Aris Kuckovic den 12 - september - 2009 under Featured Forsiden Guide

Abonnér

VIDEO

TAGS

POPULÆRT