Analysis of related PHP functions of custom headers in WordPress theme production, wordpress is being produced_PHP tutorial

WBOY
Release: 2016-07-12 09:01:10
Original
892 people have browsed it

Related PHP function analysis of custom headers in WordPress theme production, WordPress production

header_image()
The header_image() function is the standard interface function for WordPress to customize the top image. This function can automatically determine the background settings and return the user-defined top image address in the form of a string. This article mainly involves the detailed explanation and use of this function.

【Display header image path.】 That is, display the top image address.
Use

Copy code The code is as follows:


Function declaration source code
function header_textcolor() {
 echo get_header_textcolor();
}
function get_header_image() {
 $url = get_theme_mod( 'header_image', get_theme_support( 'custom-header', 'default-image' ) );
 
 if ( 'remove-header' == $url )
 return false;
 
 if ( is_random_header_image() )
 $url = get_random_header_image();
 
 if ( is_ssl() )
 $url = str_replace( 'http://', 'https://', $url );
 else
 $url = str_replace( 'https://', 'http://', $url );
 
 return esc_url_raw( $url );
}
Copy after login

get_custom_header custom header
The get_custom_header function is a new gift given to us by WordPress 3.4. This function appears to better integrate and encapsulate the use of the top. This article mainly explains the get_custom_header function in detail and how to integrate it in the WordPress 3.4 version theme. Top features.

Please note that when using your theme according to this article, please make sure that your WordPress has been upgraded to version 3.4.

Detailed explanation of the meaning of get_custom_header
Customizing the top At present, most themes mainly use two functions: 1. Customize the top image 2. Customize the top style
For specific effects, you can take a look at the default theme twenty eleven, or my other blog Youyou My Heart
This function is a built-in function that only appeared in WP version 3.4. It is mainly used to return the top parameters set by the user in the form of objects.
Maybe you still don’t understand just by saying such nonsense. If you want to understand, please read below.
Please note that this function is fundamentally different from get_header().

Function usage examples
The following example comes from the header.php file
in the default theme twenty eleven PHP code:

//判断是否存在该函数,以便兼容老版本
if ( function_exists( 'get_custom_header' ) ) {
//get_custom_header()->width 调用带向 width 属性
$header_image_width = get_custom_header()->width;
//get_custom_header()->height 调用带向 height 属性
$header_image_height = get_custom_header()->height;
} else {//兼容老版本的代码
$header_image_width = HEADER_IMAGE_WIDTH;
$header_image_height = HEADER_IMAGE_HEIGHT;
}
Copy after login

Detailed explanation of comprehensive use
The following mainly quotes official documents to explain custom top

//打开主题自定义顶部支持
add_theme_support( 'custom-header' );
 
$headarg = array(//将设置打包成数组
 'default-image'     => '',
 'random-default'     => false,
 'width'         => 0,
 'height'         => 0,
 'flex-height'      => false,
 'flex-width'       => false,
 'default-text-color'   => '',
 'header-text'      => true,
 'uploads'        => true,
 'wp-head-callback'    => '',
 'admin-head-callback'  => '',
 'admin-preview-callback' => '',
);
//将数组中的设置添加到自定义顶部上
add_theme_support( 'custom-header', $headarg );
Copy after login
Copy after login

Custom top image

//打开主题自定义顶部支持
add_theme_support( 'custom-header' );
 
$headarg = array(//将设置打包成数组
 'default-image'     => '',
 'random-default'     => false,
 'width'         => 0,
 'height'         => 0,
 'flex-height'      => false,
 'flex-width'       => false,
 'default-text-color'   => '',
 'header-text'      => true,
 'uploads'        => true,
 'wp-head-callback'    => '',
 'admin-head-callback'  => '',
 'admin-preview-callback' => '',
);
//将数组中的设置添加到自定义顶部上
add_theme_support( 'custom-header', $headarg );
Copy after login
Copy after login

Adaptive top image settings

$args = array(
 'flex-width'  => true,//自适应高度
 'width'     => 980,
 'flex-width'  => true,//自适应宽度
 'height'    => 200,
 'default-image' => get_template_directory_uri() . '/images/header.jpg',
);
add_theme_support( 'custom-header', $args );
Copy after login

Call of custom top image

<img 
  src="<&#63;php header_image(); &#63;>" 
  height="<&#63;php echo get_custom_header()->height; &#63;>" 
  width="<&#63;php echo get_custom_header()->width; &#63;>" 
  alt="" 
/>
Copy after login

Articles you may be interested in:

  • How to introduce template files in WordPress theme production
  • Get the header template and bottom template in WordPress theme writing
  • Example of PHP code for adding page number navigation to article list page in WordPress theme
  • Enable theme to support widgets and add plug-in enabling function in WordPress
  • PHP script to implement WordPress theme sidebar switching function Detailed explanation
  • Write PHP script to make WordPress theme support Widget sidebar
  • Specific implementation steps based on wordpress theme production
  • Wordpress theme supports custom menu and modified css style implementation Method

www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/1089941.htmlTechArticleRelated PHP function analysis of custom headers in WordPress theme production, header_image() header_image() function in WordPress production It is the standard interface function for WordPress to customize the top image. This function...
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!