所以我有一个WP_Query
循环浏览我的自定义帖子类型,我希望根据循环中的帖子自定义我的图片代码的src
。实现这一目标的最简洁方法是什么。
将此视为我的循环在每次迭代时吐出的内容:
<div class="partnerships p-section">
<div class="-display-inlineBlock partnerships icon">
<img style="min-width:71px;" src="<?php bloginfo('template_url')?>/images/icons/trainingAndDevelopment.svg">
</div>
<div class="-display-inlineBlock" style="width:70%">
<h1><?php the_title();?></h1>
<hr>
<p><?php the_content(); ?>
</p>
</div>
</div>
答案 0 :(得分:0)
为什么你不使用缩略图?
<div class="partnerships p-section">
<div class="-display-inlineBlock partnerships icon">
<img style="min-width:71px;" src="<?php the_post_thumbnail_url(); ?>">
</div>
<div class="-display-inlineBlock" style="width:70%">
<h1><?php the_title();?></h1>
<hr>
<p><?php the_content(); ?>
</p>
</div>
</div>
编辑:
然后你需要允许上传SVG。
但是警告:允许上传SVG不利于安全性 (看看:https://secupress.me/blog/add-svg-support-in-wordpress-medias-yes-but-no/)
所以不要使用以下代码,随处可见。
function custom_mtypes( $m ){
$m['svg'] = 'image/svg+xml';
$m['svgz'] = 'image/svg+xml';
return $m;
}
add_filter( 'upload_mimes', 'custom_mtypes' )
我不知道如何在上传时清理SVG,幸运的是一个插件可以完成所有存在的操作。这个插件还修复了svg。
的其他一些问题https://wordpress.org/plugins/scalable-vector-graphics-svg/
您可以使用以下代码:
function custom_mtypes( $m ){
if(get_current_user_id()==1){
$m['svg'] = 'image/svg+xml';
$m['svgz'] = 'image/svg+xml';
return $m;
}
}
add_filter( 'upload_mimes', 'custom_mtypes' );
如果你说法语,这是一个关于这个主题的有趣讨论 https://wpchannel.com/autoriser-envoi-fichiers-svg-wordpress/(阅读评论,不要在本文顶部使用代码)