首页 > wordpress开发 > wordpress主题开发 > wordpress主题开发images图像
摘要:图片 注意:本节介绍媒体库中图像的处理。 如果要显示位于主题目录中的图像文件,只需使用img标签指定位置,并使用CSS进...

图片

注意:本节介绍媒体库中图像的处理。 如果要显示位于主题目录中的图像文件,只需使用img标签指定位置,并使用CSS进行样式化。

获取图片代码

要在媒体库中显示图像,请使用wp_get_attachment_image()函数。

您将获得具有所选缩略图大小的以下HTML输出

您可以为管理屏幕中的“设置”>“媒体”中设置的尺寸或任何一对宽度和高度指定其他尺寸,例如原始图像的“full”或“medium”和“large”。 您还可以使用add_image_size()设置自定义大小的字符串;

获取图像的URL

如果要获取图像的URL,请使用wp_get_attachment_image_src()。 如果没有图像可用,它返回一个数组(URL,width,height,is_intermediate)或false。

对齐

在您的站点中添加图像时,可以将图像对齐方式指定为右,左,中心或无。 WordPress核心自动添加CSS类来对齐图像:

  • alignright
  • alignleft
  • aligncenter
  • alignnone

这是当选择中心对齐时的采样输出

为了利用这些CSS类用于对齐和文本换行,您的主题必须包含样式表中的样式,如主样式表文件。 您可以使用与官方主题捆绑的style.css,如Twenty Seventeen为参考。

标题

如果在媒体库中指定了图像图像,则HTML img元素由短代码[/ caption]括起来。

而且,它将像HTML代码一样呈现为图形标签:

与排列类似,您的主题必须包含以下样式。

  • wp-caption
  • wp-caption-text

参考文献

wp_get_attachment_image()
wp_get_attachment_image_src()

分享到:
赞(0) 打赏

作者: 大挖酱

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

87 queries in 0.934 seconds

联系作者Q: 8413708 WX: zdmin7

支付宝扫一扫

微信扫一扫