Kategorier
Tips og triks Utvikling

Legg til versjons-spørrestreng i inkluderingen av WordPress' style.css

Browser-caching av CSS-filer oppstår fra tid til annen, og derfor hender det man slenger på noen spørrestrenger i URL-en for å få nettleserne til å oppdatere til siste versjon.

For eksempel vil http://example.com/style.css bli til http://example.com/style.css?ver=123456789.

Dette problemet har jeg nylig hatt i WordPress, men å legge til en «ver»-streng i URL-en til hoved-CSS-filen er ikke all verden med jobb. Bare se her:

  1. Åpne, eventuelt opprett, filen functions.php i ditt tema.
  2. Legg inn følgende kode:
Kategorier
Utvikling

Javascript-templates (og AJAX-lasting med jQuery)

Mustasjen er i anmarsj, og ikke bare i ansiktet til hipstere. Mustache er et rammeverk for templates, eller maler, som også er tilgjengelig i Javascript. Det tillater deg enkelt og greit å definere strenger med HTML og forskjellige tagger for å representere variabler. Veldig greit om du er glad i å bruke massevis av $('foo').append('lang HTML-kode her').

Enda bedre er det selvfølgelig når man bare kan laste inn templates med AJAX og dermed kunne ha et lite lager med templates liggende. Mustache støtter i tillegg seksjoner, og med rett bruk kan du faktisk klare deg med en enkelt fil.

Kategorier
Tips og triks Utvikling

Syntax-highlighting i WordPress

WordPress sin editor er ikke så veldig snill når det kommer til å lime inn kildekode direkte i den, med mindre du bruker den rene HTML-editoren. Så fort du bytter tilbake til visuell-editor, blir blant annet < og > byttet ut med HTML-entiteter for disse tegnene, noe som gjør det relativt vanskelig å legge ut ren kildekode.

Men! Det er alltid et innstikk som fikser problemet. I dette tilfellet prøvde jeg først Creyon, men problemet vedvarte. Før jeg så fant et innlegg i WordPress sin Codex, som viste til en løsning brukt på wordpress.com og som finnes som et eget tillegg: Syntax Highlighter Evolved. All kode limt inn mellom kodesnuttene blir ikke påvirket av TinyMCEs tåpelige omformattering.

Har du prøvd den og er fornøyd?

Kategorier
Tips og triks Utvikling

Søke i telefonkatalogen fra terminalen? Ja!

Har laget en enkel parser opp mot 1881 sitt søk på nett og som henter ut navn, adresse og sted. Det fungerer også å søke på navn, men den er ikke idiotsikker 😉

Oppdatering: har fikset PHP-versjonen så den ikke avhenger av mitt privatmekkede HTTP-bibliotek.

Kategorier
Tips og triks Utvikling

Slå av WordPress' konvertering av anførselstegn og apostrofer

Jeg har lenge irritert meg over at WordPress gjør om vanlige anførselstegn (") og apostrofer (') til idiotiske "curly quotes", eller enkle og doble grav og akutt aksenttegn. Det egner seg spesielt dårlig når man har en blogg som dette med mange kommandoer som blir sitert, og man regner med at folk kopierer og limer inn i terminalen sin, som igjen ikke vil fungere på grunn av dette.

Enkel løsning: installer tillegget «Disabler»!

Noen Google-søk senere, fant jeg heldigvis en løsning, som jeg gjengir her i sin helhet, på norsk. 

Dette krever redigering av kildekoden til temaet du bruker på din WordPress-blogg.

  1. Åpne filen "functions.php" i temamappen (wp-contents/themes/<ditt tema>/functions.php), eller opprett filen om den ikke finnes fra før av.
  2. Legg til følgende linjer i topp eller bunn av filen:

remove_filter('the_content', 'wptexturize');
remove_filter('comment_text', 'wptexturize');
remove_filter('the_excerpt', 'wptexturize');

Dette ordner anførselstegnene og apostrofene i selve bloggteksten, utdraget og kommentarer.

(Hentet fra http://www.fayazmiraz.com/disable-auto-curly-quotes-in-wordpress/)

Kategorier
Tips og triks Utvikling

Flersidede innlegg i WordPress

Lag en enkel og fin sideliste i flersidede innlegg

Den siste tiden har jeg fundert på å legge ut en liten test av en bærbar datamaskin, men jeg følte at bloggen manglet en vesentlig ting – støtte for flere sider i det enkelte innlegg.

Etter en liten runde med Google, fant jeg fort ut at dette er støttet av motoren, men ikke alt var så flott som jeg ville ha det.

Bruken er enkel. Man redigerer HTML-en for innlegget sitt og legger inn en <!--nextpage--> (uten mellomrom her, altså!) hvor man vil ha et sideskille. I motsetning til <!--more-->-taggen, kan man bruke <!--nextpage--> flere ganger.

En annen løsning er hurtigtasten alt+shift+p, mens en tredje løsning er å redigere wp-admin/includes/post.php, søke opp «wp_more» og legge til «wp_page» i $mce_buttons-arrayet.

Funksjonen wp_link_pages(), som ser ut til å være den eneste funksjonen tilknyttet dette, lager bare en veldig enkel liste med sidene, men du kan for eksempel ikke få den ut som en HTML-liste (<ol>/<ul>). I tillegg var det ikke mulig å titulere sidene. Kort oppsummert var ikke støtten så alt for god, så jeg endte opp med å lage noe selv.

Jeg laget en funksjon kalt wp_post_page_list() i functions.php som gir deg en fin organisert liste (<ol>) om innlegget har flere sider. Den tar også utgangspunkt i at det eksisterer et <h[1-6]>-element rett etter <!--nextpage-->-deleren, som da blir benyttet som sidetittel.

I bruk er den enkel: <?php echo wp_post_page_list(); ?>

Man kan også få en egen knapp i editoren for å skille, altså lage sider. Denne vil havne ved siden av knappen som brukes til å lage et såkalt «mer-skille», også brukt til ingress/utdrag. Hvordan man gjør dette, finner du på neste side. Kildekoden for funksjonen wp_post_page_list() er på siste side 🙂

Kategorier
Utvikling

Google Chrome / Chromium + Sparebank 1 + BankID

Google Chrome, Sparebank 1 og BankID

Noen har kanskje fått det med seg fra før av, men jeg gjentar gjerne. I lang lang tid har jeg irritert meg over blant annet treg innlogging i Sparebank 1 sin nettbankløsning fra Firefox, samt en ikke-tilstedeværende støtte i Google Chrome.

Etter en del feilsøking i det siste, har jeg kommet frem til at dette skyldes bruk av den utdaterte <applet>-taggen for å laste inn BankID-appleten. Jeg har nylig informert Sparebank 1 om dette, og forhåpentligvis får de byttet om og tatt i bruk <object>-taggen i stedet. Inntil videre kan man benytte seg av en flott utvidelse til Google Chrome / Chromium, tilfeldigvis utviklet av undertegnede.

Utvikling av utvidelsen førte til tider til massivt hårtap, spesielt når bruk av JavaScript-rammeverk viste seg å være umulig grunnet restriksjoner på <applet>-elementet i DOM. Dette førte til at alt måtte skrives med native JavaScript, og en del, la meg kalle de "fiffige", løsninger ble brukt. Blant annet regex-parsing av ren HTML for å hente ut attributter. I tillegg til at den beholder alle attributter og eventuelle underelementer av typen <param>, legger den til attributten «type», med verdien «application/x-java-applet».

Uansett, den fungerer i nettbanken til Sparebank 1. Den er skrevet generisk, så den bør fungere på andre nettsider òg, men dette er en tidlig utgave og er neppe 100% feilsikker. Forhåpentligvis skaper den ikke problemer på andre sider som fremdeles bruker <applet>-taggen (dessverre er det en del).

Utvidelsen har fått det populærtekniske navnet «Applet2Object» og er å finne her: https://chrome.google.com/extensions/detail/djgfnbkiakemcmleeihmdngpamaknnem

Oppdatering: om noen er interessert i å se hvor lite kode som hadde vært nødvendig ved bruk av jQuery, er dette å finne her. Det fungerte i en periode og på enkelte sider, men ikke hos Sparebank 1.

Kategorier
Tips og triks Utvikling

Twitter Opera widget

twitterI dag fant jeg ut at jeg liker å se hva slags "klienter", eller kilde, folk twitrer fra. For øyeblikket bruker jeg en Widget i Opera som jeg synes er veldig kjekk og oversiktelig for Twitter-bruk, så jeg bare måtte hacke inn støtte for dette.

Kort fortalt har jeg da lagt til en sjekkboks i innstillingene som gjør at du kan slå dette av og på. Den er standard PÅ.

Widgeten kan hentes her: http://dump.karlstad.be/widgets/

Kategorier
Tips og triks Utvikling

Ukens lærdommer, tips og triks

Denne uken kom jeg over en episode der jeg så meg nødt til å sette opp backup for flere Subversion-depot, og «svnadmin» gjør jobben på en fin måte

svnadmin dump /sti/til/repo /sti/til/dumpfil

Samtidig var jeg nødt til å endre URI-en til et depot, og dette ble gjort enkelt og greit med «svn switch»

svn switch --relocate svn+ssh://foo.bar/svn/repo svn+ssh://foo.baz/svn/repo

Ellers har jeg prøvd å finne ut om Google har noe eget API for uthenting av Pagerank, noe det viser seg at de ikke har, dessverre.

Kategorier
Tips og triks Utvikling

Prosjekt pagerank

Jeg har for tiden gjort mitt for å prøve og promotere bloggen min hver gang jeg poster nytt innlegg. Blant annet har jeg fått opp lenker på artikler hos Dagbldet ved hjelp av Twingly, delt lenker på Twitter og på Facebook.

I kveld kom jeg til å ta en kikk innom serverside.no og deres pagerank-sjekker. "N/A". Hva i alle? Det fikk meg til å tenke på at WordPress faktisk ikke slenger på meta-tagger selv, og plugins må til for å ordne denne biffen. Installasjon av "All in one SEO pack" og "Google Sitemap XML generator" gjorde biffen. Ikke det, jeg har registrert siden hos Google og fått den inn under Webmaster Tools for lenge siden.

Så, nå får vi se, da. Kanskje går pageranken opp etter hvert. I'll keep you posted.