Title: Advanced Footnotes
Author: yutonet
Published: <strong>2018 年 6 月 1 日</strong>
Last modified: 2018 年 6 月 2 日

---

搜索插件

![](https://ps.w.org/advanced-footnotes/assets/banner-772x250.jpg?rev=1885926)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/advanced-footnotes/assets/icon-256x256.jpg?rev=1885926)

# Advanced Footnotes

 作者：[yutonet](https://profiles.wordpress.org/yutonet/)

[下载](https://downloads.wordpress.org/plugin/advanced-footnotes.zip)

 * [详情](https://cn.wordpress.org/plugins/advanced-footnotes/#description)
 * [评价](https://cn.wordpress.org/plugins/advanced-footnotes/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/advanced-footnotes/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/advanced-footnotes/#developers)

 [支持](https://wordpress.org/support/plugin/advanced-footnotes/)

## 描述

Advanced Footnotes lets you add footnotes on articles via shortcodes. Advanced Footnotes
is is extremely customizable, therefore it can be implemented on any theme.

With its internal functions, you can also implement Advanced Footnotes on your own
theme in any form you like.

Main Features:

 * Easy & flexible implementation.
 * Implemented WYSIWYG editor button.
 * Footnotes can be implemented with shortcode or function.
 * Animated scroll effect (can be disabled)
 * Lightweight CSS (can be disabled)
 * Custom CSS styling
 * Dynamically changeable interface options (JS can be fully disabled)

Usage

### Inserting a Footnote:

In order to insert a footnote, you can either use the “Insert Footnote” button added
on your WYSIWYG editor, or use the [footnote]your-footnote-here[/footnote] shortcode.

### Shortcode Parameters:

_“type”:_ Determines the type of the reference. **Options:** _numeric_ / _non-numeric_.

### Listing Footnotes:

You can display the footnotes in two methods:

### Listing by Shortcode:

By simply inserting the _[footnotes]_ shortcode in your post content, you can display
footnotes wherever you want in your posts.

#### Shortcode Parameters:

_“title”:_ Determines the title for the footnotes list. Default value can be set
through plugin settings.

#### Shortcode Usage:

    ```
    [footnotes title="My Custom Footnotes Title"]
    // or
    [footnotes title="false"]
    ```

### Listing by Theme Inclusion:

You can print the footnotes by calling _print\_refs_ function from the advanced_footnotes
class.

#### Simple Function Usage:

    ```
    call_user_func(array('advanced_footnotes', 'print_refs'));
    ```

#### Additional Parameters:

 * First parameter: “Print”, whether print or return the footnotes content. (Default:“
   true”)
 * Second parameter: “Title”, determines the title for the footnotes content. (Default:“
   false”)

#### Function Usage with Parameters:

    ```
    $footnotes = call_user_func_array(array('advanced_footnotes', 'print_refs'), array(false, 'Custom Footnotes Title'));<h3>Plugin Options:</h3>
    ```

You can access the plugin options through “Options/Advanced Footnotes”.

 * **Include Plugin CSS:** Determines whether to include the default plugin css 
   files. Disable this if you want to re-style the plugin within your theme.
 * **Custom CSS:** Provides a field for custom CSS styling.
 * **Include Plugin JS:** Determines whether to include the plugin javascript files
   on the theme output. Disable this if you want to customize plugin interactions
   or just to use native HTML anchors.
 * **Default Title for Footnotes:** Sets the default title used on the “[footnotes]”
   shortcode.
 * **Footnote Symbol:** Sets the symbol used for non-numeric footnotes.
 * **Disable JS Options:** Determines whether to apply options to the plugin JS 
   files or not.
 * **Footnotes Scroll Gap:** This sets the scroll margin when clicked on a footnote.
   Set this when you have a fixed header or any other element blocking some part
   of the window area.
 * **Footnote Scroll Speed:** Sets the animation speed when a footnote is clicked.
   Set 0 for no animation.

### HTML Structure & Classes

### Anchors:

#### Numeric Anchor:

    ```
    <a id="{unique id}" class="afn-footnotes-ref hook numeric" name="{unique id}" href="#{unique id of the reference}">{number - automatically incremented by the order}</a>
    ```

#### Non-numeric Anchor:

    ```
    <a id="{unique id}" class="afn-footnotes-ref hook non-numeric" name="{unique id}" href="#{unique id of the reference}">footnote symbol</a>
    ```

### References:

Non-numbered references are listed before the numbered references on the list.

    ```
    <!-- Main Container -->
    <div class="afn-footnotes">

        <!-- Title -->
        <h3 class="afn-footnotes-title">{Title}</h3>

        <!-- List of references -->
        <ul class="afn-footnotes-list">

            <!-- Reference item - non-numeric -->
            <li class="footnote-item afn-textarea">
                <a id="{unique id}" class="afn-footnotes-ref reference non-numeric" name="{unique id}" href="#{unique id of the anchor}">{footnote symbol}</a>
            </li>

            <!-- Reference item - numeric -->
            <li class="footnote-item afn-textarea">
                <a id="{unique id}" class="afn-footnotes-ref reference numeric" name="{unique id}" href="#{unique id of the anchor}">{number - automatically incremented by the order}</a>
            </li>

        </ul>

    </div>
    ```

Known Issues

 * WYSIWYG Button doesn’t work on the plugin [TinyMCE Advanced](https://wordpress.org/plugins/tinymce-advanced/)(
   and probably on some other -WYSIWYG editor modifying- plugins).

Contribution

[https://github.com/yutonet/wp_advanced_footnotes](https://github.com/yutonet/wp_advanced_footnotes)

## 屏幕截图

[⌊WYSIWYG editor button.⌉⌊WYSIWYG editor button.⌉[

WYSIWYG editor button.

[⌊WYSIWYG dialog.⌉⌊WYSIWYG dialog.⌉[

WYSIWYG dialog.

[⌊Plugin options.⌉⌊Plugin options.⌉[

Plugin options.

[⌊Simple usage.⌉⌊Simple usage.⌉[

Simple usage.

## 安装

Install and activate Advanced Footnotes like any other plugin.

## 常见问题

  Installation Instructions

Install and activate Advanced Footnotes like any other plugin.

  Can I implement Advanced Footnotes on my theme?

Yes you can. You can either get the footnotes as an object array, or simply print
it with the Advanced Footnotes\’ functions.

  Can I use Advanced Footnotes without editing my theme files?

Yes, you can simply use _[footnote]your note here[/footnote]_ shortcode for each
footnote you want to place, and [footnotes] shortcode to use put the footnotes wherever
you want them to be.

## 评价

![](https://secure.gravatar.com/avatar/17a551db7d3525cc7c2010cc18826967b5ed9a07ce0a83b2c7822e14b7c9220f?
s=60&d=retro&r=g)

### 󠀁[Doesn’t appear to work with newest WordPress](https://wordpress.org/support/topic/doesnt-appear-to-work-with-newest-wordpress/)󠁿

 [ArtDev](https://profiles.wordpress.org/drupalista/) 2019 年 3 月 25 日

The link to insert footnote is missing. This plugin may be out of date..

![](https://secure.gravatar.com/avatar/77e32a2719113809b4304d6dd404cef4ea885bb89bacf186cd0236bfe0f2c11a?
s=60&d=retro&r=g)

### 󠀁[Nice Plugin, easy to use, just fine for my needs.](https://wordpress.org/support/topic/nice-plugin-easy-to-use-just-fine-for-my-needs/)󠁿

 [Harald Wenzel](https://profiles.wordpress.org/epiphanius1/) 2018 年 11 月 13 日

Thanks so far for developing this tool! Though I want to mention an issue with the“
Open Graph Protocol Framework” plugin, which made my footnotes appear twice for 
some time.

 [ 阅读所有2条评价 ](https://wordpress.org/support/plugin/advanced-footnotes/reviews/)

## 贡献者及开发者

「Advanced Footnotes」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ yutonet ](https://profiles.wordpress.org/yutonet/)

[帮助将「Advanced Footnotes」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/advanced-footnotes)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/advanced-footnotes/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/advanced-footnotes/)，或通过[RSS](https://plugins.trac.wordpress.org/log/advanced-footnotes/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/advanced-footnotes/)。

## 更新日志

#### 1.1

 * **1.1.2**
    - Fixes on the readme file.
 * **1.1.1**
    - Empty title display bug fixed.
    - WYSIWYG dialog enabled on selected text.
 * **1.1.0**
    - Semantic versioning.
    - Footnote type selection (numeric or non-numeric).
    - Footnote symbol option for non-numeric footnotes.
    - Better documentation.

#### 1.0

 * **1.0.1**
    - Documentation
    - Stable.
    - Title display bug fixed.
 * **1.0.0**
    - Initial Release

## 额外信息

 *  版本 **1.1.2**
 *  最后更新：**8 年前**
 *  活跃安装数量 **10+**
 *  已测试的最高版本为 **4.9.29**
 *  语言
 * [English (US)](https://wordpress.org/plugins/advanced-footnotes/)
 * 标签
 * [academic](https://cn.wordpress.org/plugins/tags/academic/)[articles](https://cn.wordpress.org/plugins/tags/articles/)
   [footnotes](https://cn.wordpress.org/plugins/tags/footnotes/)[references](https://cn.wordpress.org/plugins/tags/references/)
 *  [高级视图](https://cn.wordpress.org/plugins/advanced-footnotes/advanced/)

## 评级

 5 星（最高 5 星）。

 *  [  2 条 5 星评价     ](https://wordpress.org/support/plugin/advanced-footnotes/reviews/?filter=5)
 *  [  0 条 4 星评价     ](https://wordpress.org/support/plugin/advanced-footnotes/reviews/?filter=4)
 *  [  0 条 3 星评价     ](https://wordpress.org/support/plugin/advanced-footnotes/reviews/?filter=3)
 *  [  0 条 2 星评价     ](https://wordpress.org/support/plugin/advanced-footnotes/reviews/?filter=2)
 *  [  0 条 1 星评价     ](https://wordpress.org/support/plugin/advanced-footnotes/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/advanced-footnotes/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/advanced-footnotes/reviews/)

## 贡献者

 *   [ yutonet ](https://profiles.wordpress.org/yutonet/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/advanced-footnotes/)