Sigil 0.9.9 버전 공개

Sigil 사용 설명서 2017.12.23 13:23



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

0.9.9 버전입니다. 드디어 1에 가까워졌어요. 0.7.x 버전에서 사라질뻔 했던 위기도 있었지만 무사히 위기를 넘기고 지금은 EPUB제작에 없어서는 안될 가장 중요한 편집기로 자리잡았네요.


0.9.9버전의 변화 간단히 정리해 드립니다. 자세한 내용인 위에  업데이트 공지 링크를 클릭하세요.


버그 수정 : 파이선 3.5 버전 개선(업데이트) 및 일부 버그(OSX에서 Symbol 사라지는 버그?) 수정

                 몇가지 강제 종료 버그 수정

                 책찾아보기에서 아이콘 사라지는 문제, 이미지 끌어넣기 관련 몇가지 오류

                 ...

                 (버그 개선사항이 엄청 많은데 제가 경험하지 못한 것들이라 자세한 내용은 모르겠네요. 영어 해석도 어려운데 경험하지 못한건 해석 해도 뭔소리인지 모를때가 많아서...업데이트 공지 확인을 권해드립니다)



새로운 기능

    - Add SIGIL_DISABLE_CURSOR_BLINK environment variable to disable text cursor to aid Accessibility on OSX(OSX에서 커서가 깜빡이는 것과 관련한 환경변수를 추가했습니다. 써봐야 정확한 기능을 알 수 있을 것 같습니다.)

    - Better use semantic information (guide types and Landmarks) to allow the user finer control of index generation(인덱스 생성 작업을 보다 세밀하게 할 수 있도록 보다 나은 semantic 정보를 사용할 수 있게 개선)

    - Attempt to improve Metadata Editor placeholder text to help beginners(초보자가 쉽게 사용할 수 있도록 메타데이터의 설명을 개선하는 작업을 시작합니다.)

    - Preview Window Title bar will now show height and width of the Preview Window(미리보가 창에서 해상도를 표시합니다. 이 기능은 아주 유용하겠네요)

    - Allow users to limit/disable clipboard history saving via General Preferences(사용자가 클립보드 히스토리의 갯수를 설정할 수 있습니다. 확인해 보니 0~20까지 설정할 수 있네요. 잘 활용하면 아주 편리하겠어요.)

    - Convert br tags in header text to linebreaks for toc/ncx/nav generation routines(제목 태그(h1~h6)에서 br 태그 써도 제목 생성할 때 공백을 넣지 않으면 붙어서 나왔는데 공백이 들어가네요. 약간 불편했는데 개선이 됐어요.)

    - Support spell checking of words with numbers controlled by Preference settings(한국어 사전이 없어 이 부분은 별 의미가 없습니다)

    - Add two additional Quick Lauch Icons for Plugins(플러그인 바로가기 아이콘이 3개에서 5개로 늘었습니다. 갯수 조절이 안되는게 아쉽긴 하지만 3개 꽉 채우고 더 추가하지 못해 아쉬웠는데  유용하게 쓸 수 있겠네요.)



자세한 내용은 업데이트 공지 확인하시기 바랍니다. 다운로드 링크도 업데이트 공지에서 확인할 수 있습니다. 

 

설정

트랙백

댓글

3. Sigil 플러그인을 활용하자 - 추천 플러그인 3종

Sigil 사용 설명서 2017.04.17 07:00


플러그인이란?

Sigil에 없지만 있으면 유용할 만한 기능을 Sigil개발자가 아닌 제3자가 개발하고 제공해 Sigil에 추가할 수 있도록 하는 기능입니다. 물론 Sigil 개발자도 플러그인을 개발하긴 하지만 공식적인 Sigil 개발이 아닌, 개인 자격으로 만드는거예요. 플러그인은 편리한 기능을 제공하지만, 개발자는 공식적인 Sigil 개발자가 아니기 때문에 플러그인을 사용할 때 문제가 생길 수도 있습니다. 그렇기 때문에 사용자가 플러그인 설치와 사용 여부를 직접 판단해야 하고, 만약 문제가 생기더라도 Sigil 개발팀이나 이 글을 쓰는 저도 책임을 지지 않습니다^^ 그래도 여기서는 제가 검증한 플러그인을 소개해 드려요. 책임은 지지 않지만, 써보고 문제가 없는 것들을 소개해 드린다는....


[Note About Plugins 원문]Plugins are developed and provided by third parties. Some Sigil developers are also plugin developers but this is separate from Sigil itself. Plugins can be open source as well as proprietary. No vetting by a Sigil developer (unless a Sigil developer wrote the plugin) is performed. Use your judgment if you install and use a plugin. We cannot be held responsible for what a third party plugin that you the user actively installed and ran.  from https://sigil-ebook.com/plugins/



1. @font-face를 자동으로 추가하자 



 전자책을 만들 때 항상 폰트를 추가합니다. Sigil에서는 폰트 파일을 추가한 후 CSS 파일에 @font-face를 매번 입력해야되요. 폰트가 추가되면 자동으로 스타일도 들아가면 좋겠지만, 편집자마다 선호하는 방식이 있으니 기능을 넣어 달라고 요구도 할 수 없습니다. 

저처럼 폰트가 추가되면 스타일이 자동으로 들어갔으면 좋겠다고 생각하는 사람이 있었나봐요. CSSFromFonts라는 제가 원하는 기능의 플러그인이 있습니다. 이 플러그인은 CSS에 폰트를 선언하는 CSS 코드를 추가해 줍니다. 특별히 설명할 내용도 없어요. 그냥 폰트를 추가하고, 플러그인을 실행하면 끝입니다. 그래도 몇가지 주의사항을 알려드릴게요.

1.1 실행 전에 폰트를 추가해 주세요. 

폰트 파일이 없으면 폰트 스타일을 만들 수 없다는건 너무 당연한거예요. 그런데 저도 가끔씩 폰트를 추가하지 않고 버튼을 누를 때가 있습니다. 폰트 폴더에 폰트를 추가한 후 실행을 시키세요. 


1.2 스타일 파일이 없으면 fonts.css 파일이 생성됩니다. 

폰트 스타일은 CSS 편집시 가장 먼저 이루어집니다. 그래서 CSS스타일 파일을 만들지 않고 버튼을 누를 때가 있어요. 그럼 자동으로 fonts.css파일이 생성됩니다. 폰트 스타일을 별도로 관리하고 싶다면 이 방법도 나쁘지 않아요. 하지만 CSS스타일에 넣고 싶다면 CSS파일을 먼저 만드세요.

   

 

1.3 생성된 코드 

플러그인을 실행하면 작업하던 내용이 있더라도 제일 상단에 폰트 코드가 추가됩니다. 

코드는 이렇게 되어 있어요. 


 @font-face { 

 font-family: 'KoPubBatang Bold'; 

 font-weight: normal; 

 font-style: normal; 

 src: url('../Fonts/KoPubBatangBold.ttf'); } 


 그대로 사용해도 되지만, 폰트 이름(font-family)은 사용하기 편한 이름으로 수정할 수 있습니다. 저는 제가 기억하기 쉬운 '기본글꼴' '제목글꼴' '강조용' 등으로 수정해서 사용합니다. font-weight와 font-style도 수정이 가능하고요.  


2. FlightCrew 대신 epubcheck를 사용하자. 



플러그인을 사용하려면 JAVA 1.6 혹은 상위 버전이 설치 되어 있어야 합니다. 대부분의 컴퓨터에 설치되어 있을거예요. 설치가 됐는지는 커맨드 창에서 java 를 치거나 java 다운로드 페이지에 들어가서 확인이 가능합니다. 


 java 다운로드 : https://java.com/ko/download/


 


epubcheck는 IDPF에서 제공하는 공식 EPUB 검증 프로그램입니다. EPUB2, EPUB3 파일을 자동으로 확인해서 버전에 맞는 검사를 실행합니다. 2017년 4월 15일자 기준으로 4.0.2 버전이 나와있고, epubcheck plugin 역시 이 버전의 epubcheck가 포함되어 있어요.


EPUBcheck 공식 다운로드 페이지 : https://github.com/IDPF/epubcheck 


 epubcheck 플러그인을 실행하면 오류가 있을 경우 아래처럼 메시지가 표시되요. epubcheck 결과를 볼 줄 모르는 분들이 많은 것 같은데, 이 부분은 나중에 정리를 할게요. 결과만 잘 읽어도 어디에 무슨 오류가 있는지를 파악할 수 있고, 이 내용을 인터넷으로 검색해 보면 어떻게 수정하는지 쉽게 찾을 수 있습니다. 


 아래 샘플 이미지의 오류를 보면 11번째줄에 있는 strong이라는 태그가 address, blockquote, del, div, p....등의 태그 안에 들어가 있어야 한다고 되어 있습니다. 쓸 수는 있지만 위치가 잘못 됐다(not allowed here)는 의미예요. 


12번째 줄에 있는 aside라는 태그는 EPUB2.0에서 쓸 수 없는(not allowed anywhere) 태그입니다. epub:type, aside 등은 epub2에서 사용할 경우 오류 메시지가 표시되는데 국내 뷰어에서는 허용을 하고 있어요. 이 외에도 ruby, mark 같이 epub3에서는 허용하지만 epub2에서는 사용할 수 없는 태그를 쓰면 오류가 납니다. 국내 유통용이면 오류를 무시해도 되는데 구글 등에 올리려면 이 파일을 epub3로 변경해야 오류를 없애고 등록할 수 있어요.  


3. EPUB을 PDF로 저장하자. 



 **PrincePDF는 개인이 비 상업적인 목적으로 쓸 경우 무료지만 상업적인 목적으로 사용하려면 유료로 구입을 해야합니다. PrincePDF는 웹 페이지를 PDF로 출력해 주는 프로그램입니다. 커맨드라인으로 명령을 넣어야 하지만 놀라울정도로 강력한 기능을 갖고 있어요. 웹페이지를 그대로 PDF로 출력할 수도 있고, 사용자가 원하는 형태로 출력도 가능합니다. EPUB은 파일 기술적으로 '하나로 만든 홈페이지'입니다. 그래서 PrincePDF를 이용해 PDF로 출력이 가능해요. 먼저 PrincePDF를 설치합니다. 다운로드 : https://www.princexml.com/ 파일을 다운로드 받아 기본설치를 하면 PrincePDF 플러그인을 사용할 수 있습니다. 설치가 잘 됐는지 확인하고 싶다면 java처럼 커맨드 창에서 prince를 입력해 보세요.  


PrincePDF플러그인을 사용하는 이유는 카카오페이지 때문이에요. 

네이버, 교보문고, 리디북스 등에 콘텐츠를 올릴 때는 EPUB을 쓰지만 카카오에는 이미지 파일을 올리는데 카카오에서 전달 받은 제작 가이드는 시간이 오래 걸리고 오류도 많이 나더라구요. 카카오에서 받은 가이드는 HWP에서 카카오페이지 비율(720*1098) 이미지로 저장하고, 이를 포토샵에서 자동 변환 스크립트를 사용해 PNG로 변환하는 방식입니다. 제 컴퓨터에서는 한장 변환하는데 3초 정도 시간이 걸리더라고요. 20~30페이지짜리 연재물이라면 금방 끝나지만 같은 장르라도 단행본을 변환하면 3000~6000페이지 정도 나오는데 페이지당 3초면 몇시간을 작업해야 합니다. 그리고 EPUB으로 제작한걸 다시 HWP로 옮기는 불편함도 크고요. 그래서 Sigil에서 바로 이미지로 변환하는 방법을 찾다 보니 PrincePDF를 쓰게 됐습니다. 




설정

트랙백

댓글

2. Sigil 플러그인을 활용하자 - 플러그인 기본 설정하기

Sigil 사용 설명서 2017.04.14 09:00

플러그인이란?

Sigil에 없지만 있으면 유용할 만한 기능을 Sigil개발자가 아닌 제3자가 개발하고 제공해 Sigil에 추가할 수 있도록 하는 기능입니다. 물론 Sigil 개발자도 플러그인을 개발하긴 하지만 공식적인 Sigil 개발이 아닌, 개인 자격으로 만드는거예요. 플러그인은 편리한 기능을 제공하지만, 개발자는 공식적인 Sigil 개발자가 아니기 때문에 플러그인을 사용할 때 문제가 생길 수도 있습니다. 그렇기 때문에 사용자가 플러그인 설치와 사용 여부를 직접 판단해야 하고, 만약 문제가 생기더라도 Sigil 개발팀이나 이 글을 쓰는 저도 책임을 지지 않습니다^^ 그래도 여기서는 제가 검증한 플러그인을 소개해 드려요. 책임은 지지 않지만, 써보고 문제가 없는 것들을 소개해 드린다는....


[Note About Plugins 원문]Plugins are developed and provided by third parties. Some Sigil developers are also plugin developers but this is separate from Sigil itself. Plugins can be open source as well as proprietary. No vetting by a Sigil developer (unless a Sigil developer wrote the plugin) is performed. Use your judgment if you install and use a plugin. We cannot be held responsible for what a third party plugin that you the user actively installed and ran.  from https://sigil-ebook.com/plugins/




1. 플러그인을 위한 Python설치

파이썬(Python)은 플러그인을 실행하기 위한 프로그램이에요. 정확히는 컴파일러인데 이런건 몰라도 되요. '플래시 플레이어' 같은거라고 생각하시면 됩니다. 브라우저에서 플래시 파일을 실행시키기 위해 '플래시 플레이어'가 설치되듯, Sigil 플러그인을 실행하려면 파이썬을 설치해야되요.


'이런거 설치 안해도 잘 되던데?'


네. Sigil은 파이썬을 번들로 포함하고 있습니다. 메뉴에서 [Plugins > Manage Plugins]에 들어가면 [Use Bundled Python]을 체크해 Sigil에 내장되어 있는 파이썬을 사용할 수 있어요. 파이썬을 설치하지 않았는데 플러그인이 실행된다면 이 옵션을 체크했거나, 자신도 모르는 사이에 파이썬이 설치됐을거예요.



번들을 써도 플러그인은 잘 작동합니다. 그러니 파이썬을 설치할 필요는 없어요. 그런데 간혹 파이썬 버전이 달라 실행이 안된다거나 하는 경우가 있습니다. 이럴 때는 버전에 맞는 파이썬을 설치해 줘야되요. 파이썬 설치는 간단합니다. 설치파일을 다운받아 실행시키고 [다음] 버튼만 눌러주면 되요. 개발자가 아니라면 복잡한 옵션을 설정할 필요가 없습니다.


파이썬 다운로드 https://www.python.org/downloads/


파이썬은 여러 버전을 다운로드 할 수 있게 되어 있어요. 파이썬 홈페이지에는 3.6.1 버전이 가장 최신이고, 2.7.13버전도 함께 있는데 둘 중 어떤걸 받아도 괜찮아요. 구 버전에서 작동하지 않거나 최신 버전에서 오류가 나는 문제 때문인데 Sigil 플러그인을 사용할 때는 큰 이슈가 없어보이네요. 


파이썬을 설치했으면 Sigil을 실행합니다. Sigil 메뉴에서 [Plugins > Manage Plugins]를 선택하거나 [파일 > Preferences > Plugins]를 선택해 플러그인 관리 화면을 열어주세요. 그리고 [자동] 버튼을 눌러줍니다. 그러면 플러그인이 설치된 경로가 자동으로 등록될거예요. 만약 자동으로 설정되지 않는다면 [Set]을 눌러 파이썬이 설치된 폴더를 찾아주면 됩니다. 


설정이 잘 됐는지 확인하고 싶다면 testplugin으로 테스트를 해보세요. 사용 방법은 아래 내용을 참고하세요.

오류 없이 실행되면 파이썬 연결이 잘 된거예요.


파이썬 설치는 끝!




2. 플러그인 불러오기, 도구 버튼 설정


플러그인을 실행하려면 플러그인 파일을 Sigil에 불러와야합니다. 필요한 플러그인을 다운받은 후 [Add Plugin] 버튼을 눌러 추가시켜 주세요. 


testplugin으로 설명드려볼게요. [Add Plugin]을 누르면 아래처럼 플러그인을 선택할 수 있는 창이 열립니다. 윈도우용도 크게 다르지 않을거예요. 이 창에서 사용할 플러그인을 선택하면 플러그인 등록이 끝납니다.




플러그인이 등록되면 목록에서 확인을 할 수 있어요. 잘못된 파일이면 등록 전에 오류메시지가 표시되며 등록이 되지 않습니다. 




플러그인을 등록하면 설정창을 닫고 [Plugins] 메뉴를 눌러보세요.

플러그인이 종류별로 정렬된 것을 볼 수 있을거예요. [편집] 항목은 전자책을 편집하는데 도움을 주는 플러그인입니다. testplugin은 편집 항목으로 분류가 되네요. Validation은 FlightCrew나 epubcheck plugin처럼 적합성 검사를 해주는 플러그인이 포함됩니다. Outupt은 EPUB3 Output Plugin이나 PrincePDF처럼 결과물을 컴퓨터에 저장해 주는 플러그인이 등록되고요.




자주 사용하는 플러그인이 있다면 단축 버튼으로 등록할 수 있어요. 적합성 검사를 할 때 [Plugins > Validation > EPUB Check]를 눌러주기 귀찮다면 단축아이콘으로 등록해 사용하면 되요. 단축 아이콘은 3개까지만 지원이 됩니다. Assign as Plugin1 ~ 3까지 있고 오른쪽 끝에 있는 플러그 모양의 아이콘으로 실행할 수 있습니다. 왼쪽부터 1번이에요.

플러그인 아이콘은 바꿀 수 없어요. 그리고 이름을 추가할 수도 없어서 본인이 어떤 플러그인을 지정했는지 기억애햐 하는 불편함이 있습니다. 언젠가 개선되리라 기대해 봅니다 ^^






테스트 플러그인을 실행해 보세요. 단축아이콘으로 지정을 했다면 아이콘을 클릭하고, 그렇지 않다면 [Plugins > 편집 > testplugin]을 실행하면 되요. 저도 실행해 봤는데... 이런... 오류가 뜨네요. 코드 중에 PyQt5를 패키지 관련 오류인데, 파이썬 기본만 설치하고 PyQt5 설정을 안해놔서 그런 것 같아요.

Sigil 최신 버전이 PyQt5라는 것을 지원하면서 생긴 오류인 것 같아요. 제가 쓰는 플러그인에서는 PyQt5 가 필요 없으니 이 신경쓰지 않아도 됩니다. 번들 플러그인으로 실행을 하니 문제 없이 작동을 하네요.



여기까지가 플러그인 사용을 위한 준비과정이었습니다.

다음편에서는 제가 잘 써먹고 있는 플러그인 3개를 설명해 드릴게요.

설정

트랙백

댓글

1. Sigil 플러그인을 활용하자. - 플러그인이 뭐야?

Sigil 사용 설명서 2017.04.13 11:36

플러그인이란?

Sigil에 없지만 있으면 유용할 만한 기능을 Sigil개발자가 아닌 제3자가 개발하고 제공해 Sigil에 추가할 수 있도록 하는 기능입니다. 물론 Sigil 개발자도 플러그인을 개발하긴 하지만 공식적인 Sigil 개발이 아닌, 개인 자격으로 만드는거예요. 플러그인은 편리한 기능을 제공하지만, 개발자는 공식적인 Sigil 개발자가 아니기 때문에 플러그인을 사용할 때 문제가 생길 수도 있습니다. 그렇기 때문에 사용자가 플러그인 설치와 사용 여부를 직접 판단해야 하고, 만약 문제가 생기더라도 Sigil 개발팀이나 이 글을 쓰는 저도 책임을 지지 않습니다^^ 그래도 여기서는 제가 검증한 플러그인을 소개해 드려요. 책임은 지지 않지만, 써보고 문제가 없는 것들을 소개해 드린다는....


[Note About Plugins 원문]Plugins are developed and provided by third parties. Some Sigil developers are also plugin developers but this is separate from Sigil itself. Plugins can be open source as well as proprietary. No vetting by a Sigil developer (unless a Sigil developer wrote the plugin) is performed. Use your judgment if you install and use a plugin. We cannot be held responsible for what a third party plugin that you the user actively installed and ran.  from https://sigil-ebook.com/plugins/



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

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


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

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


FlightCrew Plugin

Verify Spec-compliance of EPUB2s

https://github.com/Sigil-Ebook/fligh...eleases/latest

(Make sure to download the correct zip file for your platform: win, osx, unx)


Sigil v0.7.x 에 포함되어 있던 EPUB 검사기가 v0.9.x버전으로 넘어오면서 사라졌습니다.  그 자리에 [Well Formed Check EPUB]이 들어갔는데 이건 EPUB에 문제가 있는지를 확인해 주는게 아니고, EPUB이 잘 만들어 졌는지를 확인하는 프로그램이에요. '잘 만들어 진 것'과 '문제가 없는 것'은 다릅니다. 코드가 엉망이어도 문제가 없을 수 있거든요. 

어째든, EPUB에 오류가 있는지를 검사하는 프로그램을 빼면서 FlightCrew로 검사기를 대체합니다. Sigil을 설치하면 반드시 설치해야 하는 플러그인이지요.

하지만, FlightCrew는 EPUB2만 지원합니다. Sigil로 만든 EPUB3는 FlightCrew로는 검사를 할 수 없어요. 그래서 저는 이 플러그인 대신 epubcheck plugin(뒤에 설명할거예요)을 사용합니다. 


testplugin

Verify Python environment is ready to run Sigil plugins

https://www.mobileread.com/forums/sh...d.php?t=267539


이건 플러그인을 사용할 수 있는지를 확인할 때 사용합니다. 다른 기능은 없어요.

플러그인도 프로그램이에요. 개발자가 컴퓨터 언어로 개발을 해서 만들어요. 컴퓨터 언어는 사람의 언어라 기계가 알아들으려면 컴파일이란걸 해야하고 일부 프로그램은 컴파일을 해서 공개하지만 일부는 컴파일 없이..... 이런 기술적인 얘기는 몰라도 되요. 중요한건, Sigil플러그인을 사용하려면 파이썬(Python)이라는 컴파일러가 설치돼 있어야 한다는 거예요. 파이썬이니 컴파일러니 하는게 뭔지 몰라도 됩니다. 이 플러그인은 컴퓨터에 파이썬이 설치되어 있고 Sigil과 연결됐는지를 확인해 주는 플러그인이에요. 설치만 확인하고 삭제해도 됩니다.


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




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


CSSFromFonts

Inserts the required CSS entries from Embedded Font Files

https://www.mobileread.com/forums/sh...0&postcount=17


글꼴 파일을 Sigil로 불러온 후 실행시키면 CSS 시트에 폰트 속성이 자동으로 추가됩니다. 매번 @font-face를 넣어야 하는데 이 플러그인을 사용하면 편해요.


epubcheck plugin

Simple epubcheck wrapper

https://www.mobileread.com/forums/sh...25#post2950625


FlightCrew는 EPUB2만 지원합니다. 종종 EPUB3를 검사할 일도 있고, IDPF에서 제공하는 공식 EPUB Checker를 사용하기 때문에 FlightCrew 대신 이 플러그인을 사용해요.


PrincePDF

Export epubs as .pdf files (requires Prince)

https://www.mobileread.com/forums/sh...d.php?t=274972


EPUB파일을 PDF로 저장해 줍니다. EPUB 파일을 카카오페이지용 이미지로 만들 때 이 플러그인을 사용해요.


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


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

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


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

설정

트랙백

댓글

Sigil 0.9.8 업데이트

Sigil 사용 설명서 2017.03.22 15:50

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


설정

트랙백

댓글

Sigil 0.9.7 업데이트

Sigil 사용 설명서 2016.11.02 09:04




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


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

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


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


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 EpubCheck 플러그인

Sigil 사용 설명서 2016.10.20 09:00



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



'Sigil 사용 설명서' 카테고리의 다른 글

Sigil 0.9.8 업데이트  (0) 2017.03.22
Sigil 0.9.7 업데이트  (0) 2016.11.02
Sigil EpubCheck 플러그인  (0) 2016.10.20
Sigil 0.9.5 버전 업데이트  (0) 2016.03.30
Sigil 0.9.4 버전 업데이트  (2) 2016.03.14
Sigil 0.9.3 업데이트 - EPUB 3 기능 강화!  (0) 2016.02.15

설정

트랙백

댓글

표지, 속표지 스타일

  1. 표지 스타일


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


<CSS 코드>

.img_cover {

text-indent : 0; /*div 태그를 경우 없어도 */

text-align : center;

tidth : 100%;

teight : 100%

}

 

<HTML 코드>

<p class="img_cover"><img src="../Images/cover.jpg" alt="cover" /></p>

 

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

 

<css 코드>

.cover {

width: 100%;

height : 100%;

text-indent : 0;

text-align : center;

 

display: box;

box-orient: horizontal;

box-pack: center;

box-align: center;

 

display: -webkit-box;

-webkit-box-orient: horizontal;

-webkit-box-pack: center;

-webkit-box-align: center;

 

display: -moz-box;

-moz-box-orient: horizontal;

-moz-box-pack: center;

-moz-box-align: center;

}

 

img.cover {

width : 100%;

height : auto;

}

 

<html 코드>

<div class="cover"><img alt="표지 이미지" class="cover" src="../Images/cover.jpg" /></div>

 

표지 스타일 적용

 

표지 스타일 적용

 




  1. 속표지 스타일


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

 


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

 


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

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



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

 


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

 

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




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



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



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

 


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

<h1>Alices Adventures in Wonderland</h1>

 

h1 /* 책 제목에 사용 */

{

text-indent:0 !important;

text-align:center;

 

font-size:3em;

font-family: "Times New Roman", Times, serif;

 

display : table;  /* 제목 밑줄*/

border-bottom : solid 1px #000000;

margin : 20% auto 10px auto;

padding-bottom : 10px;

}

 

 


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



  1. 한글 제목


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

 

<h2>이상한 나라의 앨리스</h2>

 

h2 {

text-indent : 0 !important;

text-align:center;

font-size:1.6em;

font-family:"강조글꼴";

margin : 0 0 15% 0;

}

 

 


  1. 저자와 역자


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

 

<p class="sub_author">루이스 캐럴</p>

 

<p class="sub_translator">최지원 옮김</p>

 

.sub_author {

text-align : center;

text-indent : 0 !important;

font-size:1.2em;

font-family:"기본글꼴";

}

 

.sub_translator {

text-align : center;

text-indent : 0 !important;

font-size:0.8em;

font-family:"기본글꼴";

}

 



  1. 로고

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

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

 

<p class="logo"><img alt="logo" class="logo" src="../Images/logo.png" /></p>

.logo {

text-align : center;

text-indent : 0 !important;

}

 

img.logo {

margin-top : 10%;

width : 20%;

max-width : 100%;

}

 

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



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

 

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



* Tip

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

 

text-align : center;

text-indent : 0 !important;

font-family:"기본글꼴";

 

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

 

h2 .sub_author .sub_translator {

text-align : center;

text-indent : 0 !important;

font-family:"기본글꼴";

 

}

 

h2 {

font-size:1.6em;

margin : 0 0 15% 0;

}

 

.sub_author {

font-size:1.2em;

}

 

.sub_translator {

font-size:0.8em;

}

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




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

설정

트랙백

댓글

Sigil 0.9.5 버전 업데이트

Sigil 사용 설명서 2016.03.30 09:48

상세 정보 및 다운로드 : 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으로 수정할 것을 강하게 권장합니다.




설정

트랙백

댓글

기본 파일 추가하기

스타일을 편집하기 전에 사용할 글꼴, 이미지 등을 먼저 불러오면 작업을 편하게 진행할 있다이미지는 편집 전에 모두 준비해 둬야 하고, 글꼴은 기본 글꼴을 추가한 편집하면서 필요한 글꼴을 추가해도 된다.

 

  1. 글꼴 추가
    1. 찾아보기의 Fonts 폴더에서 마우스 오른쪽 버튼을 누른다.

 

 

  1. 대화 상자에서 필요한 글꼴을 선택해 추가한다. 여기서는 무료로 사용할 있는 나눔고딕과 은바탕 글꼴을 사용할 것이다.

 


 

  1.  CSS 글꼴 추가

글꼴 파일을 추가했다면 이제 CSS 글꼴을 추가해야 한다.


@font-face {

font-family: "강조글꼴";

src: url("../Fonts/NanumGothicBold.ttf");

}

 

@font-face {

font-family: "기본글꼴";

src: url("../Fonts/UnBatang.ttf");

}


  1. 공통 스타일 지정

공통 스타일은 전체에 적용되는 스타일이다. 모든 단락(p 태그) 사이의 줄간격이 많이 떨어진 전자책을 적이 있을 것이다. 이는 편집자가 의도한 경우 보다는 스타일을 몰라 줄간격을 붙이지 않았을 가능성이 높다. 아래 공통 스타일을 추가하면 이런 문제를 간단히 해결할 있다.

 

*{

margin : 0;

padding : 0;

}

 

*는 컴퓨터에서 '모든 것'에 해당하는 와일드카드 문자다. 예를 들어 모든 jpg 이미지 파일을 찾고 싶다면 [찾기] 메뉴에서 *.jpg를 하면 된다. CSS에서는 모든 스타일에 상속되는 스타일을 의미한다. 

 

  1. 이미지 추가

글꼴을 추가했으면 이제 이미지를 추가한다. 이미지는 책에 들어갈 순서에 맞춰 미리 정리를 두는게 좋다. 이미지 역시 폰트를 추가하는 방법과 동일하게 진행한다.

여기서는 이미지가 들어갈 순서에 맞춰 img001, img002…로 이름을 정리했다. 이렇게 정리를 놓으면 이미지가 들어갈 위치를 찾아 쉽게 추가를 있다

설정

트랙백

댓글


티스토리 툴바