首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在wordpress中使用上传特色图片的URL

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

Stack Overflow用户
提问于 2014-06-05 02:04:44
回答 2查看 314关注 0票数 0

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

代码语言:javascript
复制
<? the_post_thumbnail();?>

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

到目前为止,一切都很好,但是我想做一些事情,比如

代码语言:javascript
复制
<a href="UPLOADEDIMAGEURL"><? the_post_thumbnail();?></a>

因此,我需要采取上传的图片网址,并包装它与锚点,然后替换上传的图片网址,我怎么做?我已经在jQuery中尝试了一些,但我想我也可以在php中做到这一点?

这是jQuery版本(因为我不能接受img src属性并替换为href)。

代码语言:javascript
复制
$('.floatedImg').find('img').wrap( "<a href='#' class='colorbox'></a>" );

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

问候

EN

回答 2

Stack Overflow用户

发布于 2014-06-05 02:14:15

试试这个:

代码语言:javascript
复制
<?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
EN

Stack Overflow用户

发布于 2014-06-09 23:31:11

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

代码语言:javascript
复制
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';
    }
}

然后

代码语言:javascript
复制
<a href="<?php echo get_thumbnail_url(); ?>"><? the_post_thumbnail();?></a>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24044506

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档