Title: Footnotes for WordPress
Author: C. Johnson
Published: <strong>March 8, 2010</strong>
Last modified: December 30, 2016

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/footnotes-for-wordpress.svg)

# Footnotes for WordPress

 By [C. Johnson](https://profiles.wordpress.org/radgeek/)

[Download](https://downloads.wordpress.org/plugin/footnotes-for-wordpress.2016.1230.zip)

 * [Details](https://pcd.wordpress.org/plugins/footnotes-for-wordpress/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/footnotes-for-wordpress/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/footnotes-for-wordpress/#installation)
 * [Development](https://pcd.wordpress.org/plugins/footnotes-for-wordpress/#developers)

 [Support](https://wordpress.org/support/plugin/footnotes-for-wordpress/)

## Description

Footnotes for WordPress is a simple plugin designed with a simple aim in mind: to
make
 it dead-easy to include decently-formatted footnotes in posts and pages on
your WordPress blog.

The syntax is roughly based on the common MediaWiki syntax for footnotes, but uses
the
 WordPress shortcode conventions. So, to include a footnote with the text “Text,”
you use:

    ```
    This is footnoted.[ref]Text[/ref]
    ```

And that’s all you need to do. When you add a footnote, Footnotes for WordPress 
will
 create a note marker at the point that the foonote appears in the text, and
includes the text of the footnote in a styled list of notes down the page. When 
a reader clicks on the link in a JavaScript-enabled browser, a script included with
the plugin will create a small bubble inline in the text, which pops up over the
footnote marker for easy reading without losing their place. In non-JavaScript-enabled
contexts, clicking on the footnote marker jumps down the page to the text of the
note.

The jump is based on an unique anchor which the plugin can automatically generate
for
 you. However, if you want to create a specific ID of your own for the footnote,
you can do so using the `name="..."` attribute:

    ```
    This is footnoted.[ref name="my-unique-id-1"]Text[/ref]
    ```

If you define an ID for a footnote, you can also refer back to the same footnote

later on in the document, using the `[backref name="..."]` shortcode.

    ```
    This is footnoted.[ref name="source1"]Source 1[/ref]

    So is this.[ref name="source2"]Source[/ref]

    And this one comes from the same source as the first.[backref name="source1"]
    ```

Footnotes are numbered, beginning at 1. However, you can change the numbering if
you
 so desire using the `number="..."` attribute. For example, I often use this
when quoting from a book that contains footnotes or endnotes, in order to represent
the notes used by the original text.

    ```
    This is footnoted, but footnotes begin at number 42.[ref number="42"]...[/ref]
    ```

You can change the text that is displayed in the note’s superscripted link from 
the
 note’s number to any text or symbol that you choose using the `superscript="..."`
attribute. For example, to use an asterisk instead of the note number:

    ```
    This is footnoted with a good old asterisk.[ref superscript="*"]...[/ref]
    ```

By default, the list of footnotes appears at the bottom of the post. However, if
you
 wish them to appear somewhere above the bottom of the post, for formatting 
or other reasons, you can do so using the `[references/]` shortcode:

    ```
    This is footnoted.[ref]Text[/ref]

    As are some[ref]Text[/ref] other things.

    [references/]

    See also: Endnotes.
    ```

Which will cause the two footnotes to appear beneath the second paragraph but above

the “See also:” text.

### Usage

 * To create a footnote, use `[ref]...[/ref]` to wrap the text of your note.
 * Example: `This is footnoted.[ref]This is the text of the of the footnote.[/ref]`
 * Normally footnotes use numbered superscripts to indicate the footnote, beginning
   
   with 1. You can choose to use symbols instead, like *, **, †, etc. To use custom
   text for a footnote’s superscript, use `[ref superscript="*"]...[/ref]`, and 
   replace the asterisk with whatever symbol or text you want to use.
 * Normally footnotes begin at 1 and count up towards infinity. If you want to use
   
   numbered subscripts but need to reset the number they count from, use the `number`
   attribute. For example, if you want the current subscript to be numbered 128,
   and for subsequent subscripts to be numbered 129, 130, etc., use: [ref number
   =”128″]…[/ref].
 * To create a footnote with a specific unique ID, instead of the one that the plugin
   
   will automatically generate for you, use `[ref name="..."]...[/ref]`
 * Example: `This is footnoted.[ref name="my-unique-id"]This is the note text.[/
   ref]`
 * If you define an ID for a footnote, you can also refer back to the same
    footnote
   later on in the document, using the `[backref name="..."]` shortcode.
 * This is footnoted.[ref name=”source1″]Source 1[/ref]
 * So is this.[ref name=”source2″]Source[/ref]
 * And this one comes from the same source as the first.[backref name=”source1″]
 * To force the plugin to display notes at a different location instead of at the
   bottom
    of the post, use `[references/]`
 * Example:
 * This is footnoted.[ref]Text[/ref]
 * As are some[ref]Text[/ref] other things.
 * [references/]
 * See also: Endnotes.
 * If you wish to change how footnotes are styled, you can alter them in your
    WordPress
   theme stylesheet, or using JavaScript. The default elements and classes are `
   <a class="footnoted">` for superscript links to footnotes,

<

ol class=”footnotes”> for the list of references, and

   for each individual footnote. So, for example, to
   display footnotes at the bottom
  in a simple list, rather than in individual boxes with “Note” headers, add the
  following line to your Theme stylesheet:
      ```
          ol.footnotes li {
              background: transparent !important;
              padding: 0px !important;
              border: none !important;
              margin: 0.5em 2em !important;
          }
  
      The use of `!important` will ensure that it overrides the default styles
      set up by the plugin.
      ```
  
   * Alternatively, if you want to change the CSS class which is applied to to
      
     the footnotes list, you can do so using the `class` parameter on [references/]:
   *     ```
         This is a test.[ref]Lewis (2000).[/ref]
     
         <h3>Notes</h3>
     
         [references class="compact" /]
         ```
     
   * … which will produce the following HTML:
   *     ```
         <p>This is a test.<sup>[<a href="#test-n-1" class="footnoted"
         id="to-test-n-1">1</a>]</sup></p>
     
         <h3>Notes</h3>
         <ol class="compact">
         <li class="footnote" id="test-n-1"><strong><sup>[1]</sup></strong> Lewis
         (2000). <a class="note-return" href="#to-test-n-1">↩</a></li
         ></ol>
         ```
     
   * Since the default styling is based on children of `ol.footnotes`, those
      styles
     will not apply, and you can apply whatever styles you wish to the class that
     you’ve created.
   * 
     ### Changes from version 2010.0309 to version 2010.0822
     
   * Added `[backref name="..." /]` shortcode allowing you to refer back to a note
     with an established name
   * Eliminated a bug which caused duplicate IDs if you tried to set up multiple
     sections of footnotes in the same post using repeated `[references/]` codes.
   * Added `[references class="foo" /]` syntax, allowing user to supply their own
     class for CSS re-styling purposes.
   * Tested for and verified compatibility up to WordPress 3.0.1 and WordPress trunk.
  
  ### Changes from version 2010.0306 to version 2010.0309
  
   * Eliminates a harmless but potentially annoying source of “Missing argument”
     warnings from PHP
  
  ## Screenshots
  
   * [[
   * Add inline footnotes with dead-simple shortcode syntax.
   * [[
   * A note marker with a link to the text of the note will appear next to the footnoted
     text.
   * [[
   * The text of the note(s) will appear down the page.
   * [[
   * For ease of reading, users with JavaScript-enabled browsers can read the text
     of notes inline, without needing to jump down the page or lose their place.
  
  ## Installation
  
   1. Upload the `wp-footnotes` directory to the `/wp-content/plugins/` directory of
      
      your WordPress installation.
   2. Activate the plugin through the ‘Plugins’ panel in the WordPress admin interface
   3. Start writing posts with inline footnotes.`[ref]Using this shortcode![/ref]`
  
  ## Reviews
  
  ![](https://secure.gravatar.com/avatar/58114e8b941975e4f2cb3e96ae54b73239e5e0d45f4c9d56b563bcd2ac19a395?
  s=60&d=retro&r=g)
  
  ### 󠀁[Does a exactly what you would expect.](https://wordpress.org/support/topic/does-a-exactly-what-you-would-expect/)󠁿
  
   [sakshale](https://profiles.wordpress.org/sakshale/) September 26, 2016
  Been using this for about a month now and am very content. I would recommend it.
  It would have easily received five starts, except; The CSS explanation on how 
  to change the reference list appearance is just ambiguous enough to be confusing.
  The author seems to be invisible. Not responding in the forums and the “official”
  plugin site is offline
   [ Read all 1 review ](https://wordpress.org/support/plugin/footnotes-for-wordpress/reviews/)
  
  ## Contributors & Developers
  
  “Footnotes for WordPress” is open source software. The following people have contributed
  to this plugin.
  Contributors
   *   [ C. Johnson ](https://profiles.wordpress.org/radgeek/)
  [Translate “Footnotes for WordPress” into your language.](https://translate.wordpress.org/projects/wp-plugins/footnotes-for-wordpress)
  
  ### Interested in development?
  
  [Browse the code](https://plugins.trac.wordpress.org/browser/footnotes-for-wordpress/),
  check out the [SVN repository](https://plugins.svn.wordpress.org/footnotes-for-wordpress/),
  or subscribe to the [development log](https://plugins.trac.wordpress.org/log/footnotes-for-wordpress/)
  by [RSS](https://plugins.trac.wordpress.org/log/footnotes-for-wordpress/?limit=100&mode=stop_on_copy&format=rss).
  
  ## Meta
  
   *  Version **2016.1230**
   *  Last updated **9 years ago**
   *  Active installations **100+**
   *  WordPress version ** 2.9 or higher **
   *  Tested up to **4.7.33**
   *  Language
   * [English (US)](https://wordpress.org/plugins/footnotes-for-wordpress/)
   * Tags
   * [footnotes](https://pcd.wordpress.org/plugins/tags/footnotes/)[formatting](https://pcd.wordpress.org/plugins/tags/formatting/)
   *  [Advanced View](https://pcd.wordpress.org/plugins/footnotes-for-wordpress/advanced/)
  
  ## Ratings
  
   4 out of 5 stars.
   *  [  0 5-star reviews     ](https://wordpress.org/support/plugin/footnotes-for-wordpress/reviews/?filter=5)
   *  [  1 4-star review     ](https://wordpress.org/support/plugin/footnotes-for-wordpress/reviews/?filter=4)
   *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/footnotes-for-wordpress/reviews/?filter=3)
   *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/footnotes-for-wordpress/reviews/?filter=2)
   *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/footnotes-for-wordpress/reviews/?filter=1)
  [Add my review](https://wordpress.org/support/plugin/footnotes-for-wordpress/reviews/#new-post)
  [See all reviews](https://wordpress.org/support/plugin/footnotes-for-wordpress/reviews/)
  
  ## Contributors
  
   *   [ C. Johnson ](https://profiles.wordpress.org/radgeek/)
  
  ## Support
  
  Got something to say? Need help?
   [View support forum](https://wordpress.org/support/plugin/footnotes-for-wordpress/)
  
  ## Donate
  
  Would you like to support the advancement of this plugin?
   [ Donate to this plugin ](http://projects.radgeek.com/wp-footnotes/)