如何用div将帖子中的每一张图片包装起来？

时间：2011-06-29 作者：vanjadjurdjevic

当我向帖子中添加图像时，我希望它位于div中，例如，我希望它自动完成，所以我不必在HTML编辑器中这样做。我不想使用js来实现这一点，顺便说一下，我想知道如何在帖子中自动向图像添加自定义类。干杯

4 个回复

最合适的回答,由SO网友:Wyck 整理而成

默认情况下，图像已经具有唯一类，但这取决于主题。使用firebug并将鼠标悬停在图像上，您应该可以看到如下内容class="aligncenter size-full wp-image-1525".

如果要更改类或id或更改图像的任何属性，可以使用get_image_tag 滤器例如

add_filter(\'get_image_tag_class\',\'my_custom_class\');

function my_custom_class($class){
$class=\'my_custom_name\';
return $class;
}

SO网友:Steve Kamn

在进行一些研究时，我发现了以下代码。您可以使用WordPress的内置过滤器轻松地将帖子图像包装到Div中，即image_send_to_editor. 下面是一个例子，

if( is_admin() ) {

    add_filter( \'image_send_to_editor\', \'wp_image_wrap_init\', 10, 8 );  
    function wp_image_wrap_init( $html, $id, $caption, $title, $align, $url, $size, $alt ) {
        return \'<div id="wp-image-wrap-\'. $id .\'" class="wp-image-wrap">\'. $html .\'</div>\';
    }

}

感谢http://wpalkane.com/hacks/wrap-post-image-inside-div-automatically/

SO网友:vanjadjurdjevic

您的答案很接近，但还不够，因为get\\u image\\u标记的钩子检查点_class() 仅更改class属性。因此，我四处游荡，发现包装每个图像的正确方法是get_image_tag() 所以代码是这样的：

function my_image_tag($html, $id , $alt, $title){

$html = "<div class=\'**wrap-div**\'>" . $html . "</div>";
return $html;
}

add_filter(\'get_image_tag\',\'my_image_tag\',10,4);

您的回答部分正确，因此这是最好的；）干杯，伙计，谢谢你的帮助。

SO网友:T.Todua

这里的答案可以分为两种方法：

1) functions, that work in POST EDITOR (back-end) （参见张贴的答案）
2) functions, that work in POST OUTPUT (front-end)

p、改变前端输出的另一种方法：

（a）

function my_image_class_filter($classes) {
    return $classes . \' another-image-class\';
}
add_filter(\'get_image_tag_class\', \'my_image_class_filter\');

（b）

function add_post_image_class($content) {
    return preg_replace(\'/<img(.*?)class="(.*?)"/\', \'<img $1 class="$2 YOUR_CLASS_NAME"\', $content);
}
add_filter( \'the_content\', \'add_post_image_class\' );

结束

标签： posts customization html images 小码农

pagination with sticky posts

以下代码在第1页上显示8篇文章。然而，在所有后续页面上，仅显示7篇帖子。我认为这是因为第1页也会显示粘性帖子（其他页面不会显示）。如何解决这个问题（我需要8篇帖子和所有页面）</或者，贴子应该显示在所有页面上，而不仅仅是第一页我的原始代码：$header_query = new WP_Query( \'orderby=date&posts_per_page=7&paged=\'.$page_to_load.\'&ignore_sticky_posts=0&#x

小码农CODE

如何用div将帖子中的每一张图片包装起来？

相关推荐

pagination with sticky posts