Question

我在我的wordpress网站的php代码中添加图片尺寸时遇到了一些问题。当我通过GTMetrix检查页面速度时，他们建议我专门添加图像尺寸以增加页面加载时间。

以下是调用这些图像的代码行：

<div class="postdate">
<img src="<?php bloginfo('template_url'); ?>/images/**date.png**"  /> 
<?    php the_time('F jS, Y') ?> 
<img src="<?php bloginfo('template_url'); ?>/images/**folder.png**" /> 
<?php the_category(', ') ?> 
<img src="<?php bloginfo('template_url'); ?>/images/**comments.png**" /> 
<?php comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?> 
<?php if (current_user_can('edit_post', $post->ID)) { ?> 
    <img src="<?php bloginfo('template_url'); ?>/images/**edit.png**" /> 
    <?php edit_post_link('Edit', '', ''); 
} ?>
</div>

我希望能够在每张图片（突出显示）后添加尺寸宽度= 16和高度= 16。

请帮忙。

问候，伊姆兰。

Answer 1

<div class="postdate">
    <img width="16" height="16" src="<?php bloginfo('template_url'); ?>/images/**date.png**"  /> 
    <?    php the_time('F jS, Y') ?> 
    <img width="16" height="16" src="<?php bloginfo('template_url'); ?>/images/**folder.png**" /> 
    <?php the_category(', ') ?> 
    <img width="16" height="16" src="<?php bloginfo('template_url'); ?>/images/**comments.png**" /> 
    <?php comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?> 
    <?php if (current_user_can('edit_post', $post->ID)) { ?> 
        <img width="16" height="16" src="<?php bloginfo('template_url'); ?>/images/**edit.png**" /> 
    <?php edit_post_link('Edit', '', ''); ?>
</div>

Answer 2

或者使用CSS？

<style type="text/css">
    .postdate img { 
        width: 16px; 
        height: 16px;
     }
</style>

将img维度属性添加到php代码中

2 个答案: