WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

別のサイトやページを動作させることができるプラグイン「SparkEmbed」

公開日:2017(平成29)年11月19日/最終更新日:

WordPressのプラグイン情報



【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれています

WordPressでは別のサイトやページへのリンクは設定できるものの、ページの中で違うサイトを動かすことはできませんよね?

今回紹介する【SparkEmbed】プラグインを使えば投稿や固定ページの任意の場所へショートコードで実際に動作する別ページを挿入することができる便利なプラグインです。

【SparkEmbed】プラグインの基本的な機能・できること

  1. ショートコードで別サイトや別ページを動作させる

本記事を参考にWordPressサイトへプラグインの導入を検討される方へ

WordPressは古くから無料で配布されているサイト作成ツール(CMS)で、随時改良が加えられており、さまざまなバージョンが存在します。

さらにWordPressを動かすためのプログラムであるPHP、サイトのデータを保存しておくためのデータベースについても様々なバージョンがあります。

そしてWordPress本体同様にプラグインについてもさまざまなバージョンが存在します。

本記事を参考にプラグインの導入をお考えの方は、以下に留意の上でインストールするようにしてください。

  • テスト環境での動作に基づいた紹介記事ですので、すべての環境で正常に動作するかどうかは不明です
    ※本記事の内容についてはページ内に記載しているプラグインバージョンのものになります。現在のバージョンと異なる場合、機能や日本語対応の状況などが異なる場合があります。
    ※また、テスト環境、テストしたプラグインバージョン等の表示が本文内にない場合、ページタイトル下にある最終更新日当時の情報となりますので、現在のバージョンでは全く違う機能となっているかも知れません。
  • プラグインに無料版と有料版(Pro版)がある場合、特に記載がなければ無料版の情報のみを紹介しています
  • このページでプラグインを使用する際に必要なショートコードやコードなどは、コピーして使用することができますが、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。
  • プラグイン本体の動作不具合や質問などは公式サイトのフォーラムなどで行ってください(ここでは質問にお答えすることはできません)

【SparkEmbed】プラグインの設定画面や表示の日本語化と翻訳

【SparkEmbed】プラグインは設定項目がないので特に必要ないと思います

QA AnalyticsQA Analytics

【SparkEmbed】プラグインのインストールと設定

インストール方法

インストールはプラグインの新規追加でプラグイン名を入力して検索してインストールするか、WordPressのプラグイン公式配布ページからダウンロード後、管理画面からアップロードインストールしてください(プラグインの公式ページは本ページ内記載のリンクをクリック、もしくは、WordPress公式サイトで検索してください)。

WordPressを使い始めて間もない方(初心者の方)は、より詳細なプラグインのインストール手順や、インストール時に起こる問題などへの対処方法をまとめた【WordPress】プラグインのインストール&追加方法とエラー対処の方法も併せてご覧ください。

【SparkEmbed】プラグインの基本的な使い方

設定項目がありませんので有効化したらすぐに使えます

基本となるショートコードは[spark]ここにサイトURLやページURLを挿入[/spark]です。

「ここにサイトURLやページURLを挿入」の部分にURLを挿入するだけです。

このショートコードにはパラメーターがあり、幅(width)・高さ(height)・囲み線の幅(border_width)・囲み線の色(border_color)・囲み線の種類(border_style)・背景色(background_color)・パディング(padding)・CSSクラス名(class)がそれぞれ指定できます。デフォルト値はありますが、実際にサイト上で表示してみてから調整した方がいいと思います。

全てのパラメーターを挿入したショートコードがこちらになります

[spark width="" height="" class="" border_width="" border_color="" border_style="" background_color="" padding=""]ここにサイトURLやページURLを挿入[/spark]

パラメーターの値をすべてブランク(””)でショートコードを挿入してもテスト環境では正常に動作しましたので、常時このショートコードを使用しておいて調整したい場合だけ値を指定するといった使い方の方が実用性があると思います。

ショートコードを覚えておくことはできませんから

などを使ってコードをボタン化しておくといいでしょう。

プラグインのテスト環境&個人的評価

最後に【SparkEmbed】を動作確認した際の環境と個人的な評価を書いておきます。導入の検討や参考になれば幸いです。

テストした環境

  • テストサーバー:カラフルボックス ColorfulBox
  • WordPressのバージョン:4.9.0
  • PHPのバージョン:7.0
  • テーマ:Simplicity2 バージョン2.3.0g
  • プラグインのバージョン:本記事で紹介しているバージョン 1.0/最新バージョン 公式サイトで “sparkembed” は配布されていません
  • 公式サイト(wordpress.org上):https://wordpress.org/plugins/sparkembed/
  • 公式サイト(作者サイト):

個人的な評価・感想ほか

  1. 設定のしやすさ:☆☆☆☆☆
  2. 使いやすさ:★★★★★
  3. おすすめ度:★★★☆☆

1つ残念だったのは、フレーム内のコンテンツ(別のサイト)が拡大縮小表示されないことです。

著:清水 由規, 著:清水 久美子, 著:鈴木 力哉, 著:西岡 由美, 読み手:星野 邦敏, 読み手:吉田 裕介
¥2,889 (2024/02/08 17:07時点 | Amazon調べ)