スクリーンショットは使ってません!別サイトへのサムネ付リンク画像を簡単導入!Browser Shots!

色々なサイトで見かけますよね。別サイトのスクリーンショットでそのサイトへリンクさせる画像リンク。

wordpressのプラグインを使えば、スクリーンショットでわざわざ画像を保存しなくても、こんなサムネイル付画像リンクを作ってくれます。

icons-capture

https://www.google.co.jp/

しかも!サイズも可変!

幅100px

https://www.google.co.jp/

幅300px

https://www.google.co.jp/

導入も、実装も簡単です!

まずはプラグインをインストール!

プラグイン>新規追加>browser shot
を検索し、インストール・有効化をしましょう。
プラグインサイト(さっそく使います!笑

http://wordpress.org/plugins/browser-shots/

設定は特にナシ!終了!!

終了です。

あとは投稿画面でショートコードにURLと幅を記述するだけです。

[browser-shot url="https://www.google.co.jp/" width="300"]

ulrとwidthに任意の値を入れればサムネイル付画像リンクが表示されます。

ん?リンク付サムネイル画像?が正しいのかな(笑

制作実績やサイト紹介には欠かせないプラグインですね!

target _blankにカスタマイズ!!

画像リンクはデフォルトだと別ウィンドウで開いてくれませんので、target _blankにカスタマイズした記事を追加しました。

サイトのサムネイルリンクを自動で作成するBrowser Shotsのカスタマイズ!

スポンサーリンク

コメントをどうぞ

コメントを残す

メールアドレスが公開されることはありません。

スパム対策にご協力ください *

コメントの前にご確認ください。なにか不具合などあればtwitterまでご連絡ください

  • コメントは承認制のため、反映・表示までお時間を頂きます。
  • 具体的なエラー画面などがある場合は画像を添付してください。(1ファイルの上限は2メガバイト・3枚までUP可能です。)
  • メールアドレス等の入力も必須ではありませんので入力の必要はありません。お気軽にどうぞ。(冷やかしは止めてね!)
  • コメントや返信があっても通知は届きませんのでご注意下さい。
  • 忙しい時はレスが遅れることもあります。
  • 実作業は行いません。ご依頼の場合はお問い合わせからお願い致します。
  • コメントの回答による一切の不利益および損害に関し、責任を取ることはできません。(実作業をご依頼いただいた場合は別です。)