설명
데스크톱과 모바일에 최적화된 각주, Grantland와 FiveThirtyEight의 스타일에서 영감을 받았습니다.
워드프레스 편집기에서 각주 아이콘을 사용하거나 단축 코드를 사용하여 글에 각주를 추가하세요: [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을 받습니다. 다음 각주 역시 이 새로운 시작에 따라 번호를 받게 됩니다.[/mfn]
스크린샷
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
설치
- 모던한 각주 폴더를 wp-content/plugins 디렉터리에 업로드합니다.
- 워드프레스 플러그인 섹션에서 플러그인을 활성화합니다.
- 워드프레스 편집기에서 각주 아이콘을 사용하거나 단축 코드를 사용하여 글에 각주를 추가할 수 있습니다: [mfn]이것은 각주가 될 것입니다[/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].
-
각주를 글 하단에도 나열할 수 있나요?
-
예. 설정 – 모던한 각주로 이동하여 “글 하단에 각주 목록 표시” 옵션을 선택합니다. 또는 인쇄할 때 글 하단에 각주만 표시하려면 “인쇄할 때 글 하단에 각주 나열” 옵션을 선택합니다.
-
데스크톱 각주를 도구 설명을 사용하는 대신 모바일에서와 같이 확장되도록 만들 수 있나요?
-
예. 설정 – 모던한 각주로 이동하여 “데스크톱에서 확장 가능한 각주” 옵션을 선택합니다.
-
플러그인에서 출력되는 참조 번호를 사용자 정의할 수 있나요?
-
예. “참조번호” 속성을 사용하여 특정 참조번호를 지정하여 사용자 지정 참조번호를 지정할 수 있습니다. 예를 들어 [mfn 참조번호=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 – 데스크톱 각주에 대한 스타일링또한 각주마다 다른 스타일을 적용하려면 다음과 같이 쇼트코드에
class옵션을 사용하여 각 개별 각주에 클래스를 추가할 수 있습니다.
[mfn class=”my-pretty-class”] [/mfn] -
블록 에디터/구텐베르크 에디터를 지원하나요?
-
예. 블록 편집기의 도구 모음에 있는 모던한 각주 버튼을 사용하여 선택한 텍스트를 각주로 이동할 수 있습니다. 그러나 플러그인에서 출력되는 참조 번호를 사용자 정의하려면 대신 쇼트코드를 입력해야 합니다.
-
블록 편집기/구텐베르크 편집기에서 내 모든 각주 옆에 ‘각주’라는 단어가 표시되지 않는 이유는 무엇인가요?
-
‘각주’라는 단어는 편집기에서 각 단락의 첫 번째 각주에만 표시되지만 모든 각주는 회색으로 강조 표시됩니다. 이는 구텐베르크 편집기의 기술적 한계를 해결하기 위한 것이지만, 앞으로 더 나은 해결책을 마련할 수 있기를 바랍니다. 페이지/블로그 글을 볼 때는 각주가 올바르게 표시되므로 걱정하지 마세요!
-
플러그인 개발을 지원하려면 어떻게 해야 하나요?
-
모던한 각주는 기여자들의 여가 시간을 활용해 구축된 오픈 소스 프로젝트입니다. 어떤 지원의 손길도 큰 의미가 있습니다. 긍정적인 리뷰를 남기거나 개발자를 위해 커피를 구매하여 플러그인을 지원할 수 있습니다. 또한 플러그인 개발에 도움을 주고 싶으시다면 GitHub에서 프로젝트에 기여해 주시면 깊이 감사드립니다.
후기
기여자 & 개발자
변경이력
1.4.20
- XSS 문제에 대한 보안 수정. 문제를 파악해 주신 muhammad yudha와 Patchstack에게 감사드립니다.
1.4.19
- Relevanssi와의 호환성 문제 수정
1.4.18
- GLOBALS[‘post’]가 WP_POST 인스턴스가 아닐 때 PHP 경고 수정
1.4.17
- XSS 문제에 대한 보안 수정. 이 문제를 파악해 주신 cleantalk와 Dmitrii Ignatyev에게 감사드립니다.
1.4.16
- XSS 문제에 대한 보안 수정. 문제를 식별해 주신 Rio Darmawan님께 감사드립니다.
1.4.15
- 중복된 HTML ID 수정
1.4.14
- Foreach가 널 객체에 액세스하려고 시도하는 PHP 경고의 사소한 수정
1.4.13
- 각주에 호버 옵션을 사용하면 모바일에서 각주 표시 문제가 발생하던 문제를 수정했습니다.
1.4.12
- 쇼트코드 mfn 태그에 사용자 정의 클래스 속성을 제공하는 기능 추가
- 위젯 페이지에서 모던한 각주 로딩 시 자바스크립트 오류 수정
- 각주 목록의 제목을 사용자 지정하는 새로운 옵션 추가
- 문자열이 각주 참조 번호로 제공되었을 때 PHP 유형 경고 수정
1.4.11
- 접근성 수정: 아리아 설명으로 설정하고 각주 링크에 “버튼” 역할을 부여했습니다.
1.4.10
- 사용자가 도구 설명에 집중하고 있을 때 도구 설명에서 개요 스타일 제거
- 각주 목록에 제목 텍스트를 추가하는 옵션 추가
1.4.9
- 디버그 모드에서 PHP 경고 수정
1.4.8
- 디버그 모드에서 PHP 경고 수정
1.4.7
- 각주 번호에 각주 내용과 함께 제목 속성을 추가하는 옵션 추가
1.4.6
- 각주에서 제목 속성 제거(요청이 있을 경우 향후 설정으로 다시 추가할 수 있음)
1.4.5
- 각주가 때때로 줄 높이를 방해하는 문제 수정
- 모던 각주용 CSS/JS가 사용되는 페이지에서만 로드합니다.
- 마우스오버 시 툴팁을 표시하는 옵션 추가
- 각주를 여는 요소에 제목 속성 추가
- 발췌문에서 각주 렌더링 관련 문제 수정
- 다른 플러그인과의 워드프레스 백엔드 호환성 관련 문제를 수정했습니다.
- 접근성 개선: 도구 설명 각주 안팎에서 초점을 설정하고 각주 안에 있을 때 이스케이프 키가 작동하도록 했습니다.
=1.4.4=↵
* PHP 경고 수정
=1.4.3=↵
* RSS 피드 하단에 각주를 나열하는 옵션 추가하기
=1.4.2=↵
* 모바일 스크롤 문제를 방지하기 위해 접을 수 있는 각주를 한 번에 하나만 닫도록 “X” 버튼을 변경합니다.
=1.4.1=↵
* 일부 테마에서 각주 목록이 더 잘 표시되도록 CSS를 추가했습니다.
=1.4=↵
* 페이지 하단에 각주를 나열하는 옵션이 추가되었습니다. 글 표시 플러그인으로 인해 가끔 잘못된 번호로 글이 렌더링되던 문제를 수정했습니다.
=1.3.11=↵
* 현지화를 위한 플러그인 준비
=1.3.10=↵
* 여러 개의 글이 나열된 페이지에서 각주 번호가 재설정되지 않던 문제를 수정했습니다. 속성을 사용하여 각주 번호를 재설정하는 옵션을 추가했습니다. 구텐베르크 편집기의 사소한 코드 문제를 수정했습니다.
=1.3.9=↵
* Chrome에서 화면 오른쪽에 있는 각주가 데스크톱에서 압축된 너비로 표시되던 문제 수정
=1.3.8=↵
* 각주 링크와 콘텐츠 사이에 추가 DOM 요소가 배치되어 각주가 열리지 않던 일부 사용자 정의 구현의 문제를 수정했습니다.
=1.3.7=↵
* 자바스크립트 오류 수정
=1.3.6=↵
* 다른 각주와 번호가 같은 각주를 클릭하면 두 각주가 모두 열리던 문제를 수정했습니다.
=1.3.5=↵
* 각주 번호 매기기가 경우에 따라 ‘3’으로 잘못 시작되는 문제 수정, 특히 Yoast SEO 플러그인과 함께 사용할 때 문제 수정
=1.3.4=↵
* 빈 각주가 무작위로 표시되던 문제 수정
=1.3.3=↵
* 구텐베르크 편집기에서 각주와 함께 여러 서식을 적용하면 각주 서식이 엉망이 되는 문제를 수정했습니다.
=1.3.2=↵
* 각주 안의 링크가 다른 텍스트와 인라인으로 표시되지 않던 문제 수정
=1.3.1=↵
* 도구 설명에서 긴 링크가 줄임표로 잘리도록 스타일을 업데이트했습니다.
=1.3.0=↵
* WP 5.x에서 클래식 편집기 버튼이 나타나지 않던 문제 수정. 구텐베르크 버튼 추가. 각주 내 쇼트코드 허용.
=1.2.7=↵
* RSS 피드에서 추가 쇼트코드 렌더링 문제를 수정했습니다.
=1.2.6=↵
* RSS 피드 렌더링에서 각주 쇼트코드를 제거했습니다.
=1.2.5=↵
* 각주에서 줄 바꿈이 발생하는 문제를 수정했습니다.
=1.2.4=↵
* 각주 안에 HTML 태그를 입력할 수 없던 문제를 수정했습니다.
=1.2.3=↵
* 워드프레스 5.0에서 테스트
=1.2.2=↵
* 라이선스가 LGPL에서 GPL2로 변경되었습니다.
=1.2.1=↵
* 컨테이너 가장자리에서 각주를 여러 번 열면 각주 크기가 부적절하게 조정되던 문제 수정
=1.2=↵
* 테마 호환성을 높이기 위해 a HTML 요소에 href=”#” 사용을 중지했습니다. 사용자 정의 쇼트코드 기능을 추가했습니다. 사용자 정의 CSS 영역이 추가되었습니다. 인용을 수동으로 재정의하는 기능을 추가했습니다.
=1.1.4=↵
* TablePress와 같은 다른 플러그인으로 인해 각주 번호가 순차적으로 표시되지 않는 문제를 수정하여 단축 코드가 HTML에 표시되는 순서와 다른 순서로 렌더링되도록 했습니다.
=1.1.3=↵
* 관리자 MCE 편집기에서 아이콘이 표시되지 않던 문제 수정
=1.1.2=↵
* 스크립트가 잘못 대기열에 추가되던 문제를 수정했습니다.
=1.1.1=↵
* 5.3 이하의 PHP 버전에서 발생하는 오류 수정
=1.1=↵
* 데스크톱에서 기본 도구 설명 스타일 대신 확장 가능한 버전의 각주를 사용할 수 있는 옵션이 추가되었습니다.
=1.0=↵
* 초기 버전