
参考效果
模板:
<!-- wp:media-text {"mediaId":25,"mediaType":"image","mediaWidth":34} -->
<div class="wp-block-media-text alignwide" style="grid-template-columns:34% auto"><figure class="wp-block-media-text__media"><img src="[图片地址]" alt="[标题]" class="wp-image-25"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"内容…","fontSize":"large"} -->
<p class="has-large-font-size">
[标题]
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
到手价:[券后价]
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>淘口令:[淘口令]</p>
<!-- /wp:paragraph -->
<!-- wp:button -->
<div class="wp-block-button">
<a class="wp-block-button__link" href="[链接]" target="_blank">打开网址</a>
<span id="copyMy[序号]" style="position: absolute;left: -100000px;">0[淘口令]/</span>
<button class="wp-block-button__link" onclick="copyFn[序号]()">复制口令</button>
</div>
<!-- /wp:button --></div></div>
<!-- /wp:media-text -->
<script>
function copyFn[序号]() {
var val = document.getElementById('copyMy[序号]');
window.getSelection().selectAllChildren(val);
document.execCommand("Copy");
alert("复制成功,打开手机淘宝会购买吧!");
}
</script>