엔트리 zeffiro

WordPress 해외 쇼핑몰 제작(18) : 워드프레스의 Theme 설정

자식테마까지 설치 완료 했다면 이제 테마의 설정을 진행하겠습니다. 워드프레스에서 테마에 대한 설정은 Appearance – Theme 에서 해당 테마의 Customize에서 가능합니다. 여기서 사이트 제목 등의 설정과 메뉴, 위젯등의 설정이 가능한데, 요즘처럼 많은 기능이 있는 테마들은 각자 세부 사항을 설정할 수 있는 테마 자체의 설정페이지를 갖고 있습니다.  우리가 사용할 Enfold 테마에 대한 기본 설정들은 Admin 화면 내의 Enfold Child 라는 메뉴에서 가능합니다. 물론 Child 테마가 아닐 경우에는 child 라는 단어는 빠지겠지요. 모든 항목을 살펴볼 수는 없고, 몇 가지 중요 사항만 체크해 보겠습니다. 세부 항목을 수정한 후에는 상단, 하단에 있는 Save all changes 버튼을 클릭해야 저장이 됩니다. 다만 현재는 테마에 대한 설정을 진행하지 않고 매뉴얼의 기능으로 설명합니다. Demo data 를 Import 하게 되면 설정이 달라질 수 있기 때문입니다.   1. Theme Options Frontpage setting 에서홈화면에노출될페이지를선택하게됩니다. 현재는 Sample Page 정도만있을텐데, 메인에노출될페이지를만들고여기서지정하면됩니다. Logo와 Favicon은말그대로로고입니다. URL을입력해도되고이미지파일을올려도됩니다. 로고는기준사이즈에나온대로 340x156px 로구성하시면되고, 다른사이즈의경우에는 Header setting으로들어가헤더부분의사이즈를조정해주시면깨끗해게처리됩니다. 파비콘은 What is a favicon 에서도설명하지만브라우저상단에제목옆작은아이콘입니다. 크롬기준으로로딩중에는원형의로딩중아이콘이돌아가고, 페이지로딩이완료되면파비콘이출력됩니다. 테마설치후에는밋밋하게테마의기본파비콘으로추가되거나호스팅서비스의파비콘으로채워지는데, 간단한아이콘으로사이트의파비콘을사용할수있습니다. 2. General Layout   이 부분은 옵션을 변경할 경우 상단에 Preview로 미리보기를 제공합니다. 따라서 용어를 잘 모르더라도 크게 어려움이 없습니다. 다만 Sticky Sidebar menu 같은 경우는 달라붙는 다는 뜻과 마찬가지로 스크롤 할 때에 사이드바가 따라온다는 의미입니다.   3. General Styling 컬러셋을 선택할 수 있고, 직접 컬러를 조정할 수 있습니다. 배경이나 글자 색, 링크 글자 색, 박스 내부, 테두리 등등 여러 컬러들의 조합을 선택할 수 있습니다. 사실 저처럼 컬러 감각이 없는 경우는 미리 지정된 조합으로 컬러를 맞추는 것이 편하더군요. 4. Advanced Styling 이 부분은 CSS파일을 처리하던 곳을 나름대로 쉽게 변경할 수 있도록 하기 위한 기능입니다. 전반적인 글자의 색상, 폰트, 크기, 특성 등 한 속성에 대한 값을 지정할 수 있습니다. 사실 CSS를 다룰 줄 안다면 좋은 편의 기능 중 하나일 수 있지만, 상세설정이 너무 상세해서 어렵다면 딱히 건들지 않을 것을 추천합니다.   5. Main Menu 이 설정 역시 상단에서 Preview를 제공합니다. 그렇기 때문에 각 항목에 대한 변경 값을 미리 볼 수 있습니다. 외국에서 사용하는 어휘 중 특이했던 것은 “burger 아이콘” 이라는 말이 말 그대로 햄버거라는 뜻이 아니라, 메뉴 아이콘에 보통 3개의 가로줄이 있거나 모바일에서 그렇게 표시되는 아이콘을 “Burger icon” 이라고 하더군요. 6. Header 헤더는 웹사이트의 최상단을 의미합니다. 이 메뉴에서 상단의 로고와 메뉴 위치, 그림자 등의 약간의 효과, 메뉴의 배경 등 여러 효과를 설정할 수 있으며, 물론 Preview를 제공합니다. 혹시 첫번째의 Theme Option 에서 로고의 사이즈 높이가 Default 값인 156px가 넘거나 그보다 작을 경우, 이 메뉴의 Header Size 항목에서 Custom […]