이 글은 Sinsakim 님이 방명록에 해 주신 질문에 대한 답변 글입니다. 이 블로그에 적용된 워드프레스 테마인 suffusion 테마와 관련한 질문인데, 방명록에 간단하게 답을 올렸지만, 정리와 내용을 추가해서 별도 포스팅으로 올립니다. 현재 사용중인 워드프레스 3.0, suffusion 테마 3.5.3 버전을 기준으로 합니다.
워드프레스 suffusion 테마의 강력한 기능들
제 블로그 상단에는 홈 버튼과 두 개의 페이지 버튼, 세 개의 카테고리 버튼이 있습니다. 이런 메뉴 기능은 워드프레스 3.0 버전에서 정식으로 지원한 기능(‘워드프레스 3.0 업그레이드 완료’ – 5. 워드프레스 3.0 달라진 점 참조)입니다. 하지만 suffusion 테마에서는 오래 전부터 지원해오던 기능이었고, 최신 버전에서는 독자적인 메뉴 기능과 워드프레스에서 지원하는 메뉴 기능을 함께 적용할 수 있게 되었습니다.
1. 홈 버튼 아이콘 설정
안녕하세요.
워드프레스를 사용하다가 궁금한것이 있어서 이렇게 들려서 글을 남깁니다.
저도 뗏목지기 님과 같은 스킨을 사용하고 있는데요.
설정에서 조금 막히는 부분이 있네요.첫째는 위에 메뉴에서 ‘홈’ 모양의 아이콘을 넣는 방법이고요.
메뉴 기능은 suffusion 테마에서는 Navigation Bar라고 일컬어 집니다. 해당 기능은 위 그림과 같이, suffution 테마의 설정 페이지에 있는 [Blog Features 탭 – Main Navigation Bar Setup 메뉴]에서 설정합니다. 그림에서 보면 Top Navigation Bar Setup이라는 메뉴도 있는데, 두 기능은 모두 동일하며 보이는 위치만 차이가 납니다. Main은 제 블로그에서 보이는 것처럼 제목 부분과 본문 사이에 위치하게 되며, Top은 제목 위, 즉 블로그 페이지의 최상단에 위치하게 됩니다.
홈 버튼 아이콘은 해당 메뉴에서, 위 그림에 보이는 [Main Navigation Bar Look and Feel] 섹션에서 설정합니다. (일단 질문에 해당하는 부분만 설명하고 다른 설정 부분은 생략합니다.)
해당 섹션을 살펴보면, 위 그림과 같이 [Show “Home” page?]라는 메뉴를 볼 수 있습니다. 여기서 “Show an icon”을 선택하면 제 블로그와 같이 아이콘으로 된 홈 버튼을 볼 수 있습니다.
2. 카테고리 메뉴 관련
두번째는 링크 메뉴를 만드는 방법 입니다.
‘만화’ 같은 메뉴는 만들줄 알게는데 ‘사회’ 같은 메뉴는 만드는 법을 모르겠습니다.
suffusion 테마에서 말하는 링크 메뉴(Links in Navigation Bar)는 제 블로그에는 없고, 카테고리 메뉴(Categories in Navigation Bar)가 있습니다.
카테고리 메뉴는 [Categories in Navigation Bar] 섹션에서 설정합니다. 위 그림에서 왼쪽 항목을 선택하면 제 블로그처럼 최상단 카테고리 목록이 나열되고, 커서를 올리면 하위 카테고리가 노출되는 식으로 보여집니다. 오른쪽 항목을 선택하면 ‘My Categories(항목명 변경 가능)’ 항목 하단에 계단식으로 카테고리가 보여지게 됩니다.
기본적으로 위 선택사항으로 해 두기만 하면 제 블로그에서 보이는 것처럼 카테고리 메뉴가 동작을 합니다. 질문에서 하위 카테고리가 없는 카테고리 메뉴가 안 만들어진다고 했는데, 해당 카테고리에 해당하는 포스팅이 하나도 없는 경우에는 메뉴에 표시가 되지 않습니다.
3. suffusion 테마의 강력한 커스터마이징 기능
suffusion 테마는 무료 테마임에도 불구하고 강력한 커스터마이징 기능과 몇 가지의 기본 테마 스킨을 선택할 수 있는 기능을 가지고 있습니다. 설정 화면의 [Visual Effect] 탭에서 테마 선택 후에도 각 구성요소(헤더, 본문, 사이드바, 풋터등)의 크기, 마진, 색상, 위치, 개수(사이드바의 경우) 등을 별도로 조정할 수 있습니다.
[Blog Features] 탭에서는 더 세부적인 설정이 가능합니다. 위에서 말씀드린 Navigation Bar의 설정 외에도, 포스트와 페이지의 세부적인 설정(카테고리명이나 필자명, 태그의 노출 여부)을 할 수 있습니다. 별도 플러그인 없이 SEO/Meta의 설정, 페이지 네비게이션, 구글 Analytics와의 연동, OpenID 연동 설정 등도 가능합니다.
suffusion 테마는 한글화되어 있지 않다 보니, 폰트 설정에서 한글 폰트를 선택할 수가 없습니다. 그러나 굳이 테마의 style 파일을 건드리지 않아도 [Custom Includes] 메뉴에서 사용자 정의 스타일을 추가할 수 있습니다. 물론 그러기 위해서 테마의 style 파일을 어느 정도 분석할 필요는 있습니다.
제 경우에는 나눔고딕을 기본 글자체로 하기 위해서 해당 항목(body, .blogtitle, .posttitle 등)에 대해 “font-family: NanumGothic, 나눔고딕, “Malgun Gothic”, “맑은 고딕”, Trebuchet, “Trebuchet MS”, sans-serif;” 부분을 추가해 넣었습니다. (직접 입력도 가능하고 별도 파일로 작성하여 파일 링크를 입력할 수도 있습니다.)
그 외에도 [Custom PHP], [Got JavaScript], [Additional Auto-discovery RSS / Atom feeds] 설정을 통해 사용자가 정의한 PHP, 자바스크립트, 피드 기능을 추가할 수 있습니다. 그 외에 다양한 기본 템플릿을 제공하는데, 이 기능은 제가 사용하지 않아서 자세히 알지 못하기 때문에 생략하도록 하겠습니다.
제 글이 유용하셨다면 아래 손가락 모양을 꾸욱~ 눌러주세요.
