워프가 하고싶어서, 워프로 갈아타려고하는데.

블로그 제목을 어떻게 이미지로 바꾸나요?.

텍스트큐브는 ##_title_## 를 찾다가, 블로그 제목 관계되있는걸 이미지로 바꾸면 되는데,

워프는 다르더라구요..

어느부분을 이미지로 바꾸어야 하죠?..

(초보라 이런 질문을 ..ㅠㅠ 죄송합니다.)

워프가 하고싶어서, 워프로 갈아타려고하는데.

블로그 제목을 어떻게 이미지로 바꾸나요?.

텍스트큐브는 ##_title_## 를 찾다가, 블로그 제목 관계되있는걸 이미지로 바꾸면 되는데,

워프는 다르더라구요..

어느부분을 이미지로 바꾸어야 하죠?..

(초보라 이런 질문을 ..ㅠㅠ 죄송합니다.)

헤더 부분의 블로그 이름을 이미지로 바꿀 생각이라면, 해당 함수는 그대로 두시고 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 사용자 모임 그룹 도 함께 운영되고 있으며, 격 주로 미트업과 스터디를 진행하고 있으니 관심 있으신 분들의 많은 참여 바랍니다 🙂

헤더 부분의 블로그 이름을 이미지로 바꿀 생각이라면, 해당 함수는 그대로 두시고 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 사용자 모임 그룹 도 함께 운영되고 있으며, 격 주로 미트업과 스터디를 진행하고 있으니 관심 있으신 분들의 많은 참여 바랍니다 🙂