Missa inte övriga poster i denna serie.

[dt_divider style="thin" /]

[video width=1000" height="500" mp4="http://jimiwikman.se/wp-content/uploads/2013/12/Wordpress-3.8.mp4]

[dt_divider style="thin" /]

Admin GUI har blivit renare, krispigare och med betydligt bättre kontrast. Det är tydligt att fokus ligger på enkelhet och minimalistisk design då alla gradienter och olika nyanser helt lyser med sin frånvaro till förmån för en plattare och enklare design. Wordpress har övergått till Open Sans typeface som är tydlig och lättläst även på mobila enheter.

[dt_divider style="thin" /]

Wordpress på alla enheter

Wordpress 3.8 tar användbarheten till nya höjder med ett gränssnitt som fungerar lika bra på stor skärm som på smartphone genom en responsiv design. I Wordpress 3.8 säger man farväl till den gamla pixeln, vilket bör snabba upp laddningstiderna. Wordpress 3.8 kommer även med skalbar vektorgrafik som är den nya standarden för grafik i responsiva designs.

Admin sektionen fungerar nu väldigt bra oavsett vilken typ av device du sitter på, något som fått en och annan användare att muttra lite då de gamla pluginsen för att hantera Wordpress från en smartphone mer eller mindre blivit onödiga.

[dt_divider style="thin" /]

Wordpress i många färger

Wordpress 3.8 ger dig nu möjligheten att välja bland flera olika färger för ditt admin GUI. Totalt finns nu åtta varianter på färgskalor som du kan laborerar med tills du hittar det som passar just dig.

[dt_divider style="thin" /]

Nytt sätt att hantera teman

Med den nya sektionen för teman kan du se alla dina teman med ett ögonkast. Vill du ha mer information? Klicka för att upptäcka mer. Luta dig sedan tillbaka och använda tangentbordets navigationspilar för att bläddra igenom varje tema du har. Widget hantering kan vara komplicerat. Med den nya designen har vi arbetat för att effektivisera skärmen widgets.

Flera widget områden läggs sida vid sida för att använda det tillgängliga utrymmet om du har en fullskärm. Sitter du på en surfplatta kan du nu lägga till widgets bara genom att klicka på den.

[dt_divider style="thin" /]

Twenty Fourteen, ett nytt responsivt magasinstema

Med Twenty Fourteen så tar Wordpress 3.8 ytterligare ett steg mot en användbar startdesign. Twenty Fourteen kommer med flera finesser, men jag tänkte täcka dem i en annan bloggpost. Låt oss nöja oss med att Twenty Fourteen är en klar förbättring från tidigare standardteman.

[dt_divider style="thin" /]

[dt_button size=big" animation="none" color="blue" link="http://wordpress.org/download/" target_blank="true]Ladda ner Wordpress 3.8 "Parker" nu![/dt_button]

Många drömmer om möjligheten att kunna sätta upp en egen blogg, eller webbplats, men drar sig lite för att det verkar dyrt eller krångligt. Därför ger jag möjligheten att få ett gratis webbhotell där jag personligen installerar WordPress åt dig och hjälper dig komma igång. Domännamnet ingår inte, men om du inte har ett domännamn kan du köpa ett domännamn hos Binero eller Citynetwork (tipsa gärna om fler som har billiga domännamn nu) för 10-15 kronor för ett år.

Ditt webbhotellkonto är helt gratis under 2014 och vill du sedan fortsätt hos Mortfiles.se efter din gratis period så får du 50% rabatt på webbhotell så länge du är kund på Mortfiles.se. Det betyder att du betalar 20 kronor per månad istället för 40 kronor för baspaketet.

Hur ska du då kunna ta del av detta erbjudande?

Idag så gör vi detta lita annorlunda och jag har lagt till en sektion som går att låsa upp. Varje kod  kan användas ett okänt antal gånger. Det finns en 100% rabattkod, en 75% rabattkod och en 50% rabattkod. 100% betyder att ditt webbhotell är gratis under 2014 och sedan övergår det i 50% rabatt så länge du förblir kund, precis som vanligt. 75% och 50% ger procentsumman i rabatt på webbhotell så länge du förblir kund. Du kan använda en eller flera koder så länge de är aktiva. Först till kvar är det som gäller, så tveka inte, klicka nu! Koderna används sedan på Mortfiles.se för att beställa ditt webbhotell.

Lycka till!

[sociallocker]

Dagens koder:

• G31U6K6YJF
• P3ZYWY3C5P
• 9FRVYFFE3G

[/sociallocker]

Hittils har jag fokuserat på att fylla sidan med innehåll, men jag har gjort mindre justeringar och lagt till en del plugins. Resultatet har blivit att startsidan gått från en laddningstid på 14 sekunder till 4 sekunder och antalet requests från 295 till 140. Jag har en GTMetrix score på 92% och då har jag knappt börjat optimera än!

Det som känns viktigast just nu är att optimera grafiken. Jag har en startsida som väger över 2.5mb där majoriteten av tyngden ligger i två bilder. Där kan jag lätt optimera ytterligare genom att skapa optimerade bilder för startsidan. Sedan ska jag kika på servern för att klämma ut så mycket som möjligt ur den. Det är fördelen med att ha en egen server att tweaka som man behagar, så jag ska kika på vilka inställningar som ger bäst resultat.

Jag ska kika på CDN och göra lite experiment med det och förmodligen även kika lite på Varnish som jag hör mycket gott om, men först finns det så mycket jag kan optimera rent innehållsmässigt! Frågan är om jag kanske ska skriva lite om mina experiment så du kan få ta del av mina fynd, eller om jag ska hålla det för mig själv?

Om jag får 5 kommentarer här så skriver jag en guide för hur jag har optimerat Wordpress och vilka inställningar som jag gör på servern för att få bästa, och säkraste, prestandan som möjligt. Skriv gärna i kommentaren om det är något plugin eller typ av data du är intresserad av att veta mer om hur det fungerar så ska jag kika på det.

Att få den utvalda bilden att visas görs enkelt med en kort snippet kod där vi kollar om sidan har post_thumbnail, som är funktionen som styr utvald bild, definierad:

<?php 

if ( has_post_thumbnail() ) { 

the_post_thumbnail();

} 

?>

Det går även att definiera vilken storlek bilden ska använda vilket kan vara användbart om vi vill visa olika storlekar på olika platser, eller vill använda mindre varianter på stora bilder. Vi kan använda de mediaformat som finns i Wordpress och lägga in som en variabel i koden. Gör vi inte det så kommer koden automatiskt att använda "thumbnail" formatet. De formaten som finns att välja på är:

the_post_thumbnail();                  // utan parameter -> Thumbnail
 

the_post_thumbnail('thumbnail');       // Thumbnail (default 150px x 150px max)

the_post_thumbnail('medium');          // Medium upplösning (default 300px x 300px max)

the_post_thumbnail('large');           // Large upplösning (default 640px x 640px max)

the_post_thumbnail('full');            // Original storlek (omodifierad)
 

the_post_thumbnail( array(100,100) );  // Valfri storlek (bredd, höjd)

Så vill vi lägga in en toppbild högst upp på sidan som ska vara i full storlek så använder vi oss av följande kodsnutt:

<?php 

if ( has_post_thumbnail() ) { 

the_post_thumbnail('full');

} 

?>

Du kan läsa mer om hur Wordpress post_thumbnail fungerar i Wordpress Codex.

Att hålla utbildning i Wordpress är inte någonting som jag ser som speciellt svårt eller obehagligt, kanske för att jag kan Wordpress utantill, kanske för att jag haft många utbildningar med olika kunder redan och kanske för att jag har så pass bra koll på Wordpress och alla plugins efter alla dom projekt jag haft och mina egna utforskningar så jag känner att jag har kontroll över situationen.

Igår höll jag ett par timmars utbildning i Wordpress för den dynamiska trion på MC-folket.se i Borlänge, något som kom ganska plötsligt. Utbildningen var lite annorlunda eftersom det redan fanns en befintlig sajt med plugins och det var många frågor som den mycket trevliga trion hade samlat på sig. Resultatet blev en hel del hopp mellan olika delar för att visa och förklara hur olika delar av just deras tema med plugins fungerade.

Nästa vecka åker jag tillbaka för omgång två och då blir det för den glade trion att själva sätta sig ner och börja använda systemet själva, fast först på en separat Wordpress installation så dom får prova på utan att riskera att förstöra sin webbplats om något skulle bli galet. Förutom Wordpress blir det även genomgång av Wordpress appen och hur den kan användas för att rapportera nyheter direkt på plats för ett evenemang.

Jag kommer helt klart att lägga till Wordpress utbildning av den här typen till dom olika tjänster som jag erbjuder och jag ska se över ett utbildningsmaterial nu över sommaren. Förmodligen kommer jag att skapa lite videomaterial också tillsammans med instruktioner och övningsuppgifter för direktförsäljning eller som komplement till en personlig utbildning. Kan bli ett välkommet tillskott i både kassa och nätverk kan jag tänka mig om det går bra.

Jag diskuterade lite kort med Stefan Bergfeldt (@ordbajsaren) på Twitter igår och fick lite synpunkter på vad man kan och vad man bör ha med, men jag vill gärna höra fler synpunkter. Vad skulle en kurs på Högskolenivå som är inriktad på Wordpress och dess möjligheter kunna innehålla? Vad bör man tänka på, vad bör man se till att studenterna får med sig när dom sedan ska utveckla själva efter kursens slut?