php - 如何使用带有 HTML 值作为简码属性的 HTML 创建简码？

Question

我正在尝试为单击复制优惠券按钮创建简码。我正在使用 HTML。

如何动态使用 HTML 以便它以短代码属性的形式输入？

这是我想要简码的 HTML 代码：

<span class="copy-button click-to-copy" data-clipboard-action="copy" data-clipboard-target="#copy-target">
  <span id="copy-target" class="target">Click Here</span>
  <span class="hidden copy">Copy</span>
  <span class="hidden copied">Copied</span>
</span>

该部分Click Here必须是动态的。它应该由短代码属性替换。

假设短代码[coupon]应该Click Here具有我放入其中的值[coupon value=" "]或任何其他属性。

Answer 1

好的，我按照Scuzzy的建议检查了 WordPress 文档并使其正常工作。

我创建了一个单独的 PHP 文件并将其包含在 WordPress functions.php 中

然后我使用了以下代码：

<?php
function coupon_function( $atts = array() ) {

    // set up default parameters
    extract(shortcode_atts(array(
     'code' => 'Coupon Code Here'
    ), $atts));

    return '<span class="copy-button click-to-copy" data-clipboard-action="copy" data-clipboard-target="#copy-target"><span id="copy-target" class="target">' . $code . '</span><span class="hidden copy">Copy</span><span class="hidden copied">Copied</span></span>';
}
add_shortcode('coupon', 'coupon_function');
?>

然后我尝试了这个简码[coupon code="test"]，它运行良好。

谢谢