Modern Footnotes

説明

Grantland と FiveThirtyEight のスタイルに感化された、デスクトップとモバイル用に最適化した脚注。

WordPress エディターの脚注アイコンか、ショートコード [mfn]脚注です[/mfn] を使って投稿内に脚注を入れます。プラグインは自動で連番を入れます。

デスクトップではユーザーが番号をクリックすると、脚注がツールチップとして表示されます。モバイルでは、現在の文章の下に節として展開されます。

また [mfn_list] のショートコードで記事内の脚注の一覧を表示することもできます。

GitHub の公式リポジトリはここです: https://github.com/seankwilliams/modern-footnotes

ショートコードのオプション

ショートコードのオプションを使って、脚注の動作やスタイルを変更できます。
[mfn referencenumber=3] この脚注は3番になります[/mfn] 。
[mfn class=’my-pretty-class’] この脚注は my-pretty-class というクラスが追加され、個別に脚注をスタイルできます[/mfn]。
[mfn referencereset=’true’] 脚注のカウントを初期化するので、1番に戻ります。続く脚注も、この新しく開始された番号に続くことになります。

スクリーンショット

  • http://prismtechstudios.com/modern-footnotes/modern-footnotes-1.png
  • http://prismtechstudios.com/modern-footnotes/modern-footnotes-2.png
  • http://prismtechstudios.com/modern-footnotes/modern-footnotes-3.png

インストール

  1. Upload the modern-footnotes folder to your wp-content/plugins directory.
  2. Activate the plugin in the WordPress Plugins section.
  3. Use a footnote in your post by using the footnote icon in the WordPress editor or by using the shortcode: [mfn]this will be a footnote[/mfn]
  4. 出典番号は自動で順番に割り当てられるので、最初の脚注は1、次の脚注は2、そして3と続きます。出典番号は、referencenumber 属性から特定の番号を指定することができます。例: [mfn referencenumber=3]これは3番になります。[/mfn]
  5. スタイルを変更したいなら、お使いのテーマのカスタム CSS から次のスタイルを上書きできます:
    .modern-footnotes-footnote – 脚注番号を表示する上付き要素
    .modern-footnotes-footnote–selected – 今アクティブな上付き要素
    .modern-footnotes-footnote__note – モバイルとデスクトップ両方に適用されるスタイル
    .modern-footnotes-footnote__note–mobile – モバイル用の脚注のスタイル
    .modern-footnotes-footnote__note–desktop – デスクトップ用の脚注のスタイル

FAQ

脚注を挿入する方法は ?

投稿内に脚注を使うには、エディター内の脚注アイコンを使うか、ショートコードを使います: [mfn]ここが脚注になります[/mfn]

投稿の末端にも脚注一覧を表示できますか ?

はい。設定 -> Modern Footnotes からオプションの「投稿の末端に脚注一覧を表示」を選択します。または印刷時にのみ表示するには、「印刷時に、投稿の末端に脚注一覧」のオプションです。

デスクトップでツールチップを表示する代わりに、モバイルみたいに脚注を展開できますか ?

はい。設定 -> Modern Footnotes からオプションの「展開可能な脚注」を選択します。

本プラグインが出力する出典番号を変更できますか ?

はい。出典番号を指定するには、referencenumber 属性を使用します。例: [mfn referencenumber=3]これは3番になります。[/mfn]

脚注番号を1に初期化できますか ?

はい。referencereset=’true’ の属性により出典番号1から再開されます。例: [mfn referencereset=’true’] これで、それまでの脚注の数に関係なく1から再開されます。これに続く脚注は2になります。[/mfn] ただしプラグインが HTML を処理する方法によっては、他のすべてのプラグインと互換性がない場合があります。数字が正しく表示されなければ、代わりに refnum 属性を使う必要があるかもしれません。(参考: 本プラグインが出力する出典番号を変更できますか ?)

脚注のスタイルを変更できますか ?

スタイルを変更したいなら、お使いのテーマのカスタム CSS から次のスタイルを上書きできます:
.modern-footnotes-footnote – 脚注番号を表示する上付き要素
.modern-footnotes-footnote–selected – 今アクティブな上付き要素
.modern-footnotes-footnote__note – モバイルとデスクトップ両方に適用されるスタイル
.modern-footnotes-footnote__note–mobile – モバイル用の脚注のスタイル
.modern-footnotes-footnote__note–desktop – デスクトップ用の脚注のスタイル

Furthermore, if you want to apply different styles to different footnotes, you can add additional classes to each individual footnote by using the class option in the shortcode like this:
[mfn class=”my-pretty-class”] [/mfn]

ブロック・エディター/グーテンベルグ・エディターに対応していますか ?

はい。選択中の文字列を脚注へと移動させるため、ブロックエディターのツールバーに Modern Footnotes ボタンが使えます。一方で、本プラグインが出力する出典番号を指定したいなら、ショートコードを入力することになります。

Why isn’t the word “footnote” appearing by all of my footnotes in the Block Editor/Gutenberg Editor?

The word “footnote” only shows up by the first footnote in each paragraph in the editor, but all footnotes are highlighted gray. This is to work around a technical limitation of Gutenberg’s editor, though hopefully we can come up with a better solution in the future. Don’t worry, your footnotes will show up correctly when viewing the page/blog post though!

本プラグインの開発を支援できますか ?

Modern Footnotes は、貢献者の自由時間から成り立つオープンソースのプロジェクトです。手伝いたいという表明にはとても意味があります。肯定的な評価を残したり、開発者にコーヒーをおごることで本プラグインを支援できます。また開発を支援したいなら、GitHub でのプロジェクトへの貢献には深く感謝します。

評価

2023年8月9日 1 reply
Great plugin, very lightweight and provides the exact functionality I was looking for. Appreciate you making it!
2023年6月15日
Was looking for a replacement for a foot pints plug-in that is not longer being developed. Modern Footnotes is the perfect solution. And includes block support to boot. I was able to seamlessly transition and still use my existing shortcodes. Responsiveness from the developer made it a no brainer
2023年3月31日 1 reply
Not sure if it's just my installation or others have experienced this too, but it's not working consistently on Elementor/Astra theme. It works in some pages/posts not in others.
2022年12月12日
Perfect plugin, with the option to show all footnotes at the bottom, and customize classes. Thank you.
29件のレビューをすべて表示

貢献者と開発者

Modern Footnotes はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Modern Footnotes” は4ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Modern Footnotes” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.4.19

  • Fix compatibility issue with Relevanssi

1.4.18

  • Fix PHP warning when $GLOBALS[‘post’] was not a WP_POST instance

1.4.17

  • Security fix for XSS issue. Thanks to cleantalk and Dmitrii Ignatyev for identifying the issue.

1.4.16

  • Security fix for XSS issue. Thanks to Rio Darmawan for identifying the issue.

1.4.15

  • Fix for duplicate HTML ids

1.4.14

  • Minor fix for a PHP warning where foreach was attempting to access a null object

1.4.13

  • Fixed a problem where using the hover option for footnotes would cause footnote display issues on mobile.

1.4.12

  • Add ability to provide a custom class attribute to mfn shortcode tags
  • Fix JavaScript error loading Modern Footnotes on widgets page
  • Add a new option to customize the heading of a footnote list
  • Fix PHP type warnings when strings were provided as footnote reference numbers

1.4.11

  • Accessibility fix: set aria-describedby and gave footnote links a role of “button”

1.4.10

  • Remove outline style from tooltip when users are focused on it
  • Added an option to add heading text to a footnote list

1.4.9

  • Fixed a PHP warning in debug mode

1.4.8

  • Fixed a PHP warning in debug mode

1.4.7

  • Add option to add title attribute with footnote contents to footnote numbers

1.4.6

  • Removed title attribute from footnotes (may add this in again in the future as a setting, if it’s requested)

1.4.5

  • Fix to issue where footnotes would sometimes interfere with line height
  • Only load CSS/JS for Modern Footnotes on pages where it’s used
  • Add option to show tooltips on hover
  • Add title attribute to a element that opens footnotes
  • Fixed issue with rendering footnotes in excerpts
  • Fixed issue related to WordPress back-end compatibility with other plugins
  • Accessibility improvements: set focus in and out of tooltip footnotes, and make the escape key work when in a footnote

=1.4.4=
* Fixed PHP warning

=1.4.3=
* Add an option to list footnotes at the bottom of an RSS feed

=1.4.2=
* Change “x” button to only close one collapsible footnote at a time to prevent mobile scrolling issues

=1.4.1=
* Added CSS to make the footnotes list display better with some themes.

=1.4=
* Added option to list footnotes at bottom of the page. Fixed issue where Display Posts plugin would cause posts to sometimes render with incorrect numbering.

=1.3.11=
* Prepared plugin for localization

=1.3.10=
* Fixed problem on pages that listed multiple posts where footnote numbers wouldn’t reset. Added an option to reset footnote numbering with an attribute. Fixed a minor code issue with the Gutenberg editor.

=1.3.9=
* Fixed problem in Chrome where a footnote near the right side of the screen would appear with compressed width on desktop

=1.3.8=
* Fixed problems with some custom implementations where footnotes wouldn’t open due to extra DOM elements being placed between the footnote link & content

=1.3.7=
* Fixed JavaScript error

=1.3.6=
* Fix for problem where clicking on a footnote with the same numbering as another footnote would open both footnotes

=1.3.5=
* Fix for problem where footnote numbering would incorrectly start with ‘3’ in some cases, especially when combined with the Yoast SEO plugin

=1.3.4=
* Fix for problem where some extra, empty footnotes would randomly appear

=1.3.3=
* Fix issue where applying multiple formats in conjunction with footnotes in the Gutenberg editor would mess up footnote formatting

=1.3.2=
* Fix issue where links inside footnotes wouldn’t appear inline with other text

=1.3.1=
* Updated style so that long links are truncated with ellipsis in tooltips

=1.3.0=
* Fixed problem where Classic Editor button did not appear in WP 5.x. Added Gutenberg button. Allow shortcode within footnotes.

=1.2.7=
* Fixed additional shortcode rendering issue in RSS feeds.

=1.2.6=
* Removed footnote shortcodes from rendering in RSS feeds.

=1.2.5=
* Fixed issue with footnotes causing line breaks.

=1.2.4=
* Fixed a problem where HTML tags could not be entered inside a footnote.

=1.2.3=
* Tested with WordPress 5.0

=1.2.2=
* Changed license from LGPL to GPL2.

=1.2.1=
* Fixed a problem where footnote would improperly size when it was opened multiple times at the edge of a container

=1.2=
* Stopped using href=”#” for a HTML elements for increased theme compatibility. Added ability to have a custom shortcode. Added a custom CSS area. Added the ability to manually override citations.

=1.1.4=
* Fixed issue where footnote numbering wouldn’t be sequential when other plugins like TablePress caused shortcodes to render in a different order than they appear in the HTML.

=1.1.3=
* Fixed issue where icon was not showing in the admin MCE editor

=1.1.2=
* Fixed problem where scripts were enqueued incorrectly.

=1.1.1=
* Fixed error occuring in PHP versions below 5.3

=1.1=
* Added option to use expandable version of footnotes on desktop instead of the default tooltip style

=1.0=
* initial version