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

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

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

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

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

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

728x90

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년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

728x90

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년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

728x90

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. 9. 1. 11:16

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

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

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

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

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

728x90
Borkify_0.2-plugin.zip
0.02MB

 

질문에 답변을 하다 보면 가장 많이 반복하는 얘기 중 하나가

질문을 하려면 정확한 정보를 내놔라 였습니다.

질문이 이런 식이에요.

'폰트가 적용되지 않아요. 어떻게 해야 하나요?'

이걸로 끝.

뭐, 저 정도만 있어도 3~4가지 원인으로 해결 방법을 정리해 줄 수 있지만,

질문이 저리 성의 없으면 답변을 해 주고 싶은 마음도 안들어요.

이런 질문도 많아요.

'오류가 나요. 어떻게 해야돼요?'

누가 답변좀 해보실래요? 어떻게 해야 하는지?

 

무슨 오류가 어떻게 생기는지에 대한 설명 없이,

그냥 오류가 난다고 하면 답변을 하고 싶어도 답을 할 수 없습니다.

그런데, 이렇게 질문을 하는 이유가 있을거예요.

수업을 하면서 물어보면, 자신도 뭘 어떻게 해야 할지 모른다는거예요.

질문도 알아야 하는거잖아요.

아무 것도 모르니 질문 조차 제대로 하지 못하는 것이지요.

이럴 때는 아주 간단한 방법이 있습니다.

EPUB을 첨부해 올리면 돼요.

그럼 저렇게 한줄만 써도 잘 아는 사람들이 원인 파악해서 수정까지 해 줄 거예요.

그럼 내 EPUB을 통으로 올리라고?

네. 그렇게 하면 됩니다.

하지만 문제가 있지요. 내 책을 아무런 보호장치 없이 올리라니...

이럴 때 이 플러그인을 써보세요.

이 플러그인으로 파일을 저장하면

본문이 이렇게 됩니다.

이 플러그인은 Borkify라는 플러그인을 한글에서 작동하도록 수정한 것이에요.

https://www.mobileread.com/forums/showthread.php?t=263156

 

이게 영어만 지원해서, 영어 단어를 한글로 바꿨습니다.

저걸 쓴다고 지금 편집하고 있는 책이 저렇게 엉망이 되지는 않아요.

편집하고 있는 책은 그대로 두고, 저렇게 엉망으로 만들어 따로 저장만 해 줍니다.

이제 EPUB 편집하다 문제가 생겨서 질문을 하려면, EPUB 파일을 올리세요.

그러면 누군가가 정확한 해결 방법을 찾아서 알려줄 거예요.

CSS나 HTML 저작권은 어쩌냐고요?

그럼 질문을 하지 않으면 됩니다.

책 한권 만드는데 필요한 CSS와 HTML에 저작권을 주장하는 것 부터가

'나 실력 형편 없어. HTML과 CSS가 뭔지도 몰라.'

라는 인증이지요.

반응형

댓글을 달아 주세요