特色图片和帖子缩略图

特色图像(有时也称为帖子缩略图)是表示单个帖子、页面或自定义帖子类型的图像。当您创建主题时,您可以用多种不同的方式输出特色图像,例如在归档页面、标题或帖子上方。

在“编辑”屏幕上显示“特色图像”界面之前,主题必须声明支持“特色图像”功能。通过在主题的函数.php文件:

add_theme_support('后缩略图');
要仅为特定帖子类型启用特色图像,请参阅添加主题支持()

添加对特色图像的支持后,将在相应内容项的编辑屏幕上显示特色图像元框。如果用户看不到它,可以在屏幕选项中启用它。

默认情况下,“特色图像”元框显示在“编辑帖子”和“编辑页面”屏幕的侧栏中。

devhbook-特征图像

函数参考

添加图像大小()–注册新的图像大小。
set_post_thumbnail_size()–为帖子缩略图注册图像大小。

has_post_thumbnail()–检查帖子是否附有图像。
post_thumbnail()–显示文章缩略图。

get_the_post_thumbnail()–检索帖子缩略图。
获取post_thumbnail_id()–检索帖子缩略图ID。

图像大小

WordPress的默认图像大小为“缩略图”、“中等”、“大”和“全尺寸”(您上传的图像的原始大小)。这些图像大小可以在WordPress管理媒体面板中配置>设置>媒体。您还可以通过传递具有图像尺寸的数组来定义自己的图像大小:

post_thumbnail();//无参数->;缩略图缩略图(“缩略图”);//缩略图(默认150px x最大150px)post_thumbnail('中等');//中等分辨率(默认300px x 300px max)post_thumbnail('medium_large');//中大分辨率(默认768px x最大无高度限制)post_thumbnail('large');//大分辨率(默认1024px x 1024px max)post_thumbnail('完整');//原始图像分辨率(未修改)post_thumbnail(数组(100100));//其他分辨率(高度、宽度)

除了使用

post_thumbnail(数组(,));

您可以在主题的函数文件中创建自定义的特色图像大小,然后在主题的模板文件中调用这些图像。

add_image_size(“类别拇指”,3009999);//300像素宽(高度不限)

以下是如何在主题中创建自定义特色图像大小的示例函数.php文件。

if(function_exists('add_theme_support')){add_theme_support('后缩略图');set_post_thumbnail_size(150,150,true);//默认特征图像尺寸(裁剪)//其他图像大小//如果不需要其他图像大小,请删除下一行add_image_size('category-thumb',3009999);//300像素宽(高度不限)}

要在当前主题的functions.php文件中使用。
你可以使用set_post_thumbnail_size()通过按比例调整图像大小(即不扭曲图像)来设置默认的特色图像大小:

set_post_thumbnail_size(50,50);//50像素宽x 50像素高,调整大小模式

通过裁剪图像(从侧面或从顶部和底部)来设置默认的“特色图像”大小:

set_post_thumbnail_size(50,50,true);//50像素宽x 50像素高,裁剪模式

特色图片被赋予一个类别“wp-post-image”。根据显示的缩略图的大小,他们也会得到一个类。您可以使用这些CSS选择器设置输出的样式:

img.wp-post-image(图片)img.附件-缩略图img.附件介质img.附件-大图片附件-完整

您还可以使用中的属性参数为特色图像提供自己的类post_thumbnail().
使用类“alignleft”显示特色图像:

post_thumbnail(‘缩略图’,数组(‘class’=>‘alignleft’));

示例

默认用法

//检查文章或页面是否分配了特色图像。if(has_post_thumbnail()){post_thumbnail();}
要返回特色图像以在PHP代码中使用,而不是显示它,请使用:get_the_post_thumbnail()
//检查特征图像,然后将其分配给PHP变量以供以后使用if(has_post_thumbnail()){$featured_image=get_the_post_thumbnail();}

链接到永久链接后或更大的图像

不要在同一主题中同时使用这两个示例。

示例1。要在特定循环中将帖子缩略图链接到帖子永久链接,请在主题的模板文件中使用以下内容:

<?php if(has_post_thumbnail()):?>“alt=”<?php the_permalink();?>“>”<?php the_post_thumbnail();?></a><?php-endif;?>

示例2。要链接所有发布缩略图将其放在当前主题的函数.php文件:

add_filter('post_thumbnail_html’,'my_post_image_html',10,3);函数my_post_image_html($html、$post_id、$post-image_id){$html='<a href=“'.get_permalink($post_id).'”>'$html.’</a> ';返回$html;}

此示例链接到“大”Post Thumbnail图像大小,必须在the Loop中使用。

if(has_post_thumbnail()){$large_image_url=wp_get_attachment_image_src(get_post_thumbnail_id(),'large');echo'<a href=“'.$large_image_url[0].'”>';_柱_缩略图(“缩略图”);echo“</a>”;}

源文件

外部资源