posted by 내.맘.대.로 2023. 2. 14. 09:18

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

Sigil은 특별한 기능을 갖고 있는 클래스/태그/속성이 몇개 있습니다.

Sigil에서만 쓰는 이런 코드를 잘 활용하면 전자책을 편하게 만들 수 있습니다.

 

1.  표지 추가 기능에 사용하는 속성

표지는 이미지를 선택해 추가합니다.

이미지는 폭과 높이가 제각각이기 때문에 이미지의 폭과 높이를 지정하고 싶을 때 이 속성을 사용할 수 있습니다.

 

width="SGC_IMAGE_WIDTH"   - 이미지의 폭을 자동으로 계산하여 픽셀 값으로 추가합니다.
height="SGC_IMAGE_HEIGHT" - 이미지의 높이를 자동으로 계산하여 픽셀 값으로 추가합니다.
href="SGC_IMAGE_FILENAME" - 이미지의 파일 경로를 자동으로 추가합니다.

 

예를 들어, 표지 스타일을 자신만의 코드로 만들고 싶을 때

 

<div class="cover">

<img class="cover_img" src="SGC_IMAGE_FILENAME" alt="SGC_IMAGE_FILENAME"/>

</div>

 

<style>

.cover_img {

   width : SGC_IMAGE_WIDTHpx

   height : SGC_IMAGE_HEIGHTpx

}

</style>

 

이렇게 사용할 수 있지요.

 

2. class="sigil_not_in_toc"

제목 태그를 사용하면 차례 만들기 기능으로 자동으로 TOC(Table of Contents)를 추가합니다.

그런데 제목 태그를 써도 제목에 넣고 싶지 않을 때가 있습니다.

예를 들어, 부(h1), 장(h2), 절(h3), 소단락(h4)으로 되어 있는 책에 절과 소단락을 TOC에서 빼고 싶다.

<h3 class="sigil_not_in_toc">

<h4 class="sigil_not_in_toc">

제목에 이렇게 클래스를 추가하면 h3, h4 태그가 차례 만들기에 포함되지 않습니다.

 

3. 장 나누기 표시 : <hr class="sigil_split_marker" />

부, 장, 절 등에서 새로 단락이 시작하는 책이 있습니다.

EPUB으로 책을 편집할 때 책의 구분에 따라 파일을 나누게 되는데

주석 같은 작업은 통으로 작업하고 마지막에 파일을 나누는게 편하지요.

이럴 때 파일을 나눠야 하는 위치에 장나누기 표시를 하면 

[장 나누기 표시 분할] 기능을 이용해 한번에 장을 나눌 수 있습니다.

 

4. title="..." 

이건 Sigil의 속성은 아니지만 Sigil에서는 특별한 방법으로 사용할 수 있습니다.

 

1장 좋은 질문을 던지지 못하는 이유 우리는 왜 뻔한 질문을 주고받을까?

 

장 제목이 이렇게 되어 있을 때 본문에서는

글자색, 글자 모양, 줄바꿈 등으로 제목을 편집할 수 있지만

TOC에서는 이대로 들어갑니다.

 

본문 제목은 그대로 두고 TOC에서만 제목을 이렇게 수정하고 싶다면?

 

1장 - 좋은 질문을 던지지 못하는 이유 | 우리는 왜 뻔한 질문을 주고받을까?

 

이럴 때 title을 사용합니다.

 

<h1 title="1장 - 좋은 질문을 던지지 못하는 이유 | 우리는 왜 뻔한 질문을 주고받을까?">

1장 좋은 질문을 던지지 못하는 이유 우리는 왜 뻔한 질문을 주고받을까?

</h1>

이렇게 하면 본문에서 제목이 어떤 구조로 되어 있든, 차례 편집기는 title의 정보를 가져옵니다.

 

5. 차례를 위한 ID : id="sigil_toc_id_*"

나는 추가한 적이 없는데 전자책 편집을 끝내면 이런 ID가 들어갈 때가 있습니다.

이 ID는 차례를 만들 때 자동으로 추가된 ID입니다.

같은 파일 안에서 같은 레벨의 제목이 여러개 있을 때,

<h4>소제목1</h4>

<h4>소제목2</h4>

<h4>소제목3</h4>

 

차례를 만들면

<h4 id="sigil_toc_id_1">소제목1</h4>

<h4 id="sigil_toc_id_2">소제목2</h4>

<h4 id="sigil_toc_id_3">소제목3</h4>

이렇게 ID가 추가됩니다.

반응형
posted by 내.맘.대.로 2022. 9. 7. 12:51

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

600쪽 넘는(글자크기 9pt ㅡ.ㅡ;) 책에서 이 부분 찾느라 한참 고생을 했어요.

쓰레기 코드 다 지우고, 장 나누고, 이것 저것 별짓을 다 해 봐도 Sigil이 강제종료가 돼서,

한문단씩(600쪽 짜리 책 ㅜ.ㅜ) 정리를 하다 보니, 이런 내용을 만나게 되었습니다.

 

<p>황청고봉용미등처군민선위사사선위표기장군좌도독정일품가삼급현고전공구봉부군지묘</p>

 

이유는 모르겠지만, 이 내용이 들어가면 무조건 강제종료가 됩니다.

평생 한번 만날까 싶은 오류여서 Sigil 포럼에 수정해 달라고 올리기도 뭣하네요.

혹시 Sigil이 무조건(편집 하다가도 아니고, 그냥 원고 넣는 즉시) 강제종료 된다면 

이런 내용이 있는지 찾아보세요.

저 한 단락만 넣어도 강제로 죽어요.

반응형
posted by 내.맘.대.로 2022. 9. 6. 11:00

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

Sigil 미리보기에 사용자 정의 CSS 보기 기능이 있습니다.(1.9.20)

이 기능을 이용하면 기본 스타일에 미리보기에서만 적용되는 스타일을 추가할 수 있습니다.

이런 기능이 왜 필요하냐고요?

당연히 다크모드 때문이지요.

다크모드가 왜 필요하냐... 하시는 분들은 그냥 패스.

많이 만들어 본 분들은 알거예요.

아주 드물긴 하지만,

독자들이 '글자가 안보여요' 라는 불만을 얘기하는거.

(요즘 들어 너무 '아는 사람만 보세요' 스타일로 가고 있는데,

뭐 어쩌겠어요. 모르면 공부하시면 됩니다 ^^)

Sigil의 새 기능. 미리보기 스타일에(custom_preview_style_alt.css을 권해드려요)

아래 코드만 추가하고

html, body {

background-color: #000000;

color: initial;

filter: invert(1);

}

미리보기를 해 보세요.

기본 스타일이 이렇게 보인다면

새로 추가한 다크모드 미리보기에서는 이렇게 보입니다.

물론, 유통사 뷰어 별로 다크모드(이름도 전부 다름) 설정 방식이 다르기 때문에

이렇게 똑같이 나오지는 않습니다.

그래도 최소한 검정 배경일 때 어떤 느낌인지 정도는 확인할 수 있어요.

이 기능이 있었다면 이런 문제는 미리 확인해 볼 수 있으니

이렇게 만들지는 않겠지요(제가 만들었지만 고쳐야겠네요 ㅜ.ㅜ)

반응형
posted by 내.맘.대.로 2022. 9. 6. 10:28

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

Sigil 1.9.20 버전에 탬플릿 기능이 추가되었습니다.

아주 매력적인 기능이에요.

물론 탬플릿 플러그인이 훨씬 강력합니다.

하지만 간단한 책은 이 탬플릿 만으로도 충분합니다.

 

이 글에서는 '클릭 EPUB'에 활용할 수 있는 탬플릿 사용법을 설명드리겠습니다.

 

1. 클릭 EPUB이란?

 

왕초보를 위한 클릭으로 EPUB 만들기

인터넷에서 전자책(EPUB)을 검색하면 언제나 EPUBGUIDE.NET으로 연결된다. 초보자든 숙련자든 전자책 편집자라면 방문 할 수 밖에 없는 내맘대로의 EPUBGUIDE.NET EPUB 전문 편집자도 궁금한 게 있으면 제

digital.kyobobook.co.kr

Sigil의 클립을 이용해 HTML과 CSS를 모르는 초보자라도 전자책을 쉽게 편집할 수 있게 도와주는

탬플릿 기반 전자책 편집 방법입니다.

아래는 간략한 설명이고, 스타일시트 추가, 스타일시트 연결 등의 자세한 내용은 책에 나와있어요^^

 

2. 클릭 EPUB을 위한 CSS 탬플릿 준비

-  클릭 EPUB의 CSS 파일을 준비하세요.

- 파일명 [Style.css]를 [user-template2.css]로 수정합니다.

- [user-template2.css] 파일을 Sigil 설정 폴더에 복사하세요.

 

3. 클릭 EPUB을 위한 XHTML 탬플릿 준비

- Sigil에서 빈 xhtml 파일을 하나 만들어요.

- Styles 폴더에서 빈 스타일을 하나 추가합니다.

   * 2번을 제대로 했다면 클릭 EPUB CSS 탬플릿이 추가될 거예요.

- xhtml 파일에 스타일시트를 연결합니다.

- 스타일시트가 연결되면 이런 코드가 추가됩니다.

- 이제 다른 이름으로 xhtml 파일을 저장하세요.

   파일명은 [user-template2.xhtml] 입니다.

- xhtml 파일을 Sigil 설정 폴더에 복사하세요.

 

* EPUB3 탬플릿이라면 user-template3.xhtml / user-template3.css 입니다.

 

4. Sigil을 실행/또는 [파일>새로>EPUB2]를 눌러 빈 EPUB을 만들어요.

5. 스타일시트에서 빈 스타일을 추가합니다.

 

이제 빈 스타일시트를 추가하면 클릭EPUB 스타일시트 탬플릿이 들어오고,

클릭 EPUB 클릭을 누르기만 하면 스타일이 편집됩니다.

참 쉽지요~

 

반응형
posted by 내.맘.대.로 2022. 9. 5. 08:51

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

Sigil이 업데이트 되었습니다.

먼저, 번역 오류 수정했습니다. 오류에 대해서는 여길 참조.

https://www.epubguide.net/41

번역 한번 잘못 했더니 오래 가네요 ㅜ.ㅜ

번역 할 때 더 신경 써서 해야겠어요.

뭐, 이런 문제가 있다는 것 자체를 모르는 분들이 대부분이긴 했지만....

이번 업데이트의 핵심은 탬플릿입니다.

스타일시트와 xhtml 파일을 탬플릿으로 만들어 추가하면

Sigil에서 새 파일을 만들 때 마다 기본 설정으로 불러옵니다.

꼭 필요한 기능이었는데 이번에 들어갔네요.

물론 탬플릿 플러그인이 더욱 강력합니다.

하지만 기본 스타일시트 정도는 탬플릿으로 넣어 두면

간단한 책을 편집할 때 유용할 거예요.

그리고 mathml 미리보기 기능이 개선되었습니다.

대부분은 쓸일이 별로 없겠지만요.

(사실, 아주 중요한 업데이트예요. 다만 mathml을 지원하는 뷰어가 없어 돼지 목에 진주일 뿐...)

2개의 스타일시트로 미리보기를 확인할 수 있는 재미있는 기능도 추가되었습니다.

말 그대로 책 하나에 2개 이상의 스타일시트를 넣어 미리보기를 해 주는 기능이에요.

예를 들어, 전자책 뷰어에 야간모드가 들어가잖아요.

그런데 기본스타일로 만들면 야간모드에서 어떻게 보일지 궁금하다,

그럴 때 야간모드 스타일을 하나 추가해 미리보기를 할 수 있는 기능입니다.

배경색 검정, 글자색 흰색. 이렇게 미리보기 스타일을 만들고 기본 스타일로 편집을 한 후,

다크모드 미리보기 스타일을 적용해 볼 수 있게 되었지요.

물론, 설정에 다크모드 미리보기가 있긴 하지만 이건 다크모드로 고정된 상태여서 불편했거든요.

여기에 none at all 이란 옵션이 추가됩니다.

스타일을 없애고 xhtml 구조만 미리보기로 볼 수 있습니다.

오류 잡을 때 유용할 것 같아요.

New Features

- add ability for a user-template*.xhtml and user-template*.css

be read from Sigil Prefs to create new empty xhtml and css files

- updated to very latest MathJax version 3.2.2 for mathml support in Preview

- add ability to cycle through 2 different custom stylesheets (and none at all) for use with Preview

반응형
posted by 내.맘.대.로 2022. 6. 17. 10:48

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

 

제 블로그에 있는 Sigil 사용 설명서는

Sigil User Guide 번역으로 시작을 했습니다.

그런데 2012년인가? 부터 시작을 해서 2016년쯤 마무리를 했기 때문에 Sigil 구버전의 User Guide 내용이고, 지금은 아주 많이 바뀌었지요.

그래서 최신 버전의 User Guide 번역을 시작하려합니다.

전, 영어를 정말 못해요.

중학교 때 영어를 포기해서 영어로 된 내용을 이해하며 번역 할 능력이 되지 않습니다.

그래도 구글 번역기, 파파고 번역기의 도움을 받으면 영포자도 번역이 가능한 세상이 되었지요.

영어를 못해도 좋으니 같이 번역할 분이 있음 좋겠어요.

취미로 PEUBCheck, Sigil, Calibre-web 등의 한글화 작업을 하고 있지만

이 작업을 하며 배우는게 정말 많습니다.

Sigil을 제대로 다룰 수 있게 된 것도 User Guide를 번역하면서 부터예요.

User Guide에는 Sigil의 모든 기능이 다 담겨있어

이를 번역하면서 모르던 기능을 알게 됐고, 알던 기능도 새로운 사용 방법을 깨닫게 되었지요.

전자책 편집을 업으로 삼는 분이라면,

Sigil User Guide 번역 작업이 큰 도움이 되리라 확신합니다.

같이 번역하실 분은 깃허브에서 직접 번역을 해도 되고,

Sigil User Guide를 다운받으 HTML 단위로 번역을 한 후 저한테 보내주셔도 됩니다.

혼자 하면 2~3년 걸리겠지만, 같이 하면 1년 안에 끝낼 수 있지 않을까요?

(라고는 하지만...

Sigil, EPUBCheck 한글화도 결국은 혼자 했으니,

큰 기대는 안합니다 ㅜ.ㅜ)

반응형