WEBサイトのスクリーンショットをサムネイル化する
2016/09/09
弊社の制作実績を登録していこうと思ったのですが、直近のものだけでも軽く30を超えており、軽くめまいがしたので楽に登録できるようにしたいと思いました。
URLを入力するだけでサイトのスクリーンショット取れないかなーと思っていると下記のような記事が。
【ネタ元:GOUTEN.NET様 引用・参考サイトのスクリーンショットを記事内で簡単に掲載する】
http://blog.gouten.net/report/wordbench-osaka-13-lt-speaking/
正直プラグインのBrowser Shotsでもできるのですが、このプラグイン、余計なことにかってにリンク作っちゃうのです。
上記GOUTEN.NET様のコードでも自動でリンクを付けてくださってますが、リンク要らんのですよ!
というわけで魔改造しました!
※ただしWordpress APIを使っているため、いつサービス停止されるかわからないシロモノです。おそらくWordpressがある限り提供されるとは思うのですが・・・。
function wp_screenshot($atts, $content = null) {
extract(shortcode_atts(array(
"snap" => 'http://s.wordpress.com/mshots/v1/',
"url" => '設置するサイトURL',
"link" => '',
"alt" => 'ScreenShot',
"width" => '480', // width
"height" => '360' // height
), $atts));
$img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $width . '&h=' . $height . '" alt="' . $alt . '"/>';
if($link == '') {
return $img;
} else {
return '<a href="' . $link . '" target="_blank">' . $img . '</a><!-- snap -->';
}
}
add_shortcode("snap", "wp_screenshot");
これでリンク先指定がないときはaタグを抜くことができます。
ついでにpタグも要らんので消しました。
GOUTEN.NET様でも書かれているのですが、使い方を書いておきます。
まず上記コードをfunction.phpに追加します。
次に、固定ページや記事などの任意の場所にショートコードを入力します。
ショートコード例:
[snap url=”http://magical3.com/”]
オプションは下記のものがあります。
- link=”リンク先URLを入力”
alt=”代替テキスト”
width=”横幅”
height=”縦幅”
ショートコード例:
[snap url=”http://magical3.com/” link="http://magical3.com/dai-blog/" width="360" height="240" alt="magical3.com"]
関連記事
-
-
ページネーションがおかしいぞ?
とあるサイトで、ページ送りがおかしくなっていました。 具体的に言うと、本来6ペー …
-
-
各固定ページのページデザインをテンプレート選択で可能にする方法
よく使うのに忘れてしまうのでまた忘備録がわりに・・・。 【ネタ元:はじめてのWo …
-
-
ページ転送したい時に「Redirection」!
ワードプレスの記事で、「別ページに即座に飛んで欲しい」とか、「このページ見せたく …
-
-
別ページのカスタムフィールドの値を取りたいときー
トップページにカスタムフィールドの値を出したい時ってありますよね? そんな時は固 …
-
-
外部画像URLもアイキャッチに「Featured Image From URL」
外部画像URLをアイキャッチに出来るプラグインを発見したのでご紹介。 Featu …
-
-
PHPのバージョン変更したことでエラーが出る
PHPバージョン7系のサーバーからPHPバージョン8系サーバーにサイト移管した時 …
-
-
カスタム投稿を使うときのメモメモφ(..)
カスタム投稿タイプとは 通常の「投稿」「固定ページ」等とは違うタイプの投稿方法。 …
-
-
WordPressのサーバー移動
WordPressのサーバーお引越し これからWordPressのサーバー移動を …
-
-
All-in-One Event Calendarでエラー「イベントの取得中に何かがうまくいきませんでした。」
使い慣れないプラグインは変なことが起こるのでびっくりデスよ。 表題のエラーが起こ …
-
-
WordPressの指定日時での部分表示
久しぶりにWordPressで少しハマったので忘備録です。 サイトの一部分だけ指 …
