web-dev-qa-db-ja.com

画像キャプションと同様の方法で動画の説明を追加する

私はそれが画像に使用されているもののように少しスタイルを付けることができるようになる埋め込みビデオに簡単な説明を追加するための解決策を探しています。

私が見つけた唯一のオプションは、JavaScriptを使用して画像の後の段落を見つけ、それからスタイルを設定するクラスを追加することです。これは明らかに画像の後の内容によっては人的ミスを招く可能性があります。

videoscaptionsdescription
2
Josh

新しい WP Gutenberg エディタがショートコードと埋め込みをどのように処理するかを見るのは興味深いでしょう。

埋め込みに[embed]ショートコードを使用する場合は、UIをサポートしない、半回避策：

[embed src="https://www.youtube.com/watch?v=jfNOdsvMke4" desc="some description"]

この種のラッパーでは、カスタムdesc属性がサポートされています。

add_filter( 'embed_oembed_html', function( $return, $url, $attr )
{
    if( ! isset( $attr['desc']))
        return $return;

    return sprintf( 
        '<div class="oembed-wrapper">%s<span>%s</span></div>', 
        $return, 
        esc_html( $attr['desc'] ) 
    );

}, 10, 3 );

その後、CSSを使ってさらに調整する必要があります。

ps：Shortcakeプラグインのように、ショートコードにUIを追加する方法があります。

2
birgire