将Wordpress简码附加到CSS类吗？

Question

所以...

经过数小时的反复试验，我似乎无法正常工作。

我有一个名为woodiscuz的插件，它允许用户对产品进行评论（这是一家运行woocommerce的电子商务商店，没什么花哨的东西。）

这是它的屏幕截图： https://i.stack.imgur.com/2oH5T.png

我还有另一个名为myCRED的插件，可以用作忠诚度计划。 （在消费时获得积分等）

myCRED附带有徽章，您可以使用[mycred_my_badges]向用户显示获得的徽章。 我希望此徽章/简码显示在STAFF徽章下。

所以我想，嘿，为什么我不使用我最近学到的do_shortcode（）函数呢？

这是我尝试使用的代码：

$( ".wpc-comment-left" ).append( document.createTextNode(<?php echo do_shortcode(“[mycred_my_badges]”); ?>) );

现在，查看评论屏幕快照，蓝色框是一个名为“ wpc-comment-left”的css类，因此为什么我要在其中添加我的简码。红色部分是我希望徽章出现的位置。

我希望这对你们中的某些人有意义。我不知道还能在哪里找到，而且我对PHP和JS的了解很少，因此非常感谢您的帮助。

干杯！

Answer 1

在引号等情况下，您需要对javascript字符串进行编码，并将生成的字符串用引号引起来：

$( ".wpc-comment-left" ).append( document.createTextNode("<?php echo json_encode(do_shortcode("[mycred_my_badges]")); ?>") );