내맘대로의 EPUB 제작 가이드

https://youtu.be/zNmZSvEd4ss

한겨레 출판아카데미 강의

https://bit.ly/3Nheg6F

Footnotelinker 플러그인으로 양방향 링크 주석을 만드는 방법입니다.

Sigil 플러그인 인덱스의 Footnotelinker 플러그인을 한글화 하여 블로그에 올려놨습니다.

한글화 하며 사용법도 간단히 추가했습니다.

플러그인 받고, 동영상 보며 연습하면 아주 쉽게 주석에 양방향 링크를 연결할 수 있습니다.

뷰어에 따라 링크로 이동하거나 팝업 주석으로 표시됩니다.

교재는 여기

왕초보를 위한 클릭으로 EPUB 만들기 : bit.ly/3ncjs0W

중급 사용자를 위한 Sigil완벽 가이드도 있어요. Sigil 완벽 가이드 : bit.ly/3LLsR9I

Footnotelinker 다운로드는 여기로...

https://www.epubguide.net/505

Sigil 주석 플러그인 footnoteLinker를 수정해 처음 사용하는 분들을 위한 설명을 달았습니다.

원본은 여기서 받을 수 있습니다.

클래스와 ID 별로 간단히 설명을 달았습니다.

사용법은 간단합니다.

본문 주석 번호에 [주석 번호 클래스]를 삽입합니다.

<p>주석 달기 예제<sup class="noteanchor">1)</sup>입니다</p>

sup 대신 다른 태그를 사용해도 되며, 클래스만 맞추면 됩니다.

주석은 별도 파일로 정리를 합니다.

endnote.xhtml 파일에 주석만 넣고, 시맨틱 속성으로 [참고(notes)]를 추가합니다.

EPUB3는 주석(footnote) 시맨틱을 추가해야 합니다.

그리고 주석 설명의 p 태그에 [주석 설명 클래스]를 삽입합니다.

<p class="note">1) 주석 달기 설명 예제입니다</p>

이제 플러그인을 실행하면 양방향 주석 링크가 추가됩니다.

끝으로 CSS 파일에 주석 스타일을 추가합니다.

.noteanchor {

    본문 주석 번호 스타일입니다.

}

.note {

    주석 설명 스타일입니다.

}

.noteSymbol {

    주석 설명의 번호(링크가 걸려 본문으로 되돌아옴) 스타일입니다.

}