Chromeプラグイン「Create Link」で、画面キャプチャとはてぶ数のHTMLリンクを２アクションで作成する方法
公開日：
:
最終更新日：2013/08/06
開発
昨日の記事で紹介した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`)ヴァー
Googleアドセンス
関連記事
-
-
世田谷ものづくり学校 アプリクリエイター道場（守）に申し込みをしました
1月末に開講されるアプリクリエイター道場（守）に申し込みをしました。 去年も開催されて
-
-
リニューアル完了！WordPressのテーマ自作に挑戦その3
ブログのデザインをリニューアルしました。 サイドバーへのプロフィール追加など、まだまだ
-
-
iPhoneで作りたいアプリの構想を練ってみる
自分が作りたいiPhoneアプリのアイデアの取りまとめ。 最初から凝ったものを作ろうと
-
-
アプリクリエイター道場（最終回）に参加しました
アプリクリエイター道場（守）の５回目に参加しました。 この道場も今回が最終回です。
-
-
MarsEditからWordPressプラグイン「Meta Manager」を使う方法
Mac用ブログエディタのMarsEditからWordPressのSEO対策プラグインMeta Man
-
-
アプリクリエイター道場（４回目）に参加しました
アプリクリエイター道場（守）の４回目に参加しました。 今回は「コードの書きかたを学ぶ」。 O
-
-
WordPressでTwitterのつぶやきを引用して表示する方法
Wordpressでブログを運営しています。 Twitterのつぶやきをブログに引用し
-
-
WordPressプラグインSyntaxHighlighter Evolvedを導入
HTMLなどのコードを簡単に記事に埋め込んでくれるWordPressプラグインを 導入しま
-
WordPressのテーマ自作に挑戦その1
WordPressのテーマ自作に挑戦中。 このブログはレンタルサーバー＆WordPressで作
-
-
MarsEdit3.6.2にアップデートしたら改行が無くなる不具合が解消した
僕の環境で発生していた「MarsEditで改行が無くなる不具合」ですが、最新バージョンの3.6.2に
