Menyer i WordPress

Att skapa menyer i WordPress kan vara rätt krångligt, och det finns ett antal sätt att skapa en, jag tänkte gå igenom ett par av mina favoriter. Vi börjar med att registrera menyer för olika platser, för du har väl tänkt på att man kan ha flera menyer i vissa teman? Så detta ska in […]

Wordpress logo 3D purple

Wordpress logo 3D blå

Stöd för Bilder i WordPress Teman 1

När man ska lägga till stöd för bilder i Wordpress teman bör man göra det dynamiskt. Vi går bland annat igenom hur man kan lägga till stöd för ”Utvald Bild” och en header bild – Artikeln finns som PDF bok på medlemsidorna


Få Boken Från HTML till Dynamisk WordPress

Ladda ner boken om hur man omvandlar statisk HTML till Wordpress Tema – Från Statisk HTML till Dynamisk WordPress Tema. Boken går igenom processen att dela upp ett HTML dokument och flytta över delarna till PHP-filer och modifiera koden så att den passar för Wordpress, delarna används sedan för att bygga upp ett tema med dynamiskt innehåll. Ett Wordpress tema använder sig av ett antal mallfiler för att visa innehåll som inlägg, sidor, kategorier mm.

Wordpress logo 3D purple

Orange CSS3 Badge

CSS kortform shorthand guide

En av de främsta fördelarna med att använda CSS är den stora minskningen av webbsidans nedladdningstid. För att lägga till formatering på typsnitt förr i tiden, var du tvungen att använda om och om igen. Nu kan all presentations information placeras i ett CSS dokument, och en CSS regel behöver bara skrivas en gång. Men varför stanna där? Genom att använda CSS kortform för egenskaper kan du minska storleken på ditt stilmall ännu mer, och även minska tiden för utvecklingen.


Exportera WordPress sida 1

Om du har din gamla installation på en lokal dator så fungerar inte exportera funktionen inte korrekt för att den nya sidan på internet inte kan ladda ner bilder mm. från en lokal dator. Då kan man i stället exportera/importera all innehåll manuellt. Till att börja med ska du ska ha en ny, helt tom Wordpress installation på målplatsen.

Det finns fem steg i den här exporten:

Installera en ny Wordpress sida, Kopiera / ladda ner , Exportera Wordpress databasen, Fixa till alla URL, Importera databasen

Screen-shot: "Database Update Required"

Skapa din första webbsida – HTML5 semantisk uppmärkning

HTML5 kan se ut som raketforskning för den oinvigde, men det är inte det, jag lovar ! Om du klarade av algebra i högstadiet kommer du att kunna du räkna ut det här. När du har slutfört den här guiden kommer du att ha en grundläggande förståelse för HTML5 och vet hur man gör för att skapa ett ramverk för en webbsida. Du får ut mest av den här guiden om du kan en del HTML sedan innan, men det är inte nödvändigt då den här guiden kommer att vara rätt så grundlig.

HTML5 badge Black

Bild golden CSS3 badge

Skapa din första webbsida – CSS styling

Nu ska vi börja leka med CSS styling, och med det menar jag att formatera element med färg, typsnitt, bredd, höjd och en massa annat roligt!
Vi börjar med font-egenskaper med vilka man anger värden för: storlek, typsnittsfamilj, tjocklek, stil och variant. Med font-egenskaper kan man varkligen göra skillnad på en sida med små medel, så du vinner en hel del på att lära dig font-egenskaperna riktigt bra.


WordPress plugin / tillägg

WordPress kommer att på vissa delar hänvisas till som WP. Hela artikeln finns här som PDF – WordPress Plugins Att använda sig av tillägg är ett sätt att utöka och lägga till funktionalitet som redan finns i WordPress. I början av WordPress historia så var man tvungen att modifiera filerna direkt, men kärnan i WordPress är […]

test-resultat-utan-parameter-shortcode

CSS3-badge

Skapa din första webbsida – CSS grunder

Det här artikeln är en del av en serie där vi ska skapa en webbsida, idag ska vi gå igenom CSS grunder och i nästa börjar vi bygga på sidan. I Del 1 gick vi igenom HTML grunder.
HTML var aldrig avsedd att innehålla taggar för att formatera dokumentet. HTML skapades för att definiera innehållet i ett dokument.
När taggar som och färgattribut mm. sattes till HTML 3.2-specifikationen, så började det bli ohållbart för webbutvecklare.


Adobe Brackets – En ny Open Source IDE för Webbutveckling 2

Adobe Brackets är en ny Open Source HTML, CSS och JavaScript redigerare som är skapad med dessa webb-språk! Jag snubblade över Brackets när jag forskade om hur jag själv ska kunna skapa en HTML & CSS redigerare som en webbapplikation. Brackets har en bra live funktion som fungerar tillsammans med Google Chrome, även om den är lite buggigt men det är ju trots […]

Adobe Brackets logo

HTML5 badge Black

DOCTYPE deklarationer, en titt på dom olika varianterna

Doctype anges längs upp på varje webbsida innan <html> taggen och förklarar för webbläsaren vilken HTML version det handlar om i dokumentet.   I bilden ovan så ser du en HTML5 doctype deklaration som är enkel, men det har inte alltid varit så här lätt att deklarera doctype för en webbsida, utan den har varit rätt lång och […]


Transformering med CSS3 transition, transform & animation

⇓ OBS! ⇓ Den där blå remsan nere på botten av sidan innehåller en HTML & CSS redigerare och fungerar så här – om du vill visa/gömma redigeraren kan du göra det genom att klicka på den blå remsan där det står “Klicka här för att visa/gömma redigerare” – klicka på fliken medtexten “HTML Redigerare” och skriv in […]

Bild röd CSS3 badge

Screen-Shot webbsida

Skapa din första webbsida – HTML grunder

⇓ OBS! ⇓ Den där blå remsan nere på botten av sidan innehåller en HTML & CSS redigerare och fungerar så här – om du vill visa/gömma redigeraren kan du göra det genom att klicka på den blå remsan där det står “Klicka här för att visa/gömma redigerare” – klicka på fliken medtexten “HTML Redigerare” och skriv in […]


En slider för din WordPress installation

Har du märkt att det ståt ”You haven’t create any slider yet” när du försöker lägga till en bild-slider medan du ska anpassa sidan? Men det dyker ju inte upp någon möjlighet att skapa någon.   Så hur skapar man en slider? Jag börjar med den enklaste d.v.s. om du har en tema som stöder skapande […]

slider mockup