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

公開日：2017年11月19日コンテンツ追加

【この記事の目次】－　必要な部分だけ見たいときにどうぞ　－ [表示する]

1 【SparkEmbed】プラグインの基本的な機能・できること
2 【SparkEmbed】プラグインの設定画面や表示の日本語化と翻訳
3 【SparkEmbed】プラグインのインストールと設定
4 【SparkEmbed】プラグインの基本的な使い方
5 プラグインのテスト環境＆個人的評価
- 5.1 テストした環境
- 5.2 個人的な評価・感想ほか

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

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

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

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

この記事の内容について

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

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

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

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

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

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

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

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

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

インストール方法

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

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

Knowledge Base

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

https://www.momosiri.info/cms/wordpresspluginerror/

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

を参照ください

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

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

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

Knowledge Base