블로그 제목을 표현하는 방법은 몇가지가 있겠지만, 보통은 <?php bloginfo(‘name’); ?> 함수를 사용해서 블로그 제목을 출력합니다.

헤더 부분의 블로그 이름을 이미지로 바꿀 생각이라면, 해당 함수는 그대로 두시고 CSS를 이용해서 백그라운드를 원하는 이미지로 바꾸시는게 더 낫지 않을까 합니다.

Default 테마의 경우 header.php 의 맨 아래 부분이 블로그의 헤더부분이 되는데…

<div id="header">
   <div id="headerimg">
      <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
      <div class="description"><?php bloginfo('description'); ?></div>
   </div>
</div>
<hr />

#header h1 a 에대한 배경이미지를 원하는 이미지로 하고, 그 안의 텍스트를 트릭을 써서 왼쪽 또는 오른쪽으로 화면에서 보이지 않게 밀어내는 형식을 사용합니다.

#header h1 a {
background: transparent url('images/blog-name-image.jpg') no-repeat 0 0;
display: block;/* block 형태여야만 text-indent 값이 적용됨. */
width: 100px;/* 이미지 가로 */
height: 60px;/* 이미지 세로 */
text-decoration: none;
text-indent: -9999em;/* 텍스트를 화면 왼쪽으로 안보이게 밀어내는 부분 */
}

CSS를 수정하지 않고 그냥 이미지로 대체하려면 테마에서 <?php bloginfo(‘name’); ?> 을 사용하고 있는 부분들 중 원하는 것들을 이미지로 바꿔주면 됩니다.

082net

Facebook 사용자 모임 그룹 도 함께 운영되고 있으며, 격 주로 미트업과 스터디를 진행하고 있으니 관심 있으신 분들의 많은 참여 바랍니다 🙂

H1 태그는 원래 블록 값 아닌가요?

nextjj