Tag-arkiv: hjemmeside

Mobilvenlig hjemmeside


Der er typisk to måder at forholde sig til en mobilvenlig hjemmeside på. Enten udarbejdes en dedikeret mobil-version af hjemmeside – dette ses typisk ved, at hjemmesiden har en separat version fx på et subdomæne (m.domæne.dk). Eller alternativt kan man gå den mere “responsive” vej. Med “responsive” (og adaptive) webdesign refereres der populært til webdesigns, der tilpasser sig den pågældende enhed (fx laptop, tablet eller smartphone).

Hvad er responsive eller mobilvenligt webdesign / hjemmeside-design?

Som nævnt ovenfor, kan udfordringen med at lave en mobilvenlig hjemmeside gribes an på forskellige måder. Så vidt muligt, vil jeg grundlæggende argumentere for, at man går efter et responsive design. At et hjemmeside-design er responsive betyder, at den “reagerer” på omgivelserne. Og som bekendt er omgivelserne i denne sammenhæng en blanding af browseren og skærmstørrelsen. En 27″ iMac stiller andre krav til præsentationen end en iPhone (eller anden smartphone). Imellem disse to yderpunkter ligger en række mellemstationer, såsom tablets, smartphone i landscape format (når den ligger ned), mm.

Hvis en hjemmeside er bygget op udfra en responsive tilgang, vil man i nyere browsere (fx Safari, Chrome, Firefox og Internet Explorer 9+) kunne se, hvordan hjemmesiden opfører sig i forskellige skærmstørrelser. Det illustreres let ved at resize browservinduet og ganske enkelt tage fat i højre side/kant af vinduet og trække mod venstre, så vinduet gradvist bliver smallere.

I transformationen fra stor til lille skærm (eller omvendt) vil der typisk ske en række ændringer i form at størrelser, placeringer, synlighed, osv. af elementer. På de små skærme kan det være en god idé at skjule de elementer, der ikke 100% relaterer sig til sidens primære pointe. Det kunne fx være banner-annoncer, store footere med yderligere info, osv.

Forskellen på at resize en hjemmeside, der er baseret på et responsive / adaptive design-mønster og en hjemmeside, der har fast definerede bredder, strukturer osv, er, at man på en meget lille skærm vil få en “sammenpresset” version af hjemmesiden (dvs. med meget små bogstaver). Dette er ikke særlig mobil-venligt. I et mobil-venligt design, vil man have mulighed for at bevare tekst-størrelser, vise billeder i et passende format, skjule mindre relevante elementer, osv.

Læs mere om forskellen på adaptiv og responsive webdesign her…

style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


wordpress logo

Hjemmeside i WordPress? Få overblikket…


Jeg er ikke i tvivl – WordPress er et fantastisk værktøj både for udvikleren, designeren, webmasteren og den besøgende. I denne artikel vil jeg bredt dække fænomenet “WordPress som CMS / hjemmeside-værktøj”.

Artiklen udvides løbende og vil med tiden komme til at dække følgende emner – sådan ca.

Indholdsfortegnelse

WordPress er gratis, men husk…

Jeg synes, det er på sin plads at indlede med en kommentar vedr. WordPress som “gratis” open source system. Der er flere interessante ting ved open source systemer, og typisk fokuseres der på pris og “åbenhed” (dvs. fuld adgang til kildekoden). Pris – ja, det er jo ganske gratis at downloade og installere WordPress. I modsætning til kommercielle løsninger starter projekterne således ikke med en dyr licens til CMS’et / platformen. Og så tilbage til men‘et i overskriften. WordPress kræver typisk en indsats i form af design, funktionalitet og vedligeholdelse.

Jeg har indtryk af, at mange ofte overser denne del af open source verdenen og fokuserer på gratis-elementet i platformen. WordPress kan meget “out-of-the-box”, men vælger du at basere dit næste hjemmeside-projekt (privat, virksomhed, forening, etc.) på WordPress vil jeg anbefale, at du har en god WordPress-konsulent i ryggen. Dertil kommer naturligvis også udgiften til hosting / webhotel, evt. backup, osv.

Blog vs. hjemmeside

Er WordPress til blogs eller “almindelige” hjemmesider? Godt spørgsmål – men svaret afhænger i virkeligheden af dit behov. WordPress var oprindeligt et rendyrket blog-værktøj, men de seneste år er det vokset med opgaven i forhold til at agere reelt CMS til “almindelige” hjemmesider. WordPress kan således i dag både anvendes til en rendyrket blog, en almindelig hjemmeside med sider og et ikke-nyheds/blog-fokus – eller måske vigtigst af alt en skøn kombination mellem blog og hjemmeside.

De seneste år er WordPress blevet udvidet med en række relevante værktøjer i forhold til at bruge systemet som regulært web-CMS. Blandt de mest interessante findes bl.a. custom/dynamiske menuer og custom post types. WordPress rummer muligheden for at oprette/administrere almindelige sider / menupunkter på hjemmesiden, hvilket således afviger fra den rendyrkede blog-verden og giver mulighed for at bruge systemet til mere traditionelle hjemmesider.

Jeg synes, “skønheden” begynder at blomstre, når man formår at kombinere de mange muligheder  i WordPress, så de rette værktøjer benyttes til hhv. nyheds/blog-relateret indhold og det mere statiske indhold på hjemmesiden. Blog-delen af WordPress (det vil typisk sige de “indlæg” der præsenteres kronologisk / i en tidslinje fordelt på indholdskategorier, tags – og evt. kombineret med bruger-kommentarer) skal ikke nødvendigvis anvendes som traditionelt blog-værktøj. En mere neutral måde at anvende værktøjet på er at se det som hjemmesidens nyhedsstrøm. Dvs. et nyhedsmodul, der i kombination med hjemmesidens mere statiske indhold gør det hele til en mere dynamisk oplevelse. En hjemmeside i udvikling.

WordPress.com vs. wordpress.org

Relevante links: wordpress.org, wordpress.com, wordpress.org vs wordpress.com

wordpress.org kan du gratis downloade nyeste version af WordPress. Efterfølgende kræver det, at du selv hoster din hjemmeside (dvs. installerer på eget webhotel / domæne), selv vedligeholder WordPress, mm. Bag wordpress.com står en række af de samme folk (Automattic), der også udgiver selve WordPress-systemet. Men hvis du opretter en blog/hjemmeside via wordpress.com, slipper du for den tekniske del, idet wordpress klarer hostingen, opdateringerne, mm. WordPress.com er også gratis, men du ligger under en række begrænsninger, idet du ikke får mulighed for at anvende egne / skræddersyede themes (design-skabeloner), og det er ligeledes heller ikke muligt selv at “rode” i php-koden bag bloggen/hjemmesiden. I nogle tilfælde kan det dog være en fordel, idet du slipper for at administrere opdateringer, backup, mm.

Hvad skal jeg så vælge?

Det afhænger helt af projektet, hvorvidt man bør anvende wordpress.com eller egen installation hentet via wordpress.org. Ønsker man at høste det fulde udbytte af WordPress, er det dog selvsagt, at egen installation vil være at foretrække.

Vaultpress

Automattic står desuden også bag en interessant backup-service, – vaultpress.com – der i høj grad smidiggør hele den udfordring, der kan ligge i at tage jævnlig backup. Der er dog tale om en betalings-service (se priser her), og ofte kan man nøjes med en mere manuel tilgang (dvs. selv downloade filer og database-data).

Hvad er WordPress Danmark?

WordPress Danmark er for nylig gået over til dette domænenavn, wp-danmark.dk, grundet spørgsmål vedr. varemærket WordPress.WordPress Danmark varetager den officielle danske oversættelse af systemet. Som de skriver på denne side, er der tale om de “synlige” ting i systemet – dvs. alt hvad man kan se, når systemet anvendes (og ikke fx kode-kommentarer, mm.). Derudover oversættes en række themes. Tak for et godt stykke arbejde ;-)

Themes og udvikling af themes

“Themes” (eller temaer) er WordPress-terminologien for det, man også kunne kalde et design eller en design-skabelon. Et theme dækker dog ikke nødvendigvis kun over det rent visuelle, men kan også rumme “funktionelle” ellementer og sågar administrations-værktøjer (dvs. elementer, du kan anvende som administrator/webmaster i WordPress). Et eksempel kunne være custom post types eller shortcodes, der gør det letter for dig at administrere dit indhold. Med custom post types er det muligt at oprette egne skræddersyede indholds-typer, som fx “Medarbejdere” og så styre dem præcis (eller tilpasset) som man fx styrer sider eller indlæg. Mao. der er stor forskel på, hvad et theme “kan”, idet de spænder fra meget simple themes uden ekstra funktionalitet til komplekse themes med theme-indstillinger (fx til styring af layout / opsætning, kontaktinfo, osv.).

I WordPress kan du under Udseende > Temaer > Installér tema hente og aktivere en lang række gratis themes. Takket være det store community, der støtter op omkring udvikling af systemet, kan man hurtigt ændre udseendet på sin blog eller hjemmeside, og “lege” sig lidt frem til et passende visuelt udtryk. Og måske netop fordi det er så relativt simpelt at udvikle / designe themes til WordPress, er der også opstået et relativt stort forretningsområde netop med fokus på udvikling af custom themes til WordPress.

Et forsøg på at afmystificere den tekniske del af WordPress-themes
Men for at alle kan være med vil jeg lige kort prøve at afmystificere fænomenet en smule. Et WordPress-theme rummer minimum én fil og placeres i mappen /wp-content/themes/tema-navn. Som minimum (for at kunne tolkes af systemet) skal et theme have en style.css -fil. Dvs. en css-fil med en kort introducerende kommentar, som fx:

/*
Theme Name: Mutti.dk
Author: Thomas Dyrholm jacobsen
Version: 1.0
*/

Hvis denne fil – indeholdende et “Theme Name” –  eksisterer, vil dit theme nu figurere i WordPress, hvor det kan vælges ligesom de øvrige themes. Det vil ikke være en køn fornøjelse på nuværende tidspunkt, men jeg kan godt lide idéen om, at man kan starte på et simpelt minimum (dvs. ikke en masse komplekse minimums-krav og fil-strukturer) og så bygge ovenpå efter behov. Vores ven, WordPress, er nemlig så flink at agere “stand-in”, hvis du udelader noget. Mangler der en fil til at styre hjemmesidens sidebar eller default side til nyheder, så falder man altid tilbage på systemets default-filer. Med andre ord “overskriver” man således det, man ønsker at skræddersy / tilpasse.

Danske udbydere

Der er mange om buddet, når det kommer til at levere skræddersyede hjemmesider/blogs, mm. baseret på WordPress – også bare i lille Danmark. Der er selvfølgelig altid den mulighed, at man spørger sin “fætter” ell. lign., men husk på, at det i mange tilfælde kan være rart at have en professionel leverandør i ryggen. Om et år er denne fætter måske på jordomrejse, og så kan det være svært lige at få hul igennem til webhotel, opdatering af dit theme, udvidelser, osv. Denne side vil med tiden byde på en liste over anbefalelsesværdige udbydere. Inden listen kommer helt på plads, vil jeg starte med at nævne Brickmedia.dk, som laver skræddersyede hjemmesider i WordPress. Derudover er det værd at kigge forbi og finde en WordPress-udvikler - desuden kan man dykke ned i en udvalgt by og finde en lokal udvikler. Se fx WordPress-udvikler i Aarhus eller andre kategorier som Android-udvikler i Odense.

Coming up

  • Køb af færdige themes



style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">


Opret gratis hjemmeside

Opret gratis hjemmeside


Et godt tip: www.bricksite.com

Via net-tjenesten Bricksite.com kan du oprette en 100% gratis hjemmeside i løbet af ganske få minutter.

Bricksites gratis grundpakke henvender sig til både virksomheder og private og inkluderer hosting (webhotel) og masser af spændende værktøjer. Alle hjemmesider baseres på det samme cms (content management system), men hver bruger har mulighed for at udvide sin gratis hjemmeside med lige netop de moduler og designskabeloner, der har relevans for den enkelte. Opret en gratis hjemmeside nu.

Eksempler på gratis hjemmesider fra Bricksite.com

Læs meget mere på www.bricksite.com.

Billig hjemmeside (som alternativ)

Ønsker du at have et designbureau i ryggen, når du kaster dig ud i dit næste hjemmesideprojekt, er der bestemt også hjælp at hente i Bricksites egen designafdeling, Brickmedia. Hos Brickmedia får du en unik, men stadig billig hjemmeside baseret på Bricksite.

 

 

style="display:block"
data-ad-client="ca-pub-2923690446602282"
data-ad-slot="1827988283"
data-ad-format="auto">