MENTAやTimeTicketでZoomオンライン指導・メンタリングを行っています。
WordPressやHTMLサイトのトラブル、SEO対策のご相談、HTML・CSS・WordPressなどのレクチャーなどが可能です。


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

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

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

icons-capture

[browser-shot url=”https://www.google.co.jp/” width=”200″]

しかも!サイズも可変!

幅100px

[browser-shot url=”https://www.google.co.jp/” width=”100″]

幅300px

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

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

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

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

[browser-shot url=”http://wordpress.org/plugins/browser-shots/” width=”300″]

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

終了です。

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


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

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

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

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

target _blankにカスタマイズ!!

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

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

おすすめコンテンツ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA