내맘대로의 EPUB 제작 가이드

1. 플러그인(Plugin)이란?

플러그인은 말 그대로 필요한 기능을 플러그에 꼽듯이 해서 사용하는 부가기능이에요. 스마트폰에 메모리가 부족하면 추가 메모리를 꼽는 것과 비슷하다고 생각하시면 됩니다. 플러그인을 잘 활용하면 복잡하게 해야 하는 작업이 아주 편해져요. 그런데 스마트폰에 추가 메모리를 설치하려면 메모리 슬롯이라는게 필요하잖아요. 컴퓨터 프로그램도 비슷해요. 플러그인을 지원하는 프로그램만 플러그인을 쓸 수 있습니다. Sigil은 플러그인을 지원하고 있어요.

2. 어떤 기능을 추가할 수 있지?

Sigil은 34개의 공개(공식이 아니에요) 플러그인이 있습니다. 개인이 사용하는 것까지 찾아보면 더 많겠지만, Sigil 플러그인 페이지에서 정리한 목록에 나와있는게 32개예요. Sigil에서 추천을 한다고 이 플러그인이 공식 지원한다는 얘기는 아닙니다. Sigil에서 공식 지원하는 플러그인은 2개예요.

이 두개의 공식 플러그인 외에 32개가 더 있어요. Sigil이 공식 지원을 하는건 아니지만 많은 사람들이 사용하고, 지속적인 업데이트가 이루어 지거나 업데이트는 없지만 더 이상 수정할 필요도 없는 완성도 높은 플러그인을 Sigil 사이트를 통해 정리해 놨습니다. 목록을 보려면 아래 링크를 클릭해 보세요.

이 중 제가 쓰는 플러그인은 3개예요.

다른 플러그인들은 영문(문법 플러그인)만 지원하거나 업데이트가 안돼 Sigil v0.9.x 이후 버전에서 오류가 나는게 많아요. 그리고 EPUB3 output plugin, cssRemoveUnusedSelector 같은 일부 플러그인은 Sigil이 업데이트 되면서 필요 없어졌습니다.

다음 글에서는 플러그인을 사용하는 방법을 알려드릴게요.

플러그인 파일을 다운받아 Sigil에서 불러오면 사용할 수 있어요... 라고 간단히 설명할 수 있으면 좋겠지만, Sigil은 파이썬(Python)이라는 언어를 사용하기 때문에 파이썬을 먼저 설치하고, Sigil에 파이썬을 연결해 줘야하거든요. 

'Sigil에 Python이 내장돼 있는데.'라고 딴지걸고 싶은 분이 계시겠지만, 제대로 쓰려면 이번 기회에 확실히 배우는게 좋지 않겠어요^^?

https://github.com/Sigil-Ebook/Sigil/releases

Sigil이 오랜만에 업데이트를 했네요.

사용자들이 느끼기엔 큰 변화가 없지만 몇가지 중요한 기능이 업데이트 되었습니다.

1. PyQt5 적용 : 플러그인을 제작하는 분들께는 중요한 업데이트인데, 일반 사용자에게는 중요하지 않습니다. 플러그인을 만들 때 사용하는 파이선이라는 프로그램이 있어요. 이걸로 플러그인을 만들 때 PyQt5라는 GUI방식의 프로그램을 쓸 수 있게 됐습니다. 

2. 설정 > 모양 에서 [Menus]라는 탭이 추가됐습니다.

이 탭은 메뉴 아이콘의 크기를 조절하는 기능입니다. 아래 이미지를 참고하세요.

<아이콘을 작은 크기로>

<아이콘을 큰 크기로>

3. 윈도우에서 발생하는 몇가지 이슈(템프 폴더, 중복 파일 등)를 수정했습니다.

EPUB3 기능이 조금 개선되었습니다. 며칠 전에 EPUB2를 EPUB3로 바꿀 일이 있어 편집을 하는데 문제가 좀 있었거든요. 잠깐 작업하는데도 발생한 문제여서 누구나 느꼈을텐데 이 부분이 개선되었다네요. 여전히 EPUB3는 베타 버전 느낌이지만 Sigil로도 EPUB3 파일을 만드는게 가능해졌어요.

아래는 세부적인 오류 수정, 새로운 기능 목록이에요. 자세한 내용은 Sigil 폼페이지에서 확인하세요~

Bug Fixes

• Make sure when new empty epub3's are created that the toc does not use a doctype (Issue #250)
  
• Make GetUniqueFilenameVersion work even on Case-Insensitive filesystems (Issue #247)
  
• Properly urlencode/decode all hrefs in plugin's ResultXML in launcher/PluginRunner to prevent parse errors
• Enable Basic Cut Copy Paste Icons/Actions in OPF, NCX, XML, SVG, and other Misc Text Tabs
• Add proper detection for minimum service pack requirements in Windows installer
• Include workaround for bug in KDE Qt5 plugin on Linux that keep plugins from launching from menu
• Prevent splitting Section0001.xhtml (Split at Cursor) needlessly rewrite the file's manifest id with a uuid
• Fix issue where merging files when non-xhtml tabs were open was causing Python errors or crashes
• Fix segfault in Image Reports when deleting unused image files
• Fix bug in prettyprint_xhtml in sigil_bs4 (put back inadvertently dropped is_void_tag routine)
• Fix gumbo serialize to better handle injected newlines
• Harden bundled Python isolation on Windows and add subset of PyQt5 to bundled modules
• Harden plugin interface code to properly unquote/quote hrefs
• Stop Sigil from nagging about unsupported mimetypes when epubs with Adobe xpgt page-templates are opened
• Fix Book Browser highlighting issue when editable XML files from the "Misc" folder are opened
• Pull upstream bug fixes from google's gumbo parser for Sigil
• Force formatting buttons in BookView to generate inline-styled spans instead of "strike", "b", etc
• Fix bug from deprecated use of jquery $.browser.msie introduced when jQuery was updated
• Fix temp folder specification on Windows systems that delete the system temp folder for every login (Issue #285)
• Fix typos in metadata descriptions to allow better translations

New Features

• New preference setting (Appearance section) which allows user to adjust the size of the main menu icons
• Add manifest properties to Book Browser tooltips and to All Files Reports Widget for epub3
• Make Sigil's UI and spellchecker language settings available to plugins
• Add support for PyQt5 for plugin gui widgets
• Internal builds now use Qt 5.6.2 with Webkit added back
• Windows structural changes to eliminate file duplication and to accommodate PyQt5 requirements
• Update all build it yourself from source documentation for new requirements

오랜만에 업데이트가 올라왔네요.

이번 업데이트에는 버그(오류) 수정과 새로운 기능이 추가되었다고 합니다.

설치해 봤는데 아이콘이 바뀌었어요. 좀 더 크고, 좀 더....디자이너가 필요해 보이는...ㅎㅎ

주요 기능 변경 사항입니다. 

1. 눈에 확 띄는 변화는 아이콘입니다. 아이콘이 커졌어요.

2. Allow editing of page-map.xml files, xpgt files and other misc xml based files inside Sigil

- misc에 있는 xml 파일을 수정할 수 있게 했다고 하는데 안되네요. 설정상의 문제인지, 특별한 방법이 있는건지 모르겠어요. 확인 되면 다시 정리하겠습니다.

3. 파이선, J 쿼리, QT(미리보기 엔진 쯤으로 생각하심 됨)가 업데이트 되었습니다. 이건 그렇구나 하고 알아두심 되요.

4. Make tooltips for Run Plugin Icons show the name of the selected plugin on hover

- 플러그인 바로실행(?) 아이콘에 커서를 올리면 어떤 플러그인인지 이름이 나옵니다. 저처럼 기억력 나쁜 사람들을 위해 꼭 필요한 업데이트네요. 다음엔 아이콘도 바꿀 수 있도록~~

Sigil을 설치하신 분들은 자동으로 업데이트 공지가 뜹니다.

Sigil을 처음 설치하시는 분들은 위에 있는 파일 다운로드 url을 따라 들어가면 파일을 다운받을 수 있습니다.

Sigil 0.8.? 버전부터 EPUB Check 기능이 빠졌습니다.

구 버전에서는 F7을 누르면 EPUB Check가 실행되며 표준에 어긋나는 부분을 지적해 줬는데 지금은 Well-Formed Check EPUB으로 기능이 바뀌었습니다. 이건 EPUB 체크와는 조금 다른 기능이에요.

Sigil-ebook 홈페이지에서는 Filght Crew를 플러그인에 추가해 사용하라고 하는데 이 플러그인으로 오류를 찾은 적이 한번도 없습니다. EPUB 체크 프로그램을 돌리면 오류가 나오는데도 Flight Crew는 잡아내지를 못하더라구요. 그리고 업데이트 된지도 한참 지나 관리를 하는지 의심스럽습니다.

그렇다고 매번 저장 후 EPUB 체크 폴더로 옮겨 확인하기도 귀찮았는데 제 고민을 해결해 주는 사용자가 있었네요 ^^

Sigil 플러그인 바로가기 버튼과 연결시켜 사용하면 편리합니다.

플러그인 사용법은... 예전에 올린 글을 참고해주세요 ^^;

플러그인 도구모음 버튼 연결 방법 : http://epubguide.net/129

1. 표지 스타일

표지 스타일은 한번 만들면 모든 책에 사용할 수 있다. 간단하게 편집하고 싶다면 아래처럼 좌우 가운데 정렬을 해 주면 된다. 이미지 태그는 <div>나 <p>태그로 감싸는데 <p>태그로 감쌀 경우 들여쓰기가 되지 않도록 주의해야 한다.

이렇게 표지를 삽입하면 좌우는 가운데 정렬이 되지만, 세로로 긴 화면에서 보면 표지가 화면 위쪽에 붙는다. 표지가 뷰어의 상하좌우 중앙에 오게 만들고 싶다면 아래 스타일을 사용할 수 있다.

표지 스타일 적용 전

표지 스타일 적용 후

2. 속표지 스타일

전자책과 종이책은 읽는 방식이 다르다. 텍스트를 담는 그릇 자체가 종이와 디지털이라는 전혀 다른 성질이다. 종이책 편집에 익숙한 편집자들은 전자책에 종이책 감성을 담으려고 노력을 하는데, 그러다 보면 아래 같은 편집이 나오게 된다.

종이책과 똑같이 편집한 전자책

이 책은 필자가 시간상의 문제로 외주 제작을 의뢰해 받은 전자책 파일이다.  표지, 책등의 저자 소개, 저작권면 등 목차까지 6개 페이지가 나온다. 스마트폰 같은 작은 화면에서 보면 저자 소개, 저작권면 등은 2~3페이지가 나오기 때문에 실제로는 10페이지가 넘는다.

독자의 입장에서 생각해 보자. 종이책이라면 책을 펼쳐 바로 본문으로 넘어갈 수 있다. 편집자에게는 책등과 속표지와 저작권면이 중요하겠지만, 독자에게는 큰 의미가 없다. 특히 전자책은 바로 본문으로 넘어갈 수 없기 때문에 책을 열자 마자 필요 없는 페이지를 10페이지 이상 넘겨야 하는 불편이 생긴다.

저자소개와 판권면을 책의 뒤로 보내고, 속펴지를 없앤 편집

편집을 수정해 책에 포함되야 하는 저자소개와 판권면은 뒤로 넘기고, 속표지를 없앴다. 독자는 이 책을 볼 때 본문까지 가는데 3페이지면 충분하다. 전자책을 편집할 때는 종이책과 달라야 한다는 생각으로 전자책에 필요하지 않은 부분은 과감히 없애고, 독자에게 불편할 수 있는 부분은 뒤쪽으로 넘기는게 좋다.

그래도 속표지가 필요한 경우가 있다. 그럴 때는 겉 표지와 편집을 달리 가져가는게 좋다. 샘플로 사용하는 이상한 나라의 앨리스는 종이책으로 보면 목차까지 4페이지가 있다. 간지와 책날개 등을 포함하면 7페이지가 된다.

전자책으로 편집할 때는 표지, 속표지, 목차 이렇게 3페이지만 표현할 것이다.

속표지는 종이책 이미지를 그대로 가져와도 되지만 여기서는 표지 스타일을 적용해 텍스트 형식으로 제작하려고 한다.

왼쪽은 종이책 표지이고 오른쪽은 CSS를 적용하기 전 EPUB 속 표지이다. 속표지에는 영문 제목, 한글 제목, 저자, 역자 그리고 출판사 로고 이렇게 5개의 스타일이 필요하다.

1. 영문 제목
   영문 책 제목은 h1 태그를 사용한다. 제목 아래에 밑줄이 있고, 글자 크기는 다른 글자보다 커야 한다. 태블릿 처럼 화면이 넓은 기기에서는 제목이 한 줄로 표현되지만, 스마트폰에서는 제목이 2줄 이상이 될 수 있어 밑줄은 화면 길이에 맞춰 폭이 조절되야 한다.
    

위 스타일을 적용하면 아이패드의 넓은 화면과 스마트폰의 좁은 화면에 맞춰 글자가 자동으로 배열된다. 밑줄 역시 화면에 맞춰 길이가 조절된다.

2. 한글 제목

한글 제목에는 h2를 사용한다. 한글 제목은 글자 크기를 맞추고 가운데 정렬을 시켜준다. 그리고 한글 제목과 저자 사이에 간격이 벌어져 있으니 margin으로 폭을 조절해 준다.

3. 저자와 역자

저자와 역자는 p 태그에 클래스로 스타일을 지정한다. 저자와 역자 역시 가운데 정렬에 글자 크기만 지정해 주면 된다.

4. 로고

로고 이미지가 준비돼 있다면 Images 폴더에 로고 이미지를 불러온다.

로고는 화면 크기에 따라 크기가 조절되야 한다. 아이패드처럼 큰 화면에서는  크게, 스마트폰 같은 작은 화면에서는 작게 조절되야 한다. 화면 크기에 따라 로고는 가로 20% 크기로 하고, 최대 크기는 100%를 넘지 않게 스타일을 지정한다.

 왼쪽은 종이책 속표지, 오른쪽은 전자책 CSS를 적용한 표지

스타일이 모두 적용이 되면 종이책 표지와 비슷한 느낌으로 속표지가 표현된다. 차이가 있다면 이미지형 표지는 화면 크기가 작아지면 글씨를 읽기 힘들어지고, 가로 화면에서도 세로형으로 표현되지만 텍스트로 편집한 표지는 가로/세로에 따라 표지 배열이 바뀌고 화면이 작아도 글씨 크기가 그에 맞게 조절된다는 점이다.

전자책 표지는 화면크기 및 비율에 맞춰 자동으로 조절됨

* Tip

스타일을 적용하다 보면 똑같이 반복되는 속성이 있다. 제목 스타일도 아래 속성이 계속 반복된다.

이렇게 반복되는 스타일은 한번에 지정을 할 수 있다.

 중복 스타일을 묶어 한번에 지정을 하면 CSS 파일을 조금 더 깔끔하게 정리할 수 있다.

속표지 스타일은 책마다 다양한 변형이 가능하다. 이미지로 표현할 수도 있고, 텍스트로 된 속표지라면 여기에서 처럼 CSS로 스타일을 지정해 표현할 수도 있다. 어떤 형태로 만들 든 전자책 화면은 종이책 처럼 고정되어 있지 않고 다양한 비율, 다양한 크기라는 점을 잊지 않는게 중요하다. 이미지로 속표지를 넣더라도 4인치 스마트폰부터 10인치 태블릿까지 고려해서 편집을 해야한다.

상세 정보 및 다운로드 : https://sigil-ebook.com/2016/03/26/sigil-0-9-5-released/

새로운 기능

Allow user to choose what level of CSS gets used in the “Validate Stylesheets With W3C” tool via user preference (General).

W3C의 Stylesheet 검증을 이용할 때 EPUB2, EPUB3의 CSS 레벨을 선택할 수 있습니다. Sigil은 W3C 웹사이트로 연결해서 Stylesheet의 적합성을 검증할 수 있는 기능이 있습니다. [도구 > W3C로 스타일시트 검증] 메뉴를 선택하면 되는데 지금까지는 선택할 수 있는 옵션이 없었습니다.

EPUB2와 EPUB3를 지원하면서 이 부분에 CSS Level을 선택할 수 있는 설정이 추가됐습니다. 기본은 EPB2 - CSS-Level 1, 2 / EPUB3 - CSS-Level 3으로 EPUB에서 공식 지원하는 CSS레벨에 맞춰져 있습니다.

[편집 > 설정]으로 기본설정 창을 열고 General Settings에서 설정을 할 수 있습니다. 

그 외에는 몇가지 버그가 개선됐습니다.

그리고 추가로...(0.9.3 버전 이후부터)

When you fire up Sigil for the very first time:

- navigate to the new General Preferences and select the default epub version you plan to work with (epub 2 or epub3) so that new empty ebooks start with the correct code.

처음 Sigil을 설치하는 사람들은 [기본 설정]에서 새로 시작할 때 EPUB 2, EPUB3 중 어떤 파일이 기본으로 설정할 것인지 정해야 합니다. EPUB2와 EPUB3는 사용하는 코드가 네임스페이스 같은 설정들이 약간 다르기 때문에 만들고자 하는 전자책에 맞게 EPUB2나 EPUB3 중 올바른 형식으로 시작하도록 합니다.

- if you plan to work with epub3 epubs, you should change your PreserveEntities setting to use ONLY NUMERIC entities. For example use & # 1 6 0 ; for non-breaking spaces and etc.

만약 EPUB3로 파일을 만들고자 한다면 [PreserveEntities]에 반드시 NUMERIC entities를 추가해야 합니다.

PreserveEntities는 Sigil이 지원하는 Reformat HTML이나 Well formed Check 기능이 강제로 코드를 바꾸지 않게 합니다. EPUB2에서는 &nbsp; 코드가 공백을 대체하는데 EPUB3에서는 이 코드를 사용할 수 없습니다. 대신 Numeric entities인 &#160;를 쓰기 때문에 PreserveEntities를 Numeric으로 추가하라는 의미입니다. 

HTML Name 코드와 Numeric 코드는 여기서 확인하세요 : http://www.ascii.cl/htmlcodes.htm

- We strongly recommend enabling Mend On Open in your settings for best performance with Sigil

Sigil 최상의 성능을 위해 설정을 아래 이미지처럼 Mend On Open으로 수정할 것을 강하게 권장합니다.