位置: 编程技术 - 正文

WordPress中缩略图的使用以及相关技巧(wordpress文章缩略图)

编辑:rootadmin

推荐整理分享WordPress中缩略图的使用以及相关技巧(wordpress文章缩略图),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:wordpress自动生成缩略图,wordpress图片大小设置,wpsword缩略图在哪里,wordpress展开收缩,wordpress自动生成缩略图,wordpress文章缩略图插件,wordpress文章缩略图插件,wordpress自动生成缩略图,内容如对您有帮助,希望把文章链接给更多的朋友!

在博客上用到缩略图的机会很多, 它们出现在文章列表页面, 文章下方的相关文章, 分类页面的类目图片, 甚至有些博客很新潮地淡化文字以图片瀑布流作为文章索引.

站长们知道缩略图可以吸引眼球, 一直在寻找更好的使用方法. 本文将会介绍 WordPress 上常用的两个调用缩略图的方法, 以及他们的适用场景.

调用文章第一个图片

WordPress Media 一直支持上传图片生成包括缩略图, 中等尺寸, 大尺寸和原图 4 个规格的图片, 而这恐怕是为了方便我们在文章内调用不同尺寸的图片. 虽然没有直接调用缩略图的方法, 但我们可以找到文章的第一个图片作为缩略图. 凭文章 ID 就可以找到第一个图片. 这里可以写成方法如下, 用户获取第一个缩略图, 如果没有上传过图片, 返回空字符串.

调用的代码如下.

文章特征图片 (Featured Image) 功能

WordPress 2.9 之后, WordPress 提供了文章特征图片功能, 可以为文章设定一个上传的图片作为特征图片, 并可以给图片设定多个尺寸以便在不同的环境使用. 可按一下步骤调用:

1. 为 WordPress 主题添加特征图片支持, 并设定特征图片的尺寸和别名.

我们可以将以上代码加到 functions.php 文件, 为主题添加添加了 Featured Image 支持, 并设定了 x 和 x 两种尺寸的图片.

其中 add_image_size 用于定义一种特征图片尺寸, 参考 WordPress Codex, 实际上它有 4 个参数.

第 1 个参数: 特征图片的尺寸别名, 用于调用不同尺寸的缩略图. 第 2 个参数: 图片的宽度 第 3 个参数: 图片的高度 第 4 个参数: 参数是个布尔值, 用于指定图片的裁切方式. 默认为 false.

如果为 true, 图片会按较大的压缩比例处理, 多余部分裁剪掉. 比如现在有图片 x, 要求压缩成 x 的图片, 那么会先将图片压缩成 x 的图片, 才裁剪成 x.

如果为 false, 图片会按较小的压缩比例处理. 比如现在有图片 x, 要求压缩成 x 的图片, 那么会将图片压缩成 x 的图片.下图是两个缩略图, 原图 x, 左缩略图是 add_image_size('xxx', , , true);, 而右图使用的是 add_image_size('xxx', , , false);.

2. 判断是否存在特征图片和显示缩略图.

WordPress中缩略图的使用以及相关技巧(wordpress文章缩略图)

上述代码判断文章中是否存在特征图片, 如果存在则显示别名为 thumb 的缩略图, 如果没有可以显示默认图片或者留空. 我们在前面还设定了别名为 recommend 的缩略图, 那么我们可以在不同的场合使用不同的缩略图. 比如: 在文章列表页面使用 the_post_thumbnail('thumb'); 展示 x 的缩略图, 而在文章底部的相关文章区域通过 the_post_thumbnail('recommend'); 展示 x 的缩略图.

3. 在编写文章的时候设定特征图片.

如果我们为主题添加了特征图片支持, 在编辑文章页面上传图片后, 在 Insert into Post 按钮的旁边可以找到 Use as featured image 链接将图片设为特征图片.

PS:巧用 WordPress 缩略图WordPress 不仅是博客, 很多时候 WordPress 还被用作为 CMS (内容管理系统). 博主们喜欢为每个文章加上统一大小的缩略图, 尤其是信息类平台. 其中比较常用的处理办法是用 custom field 向文章插入图片, 通过上传大小一致的小图或者使用 phpThumb 等工具生成缩略图.

2.7 开始, WordPress 大幅提升多媒体功能, 越来越多人使用 WP 的内置图片仓库. 对这些用户来说, 制作缩略图变得并不那么困难, 在上传图片的时候就会默认生成 x 规格的小图 (如果图片高度/宽度不足 px, 使用原高度/宽度). 那我们可以充分利用这个功能, 在文章列表上加上这个图片作为缩略图. 这样处理各有利弊, 好处是简单, 智能 (不用每次输入缩略图), 坏处是消耗服务器流量.

Okay, 现在要做的就是提取上传生成的小图片, 并放置在文章的适当位置. 我创建了一个文件 thumb.php, 图片获取和调用一起处理, 文件内容如下.

这段代码会去找第一个上传的图片缩略图 (如果第一个图片被删除, 则找第二个的, 如此类推...),然后在文章列表 index.php, 存档页面 archive.php 和搜索页面 search.php 中调用, 调用代码如下.

这段代码是把图片放在文章内容前面, 图片如何摆放需要用 CSS 调整一下布局, 这里就不多说了.

总结

WordPress 2.9 之前不存在特征图片 (Featured Image) 的概念, 必须通过第一种方式找到图片附件. 用这种方式获取缩略图的好处是一劳永逸, 以后你不用关心要文章的使用什么缩略图, 是否存在缩略图. 但这同样也是它的缺点, 不能指定特定图片为缩略图. 如果某文章第一个图片是缩略图, 但因为文章更新, 将第一个图片删除了, 再上传. 那本来第二个图片就成为了新的缩略图, 但有可能第二个图片效果不好, 不适合作为缩略图也没是没有办法的, 因为你根本没有办法使用特定图片.

Featured Image 功能很强大, 除了可以指定图片作为特征图片, 还能够使用多个尺寸的图片以适合不同的场合, 你要做的仅仅是每次写文章时别忘了设定特征图片. 当你想去除所有缩略图时, 也仅是将 functions.php 文件的 add_theme_support('post-thumbnails'); 即可.

我现在没有用 Featured Image, 一直用的是取第一个图片的方法, 因为我的图片质量不高, 一直没指定图片需求, 懒得去改了.

优化WordPress的Google字体以加速国内服务器上的运行 由于Google被彻底墙掉,不翻墙就无法加载谷歌字体。很多新手朋友经常抱怨自己买的主机如何如何慢,给的示例站秒开,可是自己的站要几十秒才能打

基础的WordPress插件制作教程 插件制作准备工作首先我们在wp-contentplugins目录下添加一个文件夹叫做My-Mood,在文件夹中添加一个叫做index.php的主文件,这个是插件的主文件,文件的

PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库 环境开发包:appserv-win-2.5.服务器:Apache2.2数据库:phpMyAdmin语言:php5,java平台:windowsjava驱动:mysql-connector-java-5.1.需求编写一个PHP脚本语言,连

标签: wordpress文章缩略图

本文链接地址:https://www.jiuchutong.com/biancheng/276153.html 转载请保留说明!

上一篇:WordPress中对访客评论功能的一些优化方法(wordpress访客插件)

下一篇:优化WordPress的Google字体以加速国内服务器上的运行(wordpress访问速度优化)

  • 金融资产的构成
  • 企业注销库存怎么做账
  • 固定资产累计折旧是什么科目
  • 企业所得税返还计入什么科目
  • 收到股东投资款怎么做账
  • 小规模能开劳务费吗
  • 以旧换新帐务处理
  • 销售出库发票会计分录怎么做?
  • 进项已经抵扣会退回吗
  • 债务重组是什么意思?
  • 商品入库时的会计分录
  • 事业单位自筹事业人员
  • 房地产企业暂估成本
  • 每月发放奖金的会计分录
  • 纳税主要是哪些方面
  • 赠送视同销售是按照售价还是成本缴纳增值税
  • 收到股息红利免征增值税
  • 开土地租赁发票需要交哪些税费
  • 个税系统怎么查个人申报数据明细
  • Windows自带的截图
  • 获得administer权限
  • 股息红利税补缴什么时候收取
  • 银行承兑汇票贴现率是多少
  • 员工出差时法律规定
  • 旅游费用账务处理
  • 增值税专用发票查询系统官方网站
  • hp workwise service是什么
  • webpack--》webpack底层深入讲解,从初识到精通,真正实现从0到1的过程
  • php ffi 性能
  • 学摄影要交学费吗
  • 长期借款业务会亏损吗
  • 命令who的含义
  • 负数发票的销售成本怎么做?
  • 发票错开退税款什么时候退回
  • 所有者权益合计怎么算
  • js中promise的三种状态
  • 销售二手固定资产
  • 免税收入货款要交税吗
  • 代缴纳房产税
  • sql查表结构语句
  • 销货退回的账务如何处理
  • 购买银行理财产品安全吗
  • 第三方代销什么意思
  • 其他应付款核算范围包括哪些
  • 建安业一般纳税人税率是多少
  • 没有合同的收入能入账吗
  • 将外购商品作为非货币
  • 工程预付款入账
  • 小微企业可以享受六税两费吗
  • 租用写字楼水电怎么收费
  • 城镇土地税需要计税吗
  • 利用sql函数生成数据
  • windows隐藏文件名
  • xp系统电脑设置在哪
  • 系统停止工作
  • mac cad软件
  • centos7如何设置中文
  • u盘启动盘进入pe系统
  • win7系统的设置在哪里设置
  • win8关闭开机启动项
  • office2016formac更新了什么 新版macoffice软件功能一览
  • kdeskcore.exe是什么
  • win10如何动态桌面
  • windows7报错
  • centos安装nmtui
  • 升级win10后东西还在吗
  • 高级控件动态数据加载过程有哪些
  • android 自定义
  • js动态加载图片
  • bat 批处理文件
  • 批处理基础知识
  • angular form表单
  • nodejs body-parser 解析post数据实例
  • js domcontentloaded
  • python xml.etree.ElementTree遍历xml所有节点实例详解
  • android下载图片并保存到本地
  • 使用jquery实现的项目
  • 东莞市电子税务局app
  • 青岛的红叶什么时候红
  • 电子税务局帐号不知道怎么找
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设