59
webmatros Skræddersyet website 0,5 (og uden kode) Oliver Nielsen

Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Embed Size (px)

DESCRIPTION

Præsentation af Oliver Nielsen, WebMatros.dk til WordCamp Danmark 2013. Read more about Headway on: http://www.webmatros.com Læs mere om Headway på: http://www.webmatros.dk

Citation preview

Page 1: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

webmatros

Skræddersyet websitepå 0,5 (og uden kode)

Oliver Nielsen

Page 2: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

?Skræddersyet

Page 3: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

“Vær unik...”Ja da, men hvorfor?

“Unik” som begreb er i sig selv en tom floskel.

Page 4: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Vær dig selv. Skær det overflødige bort hvis du vil i resonans med dine modtagere.

Page 5: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Dit website skal afspejle digog dit budskab 100%

Page 6: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Skil dig ud fra mængden

Page 7: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Gør lidt ud af dig selv (og dit website)

Page 8: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 9: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

... og skræddersyet fordivi har set det her en million gange før...

Page 10: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 11: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 12: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 13: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 14: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 15: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 16: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 17: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 18: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 19: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

One size fits all?

Page 20: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Free vs Premiumvs Framework

Page 21: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Free.There’s no free lunch

Page 22: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

So-so support og dokumentation.Ikke-standardiseret kode.Too much choice.Kvalitet koster.En lille, bitte, bette investering.

Page 23: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

twentytwelve

Page 24: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 25: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

roblemet medpremium themesP

Page 26: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Bloated kode

Page 27: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Uoverskuelige og svære at customize.

Page 28: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Frameworks

Page 29: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Frameworks kræver lidt arbejde.Men er lettere og hurtigere end at kode et theme,helt fra bunden.

Page 30: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Et hyppigt problem:Rigtig mange kan ikke kode, men vil selvfølgelig gerne selv kunne lave dét website man drømmer om.

Page 31: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Forskellige bud på det perfekte framework.Der er et til enhver smag:Genesis, Thesis, Builder, Canvas, Catalyst, PressWork, PageLines, Headway, etc.

Page 32: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Endnu et hyppigt problem:Nogle frameworks kan for lidt. Andre kan for meget.

Page 33: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Simplicity vs. ComplexityFLEXIBILITY

Page 34: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Layout i Headway

Page 35: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Grid-baseret design

Page 36: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Grids skaber orden, overblik og gør design-processen lettere.

Page 37: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Headways grid er 100%RESPONSIVE

Page 38: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 39: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Individuelt layout af alle sider og indlæg (inkl. 404-siden)

Page 40: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Landing pages.Unbounce-in-a-box.

Page 41: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Headway Blocks

Page 42: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Headway Block types:

CONTENTTEXT EMBED

NAVIGATIONHEADER BREADCRUMBS

GRAVITY FORMS SLIDEDECK 2 WOOCOMMERCE

FOOTER

WIDGET AREA

SLIDER

CUSTOM CODE

Page 43: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Blocks kangenbruges

Page 44: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

“Content” block’en er

ORNLI SYG som de siger på Nørrebro

Page 45: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Cus

tom

Que

ries

Page 46: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 47: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 48: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 49: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway
Page 50: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Visual Design Editor ❀

Page 51: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Child themes er understøttet.

Men skins er bedre.

Page 52: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Meget lidt håndskrevet CSS påkrævet.

Page 53: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Custom CSS med Live preview. Se hvad du laver, mens du gør det.

Page 54: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Slip for at lede efter css classes og id’s med Firebug etc.

Page 55: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Styr på din CSS-kode.Standardiseret.

Page 56: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

Træerne vokser ikke ind i himlen

Page 59: Skræddersyet WordPress website på 0,5 (og uden kode) med Headway

webmatros