説明
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番に戻ります。続く脚注も、この新しく開始された番号に続くことになります。
スクリーンショット
インストール
- Upload the modern-footnotes folder to your wp-content/plugins directory.
- Activate the plugin in the WordPress Plugins section.
- 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]
- 出典番号は自動で順番に割り当てられるので、最初の脚注は1、次の脚注は2、そして3と続きます。出典番号は、referencenumber 属性から特定の番号を指定することができます。例: [mfn referencenumber=3]これは3番になります。[/mfn]
- スタイルを変更したいなら、お使いのテーマのカスタム 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 でのプロジェクトへの貢献には深く感謝します。
評価
貢献者と開発者
変更履歴
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