Chromeプラグイン「Create Link」で、画面キャプチャとはてぶ数のHTMLリンクを２アクションで作成する方法
昨日の記事で紹介したChromeプラグイン「Create Link」の、
より便利な小技を紹介します
HTMLタグを出力する時のフォーマットをカスタマイズできることに注目。
以下の書式をフォーマットに指定することで、画面キャプチャと
はてぶ数をHTMLタグに出力します。
オプションの設定
前回同様、Create Linkの設定画面から「＋」ボタンを押して
新しい定義を追加します。
名前は適当に。今回は”HTML２”にしました。
フォーマット定義は以下のとおりに記述します。（ちと長いですが）
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<table width="100%"> <td class="httplinkimg" width="150"> <a href="%url%" target="_blank"> <img border="0" src="http://capture.heartrails.com/150x130/shadow?%url%" width="150" height="130" /> </a> </td> <td class="httplinkimg"> <a href="%url%" target="_blank"><u>%title%</u></a> <a href="http://b.hatena.ne.jp/entry/%url%" target="_blank"> <img border="0" src="http://b.hatena.ne.jp/entry/image/large/%url%" /> </a> </td> </table> |
定義を追加したら、いったんChromeを閉じて定義を反映させます。
使いかた
Chromeを起動します。
画面上で右クリックすると、先ほど追加したHTML２という
定義が表示されます。
これをクリックすると、HTMLタグがクリップボードにコピー
されます。
あとは、ブログのHTML編集画面などでペーストします。
実際にWEBブラウザで表示させると、、、↓↓↓
HTMLリンクとタイトルを簡単にコピペするGoogle Chromeプラグイン |
画面キャプチャとはてぶ数がセットでHTMLリンクが表示されました！！。
画面サイズなど見た目の細かいカスタマイズは、フォーマット定義を
修正してください。
ただ単にリンクを表示するより、見た目にもわかりやすい
小技を紹介しました。
自由度が高いプラグインは、いろいろカスタマイズできるから好き♪。
(‘A`)ヴァー
開発
公開日：
最終更新日：2013/08/06
おすすめの商品
-
-
Anker Astro E5 15000mAhモバイルバッテリー 黒 iPhone5/4S/iPad/Galaxy/Xperia/Android/各種スマホ等対応 デュアルポート
Ankerの大容量モバイルバッテリー、Anker Astro E5を購入しました。 外観・サイ
-
-
検索上位を最速で実現させるWordPress SEOの極意
月間1万PV(ページビュー)以下ながら、Amazonアソシエイト(アフィリエイト)の2013
-
-
ソニー Cyber-shot DSC-WX300(W) ホワイト
2013年春にSONYからコンパクトデジカメ、サイバーショット「DSC-WX300」が発売さ
関連記事
-
WordPressのテーマ自作に挑戦その1
WordPressのテーマ自作に挑戦中。 このブログはレンタルサーバー＆WordPressで作
-
-
アプリクリエイター道場（４回目）に参加しました
アプリクリエイター道場（守）の４回目に参加しました。 今回は「コードの書きかたを学ぶ」。 O
-
-
リニューアル完了！WordPressのテーマ自作に挑戦その3
ブログのデザインをリニューアルしました。 サイドバーへのプロフィール追加など、まだまだ
-
-
アプリクリエイター道場（３回目）に参加しました
アプリクリエイター道場（守）も今回で３回目です。 ・アプリクリエイター道場（１回目）
-
-
HTMLリンクとタイトルを簡単にコピペするGoogle Chromeプラグイン
Hexagram to square hinged dissection / fdecomite
