WordPress Default theme 수정 #3
2005년 8월 15일 by 김 승엽Tweet
기본테마에서 Page를 추가하면 자동으로 Sidebar에 자동으로 추가되는데 다른 테마들을 보면 상단의 메인이미지 위나 밑에 메뉴가 추가되는 것들이 있다. (Archives나 방명록 같은 것들) 이것을 어떻게 구현했나 하고 다른 테마들을 들여다 보다 복사 신공으로 위와 같이 추가에 성공.
header.php의 맨아래 다음의 코드를 추가한다.
<div id="pages">
<ul>
<li><a href="<?php echo get_settings('home'); ?>">
Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
</div>
<ul>
<li><a href="<?php echo get_settings('home'); ?>">
Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
</div>
맨 왼쪽에 home 메뉴가 추가되고 페이지를 추가할 때마다 오른쪽에 추가된다.
style.css에도 다음을 추가한다. 주석에도 적었지만 Pool 테마에서 가져왔다.
/* Pages -From pool*/
#pages {
margin-top: 8px;
margin-left: 25px;
}
#pages li {
display: inline;
list-style-type: none;
}
#pages ul, ol {
margin: 0;
padding: 0;
}
#pages a {
background: #fff;
color: #1E4C62;
font-weight: bold;
padding: 8px 10px;
}
#pages a:hover {
background: #8EBAFD;
color: #fff;
text-decoration: none;
}
.current_page_item a, .current_page_item a:hover {
background: #8EBAFD !important;
color: #fff !important;
}
#pages {
margin-top: 8px;
margin-left: 25px;
}
#pages li {
display: inline;
list-style-type: none;
}
#pages ul, ol {
margin: 0;
padding: 0;
}
#pages a {
background: #fff;
color: #1E4C62;
font-weight: bold;
padding: 8px 10px;
}
#pages a:hover {
background: #8EBAFD;
color: #fff;
text-decoration: none;
}
.current_page_item a, .current_page_item a:hover {
background: #8EBAFD !important;
color: #fff !important;
}
추가한 css를 변경해서 나타나는 메뉴의 모양을 변경할 수 있다. 몇 부분 수정을 했는데 기억이…
제가 사용하고 있는 수정한 header.php와 style.css 입니다. 원본 파일에서 많은 부분이 수정되어 있기 때문에 변화된 부분을 살펴보시는 데만 사용하시기 바랍니다.
랜덤 헤더 이미지 적용 파일들
: WordPress, 워드프레스, 테마
: WordPress, 워드프레스, 테마
: WordPress, 워드프레스, 테마
Show Related Posts List from Local
다시 한번 감사합니다. 방금 제 블로그에도 적용시켰는데 사파리를 제외한 브라우져는 제대로 보입니다. 왜 사파리만 제대로 보이지 않는 건지…
그런데 unfusion님 절망클럽 메뉴는 사파리에서도 정상적으로 보입니다. 뭔가 틀리게 적용된게 있을까요? WP 2.0.1 을 사용하고 있습니다.
제가 사파리에서는 확인해 보지 못했습니다. 제 페이지를 확인해 봤는데 포스트의 내용과 다르지 않았습니다. 혹시 모르니 인터넷 캐시를 삭제한 뒤에 한 번 시도해 보시죠.
승엽님 그런데 너무 절망클럽과 비슷해 지는건 아닐까요? ^^ 새벽 1시네요 이제 자야할 것 같스빈다. 주말이시죠? 좋은 주말 되세요.
이제 사파리에서는 제대로 출력되나요? 그리고 정 비슷해지는 것 같으시면 스타일 조금 수정해 주시면 될 겁니다. ( 이전에 사용하시던 메뉴 모양 좋던데요
)
아무래도 않되는 것 같아서 본래로 돌아 왔습니다. 네모 안의 색을 바꾸고 싶었는데 어디를 손을 대야 할지 몰라 본래 모습으로 돌렸습니다.
제 헤더 파일하고 스타일 파일을 보내드릴테니 한번 보시겠습니까? 렌덤 헤더 이미지를 어떤 방법으로 하셨는지 모르지만 보시면 수정하실 때 도움이 될것 같습니다. 그리고 메뉴 색은 추가한 style의 색깔 코드를 바꿔보세요. 파일들은 포스트 하단에 추가해 놓겠습니다.