YouTubeショートを貼り付けるショートコードを自作してみた

今回は、直接ブログの引っ越しとは関係ないですが、WordPressに引っ越した後に、あれもこれもとやりたいことが湧いてきます。

その一つとして、既存機能や拡張機能でも飽き足らず、これもできないかという貪欲な思いをカタチにしてみました。

ブロックエディターになってサクッと更新できるようになったけれど、YouTubeのショートを本文にうまく埋め込めないという壁にぶち当たりました。

そこで、ショートコードを自作してみたところ、便利に活用できたのでご紹介します。

埋め込みコードは取得できるけれど
ショートコードを自作してみる
結果

埋め込みコードは取得できるけれど

ショート動画も通常の動画と同様に、右クリックで「埋め込みコードを取得する」が使えます。

しかし、ブロックエディタでそのまま貼り付けると、段落でもコードで入れてもうまく表示できません。

ショートコードを自作してみる

function.php　に下記のコードを設置します。function.phpを扱うときには必ずバックアップをとってください。さらに、子テーマがあるときには子テーマのfunction.phpに追記しましょう。

構造は単純です。開始コード [ open ] と閉じコード [ close ] を２つ作ります。

//ショートコード　OPEN
function shortcode_short1(){
  return '<iframe style="width:100%;max-width:455px;height:800px;" src="https://www.youtube.com/embed/';
}
add_shortcode('open','shortcode_short1');

//ショートコード　CLOSE
function shortcode_short2(){
  return '" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>';
}
add_shortcode('close','shortcode_short2');

ブロックエディターの[/]ショートコードを選択し、[ open ] [ close ]で動画URLの末尾をはさんで登録します。