首页 > wordpress主题开发 > wordpress开发特色图像Post Thumbnails
摘要:特色图像(有时也称为Post Thumbnails)是表示单个Post,Page或Custom Post Type的图像...

特色图像(有时也称为Post Thumbnails)是表示单个Post,Page或Custom Post Type的图像。 当您创建主题时,您可以通过多种不同的方式,在您的存档页面,标题或上面的一个帖子中输出特色图像。

支持特色图像#启用特色图像支持

在“特色图像”界面将出现在“编辑”屏幕上之前,主题必须声明对“特色图像”功能的支持。 通过在主题的functions.php文件中放置以下内容来声明支持:

注意:要仅针对特定的帖子类型启用特色映像,请参阅add_theme_support()

设置精选图像

一旦添加了对特色图片的支持,“精选图像”元框将在相应的内容项目的“编辑”屏幕上显示。 如果用户无法看到它们,则可以在屏幕选项中启用它。

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

功能参考

  • add_image_size()– 注册新图片大小…
  • set_post_thumbnail_size() – 注册文章缩略图的图片大小…
  • has_post_thumbnail() – 检查帖子是否附加了图片…
  • the_post_thumbnail() – 显示帖子缩略图…
  • get_the_post_thumbnail() – 检索Post Thumbnail …
  • get_post_thumbnail_id() – Retrieve Post Thumbnail ID…

Image Sizes

WordPress的默认图像大小是“Thumbnail”,“Medium”,“Large”和“Full Size”(您上传的图像的原始大小)。 这些图像大小可以在WordPress管理媒体面板的“设置”>“媒体”下配置。 您还可以通过传递具有图像尺寸的数组来定义自己的图像大小:

添加自定义特色图像大小

除了单独使用定义图像大小外

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

以下是在主题的functions.php文件中创建自定义精选图像大小的示例。

设置特色图像输出尺寸

用于当前Theme的functions.php文件。
您可以使用set_post_thumbnail_size()通过按比例调整图像大小来设置默认的精选图像大小(即不扭曲图像):

通过裁剪图像(从侧面或从顶部和底部)设置默认的精选图像尺寸:

精选图片样式

精选图片被赋予一个类“wp-post-image”。 他们还根据显示的缩略图的大小获得一个类。 您可以使用这些CSS选择器对输出进行调整:

您还可以使用the_post_thumbnail()中的attribute参数给精选图片自己的类。用“alignleft”类显示精选图像:

默认使用

注意:要返回特色图像以用于PHP代码而不是显示它,请使用: get_the_post_thumbnail()

链接发布固定链接或更大的图像

警报:不要在同一主题中一起使用这两个示例。

示例1.要在特定循环中将Post Thumbnails链接到Post固定链接,请在Theme的模板文件中使用以下内容:

示例2.要将您网站上的所有Post Thumbnails链接到Post的固定链接,请将其放在当前的Theme的functions.php文件中:

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

源文件

外部资源

  • 您需要了解有关WordPress 2.9的帖子图像功能的一切
  • WordPress 2.9中的post_thumbnail的终极指南
  • WordPress中的新功能2.9:发布缩略图
分享到:
赞(0) 打赏

作者: 大挖酱

挖主题团队自2014年开始专注于WordPress企业主题设计开发,致力于为更多用户打造出更漂亮、更易用、更专业的网站。距今已累计开发近50款WP主题,付费客户超过5千人。挖主题,是您可以长期信赖的合作伙伴。

付款后联系作者QQ 2243748

支付宝扫一扫

微信扫一扫