kzkw.net

For de som ikke bruker rik tekst editoren (Rich text editor) så har man noen hurtigknapper i postredigeringsvinduet som gjør det enkelt å sette inn link, bilde og annen formatering ønsker å bruke.

Men hvis du ønsker å ha flere hurtigtaster for eksempel for overskrifter (h1, h2, h3 osv) eller andre htmlkoder for formatering av teksten, så er det enkelt å legge de til.

Den filen du trenger å redigere er quicktags.js som du finner i mappen /wp-content/js/. Denne skal åpnes i en god tekst editor.

Hurtigknapp kodene ser slik ut i fila:

edButtons[edButtons.length] =
new edButton('ed_strong'
,'b'
,'<strong>'
,'</strong>'
,'b'
);

Denne koden viser da hurtigknappen det står b på i redigeringsvinduet og er den første.

For da å legge til din egen knapp kopierer du overstående kode og legger den til enten rett over eller under. Det viktigste er at den står under zeroise(now.getUTCSeconds() ,2) + '+00:00';

Nå kan du legge til din egen hurtigknapp for eksempel til å enkelt sette inn en overskrift (h2 htmltagg):

edButtons[edButtons.length] =

Denne skal du ikke redigere - den forteller at nå kommer det en knapp

new edButton('ed_strong'

Her skal du redigere 'ed_strong' til et unikt navn for denne knappen, for eksempel til 'ed_h2'

,'b'

Denne linjen forteller akkurat hva som blir teksten på knappen din, og her må du redigere 'b' til noe som forteller hva hurtigtasten gjør. Jeg bruker bare 'h2'.

,'<strong>'

Denne linjen forteller hvilken htmltagg som kommer før teksten du skal formatere. I vårt eksempel skal dette bli redigert til ,'<h2>'

,'</strong>'

Denne linjen forteller hvilken htmltagg som kommer etter teksten du skal formatere. I vårt eksempel skal det stå ,'</h2>'

,'b'

Denne linjen kan du redigere hvis du ønsker en hurtigtast (accesskey) for enda enklere bruk av hurtigknappene. Jeg har brukt '2', da med fare for at det skal skjære seg med nettleserens min sine innebygde hurtigtaster. Det er uansett viktig at denne er unik.

Hvis du ikke bruker hurtigtaster, så kan du la denne stå tom: ,''

);

Denne linjen skal heller ikke redigeres da den avslutter koden for en ny hurtigtast.

Har du gjort alt riktig så vil du nå ha en kode i din quicktag.js som ser slik ut:

edButtons[edButtons.length] =
new edButton('ed_h2'
,'h2'
,'<h2>'
,'</h2>'
,'2'
);

Du kan nå lagre fila og laste den opp til riktig mappe i din WordPress installasjon /wp-content/js/.

OBS: Det er mulig du må slette den gamle quicktags.js fra webområdet ditt før du laster opp den nye og trykke oppdatér i nettleseren din ett par ganger før endringene synes.

Du kan bruker teknikken over til å legge til så mange forskjellige knapper du ønsker og skreddersy det hele etter dine behov.

I den fila jeg bruker i mine blogger har jeg blant annet lagt inn hurtigknapper for forskjellige css klasser jeg bruker for å justere bilder og andre elementer, i tillegg til endel andre htmlkoder jeg bruker ofte, slik at jeg slipper å håndkode de for hver gang de skal brukes.