WordPress 테마 Production_php 기술의 사용자 정의 헤더 관련 PHP 기능 분석

헤더_이미지()
header_image() 함수는 상단 이미지를 사용자 정의하는 WordPress의 표준 인터페이스 함수입니다. 이 함수는 배경 설정을 자동으로 결정하고 사용자가 정의한 상단 이미지 주소를 문자열 형식으로 반환할 수 있습니다. 이 글은 주로 이 기능에 대한 자세한 설명과 사용법을 다루고 있습니다.

【헤더 이미지 경로 표시.】 즉, 최상위 이미지 주소를 표시합니다.

사용

코드 복사 코드는 다음과 같습니다.

함수 선언 소스 코드

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 );
}

get_custom_header 사용자 정의 헤더
get_custom_header 함수는 WordPress 3.4에서 우리에게 주어진 새로운 선물입니다. 이 함수는 top의 사용을 더 잘 통합하고 캡슐화하는 것으로 보입니다. 이 기사에서는 주로 get_custom_header 함수를 WordPress 3.4 버전에 통합하는 방법을 설명합니다. 테마.

이 글에 따라 테마를 사용할 때 WordPress가 3.4 버전으로 업그레이드되었는지 확인하세요.

get_custom_header의 의미에 대한 자세한 설명
상단 사용자 정의 현재 대부분의 테마는 주로 두 가지 기능을 사용합니다. 1. 상단 이미지 사용자 정의 2. 상단 스타일 사용자 정의
구체적인 효과를 보려면 기본 테마인 211이나 제 다른 블로그 Youyou My Heart
를 살펴보세요. 이 함수는 WP 버전 3.4에만 등장한 내장 함수로 주로 사용자가 설정한 상위 매개변수를 객체 형태로 반환하는데 사용된다.
이런 말도 안되는 말만으로는 아직 이해가 안 되실 수도 있습니다. 이해하고 싶다면 아래를 읽어보세요.
이 함수는 get_header()와 근본적으로 다르다는 점에 유의하세요.

함수 사용 예시
다음 예는 기본 테마 21의 header.php 파일
에서 가져온 것입니다. PHP 코드:

//判断是否存在该函数，以便兼容老版本
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;
}

종합사용에 대한 자세한 설명
다음은 커스텀 탑을 설명하기 위해 공식 문서를 주로 인용한 것입니다

//打开主题自定义顶部支持
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 );

맞춤 상단 이미지

//打开主题自定义顶部支持
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 );

적응형 상단 이미지 설정

$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 );

커스텀 상단 이미지 호출

<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="" 
/>