Browsed by
Kategori: Hjemmeside tips

How not to set up your blog layout

How not to set up your blog layout

Du har oprettet din blog og har massere på hjerte. Dit indhold er godt, og af høj kvalitet. Du har gjort dig umage med hver eneste indlæg du poster, og det kan man som læser se. Hvorfor i alverden ville du så gøre det svære for dine læserer, rent faktisk at læse/se dine smukke indlæg?

Heldigvis bestemmer du helt selv hvordan din blog skal se ud – hell, jeg er heller ikke verdens mester i det med themes – men jeg har alligevel tænkt mig at dele nogle småting du i det mindste bør holde dig fra, hvis du ønsker at lave en blog som er så læsevenlig som muligt. Hvorfor er jeg så, så klog på dette? Det er jeg måske heller ikke, men jeg har udover erfaring, en uddannelse i multimediedesign bag mig, hvor vi blandt andet bliver undervist i at skabe læsevenlige websites og print.

Mest af alt er nedenstående eksempler på hvad du ikke bør gøre når du laver din blogs layout, baseret på, hvad der for det meste skræmmer mig væk fra blogs der ellers har godt indhold – men hvor jeg ganske enkelt i længden ikke magter at læse indholdet på siden, fordi der er så mange ting der forstyrrer læsbarheden.

Centreret tekst

Hvorfor i alverden ville du nogensinde lave en centreret brødtekst på din blog? Har du nogensinde læst en bog med centreret tekst? Det tror jeg næppe – og det er der faktisk en ganske god forklaring på. Det er hårdt for øjet at læse centreret tekst, fordi start og stop punktet for hver enkelt sætning afhænger af sætningens længde. Øjet ved derfor ikke per automatik hvor det skal søge hen for at læse næste sætning. Når teksten er venstrestillet eller justified ved man præcis hvor hver sætning starter, hvorfor læsningen går langt mere flydende.

Selvfølgelig kan man bruge centreret tekst til enkelte elementer på sin blog – det gør jeg også selv. Rent layoutmæssigt kan det fx. være rigtig flot med en centreret overskrift.

Bred brødtekst

Brug hellere massere af whitespace, hvis du ønsker en blog med et stort contentområde (kan fx. være hvis man ikke ønsker sidebars på sin blog, eller muligheden for at uploade store billeder i sit indlæg), fremfor at lave kilometer lange linjer brødtekst. Igen; øjet bliver træt, hvis man skal læse kilometer lange linjer af tekst, og læsningen bliver derfor lettet hvis teksten bliver indskrænket til et mindre område.

Ulæselig skrift

Hvorfor ville du bruge en skrifttype, skriftstørrelse, og skriftfarve, som nærmest er ulæselig, når du nu har brugt så meget energi på at lave noget lækkert indhold på din blog? Hold dig fra alt hvad der hedder kursiv, og snørklet skrift til din brødtekst. Igen der kan være eksempler hvor kursiv tekst kan bruges på et mindre område, fx. ved quotes. Er du i tvivl om hvad der en letlæselig tekst, så vil jeg sige at du aldrig går helt galt i byen med en Arial, i farven sort, str. 12-14px. Hold dig for alt i verden fra kraftige farver som skrigende rød, pink, blå, og hvad man ellers kan finde på i den genre.

Popup reklamer

Popup reklamer er et fænomen som virkelig er blevet et mere og mere hyppigt irritationsmoment når jeg surfer rundt på forskellige blogs. Det er typisk ikke noget bloggeren selv har valgt skal komme, og formentlig heller ikke noget som er en økonomisk gevinst for selve bloggeren. Jeg ser rigtig meget af denne slags popup reklamer på blogs der er lavet ved udbydere som fx. Nouw og Bloggersdelight. Jeg vil sige – hold jeg langt væk fra udbydere der smækker popup reklamer op på jeres blogs! Det burde simpelthen ikke være et fænomen man som blogger støtter, da reklamerne der popper up decideret placerer sig henover bloggens centrale indhold, følger med når man scroller, og typisk har en timer på så den ikke straks kan lukkes ned. Pisse irriterende rent ud sagt! Det er nok til at få mig til at forlade bloggen.

OSX Mavericks

OSX Mavericks

464

Lille et et lille heads up til mac brugere (Jeg fik det oprindelig selv af Høgh), så er den nye OSX version blevet lagt op på App store – og den er gratis!

Jeg downloadet det i går – og jeg syntes indtil videre at det virker upåklageligt. Der er nogle små fede features ind i mellem – men så er forskellen ej heller større. I hvert fald ikke for mig. Jeg har fået fortalt, at nogen oplever længere batteri levetid, og andre oplever at deres computere bliver hurtigere. Især hører jeg mange som, siger at deres Safari browser er blevet hurtigere – men det kan jeg slet ikke udtale mig om, da jeg bruger Firefox…

Men alt i alt, ingen grund til ikke at få det hentet ned og installeret. Men en lille advarsel: gør det på et tidspunkt hvor du har god tid – det tog i hvert fald lidt tid for mig at få hentet ned og installeret.

Dagens hjemmeside tip! #6

Dagens hjemmeside tip! #6

Endnu engang er dagens hjemmeside tip, henvendt til WordPress brugere. Denne gang er det en tutorial til, hvorledes du laver et nyt dynamisk widget area. De fleste wordpress themes har en dynamisk sidebar, men denne tutorial kan fx. bruges, hvis man, som jeg, ønsker at have et widget område i fx. bunden af sin side.

Let’s get started!

I dette eksempel vil jeg gå ud fra, at du allerede har en wigetized sidebar, og nu blot ønsker endnu et widget område. Lad os gå ud fra at det er i footeren du ønsker dette. I så tilfælde vil vi komme til, at skulle tilføje kode til følgende filer:

  • Theme functions (Functions.php)
  • Footer (footer.php)

Placeringen af den sidste kodedel vil selvfølgelig variere (men i dette tilfælde, i footeren) alt efter hvor vi gerne vil have det nye widget område.

Functions.php

Lig ud med at åbne Functions.php. Denne fil kan du få adgang til via dit ftp program, men det er også muligt direkte fra dit administrator panel (Appearance >> Editor >> Theme functions (Functions.php)).

Da vi i dette eksempel går ud fra, at du allerede har en sidebar, som er et dynamisk widget område, vil der allerede være registreret et widget område. Led derefter efter det sted i functions.php’s kode der ser således ud (efterfulgt af mere kode): register_sidebar( array(.

Eksempel på et registreret widget område:
register_sidebar( array(
name’ => ‘Home right sidebar’,
id’ => ‘home_right_1′,
before_widget’ => ‘<div>’,
after_widget’ => ‘</div>’,
before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
) );

Udseendet af et registeret widget område kan variere, så jeg vil anbefale dig at kopirere det widget område som allerede er registreret i dit theme, og indsætte det nedenunder det allerede eksisterende, og ændre følgende punkter:

  • Name: ændre dette til et nyt navn. Fx. ‘bottom area’.
  • Id: ændre dette til et nyt navn. Fx. ‘bottom area’.

Men overstående eksmepel på en et widget område kan også sagtens bruges til et hvert theme. Jeg vil derfor kort gennemgå hvad koden egentlig gør.

Gennemgang af et registreret widget område:
register_sidebar( array( – Registrer widget området. Dette skal ikke ændres.

name’ => ‘Home right sidebar’, – Navnet på widget området sættes her. Ændre det tilnoget du finder passende og logisk.

id’ => ‘home_right_1’, – Id’et på widget området sættes her. Jeg plejer at give mine widget område, samme Id, som dets navn.

before_widget’ => ‘<div>’, – Her foreskrives det, hvad der skal ske før hver widget starter. I dette eksempel forskrives det blot, at den skal starte en ‘div’. Du kan her være meget mere specifik, og fx. give din ‘div’ et id eller en class.

after_widget’ => ‘</div>’, – Her foreskrives det hvad der skal ske efter hver widget. I dette eksempel lukkes den ‘div’ vi før har startet.

before_title’ => ‘<h2>’, – Ved dette punkt, besluttes det, hvad der skal “ske”, før hver overskrift, som de enkelte widgets har, startes. I dette tilfælde startes en heading 2. Det kunne også have været en heading 3, eller 1 mv. Ligeledes kunne man også være mere specifik, med fx. at indsætte et billede foran hver widget overskrift.

‘after_title’ => ‘</h2>’,    ) ); – Til sidst beslutter vi hvad der skal ske efter hver widget overskrift. I dette eksempel lukker vi bare headingen.

) ); – Lukker widget området. Skal ikke ændres.

Hvis du nu har skrevet oplysningerne til endnu et widget area ind, skulle din functions.php gerne se nogenlunde således ud (små variationer kan som sagt forekomme):

Eksempel på widget flere widget områder
function theme_widgets_init() {

register_sidebar( array(
‘name’ => ‘Home right sidebar’,
‘id’ => ‘home_right_1’,
‘before_widget’ => ‘<div>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
) );

register_sidebar( array(
‘name’ => ‘Bottom area’,
‘id’ => ‘Bottom area’,
‘before_widget’ => ‘<div>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h2>’,
‘after_title’ => ‘</h2>’,
) );
}

Hvis din kode nu ser nogenlunde ud, som overstående, kan du ikke være helt på afveje, og vi hopper derfor videre til næste skridt. Nemlig at gøre vores nye widget område synligt på vores side. Vi gemmer derfor filen ‘functions.php’, og hopper videre til ‘footer.php’.

Footer.php

Du åbner nu footer.php. Denne fil kan du få adgang til via dit ftp program, men det er også muligt direkte fra dit administrator panel (Appearance >> Editor >>  Footer (Footer.php)).

Du indsætter nu følgende kode, ved den ønskede placering:

Synliggør dit widget område
<?php if (!function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘Bottom Area’)) : ?>
[ do default stuff if no widgets ]
<?php endif; ?>

Den eneste ændring du her skal foretage dig, er at ændre ‘Bottom area’, til det navn, som du gav det widget area som du registrerede. Gem footer.php.

Du skulle nu kunne finde et nyt widget område under ‘Appearance’ >> ‘widgets’. Fold det nye widget område ud, og fyld de ønskede widgets ind i det!