Krasjkurs i WordPress - 3.5 - Hvordan lage fotnoter/sluttnoter/innholdsfortegnelse i WordPress.com
Dette er den O’store “Hvordan lage fotnoter/sluttnoter/innholdsfortegnelse i WordPress.com-bloggposter”-bloggposten. For enkelthets skyld kaller vi både eventuelle sluttnoter og fotnoter for “fotnoter”. Greit?
Å lage fotnoter[1] er et snedig triks for den som vil ta bloggpostene sine til nye høyder, for det er nemlig mulig å lenke via en note i bloggteksten til en tekst som står på slutten av WordPress.com-bloggposten din, til et bestemt sted i bloggposten din, eller i en annen bloggpost, eller til et sted på en side du har laget i bloggen din. *applaus og jubel*
Ved å lage noter og fotnoter i bloggposten din:
- slipper du lange kommentarer om dette og hint midt inne teksten din fordi du istedet kan i stedet legge dem til slutt i bloggposten, eller i en annen bloggpost eller på en annen bloggside - mulighetene er mange, og ved hjelp av fotnotelinken kan du og andre lettvint finne frem i bloggposten.
- kan du lenke til et bestemt tekststed i bloggposten du skriver i eller til en bestemt del av en annen tekst eller side du har skrevet i bloggen din (eller et sted du har tilgang til å endre koden i en tekst).
- kan du lage linker til og fra note/fotnote om du legger til en fancy liten kode
- kan du lage innholdsfortegnelse ved hjelp av fotnotekodene i lange og omfattende bloggposter.
Så hvordan lager man disse feiende flotte fotnotene?
Det er som kjent flere veger til Rom og jeg skal presentere fire av dem her.
Først en liten omtale av begreper:
- ‘Note‘ er den teksten i bloggteksten din du vil at skal ha en lenke til en fotnote.
- ‘Fotnote‘ er den teksten eller det tekststedet i en hvilken som helst tekst du har tilgang til koden til og som du vil at ‘noten’ din skal lenke til.
- ‘X‘ i kodene under representerer navnet på/identiteten til fotnoten din. Obs!: Når du har flere enn én fotnote, må hver enkelt fotnote få sitt individuelle navn. Du må da bytte ut ‘X’ med ulike verdier, for eksempel 1-999 eller a-z. Poenget er at alle kodene til én bestemt fotnote må være i samsvar for at WordPress.com og nettleseren din skal skjønne hva du mener.
- Merk: WordPress.com lager ikke automatisk noen fotnoteliste for deg. Den lista må du lage selv.
- NOTABENE!
Angående koding:
- Om du kopierer og limer inn kode fra denne bloggposten og inn i teksteditoren din må du mest sannsynlig skrive inn anførselstegnene på nytt, fordi du får kopiert inn “feil” type anførselstegn og de vil ikke kodinga di skjønne hva betyr. Jeg aner ikke hvorfor det er sånn.
-
I teksten under har jeg valgt å merke teksten som skal byttes ut med rosa for å gjøre ting enklere å forstå [2].
-
Pass for øvrig på at du der det står du skal sette inn URL setter inn full URL slik at du også får med en skråstrek, /, før ‘#X’.
Enkel fotnote - å linke fra en note til en sluttnote
Slik lager du fotnoter internt i en bloggpost:
- Gå inn i koderedigeringa av bloggposten din og finn igjen teksten du vil linke fra. Der skriver du:
<a href=”#X“>SETT INN NOTEN DIN</a>. - Foran teksten du vil lenke til skriver du:
<a name=”X“></a>
Slik lager du fotnoter til et tekststed i en annen bloggpost eller til et tekststed på en bloggside:
- Gå inn i koderedigeringa av bloggposten din. Der skriver du:
<a href=”SETT INN URL TIL BLOGGPOSTEN DER TEKSTSTEDET ER#X“>SETT INN NOTEN DIN</a>. - Foran tekststedet du vil lenke til skriver du:
<a name=”X“></a>
“Dobbel fotnote” - hvordan linke fra en note til en fotnote og tilbake igjen
For å lage en fotnote som linker tilbake til den opprinnelige noten din kan du bruke koden under.
Kode 1*:
- Gå inn i koderedigeringa av bloggposten din og finn igjen teksten du vil linke fra. Der skriver du:
<a href=”#X” id=”refX“>SETT INN NOTEN DIN</a> - Foran teksten du vil lenke til skriver du:
<a href=”#refX” id=”X“>SETT INN EN VERDI, F.EKS. NOTENUMMER SOM KAN LENKE TILBAKE TIL NOTEN</a>
Ved å bruke denne kodinga kan man hoppe fram og tilbake mellom tekststedet der noten er og tekststedet der fotnoten ligger. Det vil fungere på denne måte:
Hvem sa: “Hopp, Karoline! Hopp!”?
Lime inn dokument med fotnoter/sluttnoter fra Word:
Om du skal skrive et lengre dokument kan det fort bli veldig mange fotnoter å holde styr på. Da vil jeg anbefale deg å skrive dokumentet med fotnoter/sluttnoter i Word som jo holder styr på fotnotemerking i riktig rekkefølge automatisk etter hvert som du legger dem til. Du vil få noe arbeid med å endre kodene til fotnotene dine fordi de vil bli seende ut som kodene du ser under [Kode 2], og om du bruker disse kodene må du først publisere innlegget ditt for deretter gå tilbake i kode for å sette inn URL-en til bloggposten din etter at du har publisert den.
Kode 2 - Koden som vil dukke opp om du limer inn et dokument med fotnoter fra Word:
- Gå inn i koderedigeringa av bloggposten din og finn igjen teksten du vil linke fra. Der skriver du:
<a href=”URL TIL BLOGGPOSTEN/-SIDA#_ftnX” title=”_ftnrefX” name=”_ftnrefX“>SETT INN NOTEN DIN</a> - Foran teksten du vil lenke til skriver du:
<a href=”URL TIL BLOGGPOSTEN/-SIDA#_ftnrefX” title=”_ftnX” name=”_ftnX“>SETT INN EN VERDI, F.EKS. NOTENUMMER SOM KAN LENKE TILBAKE TIL NOTEN</a>
Siden du uansett må gjøre om på kodene er det kanskje like greit å ta jobben med å endre dem til Kode 1.
For å lime inn teksten din fra Word på enklest mulig måte kan du følge denne oppskrifta: Gå til “Advanced Toolbar” (klikk på det siste ikonet på menylinja i editoren din - tre rader med fargede bokser). Midt på “Advanced Toolbar”-linja di ser du et ikon med en blå “W”. Det ikonet heter “Paste from Word”. Klikk på det og du får opp en meny hvor du limer inn (lim inn= Ctrl+V) i den “tavla” og klikk “insert”.
Merk: Jeg har testet funksjonen ved hjelp av Microsoft Office Word 2007
For de som vil ha fancy hevede fotnoter:
Bruk denne koden:
<sup>NOTE</sup>
Til slutt vil jeg takke Nicolas som var den som tipset meg om denne funksjonen.
For flere opplysninger se Krasjkurs i WordPress 1.0 - Informasjon og kursoversikt.
—
[1] Fotnoter vs sluttnoter:
En fotnote er en sluttnote som står nederst på den sida du har laget en note.
En sluttnote er en sluttnote som står til slutt i dokumentet du har skrevet.
Med andre ord er det jo et spørsmål om man kan snakke om fotnoter eller sluttnoter i en bloggpost siden bloggposten alltid er på bare én side. Men det tar vi ikke så nøye, hovedpoenget med denne lille kommentaren var å vise hvordan en enkel fotnote i en bloggpost fungerer. Hopp tilbake der du var ved å klikke her.
[2] I følge familien er jeg minst kretsmester i å gjøre enkle ting vanskelig. *host*
Svar: *** Jo, det var Bjørnstjerne Bjørnson. I følge “sogan” hadde hans kone Karoline truet med å hoppe i døden om han enda en gang var utro. Bjørnstjerne greide ikke å holde seg i skinnet og kom hjem igjen og uttalte de etter hvert berømte ord: “Hopp, Karoline! Hopp!”***
Nå innså jeg plutselig hvordan man kan lenke fra fotnoten og opp igjen, men det hadde du åpenbart skjønt selv også. Blast!
Iom at du etterlyser en enklere måte å gjøre dette på (om man ikke vil ha fotnotene til å peke tilbake): hva med å bare bruke lenkefunksjonen og så skrive inn “SETTINNURLTILBLOGGPOSTENDERTEKSTSTEDETER#X”? Har ikke prøvd det selv, men det burde funke.
“kan du lenke til et bestemt tekststed i bloggposten du skriver i eller til en bestemt del av en annen tekst eller side du har skrevet i bloggen din”
Jeg tror dette poenget ditt er veldig undervurdert. Muligheten til å lage en “innholdsfortegnelse” i (litt for?) lange tematiske bloggposter eller “oversiktspages” er ganske fin. Eller om man skriver ting som “hvis du allerede vet dette kan du bare hoppe over neste avsnitt” og så lenker ned til neste avsnitt
Ellers tror jeg kanskje du (av pedagogiske hensyn) burde bytte ut “_ftnrefX” og “_ftnX” med “X” og “Y” og så forklare hva man bør skrive for X og Y? Mange som får spæder med en gang de ser en “<” eller nonsenseord og tenker at dette blir alt for vanskelig for lille meg…
Ja, å bruke disse kodene til å lage innholdsfortegnelse er jo helt ypperlig!
I “Dobbel”-fotnotene har jeg prøvd det du sier, men det funket ikke for meg. Du kan selvsagt forske på det.
Jeg føler jeg har brukt opp pedagogen i meg for i dag, men jeg skal se om det er mer jeg kan forenkle ellers uten å ødelegge kodene. Ellers regner jeg med at fine og flinke Kristin kommer og veileder meg etter hvert her. *like Kristin veldig godt*
… men den “dobbel”-fotnote-greia er virkelig for spesielt interesserte.
De fleste kommer langt med den første fotnotekoden. 
Kanskje…
For å gjøre livet (eller i det minste skrivingen) enklere så kan du droppe “SETTINNURLTILBLOGGPOSTENDERTEKSTSTEDETER” før # dersom fotnoten er på samme webside som lenken til fotnoten.
En URL med # kalles fragment identifier (om noen vil google seg fram for å få bekreftet visdommen) og dropper du URL-til-bloggposten får du en relativ URL.
Med andre ord:
<a href=”#_ftnrefX” name=”_ftnX“>Selve fotnoten</a>
(Droppet title-attributten, men det var bare for å gjøre koden enklere)
Takker.
Hmm … jeg forsøkte å fjerne ‘title’ flere ganger, men da endte jeg bare med at WordPress la den til selv da jeg lagret innlegget. Forstå det den som vil.
Ok, det er i så fall en WordPress-særhet. Er det pga “name” eller gjør den dette for alle lenker? Om det er name-attributten som får WP til å gjøre dette så kan du jo forsøke å bruke “id” i stedet. (Attributten id kan du bruke i alle tagger, og da slipper du å legge inn en tom a bare for å definere et ankerpunkt i teksten.)
Jeg har bare opplevd at den har gjort det med denne typen lenking.
Jeg skal forsøke “id”, men hva du sier i parentesen er jeg ikke sikker på at jeg skjønner.
Tja, “id” kan du f.eks. bruke for å lage et ankerpunt i et vanlig tekstavsnitt:
<p id=”X”>Bla bla bla</p>
Eller, du kan bruke den for et bilde:
<img id=”X” src=”ettellerannet.gif”>
Hjelp! Nå koker hodet mitt over!
Betyr det at vi egentlig kan drite i de derre kodene jeg har skrevet over?
Nei, for det er veldig kjekt å lage en lenke tilbake fra fotnoten til stedet der fotnoten blir referert, så forslaget ditt holder vann.
(mao, bare stopp rett etter at jeg foreslår å prøve “id” for å unngå at Wp slenger på en “title”
*fnis* Det var da enda godt, så har jeg ikke kastet bort for mye tid! *knegg*
Du vil ikke stille opp som Krasjkurs-gud framover når vi støter på problemer?
Vi kan tilby egomassasje, heder og ære som betaling. 
Hm, jeg kan jo ikke så mye om nykker og særheter i WordPress, men et og annet HTML-tips kan det jo hende at jeg kan bidra med. Og, smilefjes kan man vel aldri få for mye av, så betalingen er grei.
Og der har jeg strippet koden enda mer.
Det er masse rare nykker og tull i WordPress.com lærer man etter hvert, men det er ganske hyggelig å være her for det.
Og jeg skal jaggu få deg til å dobbeltsjekke neste gang jeg skal knote med koder jeg ikke kan. *knegg*
/You are warned!/
Og godt du er fornøyd med smilefjes i betaling.
(knapper og glansbilder har liksom gått av moten)
[...] Spørsmål: “Hvordan får jeg fotnoter i bloggpostene mine” Svar WordPress: “Installer innstikket WP-Footnotes” Svar WordPress.com: “Les Undres “Hvordan lage fotnoter/ sluttnoter/ innholdsfortegnelse i WordPress.com“” [...]
[...] Krasjkurs i WordPress - 3.5 - Hvordan lage fotnoter/sluttnoter/innholdsfortegnelse i WordPress.com [...]