2015 봄 HwangC 사이트 개편 – HwangCFifteen

이번에는 어떤 테마를 써볼까 고민하다가 2015년도 기본 테마인 TwentyFifteen을 이용해서 HwangCFifteen을 꾸며보았습니다.

작업 내용

  • HwangCFifteen 자식 테마 생성
  • HwangCFifteen 백그라운드 패턴 등 스타일 적용
  • Adsense 적용
  • Analytics 코드 적용
  • 메뉴 아이콘 적용
  • 사이드바 소셜버튼 섹션 순서 변경

주요 플러그인

HwangCFifteen을 사용하면서 기회가 될 때마다 사이트를 업데이트 하면서 업데이트 내용에 대해 공유해볼 예정입니다.

자식 테마

자식 테마는 부모 테마의 기능과 스타일을 사용하면서도 추가 기능 및 스타일을 업데이트 하기 위해 사용합니다. 예전에는 자식 테마를 생성할 때 style.css에 @import를 했었는데 이는 좋은 방법이 아닙니다.

Note that the previous method was to import the parent theme stylesheet using @import: this is no longer best practice. – http://codex.wordpress.org/Child_Themes

워드프레스에서도 아래의 방법을 추천하고 있으니 자식 테마를 생성하시는 분들은 참고하세요.

백그라운드 패턴

Twenty Fifteen의 깔끔한 백그라운드에 몇가지 패턴을 추가하여 조금 다른 느낌으로 꾸며봤어요. 백그라운드 패턴은 내 웹사이트 배경 화면이 심심할 때를 참고하세요.

메뉴 아이콘 적용

hwangcfifteen-menu-icon메뉴 아이콘은 fontawesome을 사용하였으며 메뉴 영역에 class를 적용하고 몇가지 스타일을 수정하여 만들었습니다.

Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.

마치며

비록 Fifteen은 아니지만 과거 풋풋했던 Fifteen이었던 시절을 그리는 마음에서 HwangCFifteen을 만들어봤습니다. TwentyFifteen 테마 소스는 이전 기본 테마들을 분석해보신 분들이라면 금방 이해하고 커스터마이징이 가능하실 거에요. 앞으로 커스터마이징을 하면서 좋은 정보들은 공유하도록 하겠습니다. 그럼 오늘도 즐거운 블로깅 하세요 🙂

글쓴이

HwangC

안녕하세요! 여러분의 편안한 워드프레스 안내자 황씨입니다.

“2015 봄 HwangC 사이트 개편 – HwangCFifteen”에 대한 8개의 생각

  1. HwangC님 안녕하세요.
    종종 들려서워드프레스 소식을 접하고 있다가 이번에 어렵게 워프로 블로그를 개설했습니다.

    같은 워프기본테마를 사용하는 중인데 최신글이나 카테고리 메뉴를눌렀을 경우 그리드 스타일(혹은 카드스타일)로 출력되는 방법을 알아봤는데 명칭이라던지 내용을 잘 몰라서 못찾고 있습니다.
    플러그인이라던지 지금 HwangC님 워프에 적용된 카테고리 글 보는 방법을 알려주실수 있을까요?

  2. 저도 이 테마를 쓰고 있는데요. 애드센스 300 X 600 달면 광고가 짤리더라구요. 초보라서 그러는데, 넓히려면 어디를 수정을 해야하나요??

    1. widget 영역에 padding이 두꺼워서 그렇게 나오는 것입니다. 아래 스타일을 참고해서 style.css파일을 수정해보세요.

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.