【WordPress】プラグインのブログパーツを作成する方法

チャオ(・∀・)♪

 

プラグインがインストールできる、カエレバみたいなブログパーツを作成する方法についてご紹介します。

 

 

 

こんな感じのブログパーツを使うことで、プラグイン紹介が少し華やか(?)になるのかなと思います。

 

 

【WordPress】プラグインのブログパーツを作成する方法

 

コードは下記の通りです。

 


<blockquote class=”wp-embedded-content” data-secret=”wFSR7Mkorf”><a title=”(①)” href=”(②)” target=”_blank” rel=”nofollow noopener”></a></blockquote>
<iframe class=”wp-embedded-content” style=”position: absolute; clip: rect(1px, 1px, 1px, 1px);” title=”“(③)” — Plugin Directory” src=”(④)” width=”500″ height=”282″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” sandbox=”allow-scripts” data-secret=”wFSR7Mkorf”></iframe>

 

コードを作成するために、ポイントが4つあります。

 

ポイントとなる箇所のコードを抜き出して順番に解説していきますね。

 

①プラグイン名を挿入する

 

<blockquote class=”wp-embedded-content” data-secret=”wFSR7Mkorf”><a title=”(①)”

 

①には、紹介したいプラグインの名前を挿入します。

 

今回は例として「All in One SEO」を選んでみました。

 

なのでコードは↓

 

<blockquote class=”wp-embedded-content” data-secret=”wFSR7Mkorf”><a title=”All in One SEO

 

上記の通りとなります。

 

②プラグインの公式ダウンロードページのURLを取得する

 

href=”(②)”

 

②には、プラグインの公式ダウンロードページのURLを挿入します。

 

 

「All in One SEO」のダウンロードURLは「https://ja.wordpress.org/plugins/all-in-one-seo-pack/」なので、これを②のところに挿入しましょう。

 

href=”https://ja.wordpress.org/plugins/all-in-one-seo-pack/

 

③プラグイン名を挿入する

 

title=”“(③)”

 

また「title」があるので、①と同じようにプラグインの名前を挿入しましょう。

 

title=”“All in One SEO

 

④ダウンロードURLにちょい足しして仕上げ

 

 src=”(④)”

 

④には、②で取得したダウンロードURLの末尾に「embed/#?secret=wFSR7Mkorf」を付け足したリンクを挿入します。

 

 src=”https://ja.wordpress.org/plugins/all-in-one-seo-pack/embed/#?secret=wFSR7Mkorf

 

これでコードは完成したので、後は貼り付けて実装完了です。

 

ちなみに「width=”728″ height=”282″」の数字を変えることで、横(width)と高さ(height)のサイズを変えられます。

 

 

まとめ

 

今回作成したブログパーツは↓

 

 

 

そしてそのコードは↓

 


<blockquote class=”wp-embedded-content” data-secret=”wFSR7Mkorf”><a title=”All in One SEO” href=”https://ja.wordpress.org/plugins/all-in-one-seo-pack/” target=”_blank” rel=”nofollow noopener”></a></blockquote>
<iframe class=”wp-embedded-content” style=”position: absolute; clip: rect(1px, 1px, 1px, 1px);” title=”“All in One SEO” — Plugin Directory” src=”https://ja.wordpress.org/plugins/all-in-one-seo-pack/embed/#?secret=wFSR7Mkorf” width=”728″ height=”282″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” sandbox=”allow-scripts” data-secret=”wFSR7Mkorf”></iframe>

 

以上です。

 

それでは、ここまで読んでいただきありがとうございました。

チャオ(・∀・)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です