SigilでウェブサイトをEPUB化して電子書籍にする方法(画像)

西村 文宏

西村 文宏

ホームページ作成 ガイド

応用情報技術者

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。

...続きを読む
OSに合わせて「Sigil」のセットアップファイルをダウンロード
OSに合わせて「Sigil」のセットアップファイルをダウンロード
基本は「Next」をクリックするだけ
基本は「Next」をクリックするだけ
ライセンスに合意してOKをクリック
ライセンスに合意してOKをクリック
インストール先を指定
インストール先を指定
インストール内容を選択
インストール内容を選択
スタートメニューの項目名
スタートメニューの項目名
インストール設定の確認
インストール設定の確認
作業完了まで待ちます
作業完了まで待ちます
作業完了まで待ちます
インストール完了
英語で表示される場合は、言語設定を日本語に変更
英語で表示される場合は、言語設定を日本語に変更
見出し要素の内容一覧から、目次に含めたい項目を選択
見出し要素の内容一覧から、目次に含めたい項目を選択
メインウインドウの「目次」ペインに階層構造が反映
メインウインドウの「目次」ペインに階層構造が反映
「Sigil」のメインウインドウ(Windows XPの場合とWindows 7の場合)
「Sigil」のメインウインドウ(Windows XPの場合とWindows 7の場合)
「コードビュー」でソースを編集
「コードビュー」でソースを編集
メインウインドウは3ペイン構造
メインウインドウは3ペイン構造
ファイル名をクリックしてダウンロード
ファイル名をクリックしてダウンロード
CSSソースを貼り付け
CSSソースを貼り付け
body要素内にHTMLソースを貼り付け
body要素内にHTMLソースを貼り付け
CSSも画像もまだ表示されない
CSSも画像もまだ表示されない
画像やCSSが正しく表示される
画像やCSSが正しく表示される
セマンティクスを追加→表紙
セマンティクスを追加→表紙
追加できるメタデータ一覧
追加できるメタデータ一覧
必要なメタデータを追加
必要なメタデータを追加
ツール→メタデータエディター
ツール→メタデータエディター
スペルチェックのハイライトをOFFに
スペルチェックのハイライトをOFFに
一太郎2013のEPUB保存機能
一太郎2013のEPUB保存機能
Adobe Digital EditionsでEPUBを表示
Adobe Digital EditionsでEPUBを表示
CSSソースの自動整形
CSSソースの自動整形
この写真の記事を読む
OSに合わせて「Sigil」のセットアップファイルをダウンロード
基本は「Next」をクリックするだけ
ライセンスに合意してOKをクリック
インストール先を指定
インストール内容を選択
スタートメニューの項目名
インストール設定の確認
作業完了まで待ちます
作業完了まで待ちます
英語で表示される場合は、言語設定を日本語に変更
見出し要素の内容一覧から、目次に含めたい項目を選択
メインウインドウの「目次」ペインに階層構造が反映
「Sigil」のメインウインドウ(Windows XPの場合とWindows 7の場合)
「コードビュー」でソースを編集
メインウインドウは3ペイン構造
ファイル名をクリックしてダウンロード
CSSソースを貼り付け
body要素内にHTMLソースを貼り付け
CSSも画像もまだ表示されない
画像やCSSが正しく表示される
セマンティクスを追加→表紙
追加できるメタデータ一覧
必要なメタデータを追加
ツール→メタデータエディター
スペルチェックのハイライトをOFFに
一太郎2013のEPUB保存機能
Adobe Digital EditionsでEPUBを表示
CSSソースの自動整形
※記事内容は執筆時点のものです。最新の内容をご確認ください。
※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。

あわせて読みたい

カテゴリー一覧

All Aboutサービス・メディア

All About公式SNS
日々の生活や仕事を楽しむための情報を毎日お届けします。
公式SNS一覧
© All About, Inc. All rights reserved. 掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます