junkfoodjunkie.no

DeviantArt er opphavet til alle bildene i “julekalenderen” min i år. Dessverre bruker de en ganske krøkkete metode for å linke opp bildene, og jeg hater virkelig når koden jeg benytter medfører at bloggen min plutselig ikke validerer lenger. Altså måtte jeg modifisere DeviantArt sin kode, slik at ting validerer korrekt.

Jeg fant også ut at jeg er altfor lat til å gjøre dette manuelt hver gang, så jeg laget en liten funksjon til WordPress slik at jeg bare kan putte inn noen variabler i en [shorttag] og så funker det flott

Først har vi kodebiten fra DeviantArt:

<object width="450" height="460">
 <param name="movie" value="http://backend.deviantart.com/embed/view.swf" />
 <param name="flashvars" value="id=146073785&width=1337" />
 <param name="allowScriptAccess" value="always" />
  <embed src="http://backend.deviantart.com/embed/view.swf" type="application/x-shockwave-flash" width="450" flashvars="id=146073785&width=1337"
  height="460" allowscriptaccess="always">
  </embed>
</object>
<br />
 <a href="http://www.deviantart.com/deviation/146073785/">lost</a> by ~<a class="u" href="http://ichirukilover55.deviantart.com/">ichirukilover55</a> on
 <a href="http://www.deviantart.com">deviant</a><a href="http://www.deviantart.com">ART</a>

Så har vi funksjonen jeg benytter for å legge inn en thumbnail + informasjon om bildet fra DeviantArt (dette kunne sikkert vært mer automatisert, men… foreløpig får dette holde):

// [dalink - shortcode for adding thumbs(objects) from DA using the ID]
function dalink_content($atts, $ID = null) {
	extract( shortcode_atts( array(
		'width' => '450px',
		'height' => '600px',
		'ID' => $ID,
		'picname' => 'picname',
		'username' => 'username',
	), $atts ) );

	$retvar = '<div class="aligncenter"><object type="application/x-shockwave-flash" style="width:'.$width.'; height:'.$height.';" data="http://backend.deviantart.com/embed/view.swf"><param name="movie" value="http://backend.deviantart.com/embed/view.swf" /><param name="flashvars" value="id='.$ID.'&width=1337" /><param name="allowScriptAccess" value="always" /></object><br />';

	if ($picname != 'picname') {
		$retvar .= '<a href="http://www.deviantart.com/deviation/'.$ID.'/">'.$picname.'</a> ';
}

	if ($username != 'username') {
		$retvar .= 'by <a class="u" href="http://'.$username.'.deviantart.com/">'.$username.'</a> on ';
}
	$retvar .= '<a href="http://www.deviantart.com">deviantART</a></div>';

return $retvar;
}//end [dalink]

Som vi så skal forklare litt:
Vi begynner med et eksempel:

[dalink height="600px" width="500px" username="Ispinne" picname="test"]2155500433[/dalink]

Gyldige variabler er altså “height”, “width”, “username”, “picname” og til slutt “ID” (alt dette kan hentes fra koden som man får fra DeviantArt når man kopierer embed-koden deres. Om man ikke setter inn variabler for width eller height, så vil standard-verdiene som er satt i funksjonen benyttes (height=”600px” og width=”450px”). Om man ikke benytter username og picname, så vil det kun være linken i selve flash-objektet som fungerer. Det vil ikke vises noen link til brukeren eller bildet under flash-objektet. Det vil fremdeles være en link til DeviantArt, det er det eneste.

Et til eksempel:

[dalink]31445560[dalink]

Dette er også et fullstendig gyldig eksempel – her er det ikke satt inn noe annet enn ID (som er det eneste som er absolutt nødvendig).

En siste ting.
De observante vil oppdage at jeg har benyttet <div class=”aligncenter”> </div> rundt koden som blir sendt tilbake fra funksjonen. Det denne koden gjør er å sentrere innholdet. CSSen for dette er som følger (dette må legges inn i styles.css i theme-mappen):

.aligncenter {
display: block;
margin: 0 auto;
text-align: center;
}

Det skulle være det hele. Om du trenger en fungerende WordPress-funksjon for å legge inn linker til DeviantArt, så har du det her!

Ingen kommentarer   DeviantArt er opphavet til alle bildene i "julekalenderen" min i år. Dessverre bruker de en ganske krøkkete metode for å linke opp bildene, og jeg hater virkelig når koden jeg benytter medfører at bloggen min plutselig ikke validerer lenger. Altså måtte jeg modifisere DeviantArt sin kode, slik at ting validerer korrekt. Jeg fant også ut ...

Lignende poster:

• Problemer, problemer, problemer… og løsninger!
• Blogdesign
• Det kommer seg, det kommer seg…
• Bytte av theme

Da fikk man endelig somlet seg til å oppdatere til siste versjon av WordPress, i skrivende stund WordPress 2.6.1.

Det gikk jo smertefritt det, men WordPress har fremdeles ikke fikset captions, så det måtte da fikses manuelt.

(For de nerdete: WordPress putter captions inn i en <div>-tag, noe som gjør at ting ikke validerer – det jeg har gjort er å fikse dette, ved å putte selve caption-saken inn i en <p>-tag, med caption-teksten i en <span>-tag.)

Ikke vanskelig, men irriterende at de ikke har fikset.

Ellers gikk vel alt som på skinner, som det som regel gjør når man oppgraderer WordPress.

Jeg har fremdeles et par problemer:

Flash-opplasting av bilder fungerer ikke, men jeg mistenker at det skyldes at jeg har installert siste versjon av Flash, samt at Akismet ikke vil slette spam (“Delete All” funker ikke). Velvel, vi får teste det litt mer, tenker jeg…

Edit: Vel, ok, Akismet fungerte når jeg la inn versjonen som fulgte med WordPress 2.6.1 (som da ikke er siste utgave av Aksimet), men fungerer altså ikke når jeg oppgraderer til siste utgave – okei, da er det Akismet som har gjort noe dumt, mest sannsynlig. Mer utprøving vil følge.

2 kommentarer   Da fikk man endelig somlet seg til å oppdatere til siste versjon av WordPress, i skrivende stund WordPress 2.6.1. Det gikk jo smertefritt det, men WordPress har fremdeles ikke fikset captions, så det måtte da fikses manuelt. (For de nerdete: WordPress putter captions inn i en &lt;div&gt;-tag, noe som gjør at ting ikke validerer - det ...

Lignende poster:

• Sikkerhetshull i WordPress! Oppgrader!
• Oppdatert!
• Oppgradert WP – 2.6
• Nerding og oppdateringer

Det har vært litt stille fra min side et par dager nå – har brukt all min tid på å få til et noenlunde akseptabelt, egenprodusert theme, og ikke hatt så mye overskudd til å irritere meg over ting online

Jeg har da altså laget mitt eget theme, som har fått navnet “Just Fiery”, er på tre kolonner, og ellers er ganske likt det jeg hadde tidligere.

Det er ikke liquid, så dersom man har en oppløsning på mindre enn 1024xet-eller-annet på skjermen eller browservinduet, så vil innholdet til høyre forsvinne utenfor bildet – dog, den ytterste høyrekolonnen er forbeholdt reklame, så det er ikke noe viktig dere går glipp av i såfall.

Themet er ikke helt ferdig, men jeg fant ut at jeg likegodt kunne bytte, så kan jeg heller ta meg av småtingene etterhvert.

Tilbakemeldinger blir godt mottatt, så lenge kritikken er saklig – tips om ting som ikke funker er også greit. Themet er testet i IE 7, FF 3 og Opera 9.5 – jeg har valgt å ikke ta hensyn til eldre browsere – bruker du det, se til å oppgradere, menneske!
Det viser seg faktisk at themet fungerer helt fint i IE 6 også, helt uten noen form for tilpassing fra min side!

8 kommentarer   Det har vært litt stille fra min side et par dager nå - har brukt all min tid på å få til et noenlunde akseptabelt, egenprodusert theme, og ikke hatt så mye overskudd til å irritere meg over ting online :) Jeg har da altså laget mitt eget theme, som har fått navnet "Just Fiery", ...

Lignende poster:

• Nytt fargetema
• Bytte av theme
• Når man er teit…
• Blogdesign

I juni 2006 skrev jeg en artikkel på en annen blog jeg hadde den gangen, som het “Fremme webstandarder – en kamp mot vindmøller“.

I den artikkelen, som jeg gjengir deler av her, så kommenterer jeg nettopp dette at det å forsøke å få webdesignere og -utviklere til å holde seg til W3Cs anbefalinger, og følge elementære regler for koding av HTML, er og blir ekstremt vanskelig – litt som Don Quijote i kampen mot vindmøllene.

Jeg testet bl.a. 12 forskjellige store nettsider, for å se om de validerte – resultatet var nedslående dengang, og jeg tenkte derfor at jeg skulle se på dem igjen, og se om det har blitt gjort noen endringer som har resultert i forbedringer.

Først resultatene fra 2006-testen, merket i grått, og så dagens test, merket i blått:

For å ta en kjapp oppramsing:

• www.statoil.no – 32 feil, og det på HTML 3.2
• www.statoil.no – 878 feil, HTML 4.01 Transitional!
• www.odin.no – 20 feil, HTML 4.01 Transitional
• www.regjeringen.no – 19 feil, XHTML 1.0 Transitional
• www.norge.no – 6 feil, XHTML 1.0 Strict
• www.norge.no – 20 feil, XHTML 1.0 Strict
• www.dep.no – 20 feil, HTML 4.01 Transitional
• www.regjeringen.no – 19 feil, XHTML 1.0 Transitional
• www.politi.no – 571 feil, ingen doctype
• www.politi.no – 612 feil, ingen doctype
• blink.dagbladet.no – 443 feil, ingen doctype
• blink.dagbladet.no – 183 feil, HTML 4.01 Strict
• www.startsiden.no – 0 feil, XHTML 1.0 Transitional
• www.startsiden.no – 7 feil, HTML 4.01 Transitional
• www.notar.no – 84 feil, no doctype
• www.notar.no – 70 feil, no doctype
• www.finn.no – 61 feil, XHTML 1.0 Transitional
• www.finn.no – 24 feil, XHTML 1.0 Transitional
• www.trygdeetaten.no – 244 feil, ingen doctype
• www.nav.no – 0 feil, XHTML 1.0 Transitional
• www.aetat.no – 21 feil, HTML 4.01 Transitional
• www.nav.no – 0 feil, XHTML 1.0 Transitional
• www.kommune.no – 133 feil, XHTML 1.1
• www.kommune.no – 202 feil, XHTML 1.1

Trygdeetaten og Aetat har blitt slått sammen til Nav, og Odin.no og Dep.no har blitt slått sammen under Regjeringen.no.

Dette er rett og slett nedslående. Bortsett fra en markant forbedring for nav.no, som jo er en fullstendig redesignet side som har inkorporert både Trygdeetaten, Sosialkontoret og Aetat, så er det liten eller ingen forbedring å spore. Forrige gangs vinner, Startsiden, har tilogmed klart å forverre seg fra en 100% validerende side.

Sist gang jeg tok en gjennomgang av disse sidene, så testet jeg også i Lynx, hvordan de fungerte der. Det har jeg ikke gjort denne gangen, derimot har jeg testet hvordan de forskjellige sidene ser ut uten CSS og Javascript påslått.

www.statoil.no

Fungerer uten både CSS og JS, men hele siden blir en evig lang link-meny til venstre, samt et par-tre punkter øverst sammen med søkeboksen, som da linker til spesifikke deler av siden. Ikke spesielt brukervennlig, og menylisten er rotete og vanskelig å finne frem i.

www.regjeringen.no

Siden fungerer helt greit uten CSS og JS påslått, men har et par uheldige JS-linker for tekststørrelse, som kunne vært fjernet (eller som i det minste burde vært merket med skikkelige title-tags), da browserne fint klarer å skalere teksten selv.

www.norge.no

Fungerer fint, ser det ut til, uten CSS og JS påslått. Siden blir litt ustrukturert uten CSS, og den kan oppfattes litt rotete. Minus for at siden stadig kommer opp med en feilmelding under søk: “Error: A connection with the server could not be established”. Det siste kan selvsagt ha med lokale forhold å gjøre, men jeg hadde ingen problemer med andre websider i samme periode.

www.politi.no

Denne siden er begredelig. Ikke bare ser den forferdelig ut, både med og uten CSS påslått, den slutter også tilnærmet å fungere uten JS tilgjengelig. Mange linker og valg på siden er styrt av JS, og dessverre mangler f.eks. nedtrekksmenyene en “gå til” knapp i de tilfellene JS ikke er tilgjengelig. Det er på høy tid noen tar tak i denne siden og redesigner den fra bunnen av.

blink.dagbladet.no

Denne siden er jo så klart ikke spesielt attraktiv uten CSS og JS påslått – den ser dog ut til å fungere noenlunde, men alt av innhold blir lagt til en lang remse til venstre på siden.

www.startsiden.no

Startsiden er mer eller mindre meningsløs uten CSS og JS – i hovedsak er det fjerning av CSS som skaper problemene her – rett og slett fordi hele siden er en portal, så er det hundrevis av linker, og disse blir naturlig nok listet nedover i en eneste lang rekke – denne siden er dermed omtrent ubrukelig uten CSS påslått.

www.notar.no

Siden fungerer egentlig helt greit uten CSS og JS påslått – fjerner man i tillegg bildene, så blir saken en annen… – dog, denne siden er nok ikke akkurat ment for en tekstbasert nettleser.

www.finn.no

Fungerer heller dårlig uten CSS og JS. Sidene er rotete, og det er sjelden noen forklaring på hva linkene går til, og linknavnene er også ofte dårlige – uten noen form for title-tag for å beskrive innholdet nærmere.

www.nav.no

Fungerer også helt fint med CSS og JS avslått. Her er det “Vis”-knapper for nedtrekksmenyene, så man er ikke avhengig av JS for å komme dit man vil, og siden har, selv om den har en del luft, grei struktur selv uten CSS påslått.

www.kommune.no

Dette er faktisk en av de bedre sidene uten CSS og JS påslått. Her har man valgt å ha innholdet før det meste av menyene, noe som alltid er en god ting. Hovedmenyen kommer først, så innhold, så videre menyvalg. Dessverre mangler det “skip”-knapper, men ok, det går egentlig greit. Slett ikke så ille som man skulle trodd etter valideringen.

Så, hva skal man så konkludere med etter denne uformelle testen? Mitt personlige synspunkt er at det er tragisk hvor dårlig standarden er – ikke at det “gjør noe”, for websidene fungerer vel mer eller mindre likt i de fleste nettlesere, men om man fjerner en del av det “vanlige” brukere har, som f.eks. tilgang på CSS, JS, bilder mm. så blir straks virkeligheten en annen – og det er der man gjerne kunne vunnet litt på å følge W3Cs retningslinjer, samt kanskje også sett litt på retningslinjene for tilgjengelighet på nett.

Jeg føler vel ikke at den opprinnelige artikkelens standpunkt med Don Quijote som frontfigur har mistet noe av sin verdi – her er det fremdeles en haug med vindmøller, og alt for få Don Quijoter som sloss.

4 kommentarer   I juni 2006 skrev jeg en artikkel på en annen blog jeg hadde den gangen, som het "Fremme webstandarder - en kamp mot vindmøller". I den artikkelen, som jeg gjengir deler av her, så kommenterer jeg nettopp dette at det å forsøke å få webdesignere og -utviklere til å holde seg til W3Cs anbefalinger, og ...

Lignende poster:

• Oppdatert WordPress
• Nytt, egenprodusert theme!
• Nerding og oppdateringer
• Modifisert DeviantArt link-kode

EDIT! Så! Da var vi ganske så godt på plass. Gravatarer er tilbake, norske fraser er på plass (om noen finner noen feil på dette, så si i fra!), vi har fått på plass det meste av ting som dere lesere neppe bryr dere om, men som jeg finner ganske artig å benytte, etc. etc.

Om noen har vært innom bloggen de siste par-tre dagene, så har de kanskje merket at den har vært noe… ustadig. Det har vært opp og ned, alle postinger har forsvunnet, det har ligget null poster, bare et par testposter, plutselig har alt vært tilbake igjen… temaer har kommet og gått, ting har flyttet på seg og blitt plassert på de merkeligste steder.

Nå skal det meste være på plass igjen, men det er fremdeles en del småting igjen å fikse før alt er tilbake til “normalt”.

Grunnen til problemene har vært et lite irritasjonsmoment med et par plugins, som jeg har følt jeg måtte fikse før det ble for irriterende, og dermed ble det til at man gikk igang med en full opprydding, noe som igjen førte til at ikke bare enkelte plugins brakk fullstendig, men også at man heller ikke fikk til ting helt som man ville – og selvsagt tok man ikke vare på alt man burde tatt vare på i forbindelse med back-up-prosessen før dette skjedde, og da måtte man gå igjennom det meste manuelt likevel, selv om man hadde håpet å unngå nettopp dette.

Velvel – jeg kommer til å bruke dagene fremover til å gå igjennom alle poster manuelt, fikse på bilder, og embedded objects mm. og få ting på plass igjen. Alle innlegg og kommentarer ligger i alle fall her, så det er ikke tapt noe, men det har vært litt frem og tilbake med bilder og slikt, så de ble slettet (alle sammen) og må dermed fikses på nytt.

Ingen kommentarer   EDIT! Så! Da var vi ganske så godt på plass. Gravatarer er tilbake, norske fraser er på plass (om noen finner noen feil på dette, så si i fra!), vi har fått på plass det meste av ting som dere lesere neppe bryr dere om, men som jeg finner ganske artig å benytte, etc. ...

Lignende poster:

• Plugins, PHP5, design og litt diverse…
• Oppdatert WordPress
• Blogdesign
• Themes and crap…

Jeg har da lett etter en ny theme å benytte på siden min, og har også vurdert å lage min egen, men siden tiden ikke strekker til, og jeg i det hele tatt har for mye å bruke det lille som er på fra før, så har jeg da altså valgt meg en ny theme, som ser ut til å fungere med alt av plugins og dill jeg har på siden.

Den er ikke helt 100% på plass, så enkelte små endringer kommer nok til å skje de nærmeste dagene, enkelte småting blir byttet ut (et par-tre fornorskninger av ting skal på plass, bl.a.) før vi kan si oss helt fornøyd.

Det er likevel ikke bare sorgen, selve themet er ganske pent, og bare jeg får på plass de endringene jeg vil ha, så skal nok dette bli en bra side.

Ingen kommentarer   Jeg har da lett etter en ny theme å benytte på siden min, og har også vurdert å lage min egen, men siden tiden ikke strekker til, og jeg i det hele tatt har for mye å bruke det lille som er på fra før, så har jeg da altså valgt meg en ny ...

Lignende poster:

• Problemer, problemer, problemer… og løsninger!
• Up and coming and all that jazz
• Themes and crap…
• Nytt fargetema

Da har vi lagt inn plugin (nei, jeg liker ikke “innstikk”) for pinging av Bloggrevyen, courtesy of Knut Sparhell og i den forbindelse måtte vi oppgradere PHP-versjonen på webhosten til PHP 5 før det ville fungere – jeg var sikker på at jeg hadde kjørt den oppdateringen tidligere, men det må enten vært rent selvbedrag, eller så har jeg nedgradert igjen, uten at jeg helt husker hvorfor.

Jeg har endret litt på designet på siden, flyttet litt på ting, og det nærmer seg en akseptabel look – dog, det er en del ting igjen som må fikses, ja…

1 kommentar   Da har vi lagt inn plugin (nei, jeg liker ikke "innstikk") for pinging av Bloggrevyen, courtesy of Knut Sparhell og i den forbindelse måtte vi oppgradere PHP-versjonen på webhosten til PHP 5 før det ville fungere - jeg var sikker på at jeg hadde kjørt den oppdateringen tidligere, men det må enten vært rent ...

Lignende poster:

• Problemer, problemer, problemer… og løsninger!
• Nerding og oppdateringer
• Oppdatert WordPress
• Det kommer seg, det kommer seg…

Jobber fremdeles med looken på denne siden, men vi har den snart i havn.

Deretter kan vi kanskje begynne å faktisk få litt innhold her og

Ingen kommentarer   Jobber fremdeles med looken på denne siden, men vi har den snart i havn. Deretter kan vi kanskje begynne å faktisk få litt innhold her og :)

Lignende poster:

• Oppdatert WordPress
• Blogdesign
• Nytt, egenprodusert theme!
• Nerding og oppdateringer

Vi nærmer oss en noenlunde fungerende blog, men det er en del småpirk igjen ennå – heldigvis så er WP ganske tilgivende, særlig når man etterhvert har litt mer forståelse for PHP og CSS, enn man gjerne hadde sist gang man forsøkte seg på noe slikt som dette her.

Ingen kommentarer   Vi nærmer oss en noenlunde fungerende blog, men det er en del småpirk igjen ennå - heldigvis så er WP ganske tilgivende, særlig når man etterhvert har litt mer forståelse for PHP og CSS, enn man gjerne hadde sist gang man forsøkte seg på noe slikt som dette her.

Lignende poster:

• Problemer, problemer, problemer… og løsninger!
• Blogdesign
• Oppdatert WordPress
• Plugins, PHP5, design og litt diverse…

Jeg var drittlei det gamle, så da var det på tide å tenke litt nytt. Og siden jeg nå har gått og tenkt på dette med blogging en stund nå, så tenkte jeg at ok, vi installerer WP, og ser hvor vi havner hen.

Det kommer til å være en del prøving og feiling for å få på plass designet her – jeg har egentlig null peil på WP-themes, og jeg er for lat til å lære meg det akkurat nå, så jeg tilpasser heller CSS og dill til siden til jeg får den slik jeg vil ha den – det kan altså ta litt tid

Ingen kommentarer   Jeg var drittlei det gamle, så da var det på tide å tenke litt nytt. Og siden jeg nå har gått og tenkt på dette med blogging en stund nå, så tenkte jeg at ok, vi installerer WP, og ser hvor vi havner hen. Det kommer til å være en del prøving og feiling for ...

Lignende poster:

• Blogdesign
• Problemer, problemer, problemer… og løsninger!
• Nytt fargetema
• Nytt, egenprodusert theme!