自炊PDFから作成の"ePub"に,"Sigil"で"目次/TOC(Table of Contents)"機能を追加 ......

　しかし、今、直面している "連番jpg の ePub" には、文字列が含まれていないので、＜ドロップダウンリスト＞は使用不可となる。
　ならば、 "自前、手動" で "h1" ～ "h6" の部分(文字列も添えて！)を付け足してしまおう、という荒技なのである。
　その段取りは以下の二段階で進めることができる。

　先ず、【 １ 】 "XHTML" コードの修正変更　を行う。

　ここがメインとなるわけだが、要するに、 "無理やり" に "タグ" = "h1" で囲まれた部分(文字列も添えて！) を付け足すのである。つまり、その部分が "目次項目" として "Entry" されることを狙うわけなのだ。
　通常の "段落" を構成する "タグ" である "<p> ...... </p>" のそれぞれを "<h1> ...... </h1>" に変更すれば済む。
　但し、文字列が無いと意味がないので、 "タグ" の "img ......" 部分の "直前！" に、目次項目として表示したい任意の文字列を打ち込むのである。下図の＜(2) "目次表題文字列" の挿入と "タグ" の変更＞がそれである。
　このように修正変更をしてしまうと、下図の＜(3) "Table Of Contents Editor" での確認画面＞のように、メニューバーから＜Tools＞ → ＜TOC Editor＞へと進んで表示される＜Table Of Contents Editor＞のウインドウを見てみれば、目次項目としてしっかりと "Entry" されていることが確認できるはずである。
　こうして、目次項目として表示させたい部分を "任意に、何ヵ所も" 設定することができる
　ただ一つ留意しておきたい点は、一番最初の目次項目については、"一番最初の jpg" 画像 ( 表紙と同じものが多い ) を設定して、書籍全体の表題名でも付けておかなければならない。下図(1)の "赤下線" を参照。良くは分からないが、ジャンプをするためのサーチ処理上の問題なのかもしれない。

【 １ 】 "XHTML" コードの修正変更

＜ "Sigil" で "連番jpg の ePub" に "目次/TOC(Table of Contents)" 機能を追加 ＞

(1) "連番jpg の ePub"(="自炊PDF"からの ePub) での元のコード

(2) "目次表題文字列" の挿入と "タグ" の変更

(3) "Table Of Contents Editor" での確認画面

　以上で、機能的には無難に実行されることになるが、 "体裁上の観点" にも配慮して次の対処もしておきたい。
　それは、"タグ" の "h1" ～ "h6" で囲まれた部分は、"見出し ( heading )" を構成する "タグ" なので、自動的に "大きい太文字" 仕様になる点である。
　こうした表示状態は、"無理やりに、飛び入り" で挿入した文字列としては "異様" な感じとなりそうだ。
　そこで、この文字表示を "CSSの設定" (下図参照)で、 "小さい表示" で "文字色 = ホワイト" に変えてしまうという小手先対応なのである。
　そのために、"CSS" 最後尾に "赤文字表示の四行" を追加すればよい。
　なお、今回のテーマ以前の問題として、"Calbre" を介して "自炊 PDF" を "ePub 変化" した場合、しばしば "一ページ毎の白紙ページ！" という現象に関している。その場合には、＜"青字" 部分の数値を "赤字" 部分の数値に変更＞すると解消されるので念のため。(参照 ＜"Calibre"作成の"ePub"("自炊"PDFからの作成)を"Sigil"で再編集する意味と方法（当日誌 2010.12.19）＞)

【 ２ 】 "CSS" コードの修正変更

――――――――【　フォルダ＜Styles＞に格納された "css" のコード　】――――――――
@namespace h "http://www.w3.org/1999/xhtml";
.calibre {
display: block;
font-size: 1em;
margin-bottom: 0;
margin-left: 5pt;　　　0pt;
margin-right: 5pt;　　　0pt;
margin-top: 0;
page-break-before: always
}
.calibre1 {
height: auto;
width: auto　　　width: 200px
}
.calibre2 {
display: block;
margin-bottom: 1em;　　　0em;
margin-left: 0;
margin-right: 0;
margin-top: 1em　　　0em
}
h1{
font-size:30%;
color:#fff
}
――――――――――――――――――――――――――――――――――――――

　以上の作業を "妙案" と見るか、 "煩わしい" と感じるかの "コスト・パフォーマンス" 評価は、人それぞれのはずであろう。 "電子書籍" における "目次/TOC(Table of Contents)"機能 にどれほど "切実感" を抱いているのかに掛かっているに違いない......　(2011.01.09）