創作家さんに朗報!電子書籍の試し読みも出来る電書ちゃんの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

関連記事

電子書籍プロモーション「動く宣材画像」と『Romancer』お試しメモ

これまでのお話 そろそろ出版でございます。 宣伝ページやらが未完成なのですが、流し込みが

記事を読む

BCCKSの表紙編集方法……っていうか電子書籍楽しい(>▽<) 自分でタイトル編集した場合1 ブーブー紙(蝋紙)の帯をつけてみた

めちゃ楽しい(>▽<)電子書籍Webサービス『BCCKS』の表紙編集メモ♪

  昨日、姉妹サイト:創作支援用素材屋『イチパン!』にて、 フリー素材 電子書籍用表紙イラスト

記事を読む

トレス自体は合法ですよ!誤解されがな「トレス」「模写」と「トレパク」の違い

トレス自体は合法ですよ!誤解されがちな「トレス」「模写」と「トレパク」の違いについて

Tapping a Pencil by Rennett Stowe, on Flickr

記事を読む

Town Block by Matija Grguric, on Flickr Some rights reserved  アイキャッチ画像:創作において、制約なく表現できる「創作ステージ@まちペディア」を建設中

創作において制約なく表現できる「創作ステージ@まちペディア」を建設中

Town Block by Matija Grguric, on Flickr Some rig

記事を読む

books by Elizabeth M, on Flickr 「紙か?電子か?…それが問題か?」電子書籍とジャンルと組版

「紙か?電子か?…それが問題か?」電子書籍とジャンルと組版

  books by Elizabeth M, on Flickr もくじ

記事を読む

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』LP完成しました♪ でんでんランディングページトップ illust by サトウトシオ @310104o design by くつきちよこ でんでんランディングページ by ろす @lost_and_found さん

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』LP完成しました♪

サトウトシオ『宇宙をデバッグする、簡単なお仕事です』LPでんでんランディングページ by ろす

記事を読む

世界一トリップ出来るエラーページ tumblr-404-kizi-1

世界一トリップできる少し不思議なtumblr 404展

tumblrのエラーページにはちょっとした秘密があります… Title:design_ta

記事を読む

『インサイド・アウトサイダー #バグ式』表紙案1 bug-hyousi-an illust by 佐藤利音@310104o

【電子書籍個人出版の裏舞台】『バグ式』改め『インサイド・アウトサイダー #バグ式』進捗

※挿絵用にCC0の写真を加工してみました。   これまでのあらすじ 先々々週 ⇒

記事を読む

Tumblrボタン(フォロー、共有)設置方法 記事下設置やプロフィールへの設置、その他シェア方法など イチパン!サンプル

WordPressでTumblrボタンを実装してみた(記事下、サイドバーへの設置、その他シェア方法など)

  Share on Tumblr こちら、昨日作ったくつキッチュの姉妹サイト『イチ

記事を読む

2016 あけましておめでとうございます。  その他、イントロ論文-『「見るなのタブー」についての一考察』 からはじまる小説のお知らせ。 自作伊達巻き。梅の形というより雲?

2016 あけましておめでとうございます。  その他、イントロ論文-『「見るなのタブー」についての一考察』 からはじまる小説のお知らせ。

だてまき   登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト

記事を読む

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

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

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