santoki

footnotes the long way…

In code on February 12, 2007 at 3:02 am

Creating footnotes in WordPress without a plug-in.

I went looking for some help on how to make footnotes in WordPress. I tried the FAQs, and I tried the forums. It wasn’t as helpful as I had hoped. They kept pointing me in the direction of a plug-in. I guess that I am not that savvy in the ways of wordpress.

Suffice it to say, I have no idea how to install a plug-in into my wp-admin, and actually, I am not quite sure what they are talking about. I am guessing that I might be able to do that if I paid for the editor upgrade. Who knows?

Anyway, time to come up with my own solution. After a bit of finagling, this is the code for creating in text parenthetical references, and linking footnotes:

Use this to create the parenthetical reference [1]:

<a href=”#_ftn1″ name=”_ftnref1″ title=”_ftnref1″>[1]</a>

Use this to create the parenthetical reference [2]:

<a href=”#_ftn2″ name=”_ftnref2″ title=”_ftnref2″>[2]</a>

<!–I usually throw in a line before my footnotes–>

_____________________________________________________

<a href=”#_ftnref1″ name=”_ftn1″ title=”_ftn1″>[1]</a> This is footnote 1.

<a href=”#_ftnref2″ name=”_ftn2″ title=”_ftn2″>[2]</a> This is footnote 2.

The results will look like this:

Use this to create the parenthetical reference [1]:

[1]

Use this to create the parenthetical reference [2]:

[2]

_____________________________________________________

[1] This is footnote 1.

[2] This is footnote 2.

Sure, it might be a bit bulky and inelegant, but so am I. Copy and paste and footnote til you puke.

Please note:  When copying and pasting into your HTML editor, you will definitely have some tweaking to do.  Make sure to check the quotes, and the like.  Personally, I keep it handy in a .txt file with all the other “go to” tags.   Also, I don’t think that the sourcecode tags will work, as HTML is not really programming.

  1. That’s nicely done, actually (from a non-coder). Thanks for making it available!

  2. Thanks judy! Nice to know I can help out!

  3. [...] Footnotes were created following the suggestions from this post by [...]

  4. works for me– thanks so much for these!

  5. Glad to hear that it is working out! st.oki

  6. [...] Die Anleitung zum Fußnoten-Basteln kommt von Santoki. Allerdings funktionierten sie bei mir nur, als ich alle Anführungszeichen löschte und neu [...]

  7. Well, what I write in my entry to which you have a pingback is essentially that I thank you for providing this method and that I had a rather strange problem – I had to delete and replace all the quotation marks because my system treated yours like strange signs. They also looked a bit different from the ones I see when I type them. After I replaced them, it worked.

  8. Quotation marks!

    I know exactly what you’re talking about. I seem to have the same issue when I copy and paste from the site. To remedy, I have a handy cheat sheet of all necessary blogging html in a .txt file. It lives on my desktop.

    Thanks for reading! Or should I say danke sehr?!

  9. Yeah!

    I found that I could make the return trip more intuitive for people by adding this:

    [1] This is footnote 1. [back]

    Clicking either the [1] or the [back] in the above would take people to their original spot.

    Thanks for the tip.

  10. Whoops. Of course the code above translated. Basically I put the same script after the footnote as before but replaced the “1″ with “back”.

  11. Thanks Edward! Great tip!

All comments are screened for appropriateness. Commenting is a privilege, not a right. Good comments will be cherished, bad comments will be deleted.