wordpress - Wordpress中没有适用于Gutenberg音频 block 的CSS？

Question

有没有一种方法可以用CSS为Gutenberg音频块设置样式？常规的Wordpress Widgets和Shortcode [audio]使用mediaelement.js，因此对这些Elements进行样式化没有问题，但是gutenberg音频块的输出只是纯HTML音频标签。最好的办法是也使用mediaelement.js-我想知道为什么这不是默认设置。

Answer 1

我找到了解决此问题的快捷方法。我在header-tag的末尾添加了以下代码，以将mediaelement.js应用于gutenberg-audio-blocks

<script>
        jQuery(document).ready(function() {
            jQuery(".wp-block-audio audio").addClass("mejs__player");
        });
</script>
<script src="/wp-includes/js/mediaelement/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="/wp-includes/js/mediaelement/mediaelementplayer.min.css" />

如果您尚未在网站的所有页面上都看到带有音频小部件的侧边栏，则只需添加到mediaelement js和css的链接-在这种情况下，将自动添加mediaelement js和css。

正如我提到的那样:这只是一个Hack，并不是真正的长期解决方案。我猜想有一个更干净的方法可以用functions.php中的一些代码解决问题
欢迎提出建议。