第11课WordPress主题制作启用特色图像

概述本课示范了在wordpress主题制作过程中如何实现特色图像的支持，并且如何让特色图像实现响应式，以下是笔记和部分源码。 1、wordpress免插件自动为文章添加设置特色图像的三种方法（http://www.511yj.com/wordpres

本课示范了在wordpress主题制作过程中如何实现特色图像的支持，并且如何让特色图像实现响应式，以下是笔记和部分源码。

1、wordpress免插件自动为文章添加设置特色图像的三种方法

（http://www.511yj.com/wordpress-featured-image.HTML ）

/*

*增加特色图像

*/

if ( function_exists( 'add_theme_support' ) ) { // Added in 2.9

add_theme_support( 'post-thumbnails' );

//add_image_size('pop-thumb',542,340,true );

// Permalink thumbnail size

}

2、前台调用

href="

优酷土豆链接：优酷土豆视频高清观看

优酷全部教程播单：http://i.youku.com/i/UNTU3NDYyODg0/playLists

wordpress主题制作综合教程：http://List.youku.com/albumList/show/ID_49481719

交流群：521068947

本人QQ: 272586593

3、style.CSS

/*-------------------------------------------------------------

缩略图

---------------------------------------------------------------*/

.featured-thumb {

border-top: #ccc solID 3px;

overflow: hIDden;

Transition: 0.5s all ease;

-webkit-Transition: 0.5s all ease;

-moz-Transition: 0.5s all ease;

-ms-Transition: 0.5s all ease;

-o-Transition: 0.5s all ease;

padding:0;

}

4、Js控制响应式缩放图片

 

jquery(function($){

$('.featured-thumb img').addClass('img-responsive');

});

总结

以上是内存溢出为你收集整理的第11课WordPress主题制作启用特色图像全部内容，希望文章能够帮你解决第11课WordPress主题制作启用特色图像所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。