用户登录

下面我们给电影内容再添加一个可以上传图片的字段 ...

添加字段 ... 比如我们来添加一个上传电影海报的字段,字段标签这里输入 ... 海报 ... 字段名称 ... poster ...

点击字段类型后面的下拉菜单 ... 选择 图像 ... 注意选择这个类型的字段以后,下面会出现相应的设置选项 ...

在返回值 这里,你可以选择使用代码返回的使用这个字段上传的图像的值 ... 如果你想直接输出图像,可以选择图像 URL,如果你想处理一下再输出图像,比如按照某个缩略图尺寸输出图像,你可以选择图像 ID

我们先选择默认的 图像 id ...

然后在 预览尺寸 这里,你可以选择一个上传图像以后生成的预览图的大小 ...

WordPress 默认给我们提供了几种缩略图的尺寸 ... 在 设置 - 多媒体 这里,你可以设置这几种默认的缩略图尺寸的大小 ...

你也可以自己去添加新的缩略图尺寸 ... 下像来看一下 ...

可以使用 WordPress 的 add_image_size() 这个函数 ... 先打开当前主题的 functions.php ...

先输入一段注释 ...

/*
* 自定义缩略图尺寸
*/

<?php add_image_size( ); ?> ... 然后可以再设置一下这个函数的几个参数的值 ...

第一个参数是想要创建的缩略图尺寸的名称 ... Poster ... 然后第二个参数是缩略图的宽度值, 128 ... 第三个参数是高度值 ... 180

最后一个参数是,是否裁切缩略图,我们设置为 true ... 也就是允许裁切 ...

add_image_size( 'Poster', 128, 180, true );

这行代码的意思就是添加一个叫 poster 的缩略图的尺寸,按照宽度 128 像素,高度 180 像素并允许裁切,生成缩略图 ...

保存一下 ... 再回到管理后台 ....

先点击 更新 ... 保存一下所做的修改 ....

然后再打开 海报 这个字段 ... 在预览尺寸 这里,你会看到刚才我们添加的 Poster 这个缩略图尺寸 ... 选中它 ... 然后再点击更新 ...

再打开一个电影内容的编辑界面 ....

在电影相关字段里,你会看到一个海报字段 ... 点击 添加图像 .... 上传文件 .... 选择文件 ...

找到一张图片 ... 然后点击 选择 ...

这个海报字段会显示选中的图像的缩略图 ... 缩略图的大小就是我们自己添加的 Poster 里设置的尺寸 ...

要注意的是,如果在这里你直接选择之前上传的图像,也就是我们没有创建 Poster 这个缩略图尺寸之前上传的图像 ...

那么这里会直接显示原始图像,因为 WordPress 会在上传图像以后自动按照已有的缩略图尺寸生成缩略图 ... 如果当时没有 Poster 这个缩略图尺寸,WordPress 也就不会按照这个缩略图尺寸生成缩略图 ...

你可以去安装一个叫 AJAX Thumbnail Rebuild 的插件 ... 它可以重新按照已有的缩略图尺寸,为已经上传的图像生成缩略图 ...

下面视频,我们再来看一下怎么样在模板文件里显示图像字段上传的图像 ...

图像字段《 WordPress 自定义内容类型 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点