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

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

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

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

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

この記事の内容について

このプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願います

すべての環境で動作するとは限りません

できる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります

有料版と無料版がある場合、テストは原則無料版のみで実施しています

テスト環境については文末に記載しています

使用方法で紹介しているショートコードをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「”」「’」などの記号を入力し直してみてください。

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

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

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

インストールと設定方法

インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。

インストール方法の詳しい解説は

【Wordpress】プラグインのインストール＆追加方法とエラー対処の方法

Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。

www.momosiri.info

サイト内のページへ移動します

2017-10-29 11:27

を参照ください

【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]

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

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