Question

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

我如何动态使用HTML，以便它以shortcode属性的形式接受输入？

这是我要简码的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部分必须是动态的。应该用shortcode属性代替。

假设简码为[coupon]，那么Click Here应该具有我在[coupon value=" "]或任何其他属性中输入的值。

Answer 1

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

我创建了一个单独的PHP文件，并将其包含在WordPress函数中。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"]，它非常有效。

谢谢

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

1 个答案: