我在我的WordPress网站上使用"Aqua Resizer"(aq_resizer.php)来调整我的缩略图大小。我的文章是由single.php
中的循环创建的。
<?php get_template_part( 'content', 'single' ); ?>
这段代码从
content-single.php
中提取,其中包含我的文章的代码。HTML
<div id="post-<?php the_ID(); ?>" <?php post_class('col-md-12'); ?> >
<div>
<h2><?php the_title(); ?></h2>
<h3><?php the_category(', '); ?></h3>
<?php the_content(); ?>
</div>
<?php
$thumb = get_post_thumbnail_id();
$img_url = wp_get_attachment_url( $thumb,'full' ); //get full URL to image (use "large" or "medium" if the images too big)
$image = aq_resize( $img_url, 1200, 720, true ); //resize & crop the image
?>
<?php if($image) : ?>
<img class="img-responsive" src="<?php echo $image ?>"/>
<?php endif; ?>
</div><!-- /#post -->
一切都运行良好(缩放函数可以处理使用
<?php the_content(); ?>
引入的特色文章中的图片。当窗口大小改变时,图像会随之缩放。这种效果的实现是因为特色图像应用了
class="img-responsive"
。我在文章内容中有一些图片。我希望它们能够以同样的方式运作(现在它们只是按照原始大小引入)。我需要将类
img-responsive
应用于 <?php the_content(); ?>
中的图片。
the_content()
函数的代码,并确保你可以传递一个带有该类的变量。 - odedta