如何向the_post_thumbnail()添加id？
the_post_thumbnail()是WordPress中用于显示文章特色图像的函数。要向the_post_thumbnail()添加id，可以使用以下方法：
- 使用WordPress的post_thumbnail_id过滤器：function add_id_to_post_thumbnail($thumbnail_id, $post_id) { // 在这里添加你的id逻辑 $id = 'your_id'; return $id; } add_filter('post_thumbnail_id', 'add_id_to_post_thumbnail', 10, 2);这个方法会将指定的id应用于文章的特色图像。
- 使用HTML标签直接添加id：if (has_post_thumbnail()) { $thumbnail_id = get_post_thumbnail_id(); $thumbnail_url = wp_get_attachment_image_src($thumbnail_id, 'full'); echo '<img src="' . $thumbnail_url[0] . '" id="your_id" />'; }这个方法会直接在img标签中添加id属性，并将其应用于特色图像。
推荐的腾讯云相关产品：无
请注意，以上答案仅适用于WordPress中的the_post_thumbnail()函数，如果问题涉及其他方面，请提供更具体的上下文信息。
相关·内容
1回答
我试着在点击拇指后，用不同的颜色在大图片中显示同一产品的图像。它不是商店，所以我不使用woocommerce。
我制作了一个名为colors-iglo的定制post类型，其中包含一个自定义字段image，以添加第二个img作为我的拇指，并且我使用post缩略图来存储/显示大图像。
循环：
<img src="<?php the_post_thumbnail(); ?>" id="currentImg">
<ul class="colorpicker">
<?php
$
浏览 1提问于2018-09-22得票数 1
3回答
我做了一个单独的wordpress页面来显示我所有的特色图像，它们确实显示了，但我需要帮助如何使它们显示为它们的实际大小，而不是真正的小图像。
<?php
$the_query = new WP_Query();
$the_query->query("cat=4&nopaging=true");
if ($the_query->have_posts()) :
while($the_query->have_posts()) : $the_query->the_post();
if(has_post_thumbnail()) :
浏览 0提问于2012-10-16得票数 1
回答已采纳
我有这个照片画廊
每个图片被上传和插入作为一个wordpress的帖子。缩略图(the_post_thumbnail)用SmoothDivScroll js显示。单击缩略图时，将显示一个显示大图像的颜色框(使用php catch_that_image() )。
我想在大图像的彩色框中包含一个"X注释“。点击X评论将转到相关图片wordpress帖子的permalink。示例：
问题:有人能告诉我如何在彩色框中包含这个评论链接吗？谢谢！！
图像库代码
$the_query = new WP_Query( $args );?>
<?php while ( $the_q
浏览 3提问于2011-12-17得票数 2
回答已采纳
我正在使用WordPress，Jetpack Photon和Bootstra4。这是我的图像标签，但不能很好的实践。
<?php echo '<img class="card-img img-fluid" src=' . the_post_thumbnail(array(375,300)) . '>'; ?>
我正在尝试用the_post_thumbnail()请求功能图像。我无法让Photon提供符合我的引导卡容器宽度的缩放图像。提供的图像要么太细了，要么它溢出了我的卡宽。我如何才能得到一个光子图像，以完美地/
浏览 2提问于2018-11-08得票数 0
回答已采纳
我正在创建一个前端插件来上传图片，并在the_content()中添加过滤器以显示post缩略图，但有些模板已经在single.php或loop.php中使用了the_post_thumbnail。我能查一下吗？
浏览 0提问于2014-03-19得票数 0
回答已采纳
1回答
这是我的问题。我想要所有的缩略图链接到帖子
除了single.php中用于链接到外部网站的主循环缩略图
还可以让single.php中的第二个循环“相关帖子缩略图”链接到帖子
下面的“代码A”只实现了前两个目标。如何在single.php“相关帖子缩略图”中创建第二个循环以链接到帖子(而不是外部网站)？
我正在使用：
the_post_thumbnail('large') for main loop in single.php
the_post_thumbnail('thumbnail') for second loop in single.php
the_po
浏览 1提问于2014-09-13得票数 0
我现在被困在这个场景里了。
我有3个帖子缩略图与不同大小的。
根据用户屏幕的大小，我只需要显示一个图像。我不喜欢使用css媒体查询或调整大小相同的图像通过css，因为它会变得扭曲。不管怎么说，如果是，是否有可能实现？
类似于：
如果博客宽度为== 360 IF显示<?php the_post_thumbnail('post-thumbnails2200px', array( 'id' => "FeatureImage")); ?>
否则，如果.blogpost宽度== 300 if显示<?php the_post_thu
浏览 2提问于2013-04-20得票数 1
我有一个页面设置，每页有六个帖子，有两行三条帖子。如果我只有一个帖子，我希望其他五个有“占位符图像”让观众知道更多的帖子即将到来。就像这样：
📷
我会创建占位符图像放在那里。
这是我的博客是如何建立的。很基本的。以前有人做过这样的事吗？
<div id="article-list">
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?p
浏览 0提问于2014-09-13得票数 5
回答已采纳
我正在尝试添加特色图片，同时创建帖子。当用户点击图片时，它应该会被重定向到一些外部URL。我在创建帖子时设置了重定向URL的自定义字段。但是在php文件中添加重定向的代码的位置。在搜索过程中，我发现了代码
尝试在page.php中找到包含the_post_thumbnail()的行，并在那里添加链接；
示例：
发自：
<?php the_post_thumbnail(); ?>
至：
<?php $name = get_post_meta($post->ID, 'ExternalUrl', true);
if( $name ) { ?>
<a
浏览 1提问于2014-09-19得票数 0
2回答
我制作了一个模板页面galerie.php，我想显示那里的帖子。
为什么这不管用？似乎home page上的帖子只是出于某种原因才出现的。
守则是：
<?php while(have_posts()) : the_post() ?>
<div id="owl-images" class="owl-carousel">
<a href="<?php the_post_thumbnail() ?>" data-lightbox="image-1" data-titl
浏览 0提问于2014-11-07得票数 0
1回答
获取点击后文章的特征图片url
、、、、
如何在一个模态中显示一个帖子的特征图像以及它的内容。
在几个关于类似问题的在线帖子的帮助下，我尝试了以下几点：
<?php
if ( has_post_thumbnail()) {
echo '<a href="' . get_permalink($post->ID) . '" >';
the_post_thumbnail('my_feature_image', array( 'class' => "someName" )
浏览 1提问于2015-09-19得票数 1
回答已采纳
我正在尝试使用以下命令设置帖子缩略图的宽度：
the_post_thumbnail()
图像的宽度需要是210px，但高度并不意味着是固定的，因为所有的图像将是不同的大小。我试过了：
the_post_thumbnail( array( 210, 0 ) )
但这是行不通的。有什么想法吗？
谢谢。
浏览 0提问于2012-03-16得票数 7
我已经启用了我的主题与能力显示的“特色形象”的帖子。但是，我现在试图确定(1)如何为图像分配超链接，以及(2)如何调用the_post_thumbnail()，以便将超链接封装在图像周围。
我找不到在当前WP版本中支持这一点的地方，但我想我一定是遗漏了什么。
<div class="entry">
<?php if(has_post_thumbnail() && get_option('theme_show_featured_image'))
the_post_thumbnail('large', a
浏览 0提问于2011-04-27得票数 1
回答已采纳
我使用自定义字段photo上传图片。在前端，我用下面的代码获得它的URL：
$imgid=get_post_meta($post->ID, 'photo', true);
$img=wp_get_attachment_image_src($imgid);
$imgurl=$img[0];
现在我想用标准的WP大小(缩略图，中图，...)来展示它。the_post_thumbnail()的。
我尝试了一些不起作用的解决方案：
the_post_thumbnail('medium', array('src' => $imgurl));
或
浏览 0提问于2012-11-20得票数 0
回答已采纳
我对函数the_post_thumbnail()的用法有点困惑。我知道您可以在循环中使用它来显示帖子的特征图像，但是否可以使用它来显示特定页面(如博客帖子页)的特征图像？我设置了一个特定的页面作为我的博客帖子页面，并为它设置了一个特色形象。然后我试着用the_post_thumbnail()来显示它，结果什么都没有发生。我也试过：
$page_id = get_the_ID();
the_post_thumbnail($page_id);
再一次什么也没发生。我只是在文件index.php中编写这段代码。
提前感谢您的帮助
浏览 0提问于2018-05-04得票数 0
当同时单击两个提交按钮时，如何在两个图像之间切换div元素？我有一个div，当我点击第一个提交按钮，然后点击第二个图像时，第一个图像应该选择，而单击第二个按钮。如何使用jquery或js完成此操作？与wordpress的帖子一起使用，所以一点也不困惑。
<div class="first_image" id="1"><?php the_post_thumbnail(); ?></div>
<div class="second_image" id="2">
<?
浏览 6提问于2013-12-12得票数 0
回答已采纳
我想知道如何从the_post_thumbnail()获取图像URL。the_post_thumbnail()的默认输出是：
<img width="800" height="533" src="http://example.com/wp-content/uploads/2011/02/book06.jpg" class="attachment-post-thumbnail wp-post-image" alt="book06" title="book06" />
在这里，我只想抓住sr
浏览 0提问于2011-02-12得票数 34
回答已采纳
我试图整理最后的外观--一个帖子的特征图像，所以为了达到这个目的，我想在img标记中添加一个类。然而，在使用the_post_thumbnail()函数时，我遇到了一些奇怪的行为。这是一段实际工作的代码：
<?php
if (have_posts()) :
while (have_posts()) : the_post(); ?>
<article class="post">
<h2 class="postTitle"><?PHP the_t
浏览 0提问于2018-10-26得票数 1
回答已采纳
1回答
这是1.显示页面内容的最佳方式吗2.在页面内容下显示特定类别的所有帖子(或帖子的缩略图
如果我的代码马马虎虎，请原谅。如果有更好的方法做到这一点，我非常渴望学习。当网站完成时，可能会有30+类别。
<?php get_header(); ?>
<div id="outerWrapper">
<div id="pageContent">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<h2>
浏览 0提问于2012-11-28得票数 0
回答已采纳
1回答
如何在引导弹出中显示缩略图wordpress？
我使用了the_post_thumbnail，但是这个函数本质上是对<img>的响应。结果的图像未在popover中显示。
<?php
if ( have_posts() ) : while ( have_posts() ) : the_post();
/*********display the_post_thumbnail in data-content of popover *********/
echo '<a href="'.get_permalink().'" rel
浏览 2提问于2013-07-29得票数 1
回答已采纳
我不是特别熟悉wordpress，但我一直致力于将我的布局写成主题，这样我就可以使用wordpress平台了。由于某些原因，我不能让the_post_thumbnail函数工作。所以当使用这个的时候
the_post_thumbnail(array(100,100));
它会告诉我这个错误
Illegal offset type in
浏览 2提问于2014-01-07得票数 0
这是我的php代码，我想添加最大300x420的缩略图。
<a class="blog-views" href="<?php the_permalink(); ?>"><?php
the_post_thumbnail('full'); ?></a>
我从wordpress获得了这段代码，但这对我没有帮助，缩略图、中号、mdeium大、大、满。
the_post_thumbnail( 'thumbnail' ); // Thumbnail (150 x 150 hard cro
浏览 0提问于2018-04-10得票数 0
回答已采纳
2回答
我正在尝试将引导carosel实现到wordpress中，但在while循环中使用标志变量时遇到了问题。
第一张幻灯片应该是：<div class="item active">，其余的是<div class="item">，但是，它们都是活动的，并导致所有的图像显示。
我如何才能最好地实现这一点？
谢谢
<div id="col-sm-12">
<div id="this-carousel-id" class="carousel slide">
浏览 0提问于2014-03-22得票数 0
回答已采纳
如果没有特色图像，我很难找到关于the_post_thumbnail()返回什么的文档。
如果我不需要任何额外的html周围的特色图像，我还应该使用has_post_thumbnail()吗？
例如，这是否是多余的：
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
浏览 0提问于2018-02-01得票数 2
回答已采纳
1回答
现在，在我的主页主题中，我有一排1个帖子，3个帖子，3个帖子，然后回到1个帖子的行列。在这个循环之后，我想添加一个新的小部件。我想有几个不同的小工具，如流行的视频，流行的帖子等。有人知道我怎么做吗？
下面是我希望它看起来是什么样子的一个例子。我希望每14个帖子有一个新的小工具。
以下是我想添加的不同小部件的一些示例(source - ) -
这是我的front-page.php
<?php
/*
* Template Name: learningwordpress
*/
get_header();
get_template_part ('
浏览 3提问于2016-08-27得票数 0
我想调整缩略图的大小。我将此代码添加到我的functions.php文件中
set_post_thumbnail_size( 500, 500, true );
add_theme_support( 'post-thumbnails' );
add_image_size( 'custom-small', 500, 500, true );
add_image_size( 'custom-medium', 500, 500, true );
add_image_size( 'custom-lar
浏览 2提问于2016-09-25得票数 0
0回答
将链接添加到帖子缩略图
、、、
<div id="page" class="hfeed site">
<?php if ( has_post_thumbnail() && ! post_password_required() ) : ?>
<?php the_post_thumbnail('full');
else: ?>
<div id="headimg"><img class="ImageResize560" src="<
浏览 0提问于2016-07-07得票数 0
嗨，我想视频链接将调用自定义字段
这是我的代码：
<?php the_post_thumbnail('slider-thumb', array('class' => 'rsImg', 'data-rsvideo' => 'http://www.vimeo.com/61893383' )); ?>
我的代码是：
<?php the_post_thumbnail('slider-thumb', array('class' => 'rsImg&
浏览 0提问于2014-09-22得票数 3
我在一个页面上循环了多个帖子，并给出了#content3 1、#content3 2、#content3 3等的ID。
如何更改我的jQuery以识别所有的多个ID？(可能有多少)。
所以：$('a[href="#content"]').fancybox({
需要像：$('a[href="#content1"]', 'a[href="#content2"]', 'a[href="#content3"]').fancybox({
但不能单独列出。
下面是在#内容末尾创建
浏览 3提问于2014-05-19得票数 1
回答已采纳
我想显示一个特色图像的alt文本。
我一直在使用the_post_thumbnail()；函数来显示图像
就像这样：
if ( has_post_thumbnail() ) { // check if the post has a Post Thumbnail assigned to it.
the_post_thumbnail('medium');
}
问:如何显示此图像的Alt属性？
浏览 0提问于2012-03-23得票数 0
我想重新定位产品缩略图的wp电子商务插件产品页面产品图像。默认的wp缩略图功能似乎不起作用
add_image_size( 'product-thumbnail', 225, 225, array( 'center', 'top' ) );
add_image_size( 'thumbnail', 225, 225, array( 'center', 'top' ) );
the_post_thumbnail( array(175, 175), FALSE );
add_image_size( &
浏览 0提问于2015-05-15得票数 0
有人知道怎么得到正方形的wordpress缩略图吗？
如果我用这个，图像不是正方形的
<?php the_post_thumbnail( array(205,205) ); ?>
但如果我这样做，它们是正方形的
<?php the_post_thumbnail( array(135,135) ); ?>
我需要创建一个缩略图库，比方说300 x 300正方形的图像。
浏览 2提问于2013-02-01得票数 3
回答已采纳
2回答
我正在开发一个可湿性粉剂4.0主题，并试图实现一个简单的设置砖石。我的意图是从一个类别中获得一定数量的帖子，创建一个循环，并让masonry将它们布置在一个动态网格中。
无论出于什么原因，我在functions.js文件中输入的设置(columnWidth和栏间距)似乎都没有任何效果。所有图像都向上加载，但只在一列中垂直向下加载。我觉得要么我完全错过了什么，要么可能是什么地方的小意外？
functions.php：
function archive_grid(){
wp_enqueue_script('masonry');
}
add_action('wp_en
浏览 1提问于2014-11-25得票数 1
我有一个自定义查询，我想知道如何添加一个if语句，这样如果没有这个查询的帖子，就会显示一个简单的消息。
我的问题是：
<ul class="posts">
<?php if ( $spQuery->have_posts() ) while ( $spQuery->have_posts() ) : $spQuery->the_post(); ?>
<li><?php the_post_thumbnail( 'themename-bw-image' ); ?>
浏览 4提问于2013-08-26得票数 0
回答已采纳
3回答
我尝试为用户构建一个选项，以突出显示在单个帖子底部的“相关帖子”，因此我将此代码放在“content-single.php”的底部：
<div class="related-post">
<?php
$args = array( 'post__in' => array(38328, 38359, 21321) );//it's going to be the user choice, for example, I put three id's
$related_q
浏览 3提问于2016-01-07得票数 0
1回答
我有这个命令来显示子帖子从该类别，但我希望能够只显示一个帖子的ID，但仍然在特定的类别。
下面是我的代码：
<?php query_posts( array('cat' => $category_id,'posts_per_page'=>'1')); ?>
<li>
<?php while (have_posts()) : the_post(); ?>
<div class="sponsor-thumb"><?php the_post_thumbnail(
浏览 0提问于2014-02-20得票数 0
我正试图将我的特色图像设置为CSS中的背景图像。
我需要在HTML和CSS的两个地方显示相同的特征图像。
如何在CSS中使用the_post_thumbnail()？
<div class="magnify">
<div class="large"></div>
<img class="small" <?php the_post_thumbnail( 'large', array
('class' =>'img- r
浏览 1提问于2016-06-02得票数 2
回答已采纳
我的header.php中有这段代码，它正在工作：
<div id="news">
<?php query_posts('category_name=news'); ?>
<?php while (have_posts()) : the_post(); ?>
<div class="new">
<a href="<?php the_permalink(); ?>">
浏览 0提问于2012-10-02得票数 0
回答已采纳
我希望获得图像全路径，以便可以将其应用到图像元素的src属性中。
我现在得到的是由函数生成的图像: the_post_thumbnail()；它不能应用于图像元素。
到目前为止我所做的是：
<?php
$d=get_cat_ID( 'news' );
$catquery = new WP_Query( 'cat='.$d.'&posts_per_page=1&order=DESC' );
while($catquery->have_
浏览 3提问于2014-01-02得票数 1
回答已采纳
? ? 在第一个img代码中，如果posts == 3 .row不关闭，则第二个图像代码中的posts == 5会损坏 如何在Bootstrap网格中使用wordpress Lopp我想知道优化代码的最佳方法。这段代码工作正常，但我只是想优化这段代码，我认为这不是最好的解决方案。请告诉我如何优化这段代码。谢谢。 <div class="container">
<?php
$args = [
'post_status' => 'publish',
'posts_per_pa
浏览 25提问于2019-02-16得票数 0
回答已采纳
1回答
我使用以下代码在我的类别中显示缩略图的帖子：
<?php the_post_thumbnail('thumbnail', array('class' => 'alignleft')); ?>
但我想把它们变成链接。我尝试了下面的代码：
<?php if ( has_post_thumbnail()) : ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"
浏览 0提问于2013-07-09得票数 0
回答已采纳
5回答
我试图达到这个网站所显示的效果：
但是这个网站使用一个div的背景图像来完成它。我不能使用背景图像，因为图像位于Wordpress内部，并且使用以下代码动态导入：
<div class="featured-image">
<?php the_post_thumbnail(); ?>
</div>
因此，我尝试了同样的方法，并尝试了以下方法，尝试将图像作为背景图像：
.featured-image {
max-width: 960px;
/* actual img width */
max-height: 150px;
浏览 4提问于2017-03-30得票数 4
回答已采纳
谁能告诉我如何使用the_post_thumbnail()为图像指定特定的图像大小
我也尝试过add_image_size( 'image', 270, 180 );和Wordpress的管理设置，但我无法随心所欲地更改图像大小。有没有动态改变图像大小的方法？
浏览 5提问于2013-07-22得票数 1
回答已采纳
我在functions.php中做到了这一点： function wpse_setup_theme() {
add_theme_support( 'post-thumbnails' );
add_image_size( 'small-thumb', 800, 600, true );
}
add_action( 'after_setup_theme', 'wpse_setup_theme' ); 然后，如果我这样做： <? the_post_thumbnail( 'small-thumb' );
浏览 14提问于2019-01-22得票数 1
回答已采纳
我有帖子显示在我的网站主页的底部。我想限制它，这样只有某个类别的帖子才会在这里显示。有没有办法让它按类别ID显示？
这是我的代码：
<?php $args = array( 'post_type' => 'post', 'posts_per_page' => 4 );
$loop = new WP_Query( $args ); ?>
<?php if ($loop->have_posts()) : ?>
<ul cla
浏览 1提问于2015-02-12得票数 1
如何设置the_post_thumbnail，使其不使用数组作为其大小，而是可以设置为100%的宽度和自动高度：
<?php $ht_featured_img = get_option('ht_featured_img');
if ($ht_featured_img == "true") { ?>
<?php if ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) { /* if post has a thum
浏览 10提问于2013-09-20得票数 10
回答已采纳
1回答
我正在使用Wordpress循环。然后，我有一个模式弹出与更多的信息基础上的帖子。
我现在得到的是，当您单击"Read“按钮时，它只是从循环中加载第一项。我怀疑我需要将ID传递到模式，或者根据post的ID运行另一个查询，以加载适当的信息。
有人做到了吗？
我的代码如下：
第一环
<div class="team">
<?php
$args = array( 'post_type' => 'team_member' );
浏览 0提问于2012-05-10得票数 1
回答已采纳
3回答
我需要帮助。我不明白为什么这个脚本无限循环，因为我的站点现在一直冻结服务器，即限制资源到关闭我的SQL服务器的程度。
global $post;
$args = array(
'posts_per_page' => 4,
'numberposts' => 4,
'offset' => 0,
'category' => $id,
'orderby' => 'post_date'
浏览 19提问于2016-08-30得票数 1
回答已采纳
我想在首页的帖子中添加缩略图。但是不知道该怎么做。我的主题不支持custom_field。其中一个类别的代码是我粘贴在这里的......
<div class="featured">
<h2>HEADLINES</h2>
<!--This is where the thumbnails are found for the homepage bottom section - note the custom field name for this image is "thum
浏览 2提问于2012-01-31得票数 1
我们知道the_post_thumbnail()输出缩略图& the_post_thumbnail( array(100,100) )输出指定大小的缩略图。
我们知道我们可以使用add_image_size( 'category-thumb', 300, 9999, $crop );来添加一个自定义的图像大小，我们可以使用the_post_thumbnail('category-thumb')调用它，并应用缩放和裁剪。
是否有一种方法可以在图像显示时使用the_post_thumbnail裁剪图像？
set_post_thumbnail_size可以帮上
浏览 0提问于2018-01-10得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
