Kanske också intressant:

• Filer i WordPress-tema
• Skapa WordPress-tema
• Nytt typsnitt och ny sida
• Endruva, om hälsa
• Göm din version av WordPress

Kanske också intressant:

• Skapa WordPress-tema
• Fria handskrivna typsnitt
• Göm din version av WordPress
• WordPress 2.8.5 släppt
• Endruva, om hälsa

Kanske också intressant:

• Endruva, om hälsa
• Skapa WordPress-tema
• Filer i WordPress-tema
• Smart bannerkampanj
• Uppdateringar på Tommys fotosida

<meta name="generator" content="WordPress 2.8.4" />

Det är förstås bra att hålla din WordPress-installation uppdaterad, men din hemsida kan vara svårare att attackera om man inte känner till vilken version av WordPress som är installerad.

Meta-taggen med versionsnummer kan vara instoppad i ditt layouttema på ett par olika sätt. Gå in på ditt tema (/wp-content/tema-namn) och öppna filen header.php. Börja med att leta efter den här raden:

<meta name="generator" content="WordPress <?php bloginfo(’version’); ?>" />

Du kan ta bort den, eller ersätta PHP-taggen som skriver ut version med bara ”WordPress”. Hittar du den inte? Nya teman använder ofta funktionen wp_head() för att skriva ut det här och en del annat. Leta efter wp_head(); i din header.php.

Du vill troligen ha funktionen kvar eftersom den gör en hel del annat och även kan användas av plugin, vi ska använda en annan metod för att ändra nu. Öppna istället filen functions.php i ditt layout-tema. Finns den inte kan du skapa den. Lägg till det här inom PHP-taggar:

remove_action(’wp_head’, ‘wp_generator’);

Mer behövs inte. Om du vill kan du ändå lägga till meta-taggen för generator manuellt i header.phpKanske också intressant:

• Skapa WordPress-tema
• Filer i WordPress-tema
• Ann Beskows hemsida
• Bilder
• Lås din WordPress-inloggning

Du kan använda för att stoppa in enstaka citat, lista citat av en viss typ, i inlägg eller sidor, i layoutteman eller widgets. Här på Design och bilder använder vi det för kundcitat på våra sidor för Egen hemsida och Grafisk design. Administrationen sköts enkelt genom att lägga till citat och kategorier lika enkelt som inlägg. Här ser vi pluginet ”in action” på webbdesign-sidan:

Läs mer om hur du skapar citat på din WordPress-blogg med Stray Random Quotes.Kanske också intressant:

• Middagsro – mat i din vardag
• Göm din version av WordPress
• Egen hemsida
• Skapa WordPress-tema
• Filer i WordPress-tema

På Design & bilder fortsätter vår seria om hur du skapar WordPress-tema. För den här artikeln är det bra om du har installerat WordPress och skapat ett layout-tema, så du har filerna att arbeta med. Men för att komma igång behöver du veta vad de olika filerna gör.

En översikt av filerna

Wordpress tema-filer

Layoutteman finns i mappen /wp-content/themes. Läste du min första artikel har du säkert ett eget tema med filer kopierade från temat ”default”.

Förutom stylesheet (style.css) och bild-mapp (images) är de här php-filerna sidmallar (eng. page templates) som WordPress använder för att bygga webbplatsen layout och struktur. De använder PHP-kod för att bygga design och fyllla med innehåll, men bli inte skrämd av detta – du kan oftast komma undan med att kopiera och klistra in PHP-funktionerna där du vill ha dem.

Vissa sidmallar används automatiskt av WordPress, andra behöver kopplas till önskad sida i administrations-gränssnittet.

Filerna i temat ”default”

De här filerna finns med som standard i WordPress default-tema:

• 404.php
  Den här mallen styr hur webbplatsen visar felmeddelandet när något saknas (dvs felmeddelandet ”Hittades inte”).
• archive.php
  När inläggen i en kategori, av en författare, en etikett eller ett datum visas.
• archives.php
  Den här filen skapar en lista med olika arkiv. Den är egentligen en sådan sidmall du kan skapa själv och används inte i temat om du inte kopplar den till en sida i din WordPress-installation. Eftersom den inte är så viktig är mitt tips att låta den vara för stunden…
• comments.php & comments-popup.php
  Mallar för kommentarer. Mitt råd är att lämna den därhän för tillfället.
• footer.php
  Mall för sidfot med lite text och avslutning på webbplatsens HTML-struktur. Denna fil är inte till för att visas ensamstående, hämtas in till andra mallar med funktionen <?php get_footer(); ?>
• functions.php
  Den här filen används när man vill skapa egna funktioner för temat. Låt den vara för tillfället, jag kommer gå närmare in på den en annan gång.
• header.php
  Sidhuvud, här finns övre delen av HTML-strukturen, inklusive logotype. Doctype, meta-taggar, stylesheet och skript hämtas. Sidkroppen påbörjas. Denna fil är inte till för att visas ensamstående, för att hämta in detta till en annan mall används funktionen <?php get_header(); ?>.

• image.php
  Används när du länkar en uppladdad bildfil eller använder den inbyggda galleri-funktionen.
• index.php
  Huvudmallen, måste finnas med. Vanligen den mall som styr hur blogginlägg visas. I en standardinstallation av WordPress styr alltså temats index.php förstasidans utseende.
• links.php
  Precis som archives.php ovan är det här en sådan man du kan skapa själv. Den används inte om du inte skapar en sida för länkarkiv och kopplar till den här mallen i din WordPress-installation. Vill du göra ett länkarkiv, skapa en sida och välj den här sidmallen.
• page.php
  När en enskild sida ska visas används den här mallen. Ett exempel är sidan ”Om” som brukar finns med när WordPress först installeras.
• search.php
  Används när du gjort en sökning på webbplatsen och resultatet ska visas. Bygger förstås på att du har ett sökformulär med någon annanstans i ditt tema.
• sidebar.php
  Sidokolumnen (men du kan egentligen lägga in vilken kod du vill). Denna fil är inte till för att visas ensamstående, hämtas till andra mallar med <?php get_sidebar(); ?>.
• single.php
  Mallen styr hur enskilda blogginlägg visas.
• style.css
  Huvudstylesheet, måste finnas med men inget hindrar att du använder fler stylesheets än detta.

Många av de här mallarna kan tas över av andra mallar. Ett exempel: du kan göra en mall för en enskild kategori genom att skapa en fil som heter category-ID.php (där du ersätter ID med numret för den kategorin). Det finns mer om hierarkin i länkar sist i artikeln. Men börja med grunden

Filer att hämta till andra mallar

header.php, sidebar.php och footer.php används för att bygga strukturen i andra mallar. De kan inte användas som självständiga malla. Som jag nämnt ovan hämtar du in dem med PHP-funktionerna <?php get_header(); ?>, <?php get_sidebar(); ?>, <?php get_footer(); ?>. En sidmall med endast dessa funktioner kommer alltså visa din blogglayout utan någon innehåll.

Övning
Testa att skapa en sidmall med den här koden, spara i ditt tema som tomtexempel.php och koppla den till en WordPress-sida enligt nedan.

<?php
 /*
  Template Name: TomtExempel
 */
 ?>
<?php get_header(); ?>
<p>Ett tomt layout-skal.</p>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Koppla en Sidmall till sida

Att koppla en sidmall i WordPress till en sida är ganska enkelt. Du loggar in, går till Sidor / Redigera (eller Sidor / Lägg till ny, vad du nu vill göra). Ute till höger finns en rullgardinsmeny med Mall. den är inställd på ”Förvald mall” (dvs sidan kommer troligen visas med page.php). Där bör du hitta Archives, Links och de mallar du skapat själv. Välj önskad mall och uppdatera sidan.

Ställ in Page Template

Mer läsning

• På WordPress.tv finns en film som beskriver filer i WordPress-teman.
• En liten text på svenska WordPress om du vill skapa egna tema-filer.
• Mallhierarkin i WordPress.
• WordPress samlingssida för utvecklign av Teman.

I nästa artikel kommer jag beskriva hur du styr upp innehållet i sidmallarna och WordPress. Snart kommer du ha full kontroll och kan använda all den kraft som finns i WordPress som publiceringssystem!Kanske också intressant:

• Skapa WordPress-tema
• Fria handskrivna typsnitt
• Göm din version av WordPress
• Ann Beskows hemsida
• Citat på din WordPress-blogg

Första steget

Jag förutsätter nu att du redan har en installerad WordPress-blogg och att du har en texteditor som du kan skriva kod i. Layoutteman finns i mappan /wp-content/themes

Mappen för WordPress-tema

Det första jag gör är att skapa en ny mapp i /wp-content/themes och döper den till det namn jag vill använda på temat. Använd bara små tecken, inga mellanslag och helst inga tecken utanför det engelska alfabetet.

Skapa mapp för temat

Som du kanske ser på bilden heter projektet jag arbetar med ”TysslingeForetagare” och jag väljer därför att kalla mitt tema ”tysslinge”:

Namn på temat

Nästa steg blir att kopiera alla filerna i temat ”default”….

Kopiera filerna i default

… och klistra in dem i mappen ”tysslinge”

Klistra in i det nya temat

För att WordPress ska se det här som ett nytt tema behöver vi ändra lite i filen style.css Det är i den du kommer arbeta med CSS men även ange information om temat. Öppna alltså style.css och ändra vad som står efter

• Theme Name: (sätt samma namn som mappen du skapat)
• Theme URI: (var kommer temat finnas?)
• Description: (beskriv ditt tema)
• Version: (version, kanske inte så viktigt om du ska använda det själv)
• Author: (du som skapat temat)
• Author URI: (din hemsida)

Så här har jag skrivit:

Fyll i information

(Ska du publicera temat och använda dig av koden som redan finns i det så bör du också ha med den lilla texten om att layouten bygger på Kubrick av Michael Heilemann.)

Dags att aktivera temat. Logga in på din WordPress-installations admin-del. Klicka på menyvalet ”Utseende”.

Administrera utseende

Här kommer du se att default-temat är aktiverat, men under ”Tillgängliga teman” finns nu ditt tema. Klicka på den länk som heter ”Aktivera” under temats ikon.

Aktivera temat

Webbplatsen visas nu med ditt tema när du besöker den Visserligen ser det likadant ut som standard-temat, men du har ett ramverk som du kan leka med och prova dig fram. Skulle det uppstå något fel kan du aktivera det gamla temat igen. Dessutom kommer jag fortsätta artikel-serien med att visa dig hur du bygger din egen layout!

WordPress Codex har en hel del information – använda teman, skapa wordpress-tema, skapa teman för nedladdning.

Kanske också intressant:

• Göm din version av WordPress
• Filer i WordPress-tema
• Lås din WordPress-inloggning
• Premiär för webbplatsen
• WordPress 2.8.5 släppt

Kanske också intressant:

• Tankarnas trädgård
• Egen hemsida
• Korkskruven vintester
• Filer i WordPress-tema
• Paket

Ann Beskows hemsida

• Egen hemsida
• Filer i WordPress-tema
• Skapa WordPress-tema
• Middagsro – mat i din vardag
• Göm din version av WordPress

En oas i stressen, en plats för möten, eftertänksamhet och idéutbyte, ett rum för spännande föreläsningar

Tankarnas trädgård

• Egen hemsida
• Middagsro – mat i din vardag
• Premiär för webbplatsen
• Egen hemsida
• Nyhetsbrev från Kurswebben