20
Chrome拡張機能とWordPress「Browser Shots」でサムネイル付きリンク作成
最近、こういう画面を目にするようになっていましたが、
スクリーンショットかなって、ぐらいに思っていました。
でも、だんぼさんとこは違うのかな〜?(笑)
あらま、プレビューしたらぐるぐるまわってて、セキュリティとかの関係?ちゃんと表示されないみたいです。
サムネイル付きリンク作成
たまたま見たサイトで、紹介されていました。
普段から、MacもiPhoneもSafariを使っているので、こういうのは知らなんだw
すみませんあまり関心はなかったのですが、
これも食わず嫌いだと、いけないと思い直し、試してみようと思いました(^^;;
カスタマイズ3の例
超簡単に引用文付きサムネイルリンクを作成する方法 | CreativeLife
こちらのサイトを参考にさせて頂きました。
“ブログを書くときに便利。
導入も超簡単で1分もかからなかったかもしれない。”
カスタマイズ2の例。引用文はなしです。
超簡単に引用文付きサムネイルリンクを作成する方法 | CreativeLife
iPhoneのブックマークレットで
超簡単に引用文付きサムネイルリンクを作成する方法 | CreativeLife
導入に必要なもの
GoogleChrome拡張機能「Create Link」
WordPress「Browser Shots」プラグイン
の2つが必要です。
「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)
Leave a Reply