特色图像(有时也称为帖子缩略图)是表示单个帖子、页面或自定义帖子类型的图像。 当您创建主题时,您可以用多种不同的方式输出特色图像,例如在归档页面、标题或帖子上方。
在“编辑”屏幕上显示“特色图像”界面之前,主题必须声明支持“特色图像”功能。 通过在主题的 函数.php 文件:
add_theme_support('后缩略图');
添加对特色图像的支持后,将在相应内容项的编辑屏幕上显示特色图像元框。 如果用户看不到它,可以在屏幕选项中启用它。
默认情况下,“特色图像”元框显示在“编辑帖子”和“编辑页面”屏幕的侧栏中。
添加图像大小()
–注册新的图像大小。 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变量以供以后使用 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>”; }