Kuckovic.com | Wordpress Tema Design

Om WordPress Tema Design

Velkommen til det næste skridt af min “Lav dit eget WordPress tema” guide.

Nu skal du lære, hvad en Header.php fil indebærer.

Headeren er en af de vigtigste dele af din blog. Det er typisk der alles øjne fører hen, når man kommer ind på en hjemmeside. Den er med til at fortælle om det er noget professionelt, eller om det er noget plat man laver. Forestil dig en blog uden en header, altså uden nogen form for logo, tekst eller bare billeder – svært at forestille sig, ikke?

Ikke nok med at Headeren “præsenterer” din blog, den indeholder vigtige informationer. Herunder er den en liste over, hvad Headeren bl.a. indeholder af vigtige informationer:

  • Google Analytics (Hvis man har valgt at skrive koden her i stedet for Footeren)
  • META-Tags (Gør dig synlig i søgemaskiner)
  • Logo
  • Ofte et søgefelt

Det er derfor vigtigt, at du ved hvad du gør, hvis du selv vil kode hele headeren. Et godt tip herfra er, at du læser WordPress Codex grundigt igennem, så du ved hvad du piller ved, i stedet for at lave noget, der kan ødelægge det hele for dig. Codex kan være dig behjælpelig på mange punkter, så du skal ikke føle dig fortabt, hvis det ikke går som du ønsker det.

Det er som sagt meget vigtigt, at din header er kodet korrekt, og herunder er der et udpluk fra Header.php i Sandbox temaet (det mest simple tema til WordPress) – og et godt råd er – BRUG DEN!

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” <?php language_attributes() ?>>
<head profile=”http://gmpg.org/xfn/11″>
<title><?php wp_title( ‘-’, true, ‘right’ ); echo wp_specialchars( get_bloginfo(‘name’), 1 ) ?></title>
<meta http-equiv=”content-type” content=”<?php bloginfo(‘html_type’) ?>; charset=<?php bloginfo(‘charset’) ?>” />
<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘stylesheet_url’) ?>” />
<?php wp_head() // For plugins ?>
<link rel=”alternate” type=”application/rss+xml” href=”<?php bloginfo(‘rss2_url’) ?>” title=”<?php printf( __( ‘%s latest posts’, ‘sandbox’ ), wp_specialchars( get_bloginfo(‘name’), 1 ) ) ?>” />
<link rel=”alternate” type=”application/rss+xml” href=”<?php bloginfo(‘comments_rss2_url’) ?>” title=”<?php printf( __( ‘%s latest comments’, ‘sandbox’ ), wp_specialchars( get_bloginfo(‘name’), 1 ) ) ?>” />
<link rel=”pingback” href=”<?php bloginfo(‘pingback_url’) ?>” />
</head>

Videre til Trin 5 – “Det såkaldte Loop” – Ikke tilgængeligt endnu

Udgivet af Kucko den 14 - juni - 2010 under Temaudvikling

Ja, det skulle jo ske på et eller andet tidspunkt.
Nu fik jeg så tiden, og tænkte “hvorfor ikke?”
Jeg er ved at  lave mit eget WordPress tema, og er snart færdig med det, der mangler faktisk utrolig lidt. Jeg vil dog ikke udgive det på WordPress.org med det samme, med udgive det her på Kuckovic som en start, så må vi jo se hvordan det går.

Jeg startede med at lave et CSS template, som I kan få lov at se her: Sharpend Template
Jeg er åben overfor ris og ros, så har du noget du gerne vil fortælle, så sig det endelig i en kommentar.
Nå, men jeg er snart tilbage på “fuldtid” her på bloggen – jeg skal jo have gjort en stor artikel færdig.

Det var alt fra mig for denne gang.
Håber I får en forrygende uge!
Husk at følge mig på Twitter, hvor I får alle opdateringerne først!

De bedste hilsner
Aris Kuckovic

Udgivet af Kucko den 11 - juni - 2010 under Forsiden Temaer

Velkommen til en lille introduktion om, hvordan du laver dit eget WordPress tema.
I introduktionen vil du kunne læse lidt om, hvordan du gør, og hvad der kræves af dig, for at lave dit eget tema.
Vi skal lige have en ting på det rene. Jeg viser dig ikke ALLE koder i en fil, jeg fortæller bare “In basic” hvordan du gør.

Tags
Når du bruger PHP, skal du jo bruge et start- og et slut-tag. Start-tagget ser således ud: “<?php” og slut-tagget ser således ud: “?>“. Det er ikke kun PHP-tags du kommer til at bruge i dit tema. Der er andre vigtige tags som “<div> – </div>” og “<ul>, <ol>, <li> – </li>, </ol>, </ul>“, som man typisk bruger til at liste tin.

Tags skal desuden lukkes i den rigtige rækkefølge. Det nytter ikke at et “div”-tag bliver lukket at et “ul”-tag, altså herunder ser du den forkerte måde at lukke forskellige tags på:

<div id=”header”><ul> Dummytekst </div></ul>

Altså, ovenover er problemet, at et “div”-tag, lukker et “ul”-tag – og det går ikke. Det er ikke det første tag der skal lukkes først, det er faktisk omvendt. Det sidste brugte tag skal lukkes først. Se et eksempel herunder:

<div id=”header”><ul> Dummytekst </ul></div>

Her kan du se, at et “ul”-tag lukker et “ul”-tag. Dette er den rigtige måde at lukke tags på.

Hvad kræves der af mig?
Der kræves faktisk næsten ingenting. Læg mærke til at jeg bruger ordet næsten – for selvfølgelig kræves der lidt af dig. Først og fremmest, skal du været afklaret med, hvordan dit tema skal se ud. Det er en god idé at lave et layout i Photoshop, som du så kan følge til punkt og prikke. Derudover kræves der en smule kendskab til PHP og CSS. Ved du ikke hvordan PHP fungerer, så kan jeg varmt anbefale disse PHP Tutorials, og hvis du ikke kan CSS, anbefaler jeg disse CSS Tutorials – Skal vi så komme igang!

Videre til trin 2 – De nødvendige filer

Udgivet af Kucko den 28 - maj - 2010 under Temaudvikling

Nu kan du tilmelde din side ved mit nye linkkatalog!
www.linkbog.dk kører nu, og tager allerede imod tilmeldinger. Jeg vil lige minde jer om, at I nok skal læse retningslinjerne før i tilmelder jeres link, bliver ved med at afvise folk, da de ikke har læst retningslinjerne.

Tilmeld dig her: www.linkbog.dk/tilmeld
Du er selvfølgelig også meget velkommen til at fortælle andre om kataloget. Jo flere links, jo bedre.

Desuden er jeg ved at udvikle et SEO-venligt tema, så hold dig opdateret på www.kuckovic.com
Temaet vil i første omgang kun blive udgivet i en BETA version, men jo længere jeg kommer med programmeringen, desto flere indstillinger tilføjer jeg.

Ha’ en super weekend
Aris Kuckovic

Udgivet af Kucko den 31 - oktober - 2009 under Nyheder WordPress Temaer

Abonnér

VIDEO

TAGS

POPULÆRT