ひまつぶし雑記帖

doncha.net制作・発行:KindleやiBooks、楽天kobo、BOOK☆WALKERで読む電子書籍

kindleの小説無料サンプルを縦書きでブログに貼り付け

2016/1/21 [22:34:46] (木) 天気

kindleは無料サンプル、試し読みが提供されている。
ttp://kindleweb.s3.amazonaws.com/content/ASIN/gz_sample.html
この「ASIN」の部分をamazonの商品ID、ASINにしてアクセスすると無料サンプルが読める。権利的な問題からかサンプルが用意されていない本もあるけど、KDPの個人出版の場合はおそらく確実に無料サンプルが用意されている。

これを縦書きにしてブログなんかに貼り付けられるようにしてみた。
以前、同じようなことを試して書いた、その改良版(ていうか、やっとfirefoxが縦書きに対応したのでこの手のネタは注釈なしでイケるのがありがたい)

百聞は一見に如かずとか論より証拠とか。
image
http://sandbox.doncha.net/sample-kindle.html
↑ページはこんな感じ。

「はてな」でも検証確認
image

以下のコードをHTMLやブログ記事にコピー&ペーストすると、そこに無料サンプルを縦書きで表示します。
※「はてな」や「fc2」などのブログの場合は「HTML編集」でペーストしてください。


1行目
・data-asin
 ここにASIN、kindleの商品コードを記入
・data-column
 一段落の高さ(emでの指定になります) デフォルトは20
・data-font-size
 フォントのサイズ(%での指定になります) デフォルトは100

data-columnとdata-font-sizeを調整するとそれっぽくページにおさまります。

KDPを利用して自分の作品を公開しているひとにとっては(サンプルなら自分でテキストを持っているので)ほとんど役に立たないシロモノですが、ブログに貼り付ける手間をほんの少しラクチンに。


2016/2/5 [15:15:47]
現状では、このCSS3マルチカラムを使った縦書きの段組が使い物にならないことが判明。
CSS3のマルチカラムを使わないで、縦書き段組を実現する方法についてはこちら

【改良版】kindleの小説無料サンプルを縦書きでブログに貼り付け
http://t2aki.doncha.net/?id=1454652947

縦書きをシンプルに実現するのはまだ難しい。

»電子書籍制作代行についてはこちら

profile

profile

 
doncha.net
名前:
飯田哲章
mail:
t2aki@mrh.biglobe.ne.jp
twitter:
t2akii

WEBサービス制作/電子書籍制作

検索
<<2017/11>>
   1234
567891011
12131415161718
19202122232425
2627282930

リンク

WINDOWS版サウンドノベル
おかえりください PC WINDOWS版サウンドノベル
『おかえりください』体験版

iPhone電子書籍アプリ
小説同人誌Select iPhone電子書籍アプリ
『小説同人誌Select』