Team blog 구축 기록 – 테마 커스터마이징

현재 적용되어 있는 테마의 원래 화면입니다. 위 테마는  Lefty 라는 무료 테마이며, 텍스트 위주의 포스팅에 적합한 반응형 테마입니다. CSS와 php파일을 수정한 내용은 다음과 같습니다.

• 화면 폭이 일정너비 이하로 줄어드는 경우, 영문 등이 넘쳐서 모든 텍스트에 해당하는 스타일에 word-wrap: break-word; 속성을 초기값으로 추가했습니다.
• 헤드라인에 해당하는 텍스트(h1~h6)는 ‘맑은 고딕’ 폰트를 사용합니다.
• 여러 저자가 참여하기 때문에, 그라바타 아이콘을 제목 앞에 추가하기위해 content.php 에 <?php echo get_avatar( get_the_author_meta('ID'), 60, $default, $alt ); ?>를 적당한 곳에 넣었습니다.
• 추가한 아바타에는 <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">로 묶어 아바타를 클릭하면 해당 author의 글을 모두 볼 수 있게 했습니다.
• css속성은 .loop-entry .avatar {} 으로 재정의 해주었습니다.
• 메인화면에서도 메타정보를 확인할 수 있게 추가하였고,
• 싱글포스트에 있는 이전글/다음글 아이콘은 삭제했습니다. (모바일에서 걸리적거리더라구요)
• 반응형 테마이긴 하나, @media 속성이 전혀 지정되어 있지 않습니다. 취향에 맞게 커스텀해줘야 합니다. 참고하세요.
• 사이드 바의 경우, 1개를 지원합니다. 때문에 모바일에서는 사이드바의 영역이 헤더부분에 표시되는 불편함이 있네요.

자기 맘에 드는 완벽한 스킨이란 없나봅니다. 실컷 커스텀 해보고 다른걸 골라서 새로 만들어버릴지도 모르는 일이죠. 사람 일은 아무도 모르니까요.