サイトを紹介するときって、いかに魅力的に紹介するかが難しいですよね。文章でそのサイトの魅力を100%引き出せればいいのですが、そんなに簡単ではありません。サイトのスクリーンショットを貼るだけで簡単にそのサイトの雰囲気を伝えることが出来ます。文章を使って伝えるよりもよっぽど楽ですし、何より記事の見栄え自体も良くなります。本日はサイトを紹介するときに、簡単にスクリーンショットを撮ってくれるWordpressプラグインを紹介しようと思います。Shots」の使い方ブログの記事を書くときに他人のサイトを紹介したい時ってありますよね。テキストリンクだけではちょっと味気ないですし。Shots」というプラグインはキャプチャーしたいサイトのURLを指定するだけで、自動的にスクリーンショットを撮ってくれる便利なプラグインです。細かいオプションの指定によって自分の好きなように表示させることも出来ます。試しに僕のサイトで使ってみると下のようになります。Shots」をインストールすると記事投稿画面のメニューに新しいボタンが追加されます。赤く囲ったボタンが追加されるそのボタンを押すと、下のようなオプション画面が開かれます。オプション画面オプション画面ではスクリーンショットについて様々な細かい設定ができます。Urlで、ここにキャプチャーしたい画像のURLを指定します。基本はURLさえ指定すればスクリーンショットは表示されるのですが、もっと細かい指定も出来ます。デフォルトのスクリーンショッサイズが600×450というのは結構大きいので、サイズを変えたい方はここを任意のサイズに変更しましょう。以下、他の項目の説明です。(optional):スクリーンショットとは違う画像を使いたい時に、その画像のUrlをここで指定します。Window?:新しいウィンドウで開くかどうかを指定オプションを指定してOKボタンを押せば、マウスカーソルの位置に下のようなショートコードが挿入されます。公式サイト[/browser-shot]これで終了です。Shots」のおすすめの使い方、注意点オプション項目が多すぎてどうすればいいかわからない!という方のために、おすすめのオプション設定を紹介します。一例ですので、自分のサイトに合うように最適化しましょう。悩ましいのがスクリーンショットのサイズです。大きすぎると主張が激しすぎるし、小さすぎると細かくて見難い。デフォルトのサイズは600×450となっていますが、これは明らかに大きすぎます。縦横の比が4:3であることを考慮していろいろ試してみたところ、280×210が一番無難に思えます。280×210はこんな感じCaptionとAltについては、紹介したいサイトのタイトルが良いでしょう。ここで注意して欲しいのは、Altは必ず設定してください。リンクが画像となっているのでAltで書かれた内容がアンカーテキストとなります。検索エンジンはAltで書かれた内容をリンク先の内容だと判断するので、設定している方がSEO的に良いと考えられます。Shots」にもっと早く気がついていれば、今まで書いてきた記事でも使用していたのにと後悔するほど便利です。めんどくさいですが過去記事を修正するときに、順次リンクを画像に置き換えていこうと思っています。Shots」を使ってみてください。below.この記事を書いた人最新の記事XZゲームとWeb小説が何よりも好き。自分の趣味を共有、共感できたらと思いブログをはじめた。コメントをキャンセルメールアドレスが公開されることはありません。早いもので、さらに1ヶ月の月日が流れました。ブログ初心者が持つべき心構え~ブログはそんなに甘くないブログを始めた直後は、これからの期待で胸がいっぱいだと思います。ブログ開始1ヶ月目のアクセス数を踏まえて~10月のまとめと11月の目標このブログも開設してから1ヶ月を迎えようとしています。本日、僕もRSSやFeedlyボタンを設置しました。ブログ初心者に立ちはだかる壁~挫折の先で、今日も今日とて記事を書くこのブログもこの記事でちょうど100記事目となる。POST【最近読んだWeb小説】~魔法はプログラミング、他~最近更新がめっきり減ってしまい申し訳ありません。今回は、ポケモンの厳選に欠かせない個体値の調べ方について説明します。ゲームとWeb小説が何よりも好き。自分の趣味を共有、共感できたらと思いブログをはじめた。