「Browser Shots」を使ってWebサイトのキャプチャ画像を自動生成するとキュレーション記事が作りやすい

WordPress

@どうそんです。

「Browser Shots」は、動的に自動でウェブサイトのキャプチャ画像を生成してくれる優れもののプラグインです。このプラグインがあれば、ショートコードを挿入するだけで外部サイトのキャプチャ画像を挿入してくれます。

他のサイトを紹介したい時に、普通はそのサイトのキャプチャ画像を撮影して、Photoshopでリサイズして、サイトに貼り付けて、、、という結構な手間暇をかけて作業しますよね。正直結構たいへんです。

「Browser Shots」を使えば、ブログ更新のスピードも格段にアップします。

プラグインの特徴

  • 紹介したいウェブサイトのキャプチャ画像を自動生成してくれる

プラグインのダウンロード

プラグインのダウンロードは下記のリンク先からもできますしWordPress内で「Browser Shots」と検索してもダウンロードが可能です。現在のバージョンは「1.5.1」。

Browser Shots
Browser Shots
Developer: Ben Gillbanks
Price: Free

プラグインの使い方

動画解説

管理画面の場所

プラグインをインストールするだけで「記事投稿」からすぐに利用できるようになります。

browsershors1

プラグインの設定

ビジュアルエディターから、上の赤枠で囲んだアイコンをクリックすると次のような画面が開きます。

brlwsersnlrs2

Image Url:キャプチャ画像を取得したいサイトのURL

Image Link Url(optional);リンク先のURL

Image Width:画像の横幅

Image Height:画像の高さ

Image Caption:画像キャプション

Image Alt Text:画像のAltワード

Open Link in new Window?:チェックを入れるとリンクをクリックした時新しいタブで開きます

この状態で「OK」をクリックするとショートコードが生成されます。

browsershors3

すると、次のようにGoogleのキャプチャ画像を自動で取得してくれます。

browsershors4

 

使ってみた感想のまとめ

これを使うと、動的にキャプチャ画像を生成してくれるので、サーバーへの負担も軽減できますね。

ただ、jQueryなどで作られた動きのあるサイトでは自動生成してくれない場合もあるようなので、その場合は臨機応変に利用してください。

おすすめの関連記事

地味に助かるおすすめWordPressプラグイン9カテゴリ21選を紹介

 

メルマガ登録限定Udemy全コース無料プレゼント!

Udemyの無料コースと有料コース、全9コースをすべて無料で受講できます。有料コースはすべて無料クーポンを発行しています。メールマガジンに登録するとすべてのコースを無料で受講できます。
↓↓↓↓↓↓↓
https://triggermind.com/mailmagazine-live/

ブログ更新通知を受け取る