@H_403_0@wordpress的API借口支持自定义顶部图像 ，本教程演示了如何让wordpress支持自定义顶部图像，如何让顶部图像实现响应式，并且如何判断顶部是否有图像。以下是教程笔记，详细教程观看视频。

@H_403_0@

1、在functions.PHP中加入以下代码

@H_4030@/**

@H403_0@ 支持自定义顶部图像

@H_403_0@/

@H_4030@$args=array(

@H403_0@'width' =>2680,//自定义宽度

@H_4030@'flex-width'=>true,//自适应宽度

@H403_0@'height' =>500,//自定义高度

@H_4030@'flex-heigt'=>true,//自适应高度

@H403_0@'default-image' =>get_template_directoryuri().'/images/33.jpg',//默认顶部图像

@H403_0@'uploads' =>true,//允许上传

@H_4030@);

@H403_0@add_themesupport('custom-header',$args);

@H403_0@ 主题进度预览

@H_403_0@

@H_403_0@

2、前台header.PHP加入以下代码

@H_403_0@<!--headerimage -->

@H403_0@<?PHP if ( get_headerimage() ) : ?>

@H4030@<div class="container-filut" >

@H403_0@<a href="<?PHP echo esc_url( homeurl( '/' ) ); ?>">

@H403_0@<img src="<?PHP header_image(); ?>" class="header-image img-responsive center-block" width="<?PHP echo get_custom_header()->width; ?>" height="<?PHP echo get_customheader()->height; ?>" alt="" />

@H4030@</a>

@H4030@</div>

@H403_0@<?PHP endif; ?>

@H_403_0@通过给Img加入img-responsive实现响应式图片，center-block图片居中

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

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

@H4030@交流群：521068947

@H403_0@本人QQ: 272586593