Javascript 帖子/页面上的WordPress插件

我打算将现有的jQuery插件转换为WordPress插件。这将是我的第一个可湿性粉剂插件（请温柔）。我已经设置了基本的插件结构，可以成功地激活/停用插件（从而将必要的JS和CSS文件添加到站点）。到目前为止还不错

我不明白的棘手部分

我试图在帖子或页面上完成的内容：

1-针对帖子或页面中的单个元素（图像） 2-将特定类应用于该元素 3-允许用户仅向该元素提供插件设置

我不知道怎么做

我找到的关于WordPress插件开发的所有信息都详细说明了如何在仪表板中设置设置面板。不幸的是，我找不到任何详细信息，这些信息都是针对文章或页面中的特定元素，然后将插件设置应用于这些元素

在标准HTML站点上，插件代码如下所示：

<img src="..." class="myPlugin"/>

// INIT
$(document).ready(function(){
    $('.myPlugin').myPlugin({ someOptions });
});

//初始化
$（文档）.ready（函数（）{
$（'.myPlugin'）.myPlugin（{someOptions}）；
});

也可以按如下方式应用设置：

<img src="..." class="myPlugin" data-myPlugin='{ someOptions }' />

希望这对每个人来说都足够了，我希望有人能给我指出正确的方向

---

谢谢

您可以使用过滤器挂钩

图像发送到编辑器

。当我们使用添加媒体按钮选择附件时，它返回插入到post/页面上的HTML

我看到了一个有趣的用法，改编的贝娄。我们基本上是使用传递给

$attachment

的附件属性重建HTML

add_filter('media_send_to_editor', 'media_html_so_22584846', 10, 3 );

function media_html_so_22584846( $html, $attachment_id, $attachment )
{
    $post = get_post( $id ); // used to get the post title, but there's a bug in WP, the title is never printed
    $url = $attachment['url'];
    $align = ! empty( $attachment['align'] ) ? $attachment['align'] : 'none';
    $size = ! empty( $attachment['image-size'] ) ? $attachment['image-size'] : 'full';
    $alt = ! empty( $attachment['image_alt'] ) ? $attachment['image_alt'] : '';
    $rel = ( $url == get_attachment_link( $attachment_id ) );
    $new_html = get_image_send_to_editor( $attachment_id, $attachment['post_excerpt'], $post->post_title, $align, $url, $rel, $size, $alt );
    return $new_html;
}

您可以使用字段

Alt

和

Description

传递自定义选项。另一种选择是在媒体库弹出窗口中插入自定义字段，但这不是一项容易的任务

这里是插入前一个图像后的数组

$attachment

以及生成的HTML：

[caption id="attachment_662" align="alignright" width="584"]
    <a href="http://plugins.dev/del-me/ampi" rel="attachment wp-att-662">
        <img src="http://plugins.dev/wp-content/uploads/2013/10/ampi-682x1024.jpg" alt="alt"  width="584" height="876" class="size-large wp-image-662" />
    </a>
 caption[/caption]

[caption id=“attachment_662”align=“alignright”width=“584”]
字幕

您是想在仪表板视图还是用户视图中定位文章/页面的单个元素（图像）？了解这些图像是如何插入到文章/页面中很重要。是否通过

添加媒体

按钮？用户编写的原始HTML？当用户在页面/帖子编辑器中添加内容时，动态使用PHP。我一直在使用短代码，并且越来越接近。。。我想这就是我要找的？@brasofilo Add Media button谢谢你的帮助：）我没有用复制/粘贴的方式来使用它——因为这对我来说都是新的，所以我试图把它拼凑起来，让一切都有意义。我真的很感激你的回答：）哦；）如果你需要深入研究这一点。