WordPress Footnote and Bibliography in HTML5

It Seems to us That the Users Like WordPress Footnote and Bibliography. WordPress Footnote & Bibliography Can Be Constructed Without Plugin. Here is a Reference Article on Footnote, Bibliography, Style & Markup. What peoples usually say footnote is actually Bibliography. These are part of Scholarly Publication or Academic Publications. We wrote about how to use WordPress for academic journal. We have a guide on creation of table of contents in WordPress fully manually. One should have a look on both of the articles. They are related and we will not repeat telling again and again the same stuffs.

What are the Wrongs on WordPress Footnote and Bibliography

Normally, one need Footnote for adding some extra information after the end of the document. Whereas, Endnote is for adding some extra information at the end of the article. Bibliography, Reference Lists are different type of Footnote. Usually Footnote/Bibliography/Reference is achieved be putting sequential series of numbers either in brackets or slightly above the line of writing or printing (superscript) against a sentence, word or paragraph, followed by a citation of the source at the bottom of the page with the same number. It should be numerical and chronological. The advantage of these is that, the reader can simply discover the source of a reference which interests them, it avoids inline hyperlinking towards another website (which can distract the user), printed sources can be mentioned etc. Rules for the formatting of the detailed references follow the same principles as for the reference lists for the ‘author, date’ system. In other words – Bibliography is a detailed information of the source which peoples usually say WordPress Footnote.

Here is quite good information about the Style of Endnote and Footnote :

An example of full citation in bibliography:
Hamilakis, Y., Pluciennik, M. & Tarlow, S. (2001). Academic Performances, Artistic Presentations. Assemblage, 6. www.shef.ac.uk/assem/issue6/art_web.html (accessed 08/07/02).
An example of the same as brief citation in text/footnote:
Hamilakis et al, 2001.
There is more information and examples in this resource :

Basic to Create WordPress Footnote and Bibliography in HTML5/h3>

As like we have a jQuery Plugin about which we wrote in guide on creation of table of contents in WordPress, we will get a smooth scroll effect with only using few markup.

Secondly, we need a hover effect on mouse-over, without jQuery we can use methods like :

Working example :

Method 1
hover me
Method 2
This link has mouseover text.

As citation, bibliography really needs different control system, most of the common users of WordPress Footnote and Bibliography needs no plugin or complex method. It is not abnormal to get blacklisted by Google’s automated system for such mass odd works. It probably better to use only on real need. There are online services to generate the style on the fly from a URL, like :

With that tool for this URL :

We can gather this data :

There are other such online services :

WordPress Plugin itself can do that stuff :

But basically these are too much. We can use Bibtex to print the URL’s data automatically. Understand the below example. If you need to know about LaTex read here. La Text, easy thing but the Javascript is disturbing to load.

Our Example Method of WordPress Footnote and Bibliography in HTML5

This is main body of my content.
I have a footnote link for this line ¹. Then, I have some more content. Some of it is interesting and it has some footnotes as well². You can click the 1 or 2 hyperlink to go to the footnote section and after going there, click the ↩ icon link to scroll back here. As our adjustment of pixel is not for these works, for jQuery plugin, you will get scrolled few lines below. Thats not big matter. Without the jQuery plugin the smooth effect will be absent, otherwise only HTML will work fine.

Steps and Explanation to Create WordPress Footnote and Bibliography For the above example

For the first and second [1] and [2] we have used :

and the HTML of the Reference (can seen below) :

That footnote-1-ref and footnote-1-ref are two classes. Another two classes are footnote-1 and footnote-1. it is rule to link back with ↩ symbol to the number on click. Rest looking very complicated but actually for making the bots understand. You can do it with :

…footnote styles for academic^a compliant with styles of publishing…

Which is :

and have a footnote like this :

1. Twitter is Bad by Abhishek Ghosh.

with :

But what fucking purpose it will serve more than getting a funky pseudo-academic 1, 2, 3, 4, that is unknown to me. Bibtex to WordPress bibliography is technically most robust system, and WordPress plugins are available like Papercite. Those are professional grade Plugins :

We have not checked their matters. We only informed you.

References

1. Here is my first footnote.↩ The United Nations Children’s Fund (UNICEF). India Country Office. India’s story of triumph over polio.UNICEF, 2014: 6–9.
   
2. Here is my second footnote.↩ GHOSH, A. “Twitter Not Sending Verification Code & Worst Support” The Customize Windows, 2016: n. pag. Web.–16 May 2016..