랜덤으로 표시하는 이미지를 템플릿에 포함하기

랜덤으로 표시하는 헤더 이미지는 ‘기본 이미지’로 템플릿에서 지정할 수도 있다. 이때 이미지마다 헤더 이미지(900×228픽셀)와 썸네일 이미지(230×58픽셀)를 준비해서 [sample] 테마 폴더로 업로드한다.
다음에는 function.php를 열고 register_default_headers()로 헤더 이미지를 지정한다. 각 이미지의 지정은 다음과 같은 형식으로 입력한다. ‘키’는 이미지를 구별하기 위한 임의의 키워드이고, 영문숫자로 지정한다. 이미지의 URL은 %s로 테마 폴더의 URL을 나타내고, %s/header_red.jpg라는 형식으로 지정한다. 여기에서는 앞의 헤더 이미지를 지정한다.

헤더 이미지를 지정하는 부분의 입력 형식

‘ => array(
‘url’ => ‘헤더 이미지의 URL‘,
‘thumbnail_url’ => ‘썸네일 이미지의 URL
),

사용자정의 헤더의 설정화면을 확인하면 functions.php로 지정한 이미지가 ‘기본 이미지’로 표시되고 ‘랜덤: 각 페이지에 다른 이미지 보여주기’라는 선택 사항도 추가로 표시된다. 이 ‘랜덤: 각 페이지에 다른 이미지 보여주기’를 선택한 경우 ‘기본 이미지’만 랜덤으로 표시되고, 업로드한 이미지와 함께 표시되지 않는다.

functions.php

//사용자정의 헤더
add_custom_image_header(”,’admin_header_style’);
function admin_header_style() {}

define(‘NO_HEADER_TEXT’,true);
define(‘HEADER_IMAGE’,’%s/header_red.jpg’);
define(‘HEADER_IMAGE_WIDTH’,900);
define(‘HEADER_IMAGE_HEIGHT’,228);

add_theme_support(‘custom-header’,
array(‘random-default’ => true));

register_default_headers(array(

‘myheader_red’ => array(
‘url’ => ‘%s/header_red.jpg’,
‘thumbnail_url’ => ‘%s/header_red_thumb.jpg’
),

‘myheader_blue’ => array(
‘url’ => ‘%s/header_blue.jpg’,
‘thumbnail_url’ => ‘%s/header_blue_thumb.jpg’
),

‘myheader_pink’ => array(
‘url’ => ‘%s/header_pink.jpg’,
‘thumbnail_url’ => ‘%s/header_pink_thumb.jpg’
)

));

출처: 바꾸면서 배우는 워드프레스 디자인

“랜덤으로 표시하는 이미지를 템플릿에 포함하기”에 대한 한개의 댓글

답글 남기기