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

関連記事

Venice Muscle Beach by Lin Mei, on Flickr 『ArtPose』がAndroidで使えないとお嘆きの皆様へ(*´∀`*)つ筋肉モデルサイト『BOYS POSE.COM』という男の園へようこそ♪

筋肉モデルが少ないとお嘆きの皆さまへ『ArtPose』のキャプチャ画像を利用した筋肉モデルサイト『BOYS POSE.COM』へのいざない

Venice Muscle Beach by Lin Mei, on Flickr So

記事を読む

正しく怖くなっていく著作権セカイで、ユーザーと著作者双方を守る規約のあり方とは? その1:規約でボケようとしちゃダメだぞ!アイキャッチ画像 illust by 佐藤利音@310104o

正しく怖くなっていく著作権セカイで、ユーザーと著作者双方を守る規約のあり方とは? その1:規約でボケようとしちゃダメだぞ!

   イラスト:佐藤利音@310104o デザイン:くつきちよこ 正しく怖くなってき

記事を読む

「あの」アプリが使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪ 空を夜に変えて写真をアニメ背景風(夜)にしてみた2♪

「あのアプリ」が使えないとお嘆きのアナタへ、アプリなしで簡単に写真をアニメ背景風に加工する方法♪

都市伝説らしい理想の泥犬と記憶の中の泥犬 illust by サトウトシオ@310104

記事を読む

Nesting boxes by Guillaume Speurt, on Flickr 創作系クリエイターさん向けWp構造をお試しかっ?!

創作系クリエイターさん向けWp構造をお試しかっ?!

  Nesting boxes by Guillaume Speurt, on Flickr

記事を読む

ジャケットのワイシャツの襟から革靴の底まで~オンラインで無料のスーツ作画資料 ぱくたそ「奇妙なポーズをする男性 >> 胸元を開く夢のあるビジネスマン [モデル:OZPA](「OZPAの表4」の人)」 

ジャケットの切れ目、ワイシャツの襟から、革靴の底まで~オンラインで無料のスーツ作画資料

    『ぱくたそ』 << 奇妙なポーズをする男性 <

記事を読む

Jesus crown of thorns - West Pier Brighton by Leonski Oh Leonski, on Flickr くつキッチュ/スクラップス! アトリビュートをここへ

『茨の冠』から『初音ミクのメガフォン』まで 単なる小道具ではない『アトリビュート』って一体何?

Jesus crown of thorns - West Pier Brighton b

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

Sea Change by Pen Waggener, on Flickr ブログちゃんと電子書籍くん

禁断の素朴な疑問…?(*´・д・)o0○(ブログと電子書籍の違いってなんだろう?)

  追記: 1年以上間の記事になぜか今頃になってアクセスが増えました……;; とい

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場