如何在wordpress中使用上传特色图片的URL

时间:2014-06-04 18:04:44

标签: javascript php jquery html wordpress

wordpress中的

我正在创建一个主题,但我需要一个帮助,

<? the_post_thumbnail();?>

当我这样做时,它给了我整个<img src=#>.....

到目前为止一切都很好,但我想做一些像

这样的事情
<a href="UPLOADEDIMAGEURL"><? the_post_thumbnail();?></a>

因此, 我需要上传图片网址并用锚包装它然后替换上传的图片网址我该怎么办呢?我在jQuery中尝试了一些,但我想我也可以从php那里做到这一点?

这是jQuery版本(因为我无法获取img src属性并替换为href。)

$('.floatedImg').find('img').wrap( "<a href='#' class='colorbox'></a>" );

解决方案1:可以通过jQuery处理 解决方案2:可以通过php

此致

2 个答案:

答案 0 :(得分:1)

试试这个:

<?php
$img_url = wp_get_attachment_img_src( get_post_thumbnail_id(), 'thumbnail');
?>
<a href="<?php echo $img_url[0]; ?>"><?php the_post_thumbnail();?></a>

供参考:

答案 1 :(得分:0)

您可以在 functions.php 文件中添加类似的内容

function get_thumbnail_url() {
    if ( has_post_thumbnail() ) {
        $thumb_url = wp_get_attachment_img_src( get_post_thumbnail_id(), 'thumbnail');
        return $thumb_url[0];    
    }
    else {
        return get_bloginfo( 'stylesheet_directory' ) . '/images/thumbnail-default.jpg';
    }
}

然后

<a href="<?php echo get_thumbnail_url(); ?>"><? the_post_thumbnail();?></a>