TOP > Chrome関連 > title - Chrome拡張機能版ShareHtmlであるGetTabInfoをカスタマイズして使ってみる

ITやモバイル機器、iPhone、手帳や本など。
MENU

Chrome拡張機能版ShareHtmlであるGetTabInfoをカスタマイズして使ってみる

2015021001.png





  
【Chrome拡張機能版ShareHtmlであるGetTabInfoをカスタマイズして使ってみる】  
 1.GetTabInfoで使用できる変数
 2.情報管理LOG的カスタマイズ





checkmark.png 1.GetTabInfoで使用できる変数

使用できる変数は、以下の通りです。

ページタイトル:  %%TITLE%%
URL:         %%URL%%
短縮URL:      %%sURL%%
QRコード:      %%QR%%


これだけ!?
という気もしますが、これだけあれば十分です。





checkmark.png 2.情報管理LOG的カスタマイズ

さて、情報管理LOGで使用しているサムネイル付きリンクは、GetTabInfoで生成されたものと、ちょっと違うので、少しカスタマイズを施しました。
以下が、カスタマイズ後のテンプレートです。


<img class="alignleft" align="left" border="0" src="http://capture.heartrails.com/120x120/?%%URL%%" alt="%%TITLE%%" width="120" height="120" /><a href="%%URL%%">%%TITLE%%</a><a href="http://b.hatena.ne.jp/entry/%%URL%%" target="_blank"><img src="http://b.hatena.ne.jp/entry/image/%%URL%%" alt="" /></a><br style="clear:both;" /><br>




カスタマイズのポイントとしては、
・サムネイルが少し小さかったので(デフォルトでは、75×75)、120×120に変更。
・文字を画像に対して、左寄せ回り込み
・CSSの指定を解除(使わないから)
・文字が、必要以上に回り込まないように強制的に改行

まぁ、シンプルを旨としているので…。


これで、サムネイル付きリンクを作成すると…

情報管理LOG情報管理LOG


と、このようになります。




 eyeglass2.png 情報管理LOGの眼
 ツールは、カスタマイズしてナンボ

GetTabInfoは、まさに神拡張機能といえるほど、使い勝手が良いです。
そして、使い勝手が良いほど、さらにカスタマイズして、より濃く使いたくなるものです。
特にAndroid系の記事を書いている人は、QRコード付きのリンクも作成できるので、紹介したいアプリを全てタブで開いて、一気に取得ということもできるかもしれませんね。
夢は、広がります。



関連記事

Leave a reply






管理者にだけ表示を許可する

Trackbacks

trackbackURL:http://hokoxjouhou.blog105.fc2.com/tb.php/197-f06266b6
該当の記事は見つかりませんでした。
SEO
loading
情報管理LOG