WordPress調用特點圖片地址源，去除特點圖片img標籤其餘樣式

咱們在製做WordPress主題時候想要給wordpress特點圖片，這也是爲了更加的美觀，可是咱們直接使用wordpress特點圖片引用代碼的時候卻發現，出現下面的狀況。

wordpress特點圖片引用代碼：

<?php the_post_thumbnail(); ?>

輸出格式爲：

<img width="700" height="350" src="http://cenggel.com/wp-content/uploads/2017/12/20171205-7.png" class=" wp-post-image" alt="wordpress郵箱提醒代碼，wordpress註冊郵箱提醒代碼" title="wordpress郵箱提醒代碼，wordpress註冊郵箱提醒代碼" srcset="http://cenggel.com/wp-content/uploads/2017/12/20171205-7.png 700w, http://cenggel.com/wp-content/uploads/2017/12/20171205-7-300x150.png 300w" sizes="(max-width: 700px) 100vw, 700px">

做爲強迫症癌症的人來講，內心面真的是千萬只草泥馬奔騰而過，沒用的代碼太多了，對不起這個不是我想要的，而後就各類查資料解決問題而後在官方的網站找到了wordpress特點圖片連接的方法。

 

==================================================================================

 

下面是關於引用wordpress圖片的代碼，一共是5中格式：

<!--特點圖像引用：完整尺寸-->
<?php $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo $full_image_url[0]; ?>
<!--特點圖像引用：小尺寸-->
<?php $thumbnail_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail'); echo $thumbnail_image_url[0]; ?>
<!--特點圖像引用：中尺寸-->
<?php $medium_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'medium'); echo $medium_image_url[0]; ?>
<!--特點圖像引用：大尺寸-->
<?php $large_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large'); echo $large_image_url[0]; ?>
<!--特點圖像引用:自定義尺寸-->
<?php $array_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array(200,200)); echo $array_image_url[0]; ?>

 

而後在須要引用圖片的地方，把代碼寫入就能夠，這個是直接使用wordpress完整尺寸的，若是想要系統截取的其餘尺寸的圖片，請看上面的代碼就可，而後把img的src裏面的代碼換一下就能夠了。

<?php if ( has_post_thumbnail() ) { ?>
    <a href="<?php the_permalink(); ?>" target="_blank" title="<?php the_title(); ?>">
        //特點圖片
        <img alt="<?php the_title(); ?>" src="<?php $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo $full_image_url[0]; ?>"/>
    </a>
<?php } else {?>
    <a href="<?php the_permalink(); ?>" target="_blank" title="<?php the_title(); ?>">
        //暫無圖片
        <img title="<?php the_title(); ?>" src="<?php bloginfo('template_url'); ?>/images/morentu.png" />
    </a>
<?php } ?>

 

大中小尺寸在後臺設置，具體爲【設置-媒體】：