最近项目需要,分析了一下Wordpress的特色图像 Feature Image的上传.保存方式,这一分析觉得Wordpress的数据结构设计还真是有想法. 先简单说一下结论: Wordpress中图像物理文件保存在 wp-content/uploads 目录下,相关信息保存在 wp_posts 表中.post_type 是 attachment,post-mime-type 是 image/png.通过 post_parent 与文章关联. 我原来以为图片信息会有单独的表存放,没想到都放在 w…
今天发现,在主题中部分地方使用the_date函数来显示文章发布的时间时,竟然发生不显示时间的情况,再仔细看了一下这些文章,有些都是经过几次修改和保存的,可能是由于the_date只是显示文章第一次发布时的时间,于是我用echo get_the_date来替换它,就轻松吧问题解决了.由于没有仔细去看数据库和函数源代码,原因暂时无从得知.…
WordPress的特色图像(Featured Image)是一个很方便的功能,过去为了给每篇文章设置一个缩略图,我们需要用脚本去匹配文章中的第一张或者最后一张图片,或者通过附件方式获取图片,有了特色图片功能,一切都简单了. 如何开启特色图像功能 相关文章 <自动为WordPress文章设置特色图像> <WordPress:如何获取Thumbnial的URL> <通过YARPP实现WordPress相关文章缩略图显示> 在主题的functions.php中添加如下代码…
如果你的网站需要给每篇文章设置特色图像才能达到理想的显示效果,而且允许其他用户在后台发布文章的,那么您可能需要强制要求他们给文章上传特色图像,否者就无法发布.Require Featured Image 就可以实现这个功能,如果没有上传特色图像,发布按钮就无法点击. 将代码添加到主题的 functions.php 即可: /** * WordPress发布文章前强制要求上传特色图像 * http://www.wpdaxue.com/require-featured-image.html */ a…
如需把css直接写在某文章,把下面代码放如function.php /* 为特定文章添加特定css最简单的方式. */ /*添加自定义CSS的meta box*/ add_action('admin_menu', 'cwp_add_my_custom_css_meta_box'); /*保存自定义CSS的内容*/ add_action('save_post', 'cwp_save_my_custom_css'); /*将自定义CSS添加到特定文章(适用于Wordpress中文章.页面.自定义文章…
特色图像是wordpress主要的文章缩略图功能,几乎全部wordpress模板都使用或支持特色图像.今天介绍的wp_get_attachment_image_src()函数就是获取文章特色图像路径的wordpress函数,通过该函数可以返回一个包含图片路径.宽度和高度的有序数组. 函数结构: <?php wp_get_attachment_image_src( $attachment_id, $size, $icon ); ?>   返回值: Array ( [0] => url //…
WordPress获取特色图像地址主要需要用到两个函数get_post_thumbnail_id和wp_get_attachment_image_src.下面是分别获取小.中.大.完整.指定图片规格的图片地址的方法 获取特色图像:小 <?php $thumbnail_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail'); echo $thumbnail_image_url[…
wordpress当文章没有添加Featured media的时候, 就调用文章第一张图片, 调用的wordpress代码函数为: <?php echo catch_that_image(); ?> 网站使用的themes是Notio,配套插件为Gantry 5 Fraamework,然而Notio使用的是twig模版引擎,前台文件都是以.twig结尾,Notio的分类首页使用的文件为主题根目录下的index.php,而分类下的各个页面使用的是archive.php文件,两者都调用了模版vie…
为什么要获取WordPress的特色图像呢? 这主要是因为,我们已经写好了静态模板文件,只有获取WordPress特色图像地址插入进去就可以了,非常方便. 还有就是有的时候,我们需要设置图片的宽度为100%,高度自动.这样通过 the_post_thumbnail() 这个方法就无法实现了. 好了,看下面的方法: 获取特色图像:小 <?php $thumbnail_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($po…
图像通常是缓慢加载网页的最大原因之一.它们不仅减慢了加载时间,而且还可以占用服务器上的大量空间和资源.仔细选择文件类型并压缩它们有助于降低加载速度,但它们只能在图像质量受损之前进行优化.另一种选择是使用最优化的图像文件类型之一:来自Google的WebP. 什么是WebP WebP是Google专门为网络设计的光栅图像格式.它提供无损和有损压缩,允许网页设计人员以较小的文件大小显示更丰富的图像. WebP有损图像使用预测编码来对图像进行编码.它通过查看相邻像素来预测值来减小文件大小,然后仅对差异…