有没有办法用 css 设置古腾堡音频块的样式？常规的 Wordpress Widgets 和 Shortcode [audio] 使用 mediaelement.js，因此设置这些元素的样式没有问题，但 gutenberg 音频块的输出只是一个普通的 html 音频标签。最好也对这些使用 mediaelement.js - 我想知道为什么这不是默认设置。
【问题讨论】：
标签： wordpress audio mediaelement.js wordpress-gutenberg
我为这个问题找到了一个快速而肮脏的解决方案。我在 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 会自动添加。
正如我所提到的：这只是一个技巧，并没有真正的长期解决方案。我想有一种更简洁的方法来解决functions.php中的一些代码问题 欢迎提出建议。
【讨论】：