javascript - 如何在WordPress中使用上传特色图片的URL

标签 javascript php jquery html wordpress

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

<? the_post_thumbnail();?>

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

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

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

因此, 我需要获取上传的图像 URL 并用 anchor 包裹它,然后替换上传的图像 url 我该怎么做?我已经在 jQuery 中尝试过一些,但我想我也可以从 php 中做到这一点?

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

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

解决方案 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>

供引用:

关于javascript - 如何在WordPress中使用上传特色图片的URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24044506/

相关文章:

java - 使用 tcp 从 PHP 发送到 JAVA 后数据损坏

php - codeigniter 设置 session 错误

jquery - 在最后一个 td 上按 Tab 键添加表格行

javascript - 如何使用 javascript/jquery 检测 Flash 电影已播放完毕,然后运行函数

javascript - Angular JS 日期过滤器不起作用(日期时间)

javascript - 设置窗口滚动动画的CSS值限制

PHP 命名空间 5.3 和 WordPress 小部件

javascript - 运行一次 IF 语句

jquery 简单轮播动画前一个元素移动

javascript - 使用异步/等待返回值意外获取 API