前言介紹
- 這款 WordPress 外掛「Side Matter」是 2013-01-26 上架。
- 目前有 200 個安裝啟用數。
- 上一次更新是 2014-01-09，距離現在已有 4133 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 3.0 以上版本才可以安裝。
- 有 13 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
setzer |
外掛標籤
academic | annotate | annotation | annotations | bibliography |
內容簡介
e Side Matter 外掛可以將註腳轉換為側邊註記，讓每個註記在側邊欄中與其在正文的相應引用對齊。與超連結註腳不同，側邊註記無需跳轉頁面來跟進每個引用；取而代之的是，它們會謙遜地並且易於訪問地位於它們所參考的材料旁邊。
要使用，請在側邊欄中放置 Side Matter Widget，然後使用 [ref] 縮短碼包裹頁面或文章中的側邊註記文字，例如：
這裡是要註釋的文字。[ref]註記文字在這裡 [/ref]
要更改默認設置，請使用設置選項，該選項位於管理屏幕上的外觀菜單下面的 Side Matter 選項頁面中。
使用 CSS 為 Side Matter 客製化樣式，例如編輯您的註記字體或縮排，則需要使用 CSS。最簡單的方法是安裝一個自定義 CSS 外掛，即使 Side Matter 或您的佈景主題更新，它也能保留您的規則。（例如，Simple Custom CSS 是一個很好的選擇。）
Side Matter 帶有一組內置的選擇器。例如，使用 side-matter 一個 class，就可以一次選擇所有側邊註記和引用元素。以下 CSS 會將所有 Side Matter 元素呈現藍色襯線字體：
.side-matter {
color：blue;
font-family：serif;
}
使用元素特定的 class 選擇器可以更精確地格式化註記和圖表。例如，以下 CSS 將會以綠色呈現參考和列表編號，以黑色呈現側邊註記文字：
a.side-matter-ref，ol.side-matter-list {
color: green;
}
div.side-matter-text {
color: black;
}
以下是 Side Matter class 選擇器的完整清單及其用途：
- a.side-matter-ref 選擇包圍正文引用編號的連結元素。使用此類修改連結的顏色、下劃線等。
- sup.side-matter-sup 選擇圍繞正文引用編號的 sup （上標）元素。使用此類來修改數字的排版屬性，例如大小、偏移和字體。
- .widget_side_matter（注意底線）選擇 widget 容器元素，可以是 aside 或 div。
- ol.side-matter-list 選擇包圍側邊欄中的註記（包括列表編號）的ol（有序列表）元素。
- li.side-matter-note 選擇側邊註記 li（列表項目）元素，包括每個註記的編號。
- div.side-matter-text 選擇環繞側邊註記文本但不是側邊註記列表編號的 div 元素。使用此選擇器可將側邊註記文本與編號分開樣式設計。
請注意，每個註記內的段落都被進一步包裝在一個 p 標籤中。但由於這些 p 元素是在插件外部生成的，因此無法直接使用 side-matter 這個選擇器來選擇它們。請使用間接方式選擇它們，例如 div.side-matter-text > p。
Side Matter 在包含樣式表 side-matter.css 時會設置一些默認規則。在發生衝突的情況下，這些規則通常會優先使用佈景主題樣式表。第一個規則是刪除參考編號鏈接的下劃線。
原文外掛簡介
Side Matter turns footnotes into sidenotes, magically aligning each note in the sidebar next to its corresponding reference in the text. Unlike hyperlinked footnotes, sidenotes don’t require jumping down the page to follow up on each reference; instead, they perch humbly and accessibly beside the material to which they refer.
To use, place the Side Matter widget in your sidebar, then enclose sidenote text in a page or post using the [ref] shortcode, like so:
Here's the text to annotate.[ref]Note text goes here.[/ref]
To change default settings, use the Side Matter options page linked under the Appearance menu on your admin screen.
Styling Side Matter with CSS
Changing the appearance of Side Matter elements—for example, editing your notes’ typeface or indentation—requires using CSS. The simplest way to go about this is to install a custom CSS plugin that will preserve your rules even when Side Matter or your theme is updated. (Simple Custom CSS is a good example.)
Side Matter comes with a set of built-in class selectors. As an example, all sidenote and reference elements may be styled at once using the class side-matter. The following CSS will render all Side Matter elements in blue serif text:
.side-matter {
color: blue;
font-family: serif;
}
Notes and figures may be formatted with greater precision using element-specific class selectors. For example, the following CSS will render reference and list numerals in green and sidenote text in black:
a.side-matter-ref, ol.side-matter-list {
color: green;
}
div.side-matter-text {
color: black;
}
List of Class Selectors
Here is a full list of Side Matter class selectors and their uses:
a.side-matter-ref selects the link elements that enclose in-text reference numerals. Use this class to modify the links’ colors, underline, etc.
sup.side-matter-sup selects the sup (superscript) elements that enclose in-text reference numerals. Use this class to modify the numerals’ typographic properties, such as size, offset, and font.
.widget_side_matter (note the underscores) selects the widget container element, which may be an aside or a div.
ol.side-matter-list selects the ol (ordered list) element that encloses notes in the sidebar, including list numerals.
li.side-matter-note selects sidenote li (list item) elements, including each note’s numeral.
div.side-matter-text selects the div elements that enclose sidenote text, but not sidenote list numerals. Use this to style sidenote text separately from numerals.
Each paragraph within a note is further wrapped in a p tag. However, as they’re generated outside the plugin, these p elements cannot be selected directly using the side-matter class. Instead, select them indirectly, e.g. div.side-matter-text > p.
Default CSS
Side Matter sets a few rules by default in the included stylesheet side-matter.css. These rules will generally defer to your theme stylesheet in the event of a conflict.
The first rule removes underlines from reference numeral links:
a.side-matter:link,
a.side-matter:visited,
a.side-matter:hover,
a.side-matter:active {
text-decoration: none;
}
The second rule specifies a consistent cross-browser, cross-theme format for superscript figures:
sup.side-matter-sup {
position: relative;
top: -0.5em;
vertical-align: baseline;
font-size: 0.75em;
line-height: 0;
}
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Side Matter」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1.0 | 1.1 | 1.2 | 1.3 | 1.4 | trunk |
延伸相關外掛（你可能也想知道）
footnotes 》footnotes 旨在成為顯示在頁面或文章上自動生成參考資料清單的全方位解決方案。該外掛內置了一組預設值，同時也允許您控制註腳的顯示方式。, footnotes 為您...。
Footnotes Made Easy 》Footnotes Made Easy 是一個簡單而強大的方法，可將註腳添加到您的文章和頁面中。, 主要功能包括：, , 透過雙括號簡單插入註腳, 合併相同註腳, 用於分頁文章...。
teachPress 》這個外掛結合了課程管理系統（帶有招生、文件和評估模塊）和功能強大的BibTeX相容的出版物管理。兩個模塊可以獨立操作。teachPress優化了教授和研究小組的需...。
PAPERCITE 》papercite (WordPress Plugin) - 描述, , , 如需報告錯誤或請求功能，請訪問 https://github.com/digfish/papercite。文件可以在 http://papercite.readthedo...。
Citations 》- 這個外掛為 WordPress 區塊編輯器增加了實用的引用功能，旨在簡化添加參考文獻的過程。, 功能：, - 引用豐富的文本格式：這個功能讓使用者能夠標記文本中的...。
Mendeley Plugin 》>Mendeley Plugin for WordPress 是一個 WordPress 外掛，可以在 WordPress 博客中顯示來自 Mendeley（“共享參考文獻系統”（www.mendeley.com））的信息。, ...。
CM Footnotes – Boost your content’s credibility with footnotes, citations, and bibliography 》產品頁面 | 影片 | 示範 | [https://creativeminds.helpscoutdocs.com/category/312-footnotes) | 其他 CM 插件, 使用 CreativeMinds 的 WordPress 註腳插件...。
Endnotes 》Endnotes 是一個簡單的解決方案，可將腳註添加到您的 WordPress 帖子或頁面中。 這款外掛起源於 John Watson 的 FD Footnotes，但已更新以使用 WordPress 設...。
WPBMB Entrez 》這個外掛可以讓你使用 shortcode 插入到 NCBI Entrez 資料庫文章的參考文獻 (https://www.ncbi.nlm.nih.gov) 中，支援任何你在主要的 NCBI 網站上使用的查詢...。
Better Footnotes 》Better Footnotes 是一個強大且靈活的解決方案，可以為文章的讀者提供快速參考以及附加資訊的鏈接。, Better Footnotes 讓您可以輕鬆地在文章中使用視覺編輯...。
AJS Footnotes 》這個外掛可以讓作者在文字中插入腳註，只需要用雙括號 ((note)) 將腳註括住即可。當使用者看到內容時，腳註會從文字中移除並以腳註的形式呈現。滑鼠移動到腳...。
Enhanced BibliPlug 》Enhanced Bibliplug 創造了一個中央儲存庫，讓研究人員可以個人或協作環境中組織和展示其學術研究。此外掛旨在與 Zotero 帳戶同步。, 主要功能包括：, , 用於...。
Citation Importer 》WordPress Citation Importer 外掛可將單個引用、參考文獻清單或 DOI 清單匯入 WordPress 出版資料庫中。您可以選擇使用哪種文章類型作為目標。某些自訂欄位...。
BibSonomy/PUMA CSL – Publications & Tag Cloud Widget 》這個外掛可根據 Citation Style Language (CSL) 建立出版物列表。可直接整合社交書籤和出版物分享系統 BibSonomy 或PUMA。, BibSonomy 是一個社交書籤和出版...。
Sunray Author Manager 》Sunray Author Manager 是一款功能強大的外掛程式，適用於撰稿人使用，讓他們能夠多種格式地突顯自己的作品。, 此外掛程式可以在回應式輪播簾中顯示作者出版...。