創作家さんに朗報!電子書籍の試し読みも出来る電書ちゃんのtumblr無料テーマがなまらスゴイ!

くつキッチュ!SCRAPス アイコン2 creator-help創作支援)カテゴリへ くつキッチュ!アイコン-e-book-電子書籍カテゴリへ

激烈なまら素敵なtumblrテーマ『A Tumblr theme for self-publishers』が、『でんでんコンバーター』のHiroshi Takaseさんより無料配布されております。

こちらは、セルフパブリッシャー(個人作家)のためのTumblrテーマ。 その一番の特徴は、なんといっても「電子書籍」が埋め込めるということ。

創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ  自己出版者さん向けtumblrテーマA Tumblr theme for self-publishersサンプルサイト 『創作支援屋くつきちよこ | Official Website 』へリンクします♪※サンプルサイトです。

 創作支援屋くつきちよこ | Official Website ※サンプルサイトです。 

『でんでんコンバーター』とは?

 

電子書籍で代表的なフォーマットが「EPUBくつキッチュ!アイコン wikipediaへリンク」。 『でんでんコンバーター』は、アップロードされたテキストファイルをこの「EPUB」の最新のバージョン「EPUB3」へ変換、出力してくれる無料サービスです。

EPUBファイル埋め込みコード使用サンプル

くつきちよこ

今回のtumblr『A Tumblr theme for self-publishers』テーマの一番の特徴は「電子書籍の試し読み機能」です。

試し読み機能の作成方法はカンタン!

A.テキストファイルをEPUBファイルに変換
B.EPUBファイルを埋め込みコードに変換
のツーステップの作業が出来てしまえば、あとはそ埋め込みコードをコピペするだけで素敵な告知ページの完成します!

※tumblrへのテーマ反映の作業もありますが、こちらは
同人イベント告知にピッタリ!素敵すぎるTumblrテーマ『Tokusetsu2』の使い方
と基本的に同じ作用ですので、さらっと流します。

 

A.『でんでんコンバーター』でテキストファイルをEPUBファイルに変換しよう!

まずは、自分の作品(テキストファイル)を『でんでんコンバーター』でEPUBファイルに変換します。

1.UTF-8で保存したテキストファイルをアップロードします。 ※詳細は、Tutorial チュートリアル を御覧ください。

2.各種情報入力 ※縦書きの場合は下のボタン[右から左、縦書き]のボタンおオンにします。

3.電子書籍のカスタマイズ ※チェックボタン下のヒントをクリックすると詳しい説明が見られます。

創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ 1.でんでんコンバーターでテキストファイルをEPUBファイルに変換しよう!

3.各種設定が完了したら[変換]をクリックして完成です。完成と同時に自動でEPUBファイルがダウンロードされます。

 

表紙などのオプションに関して

先ほどの埋め込みサンプルのように、電子書籍に表紙をつけたい場合は、一つのフォルダにテキストファイルと表紙ファイル(cover.jpg/png/gif)を用意し、複数同時に選択しアップロードします。

その他、見出し、ページ区切りなどは、 ⇒ でんでんコンバーターの基本的な使い方を解説します。 で、詳細をご確認下さい。

というわけで、「EPUB」ファイルは作成できましたが、このままではtumblrテーマに埋め込みできません。 次の工程で、「EPUB」ファイルを埋め込みコードに変換します。

 

B.『EPUB on Twitter』でEPUBファイルを埋め込みコードに変換するよ!

1.次に、EPUB to Twitter さんへ行きます。

2.新しいURLを作成する欄の、[EPUBファイル]⇒[ファイルを選択]より、『でんでんコンバーター』で作成したEPUBファイルをPCから選択し、アップロードします。創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ 2.EPUB to Twitter で埋め込みコードを作成しよう!2

創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ 2.EPUB to Twitter で埋め込みコードを作成しよう!

3.「作品タイトル」「作品概要」を入力します。

4.最後に[+ コードをコピー]を、クリックします。

5.埋め込みコードがクリップボードにコピーされていますので、メモ帳に貼り付けておきます。

創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ 2.EPUB to Twitter で埋め込みコードを作成しよう!3

※今回はtumblr用に[Webサイト用埋め込みコード]を使用しましたが、[Twitter投稿URL]で、ツイートにもカンタンに埋込みできます。

 

C.tumblrにテーマを反映させるよ!

次に、tumblrに『A Tumblr theme for self-publishers』テーマを反映させます。※tumblrにて新ブログを作成しておいて下さい。

『A Tumblr theme for self-publishers』のテーマファイルは、GitHubページ ⇒ LandingPages/narrative at gh-pages · denshoch/LandingPages · GitHub にあります。

このページの

○増量版はこちら
○通常版はこちら
○軽量版はこちら ※くつきのサンプルtumblrサイトは軽量版です。

の中からお好きなタイプをクリックし、HTML画面に移動します。

ここで表示されたソースをtumblrの編集画面の[カスタムテーマ HTMLを編集]をクリックし、HTML編集画面で既存のコードと貼り替えて保存するだけで、テーマの反映は終わりです。

なおtumblrへのテーマの反映のさせ方、編集方法は、以前ご紹介した
⇒ 同人イベント告知にピッタリ!素敵すぎるTumblrテーマ『Tokusetsu2』の使い方
と基本的に同じですので、詳しくはこちらご参考になさってください。

※ただし『Tokusetsu2』にはない設定、詳細設定で無効にする項目が2つありますのでご注意!

 

D.反映させたテーマに電子書籍を埋め込むよ!

Bの『EPUB on Twitter』で作成した埋め込みコードを、テーマを反映させたブログの編集画面で、[PreviewEmbedCode]という欄にペーストします。
※Control+Fでページ内検索をすると素早く見つかります。

[PreviewEmbedCode]に、コードを貼り付けるとプレビューに電子書籍が表示されますので、OKなら設定項目上部の[保存]ボタンをクリックします。

創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ  自己出版者さん向けtumblrテーマA Tumblr theme for self-publishersサンプルサイト用適当な書籍見本 編集画面[PreviewEmbedCode]に埋め込みコードを入力すると反映されます。

 

その他の編集項目項目詳細に関して

入力しながら反映する箇所を見ていくのも良いのですが、

LandingPages/narrative at gh-pages · denshoch/LandingPages · GitHub

に、各項目の詳しい説明がありますので、ぜひこちらをご覧になってください。

各種機能、ビジュアルなどが一目瞭然ですし、デモページの内容もめちゃ面白いです。動画や音楽もありますよ♪

 

オマケ:tumblr編集ページへの行き方

『Tokusetsu2』同様、一度編集して保存すると通常のtumblrブログのように、ページから[テーマの編集]へ行けなくなってしまいます。

その場合下記のように、編集ページのURLをアドレスバーに入力⇒エンターで、[テーマの編集]に直でアクセスすればOKです。

 http://tumblrブログURL.tumblr.com/

https://www.tumblr.com/customize/tumblrブログURL.tumblr.com

※カスタマイズページの場合、末尾「tumblr.com」は、消して下さい。

詳細 ⇒ 5 おまけ2:設定ページへの行き方

 

追記:2015-04-10

こちらのほうが簡単ですね!

 

 

 

技術と労力の結晶テーマ

前にもTumblr特設サイト用テーマ『Tokusetsu2』をご紹介させていただいたのですが、いかんせん元は同人音楽用のテーマということで、応用は可能でも電子書籍用に使用するのはなんとなく心苦しかったんですよね。

電子書籍専用のテーマを配布していただき、本当に嬉しいです( ;∀;)

ちなみに今回EPUBの埋め込みコード作成に利用されている電子書籍リーダーBiB/i(ビビ)についてですが……

BiB/i(ビビ)は、電子書籍とウェブをひとつに結ぶ EPUB リーダです。

~中略~

たとえば、小説の試し読みや論文をウェブで公開して読んでもらうことができます。
文中の特定箇所を指定して、そこから読み始めてもらうこともできます。

ビビは、本を届けたい人の思いを、読む人へと繋げるためのツールです。
もちろん、オフラインでお手元の EPUB 電子書籍を読むこともできます。

BiB/i

BiB/i(ビビ)は、余計なアプリやプラグインがなくても利用できる優れた電子書籍リーダーです。

くつきはその昔、サイトに埋め込めるページめくり効果を探してFLiPなんとか(正式名称忘れました;)というカタログ効果用jsの導入に四苦八苦したことがありましたが、今は、色々な方

『でんでんコンバーター』 @lost_and_found

『EPUB to Twitter』 @fujinyo

『BiB/i(ビビ)』 @satorumurmur

の、得意分野の技術と労力のおかげで、驚くほどカンタンに電子書籍をサイトにサイトに埋め込むことができるんですよね~~ε-(´∀`*)

技術系が苦手なくつきにとっては、「電子書籍技術部」は本当に有り難い存在。これからも、ちょいちょいお世話になる予定です(笑)

というわけで個人創作家さん、このなまら素敵な『A Tumblr theme for self-publishers』を使わない手はないですよ!

作品脱稿致しましたら、このテーマで告知、販促ページをぜひ作成してみてくださいね!

 

『でんでんコンバーター』や『BiB/i(ビビ)』に関しては、今後もう少し詳しい使い方なども記事にする予定です。でっは~(*´∀`*)ノシ♪

 

ブログランキング・にほんブログ村へにほんブログ村

もしこのテーマ『A Tumblr theme for self-publishers』で電子書籍のがバカ売れしちゃった際は、電書ちゃんへの差し入れをお忘れなく♪

ほしい物リスト グッズ購入

 

創作家さんにオススメ!電子書籍が埋め込める電書ちゃんのtumblrテーマ  自己出版者さん向けtumblrテーマA Tumblr theme for self-publishersサンプルサイト用適当な書籍見本

  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

新年度のほうふ-くつキッチュスクラップス! アイキャッチ画像 design by くつきちよこ

新年度のほうふ-くつキッチュスクラップス!

素材はCELSYS assetsの「黒板セット by 姫川たけお #clipstudio

記事を読む

架空の商品、店、サービス等の設定進捗状況+オマケ 架空グルメアニメ【えんたんぐるめんと!】ロゴ

架空の商品、店、サービス等の設定進捗状況+Tumblrのあれ

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』【1】登場予定の架空グルメアニメロゴ Sto

記事を読む

livedoorブログの縦書きテンプレート『縦書き(β)』を、お試してみました♪ livedoorブログ縦書き用テンプレート『縦書き(β)』の使ってみたサンプル。最後の行に、強制両端揃えの不具合がみられる。

livedoorブログの縦書きテンプレート『縦書き(β)』を、お試してみました♪

  livedoorブログ『縦書(β)』サンプルブログ くつきちよこ 登場人物:くつき

記事を読む

佐藤利音『宇宙(セカイ)をデバッグする、簡単なお仕事です。』宣伝回:その3 「イメージ:デバッグ用スマホ」挿絵用クリスタの「素材をさがす」スマートフォン(携帯電話) illust by @310104o design by 92ki

佐藤利音『宇宙(セカイ)をデバッグする、簡単なお仕事です。』宣伝回:その3「セルシス素材」の凄まじさを語る!

  ※ラフ案:佐藤利音 デザイン:くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 

記事を読む

看これ!看板コレクション 看板の種類(ポールサイン、チャンネル看板、屋上看板、袖看板など)説明図

看これ!看板コレクション

  写真の権利説明図:くつきちよこ 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト &n

記事を読む

Nikkei Rio Expo 2008 - Workshops e Palestras by Rodrigo Della Fávera, on Flickr 超お手軽に縦書きテキストをブログ埋め込みできる『縦書き文庫』使ってみた♪

超お手軽に縦書きテキストをブログ埋め込みできる『縦書き文庫』使ってみた♪

  もくじ Nikkei Rio Expo 2008 - Workshops e Pales

記事を読む

Mariachis Performing Inflight on @virginamerica by David Lytle, on Flickr ボカロ、アニソン、中の人以外で、創作中にテンション上がる系の音楽おおよそ5~7選くらい!

めちゃアガる!創作向けBGM 10選! ※今回はボカロ、アニソン、中の人『以外』です。

  創作中にテンション上がる系の音楽SSオススメ10選です。 埋め込めるだけ埋込んだので

記事を読む

【クリスタ】で抽出した線画を、さらに味わい深くするちょっとしたコツ ロンドン上空にUFOがががっ! [ライン抽出ツール]で抽出した線を、[色混ぜ(ぼかしツール)]でぼかした画像サンプル

【クリスタ】で[ライン抽出]した線画を、さらに味わい深くするちょっとしたコツ

ドイツの空に浮かぶufo ドイツ写真加工くつきちよこ ufo加工佐藤利音 UFO01

記事を読む

創作者さんの作品の存在証明に……「そうだ!『ウェブ魚拓』があったじゃないか! アイキャッチ画像 design:illust by くつきちよこ フォント:飴鞭ゴシック

創作者さんの作品の存在証明に……「そうだ!『ウェブ魚拓』があったじゃないか!

    淡水魚拓 加工・デザイン くつきちよこ 登場人物:くつきちよこ ※管理人   佐

記事を読む

「それ引用じゃなくて盗用でしょ」と、無断転載を祓う御札(おふだ)の話 アイキャッチ画像 イラスト:佐藤利音 illust by @310104o

無断転載を祓う御札(おふだ)と、「それ引用じゃないでしょ」の話

  イラスト:佐藤利音 デザイン:くつきちよこ 登場人物 ⇒ くつきちよこ ※管理人  

記事を読む

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

  • マウスコンピューター/G-Tune