有朋自远方来,不亦乐乎。
wordpress技巧:启用文章缩略图支持
原创 橘子书  发布于 7个月前 ( 08-05 ) 阅读: 868 次 评论: 10 条 A+

越简洁,越大气。

国外很多主题看起来非常的大气与美观,它们有些是集合了诸多插件,有些则只是单纯地调用了wordpress自身的函数。

就拿文章来说,国内主题玩的花样非常多,最常见的就是集合了thumb插件。后来渐渐地很多人启用了的缩略图功能,从而给主题包减负。

今天分享一下如何启用wordpress自带的文章缩略图支持。

嘿嘿,其实方法简单粗暴,就看你爱不爱用Media上传图片来设置文章特色图了。

部署

打开functions.php,添加以下代码:

unction lyt_setup() {
	// Enable support for Post Thumbnails. 启用文章缩略图支持
	add_theme_support( 'post-thumbnails' );
	add_image_size( 'lyt-related', 270, 168, true );
	add_image_size( 'lyt-widget-thumb', 67, 67, true );
	add_image_size( 'lyt-featured-big', 760, 474, true );
	add_image_size( 'lyt-featured-small', 370, 232, true );
	set_post_thumbnail_size( 409, 255, true );
}
add_action( 'after_setup_theme', 'lyt_setup' );

里面的参数可以自行修改,引号内是函数,数字代表宽高,true表示开启。

使用

在想要调用的地方(文章列表、相关文章、侧边栏文章等……),插入以下代码:

<?php if ( has_post_thumbnail()) : ?>//判断是否有上传特色图
  <div class="entry-media">//兼容主题样式,请自行修改
	<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
	<?php the_post_thumbnail(); ?>//输出图片
	</a>
   </div>
<?php endif; ?>

注意修改html部分,且为其写兼容自用主题的样式;

缩略图输出函数,请自行修改为合适的函数(如相关文章的缩略图、侧栏的缩略图) ,函数格式如下:

<?php the_post_thumbnail( 'lyt-related' ); ?>//修改引号里面的函数即可。

相关

轻量级实现文章缩略图功能

wordpress实现文章缩略图的方法有很多,甚至有一些方法还是图片加密、图片缓存的高端showtime。 但是,有时候我们使用缩略...

发布时间:2018/03/26 作者:橘子书 评论:5

Principle Team
龙砚庭官方QQ群,一个坚持强怼的7P成员群!
10人已关注

目前评论:10   其中:访客  6   博主  4

发表评论

莫慌,小狮子正在努力加载评论...
  1. 学习笔记Blog
    学习笔记Blog2 ( 2018.08.24 14:45:07 )  6楼

    我就感觉 Typecho 对缩略图的支持不够规范!这是个隐患呀!