Google Chromeの拡張機能 SLP Link Maker にサムネール付きリンクを出力するテンプレートを設定してみた

 

ブログ界隈で知らない人はいないであろう、「するぷろーら」の作者様がGoogle Chrome拡張を公開されていたので、早速導入してみました。

SLP Link Maker

Google Chrome の拡張機能で、開いている全てのタブからリンクを作成できる、ブログやWEB製作者にとっては、とても便利な拡張機能です。


【作った!】Google Chromeで開いている全てのタブのリンクをラクに作成できる拡張機能を作ってみた。


最大の特徴は、開いている全てのタブを一括でリンク作成できること。単独での取得も当然できますので、便利に使い分けできますね。

テンプレートを自由に編集できる機能もあるので、自分好みに出力するリンクを作成できます。

Chrome ウェブストア から導入できます。

SLP Link Maker – Chrome ウェブストア

サムネイル付きリンク

以前リンク作成に ShareHTML というブックマークレットを使っていたのですが、SSL対応のサイトでは機能しなくなったり、動作が不安定で使えなくなったので、Google Chrome の拡張機能 Copy Title+URL to clipboard と、
Sublime Text のスニペット機能を使って、サムネイル付きのリンクを作っていました。


SublimeText3のスニペットでサムネイル付きサイトリンクをつくるタグを登録


SLP Link Maker は、テンプレートを自由に編集できる機能があるので、サムネイル付きリンクを出力するテンプレートを登録してみました。

上記の記事で作成したコードを、そのまま SLP Link Maker で使えるように編集します。

<a href="!url!" target="_blank"><img class="alignleft" align="left" border="0" src="https://capture.heartrails.com/150x130/shadow?!url!" alt="" width="150" height="130" /></a><a href="!url!" target="_blank">!title!</a><a href="https://b.hatena.ne.jp/entry/!url!" target="_blank"><img border="0" src="https://b.hatena.ne.jp/entry/image/!url!" alt="" /></a><br style="clear:both;" /><br>
改行は反映されないとなってますが、実際に出力したリンクは、改行されていました。

SLP Link Maker で取得した URL と Title を、それぞれ任意の場所に入れ替えただけです。

HeartRails Capture さんのサービスは、サムネイルのサイズも自由に決めることが出来るので、自分のサイトデザインに合った大きさに出来ますね。

まとめ

今までは、Copy Title+URL to clipboard で取得した URL と Title を、Sublime Txet のスニペット機能を呼び出して、任意の場所にペーストするという手間がかかっていましたが、このテンプレート機能のおかげで、コピペ一発で取得出来るようになりました。
するぷさん、ありがとうございます!

テンプレートを登録すると、全てのリンクがテンプレート形式で出力されるので、サムネのサイズ違いやテキストのみのリンクなど、複数登録が出来るとより使いやすいかと思いました。

現時点では、サムネイル付きリンクの作成は SLP Link Maker で、通常のタイトルのみのリンクは Copy Title+URL to clipboard で取得するよう使い分けています。

Amazonでお得に買う方法

ネット通販の代表格Amazon。Amazonプライム会員に登録すると送料無料の他にも様々な特典がついてきます。

そんなAmazonでの買い物を、さらにお得にするなら、Amazonギフト券への購入チャージをおすすめします。

 

現金でチャージするたびに、チャージ額 × 最大2.5%分のポイントがもらえます。

Amazonプライム会員の方なら是非活用して、更にお得に利用しましょう。

CHARGE NOW

コンビニ・ATM・ネットバンクが対象

1円単位で購入可能

スポンサーリンク

フォローする