Browser Shots スナップショットを表示するWordPressプラグインの使い方

Browser Shots

Browser Shots

Browser Shots はWEBサイトのスナップショットを表示してくれます。外部リンクを使って他サイトを紹介する時、ブラウザのスナップショット機能などを使ってイメージ画像を貼りつけたりします。しかし、デザインが大幅に変更されてしまうとリンク画像とジャンプ先サイトの内容が異なってちょっと残念ことになってしまいます。Browser Shotsは最新の状態をスナップショットに反映してくれます。

Browser Shots

WordPress.org Browser Shots
Version1.7.7
最終更新日2日前
有効インストール6000+
WordPress Version4.0以上
検証済み5.9
Browser Shots の概要 2021年11月現在

Browser Shots の使い方

表示したいスナップショットをショートコードで記事内に記述します。サイトによっては成功しないこともあります。ショートコード記述直後ではスナップショットを取得できないこともあるので、そんなときは、再読み込みをしてください。

ショートコード例

[browser-shot url=”****” width=”500″ height=”500″ alt=”” target=”_new”]Browser Shots[/browser-shot]

パラメータ

  • URL(必須)
  • width – 画像の幅
  • height – 画像の高さ
  • alt – 画像のALTテキスト
「Browser Shots」の使い方
Browser Shots の使い方

Browser Shots の例 以下はヤフートップページを600 × 500 で表示しています。

Screenshot of yahoo.co.jp

Pz-LinkCardはブログカードを生成

ブログカードを生成

Pz-LinkCard はURLを指定するとブログカード形式で表示してくれます。Pz-LinkCard は外部リンクと内部リンクでカードの色や新しくウインドウを開くか細かく設定することができます。WordPressにも標準で内部リンク(自サイトのみ)に対応するブログカード機能がありますが、「Pz-LinkCard」のように細かく設定をすることはできません。

インストールや更新時エラーの対処

Browser Shots をインストールするには、ダッシュボード → プラグイン → 新規追加 → 検索 → 「Browser Shots」で検索 → インストール → 有効

Browser Shots のインストール

エラーの対処

プラグインはインストール時や更新時にエラーを起こしてしまうことがあります。エラーによってはサイトが表示できなくなるだけではなく、WordPressにログインできなくなったりWEBサイトを利用できなくなったりすることもあります。

プラグインの更新中は自動的にメンテナンスモードになりサイトにアクセスできなくなります。更新が終了すれば自動的にメンテナンスモードが解除されアクセスできるようになっています。更新中に何らかの原因で失敗してしまうとメンテナンスモードが解除されずアクセスできないといった状態になるわけです。対処としては次の2つが代表的なものになっています。

プラグインのエラーが発生した時の回復方法

プラグインの注意点

プラグインの多用は表示速度やメンテナンス性などに影響を与えるので必要なものに留める方が良いようです。また、インストールするサーバ環境や干渉、テーマとのマッチングの問題も発生します。

プラグインとは機能を拡張するためのツールです。コアは、柔軟性を保つため、不必要なコードでふくれあがってしまわないように設計されています。ユーザーそれぞれが特定のニーズに合ったものを利用して、カスタム機能を取り入れられるように作られています。

WordPress Codex日本語版(公式オンラインマニュアル)
プラグインのメリット・デメリット
メリットデメリット
必要な機能を簡単に導入することができる数が多くなると、サイトが重くなる
管理画面だけで柔軟に対応できる数が多くなると、管理しきれなくなる
難易度の高いコーディングをしなくてすむ他と競合したり、バグがあったりするものもある
アップデートに伴い、アップデートがかかり、対応してくれるサポートが途中で終わるものもある
プラグイン導入のメリット・デメリット

Promotion

手軽にホームページ検索順位を自分であげる【集客職人 RankingCoach】

・サイト解析 登画面に従ってサイトに関する情報を入力し正しいキーワードや類似サイトを選択します

・キーワード選定 正しい検索ワードを選定するためのヒントを提供、類似サイトの順位を考慮し選定できます