User Tools

Site Tools


topic_pages

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
topic_pages [2018/04/02 02:46]
pchung
topic_pages [2020/06/23 15:04] (current)
Line 40: Line 40:
 There are two methods of adding a footnote reference. ​ There are two methods of adding a footnote reference. ​
  
-  - Use inline script [ref]//​entering texts//​[/​ref]+1. Use inline script [ref]//​entering texts//​[/​ref]
  
 This method is the most requires you to enter the text in full inline directly on the WP editor page. The citation should be as it will appear in the footer. ​ This method is the most requires you to enter the text in full inline directly on the WP editor page. The citation should be as it will appear in the footer. ​
  
- ​{{:​refref.png?​400|}}+ ​{{:​refref.png?​600|}}
  
 Note the highlighted script tag pair **ref** which indicates a footnote. Everything within this will be displayed as is in the footnote. ​ Note the highlighted script tag pair **ref** which indicates a footnote. Everything within this will be displayed as is in the footnote. ​
Line 50: Line 50:
 You then need to hyperlink the title of the reference material by simply highlighting the text and selecting the 'add hyperlink'​ radio button. This will then bring up a window where you can enter in the appropriate URL. It is important that you enter in the URL extension to CKAN documents where applicable. ​ You then need to hyperlink the title of the reference material by simply highlighting the text and selecting the 'add hyperlink'​ radio button. This will then bring up a window where you can enter in the appropriate URL. It is important that you enter in the URL extension to CKAN documents where applicable. ​
  
-{{:​inserthyperlink.png?​400|}}+{{:​inserthyperlink.png?​600|}}
  
-  - use the "​Reference Footnote"​ radio button+2. use the "​Reference Footnote"​ radio button
    
 The radio button on the WP editor can be used to insert the footnote text automatically by copying and pasting the format of the reference into the window. After inserting, the proper syntax will be add into the content [ref]//​entering texts//​[/​ref],​ then the footnote will automatically generated including the Superscript numbers and Referent list. The radio button on the WP editor can be used to insert the footnote text automatically by copying and pasting the format of the reference into the window. After inserting, the proper syntax will be add into the content [ref]//​entering texts//​[/​ref],​ then the footnote will automatically generated including the Superscript numbers and Referent list.
Line 58: Line 58:
 To add the hyperlink to the reference you can either add a hyperlink as before or add the script directly into the window such as:  To add the hyperlink to the reference you can either add a hyperlink as before or add the script directly into the window such as: 
  
 +[ref]United Nations. **<a href="​http://​www.un.org/​sustainabledevelopment/​poverty/">​**Goal 1: End poverty in all its forms everywhere**</​a>​**. Accessed February 25, 2018.[/ref]
  
 +The syntax will add the hyperlink to the title of the document in this case 'Goal 1: End poverty in all it's forms everywhere'​. ​
  
-==== Summary ====  +{{ :​referenceradio.png?​600 |}}
-  * Click on the Referent Footnote Icon on the Editor tootle bar under the title +
-  * Entering the footnote texts +
-  * Click Insert button+
  
-{{ :​insert-footnote.jpg?​direct |}} 
  
 ==== Expected Result ==== ==== Expected Result ====
-The subscript number will be added and the reference list will automatically showed at the end of the content as the screenshot below. +The subscript number will be added and the reference list will automatically showed at the end of the content as the screenshot below.The URL will be hidden in the hyperlink.  
-{{:​reference-footnote1.jpg?direct&​400 ​|}} {{:​reference-list.jpg?direct&​400 ​|}}+ 
 +{{ :reference-foot1.png?600 |}} {{ :reference-foot2.png?600 |}} 
  
 ===== How to define the CSS Styles for topic content ===== ===== How to define the CSS Styles for topic content =====
topic_pages.1522637161.txt.gz · Last modified: 2020/06/23 15:03 (external edit)