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

Javascript 如何在wordpress中使用上传特色图片的URL,javascript,php,jquery,html,wordpress,Javascript,Php,Jquery,Html,Wordpress,在wordpress中,我正在创建一个主题,但我需要帮助 <? the_post_thumbnail();?> 当我这样做时,它会给我整个… 到目前为止一切都很好,但我想做一些类似的事情 <a href="UPLOADEDIMAGEURL"><? the_post_thumbnail();?></a> 因此,, 我需要采取上传的图像URL和包装与锚,然后更换上传的图像URL我怎么能做到这一点?我在jQuery中尝试了一些,但我想我也可以

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

<? the_post_thumbnail();?>

当我这样做时,它会给我整个

到目前为止一切都很好,但我想做一些类似的事情

<a href="UPLOADEDIMAGEURL"><? the_post_thumbnail();?></a>

因此,, 我需要采取上传的图像URL和包装与锚,然后更换上传的图像URL我怎么能做到这一点?我在jQuery中尝试了一些,但我想我也可以在php中这样做

这是jQuery版本(为此,我不能使用img src属性并替换为a href。)

$('.floatedImg')。查找('img')。换行(“”);
解决方案1:可以通过jQuery处理 解决方案2:可以通过php

关于

试试这个:

<?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>

供参考:


您可以在functions.php文件中放入类似的内容

然后

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

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>