wordpress 테마만들기(header.php)-2 로고이미지 업로드 만들기

워드프레스 테마에 로고이미지를 업로드 해보자

위 그림은 워드프레스 테마를 만들고 아무런 셋팅을 하지 않은 상태의 모습이다.

이제 header.php에 로고 이미지를 등록 시킬수 있도록 해보자

먼저 테마 만들기 위한 기본 파일

header.php

index.php

footer.php

style.css

외에 functions.php를 하나 더 만들어 준다.

functions.php를 만들고 난후 functions.php에 아래 코드를 삽입한다. 파란색 부분은 이름을 달리 해도 상관없다.

<?php

$defaults = 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', $defaults );

?>

작성후

header.php에서  로고가 들어갈 자리에

<img src="<?php header_image(); ?>" height="<?php echo get_custom_header()->height; ?>" width="<?php echo get_custom_header()->width; ?>" alt="" />

를 삽입해 주면 된다.

그러면 워드프레스 관리자 화면에 들어가서 자신이 만든 테마를 보면 아래와 같이 색상과 헤더 이미지가 추가 된것을 볼 수 있다.