Tumblrを自分専用オンラインブックマークにする

June 29, 2016

DeliciousのAndroid用アプリでログインすらできなくなってしまいました。デスクトップのブラウザからは問題なく使えるのですが、スマホでFEEDを消化中に気軽にブックマークしたいのに使い物になりません。そこでTumblrをオンラインブックマーク代わりに使用することにしました。

TumblrのテーマはBootstrapで、シングルカラムでシンプルに作成しました。

カスタムHTMLテーマを作成した際のポイント

ヘッダー部分

<header>
<h1><a href="{BlogURL}"><img src="{PortraitURL-64}" alt="{Title}" class="img-rounded"> {Title}</a></h1>
</header>

{PortraitURL-64}でブログのポートレート画像(アバター)を表示させます。

投稿部分

{block:Link}
{block:Thumbnail}<a href="{URL}"><img src="{Thumbnail-HighRes}" class="img-responsive"></a>{/block:Thumbnail}
<h2><a href="{URL}" {Target}>{Name}</a></h2>
{block:Description}
<div class="description">
{Description}
</div>
{/block:Description}
{/block:Link}

ブックマークしたいページに画像が掲載されている場合や、Open Graph Tagsにてサムネイル画像が設定されている場合に{block:Thumbnail}{Thumbnail-HighRes}{/block:Thumbnail}でレンダリングし、ブックマークに画像を表示させます。

タグクラウド

タグクラウド用のJavaScriptはPost-Theory(http://blog.post-theory.com/)を使用しました。

Link:

- AD -

セールでKindle Fireを買いました

May 11, 2016
Kindleの基本OSはAndroidなのでXperiaユーザの私には違和感なく使えますが、重さが313gあり、スマホと持ち替えるとずっしりと重く、長時間の読書は少々腕が疲れます。カバーでKindleを立てられるので、動画の視聴は疲れ知らずです ...

Continue reading