超簡単に引用文付きサムネイルリンクを作成する方法 | CreativeLife

こちらのサイトを参考にさせて頂きました。
“ブログを書くときに便利。
導入も超簡単で1分もかからなかったかもしれない。”

超簡単に引用文付きサムネイルリンクを作成する方法 | CreativeLife

iPhoneのブックマークレットで

超簡単に引用文付きサムネイルリンクを作成する方法 | CreativeLife

導入に必要なもの

GoogleChrome拡張機能「Create Link」
WordPress「Browser Shots」プラグイン
の2つが必要です。

Chromeウェブストア

Browser Shotsプラグイン

「Create Link」のカスタマイズ

拡張機能を入れると。

Configure…をクリック

フォーマット

上記のサイトを参考にしましたが、
色々試して、このように設定してみました。テキスト部分が、スクショと同じ位置から始めたいのに、上手くいきません…
こちらは、カスタマイズBrowser Shots3です。

<div class="link_share_box"><p class="link_share"><a href="%url%" target="_blank" title="%title%">%title%</a></p><div class="thumbnall_box">		

			
				
			
		
</div>%text_br%<div class="clear both"></div></div>

あとは、cssも参考にさせて頂きました

追記（2013/08/20 PM9:00）:カスタマイズ設定したあとは、Chromeを再起動してください。

「Browser Shots」の編集箇所

別窓で開くためには、
Browser-Shots.phpの編集を開いて、56行目あたりに
target=”_blank”を追加します。

if ( !empty( $image_uri ) ) {
			$image = '<img src="' . $image_uri . '" alt="' . $alt . '" width="' . $width . '" class="alignnone" />';
			return '<div class="browser-shot"><a href="' . $url . '" target="_blank">' . $image . '</a></div>';
		}

使い方はいたって簡単

使う時は、画面上で右クリックでもできます。
それをWordPressの投稿画面にペーストすればいいですね。

ブックマークレットが便利！

上のサイトで紹介されていたので、
早速、ブックマークレットをこちらのサイトから導入してみました。
これだと、iPhoneのChromeでもSafariどちらでも上手く動きました♪
ブックマークレットをタップして、
ポップアップ画面がでてくるので、それをコピー＆ペーストです。
ちよー、便利ですね！因にiPhoneのSafariで起動、DraftPadに貼ってDropboxに送りましたw

[WordPress]BrowserShots用のブックマークレット作った | 脳味噌はなまる

あとがき

いやまぁ、エントリ公開して見るまでは上手くいっているのかは、わかりません・・・（笑）

暑いけどもうちょっとの辛抱。
ではでは。。

【こちらの関連記事もご覧ください】

• 「代助のブログ」で紹介されていたAppHtmlテンプレートのiOS 7風を試してみました♪(2747views)
• 続編「AppHtml」iOS7風ブックマークレットを自分用にカスタマイズしました。(2843views)
• [Android]Nexus 5の「Googleカメラ」は何処？(3703views)
• [WordPress]「Yoko」の子テーマを作りました。(3221views)
• ［WordPress］過去記事を編集できるブックマークレット『Edit WP Post』を使ってみました！(3924views)