스텝페이 헬프 센터

궁금한 것이 있다면 바로 찾아보세요

Tijarah 메뉴 (테마설정) 사용법

  • Tijarah 메뉴는 우커머스 좌측 사이드바 하단에서 찾으실 수 있습니다.
  • 하단에 설명되지 않은 상세 설정들의 경우, 수정하지 않는 것을 권장드립니다.

General : 일반 설정 #

  • 일반 설정에서는 로딩중 표시를 설정하실 수 있습니다.

로딩중 표시 (Preloder) #

  • 홈페이지가 로딩될 때, 로딩중을 표기하고 싶으실 경우 토글을 On으로, 표기하고 싶지 않으실 경우에는 Off로 설정하고 오른쪽 상단의 Save Changes 버튼을 눌러 저장해주세요.

Style : 스타일 #

  • 스타일에서는 버튼 및 헤더 메뉴의 색을 설정하실 수 있습니다.

대표색(버튼) 변경하기 (Primary Color) #

  • 색은 기본적으로 그라데이션으로 적용됩니다. From에서는 왼쪽에 적용될 색을, To에서는 오른쪽에 적용될 색을 입력해주시면 됩니다. 단색으로 적용하고 싶으실 경우 양쪽 모두를 같은 색으로 설정해주시면 됩니다. 색을 설정하고 싶지 않으시면 색상 오른쪽의 Transparent 체크박스를 체크해주시면 됩니다. 설정 후에는 상단 오른쪽의 Save Changes 버튼을 눌러 저장해주셔야 합니다.

Typography : 글꼴 #

  • 글꼴에서는 홈페이지의 글꼴, 글씨 색상, 글씨 크기 등을 설정하실 수 있습니다.
  • 해당 메뉴에서는 한글 글꼴은 지원하지 않기 때문에 CSS로 수정하시길 바랍니다.

제목 글꼴 (Heading Typograpy) #

  • Heading Typography 에서는 제목 글을 설정하실 수 있습니다. 설정 작업이 끝나면 오른쪽 상단의 Save Changes 버튼을 눌러 저장해주세요.
  1. Font Family; 글꼴: 글꼴을 변경할 수 있는 필드입니다.
  2. Backup Font Family; 백업 글꼴: 1번의 글꼴이 적용 실패 되었을 때, 적용할 글꼴을 설정하는 필드입니다.
  3. Font Weight & Style; 글씨 굵기 & 스타일: 폰트 굵기 및 스타일을 설정할 수 있는 필드입니다.
  4. Text Align; 텍스트 정렬: 텍스트를 정렬 규칙을 정할 수 있는 필드입니다.
  5. Font Size; 글씨 크기: 글씨의 크기를 설정할 수 있는 필드입니다. 숫자로 입력해주세요.
  6. Line Height; 줄 높이: 글이 작성되는 줄의 높이를 설정할 수 있는 필드입니다. 숫자로 입력해주세요.
  7. Font Color; 글씨 색상: 글씨 색상을 정할 수 있는 필드입니다.

본문 글꼴 (Typography) #

  • Typography 에서는 본문 글꼴을 설정하실 수 있습니다. 설정 작업이 끝나면 오른쪽 상단의 Save Changes 버튼을 눌러 저장해주세요.
  1. Font Family; 글꼴: 글꼴을 변경할 수 있는 필드입니다.
  2. Backup Font Family; 백업 글꼴: 1번의 글꼴이 적용 실패 되었을 때, 적용할 글꼴을 설정하는 필드입니다.
  3. Font Weight & Style; 글씨 굵기 & 스타일: 폰트 굵기 및 스타일을 설정할 수 있는 필드입니다.
  4. Text Align; 텍스트 정렬: 텍스트를 정렬 규칙을 정할 수 있는 필드입니다.
  5. Font Size; 글씨 크기: 글씨의 크기를 설정할 수 있는 필드입니다. 숫자로 입력해주세요.
  6. Line Height; 줄 높이: 글이 작성되는 줄의 높이를 설정할 수 있는 필드입니다. 숫자로 입력해주세요.
  7. Font Color; 글씨 색상: 글씨 색상을 정할 수 있는 필드입니다.

Header : 헤더 #

  • 헤더는 홈페이지 상단에 노출되는 메뉴를 의미합니다.
  • 헤더에서는 홈페이지 상단에 노출되는 메뉴를 설정하실 수 있습니다. 설정 작업이 끝나면 오른쪽 상단의 Save Changes 버튼을 눌러 저장해주세요.

헤더 가로 길이 조절 ( Full width Header) #

  • 헤더의 가로 길이를 화면에 맞게 가장 넓은 길이로 조절하려면 On 버튼을 눌러 활성화 해주세요.

네비게이션 바 배경색 설정 (Navbar Background Color) #

  • 네비게이션 바의 배경색은 오른쪽 Select Color 필드에서 가능합니다. 투명하게 하고 싶으시다면 가장 오른쪽의 Transparent 를 체크해주시면 됩니다.

네비게이션 바 링크 색 ( Navbar Link) #

  • 네비게이션 바의 색을 설정할 수 있습니다. 투명하게 하고 싶으시다면 가장 오른쪽의 Transparent 를 체크해주시면 됩니다.

네비게이션 바 활성화 링크 색 (Navbar Active Link) #

  • 네비게이션 바가 활성화 되었을 때의 색을 설정하실 수 있습니다. 투명하게 하고 싶으시다면 가장 오른쪽의 Transparent 를 체크해주시면 됩니다.

헤더 고정 (Sticky Header) #

  • 스크롤을 내리더라도 상단에 헤더가 고정되게끔 설정하시려면 하단의 버튼을 On으로 바꿔주시면 됩니다.

네비게이션 바 버튼 설정 (Navbar button) #

  • 네비게이션 바 버튼을 사용하시려면 On, 사용하고 싶지 않으시다면 Off로 설정해주세요.

Blog : 블로그 #

  • 블로그 메뉴에서는 블로그와 관련된 세부 사항을 설정하실 수 있습니다. 설정 작업이 끝나면 오른쪽 상단의 Save Changes 버튼을 눌러 저장해주세요.

공유 (Social Share) #

  • 공유를 허용하시려면 On, 허용하지 않으시려면 Off로 설정해주세요.

포스트 이동 버튼 (Post Navigation) #

  • 이전 포스트 / 다음 포스트로 이동할 수 있는 버튼을 허용하시려면 On, 허용하지 않으시려면 Off로 설정해주세요.

관련 포스트 보여주기 (Show Related Post) #

  • 블로그 글 상세 페이지 하단에 관련 포스트 보여주기를 허용하시려면 On, 허용하지 않으시려면 Off로 설정해주세요.

관련 포스트 이름 (Related Post Title) #

  • 홈페이지에서 관련 포스트 섹션의 타이틀을 표기할 때 사용할 이름을 설정해주세요.

관련 포스트 갯수 설정 (Related Posts) #

  • 노출하고 싶은 관련된 포스트 개수를 설정해주세요.

포스트 열 (Posts Column) #

  • 관련된 포스트의 열 개수를 설정할 수 있는 필드입니다. 최대 6열까지 설정하실 수 있습니다.

Woocommerce : 우커머스 #

  • 우커머스 메뉴에서는 우커머스와 관련된 세부 사항을 설정하실 수 있습니다. 설정 작업이 끝나면 오른쪽 상단의 Save Changes 버튼을 눌러 저장해주세요.

한 페이지당 노출할 상품 개수 (Product Per Page) #

  • 한 페이지당 노출하고 싶은 상품의 개수를 설정할 수 있습니다.

스토어 배열 (Store layout) #

  • 스토어에서 보이는 사이드바의 배열을 설정할 수 있습니다. (오른쪽 정렬, 왼쪽 정렬, 최대 가로 길이 등)

상품 상세보기 버튼 (Product Hover Button Switch On) #

  • 상품 이미지 위에 마우스를 올렸을 때 제품 상세보기 등의 페이지가 노출되는 것을 허용하려면 On, 허용하지 않으려면 Off로 설정해주세요.

예시 )

Woocommerce Product : 우커머스 상품 디스플레이 설정 #

  • 우커머스 상품 설정 메뉴에서는 상품 디테일 페이지와 관련한 설정을 하실 수 있습니다.

공유 #

  • 상품의 공유를 허용하시려면 On, 허용하지 않으시려면 Off 버튼을 활성화 시켜주세요.

공유 (Social Share) #

  • 상품의 공유를 허용하시려면 On, 허용하지 않으시려면 Off 버튼을 활성화 시켜주세요.

관련 상품 보여주기 (Show Related Products) #

  • 관련 상품을 보여주고 싶으시다면 On을 활성화 시켜주세요.

관련 상품 이름 설정 (Related Product Title) #

  • 홈페이지에 관련 상품이 노출될 때 보일 이름을 설정해주세요.

관련 상품 개수 설정 (Related Products) #

  • 한 페이지 내에서 보여줄 관련 상품의 개수를 설정할 수 있습니다.

관련 상품 열 설정 (Product Coulmn) #

  • 관련 상품을 보여줄 때 표시될 열의 개수를 설정할 수 있습니다. 최대 6열까지 가능합니다.

Footer : 푸터 #

  • 푸터는 홈페이지 가장 하단의 홈페이지 정보를 보여주는 필드를 의미합니다.
  • 푸터 메뉴에서는 푸터 내용 및 푸터와 관련된 설정을 하실 수 있습니다. 설정 작업이 끝나면 오른쪽 상단의 Save Changes 버튼을 눌러 저장해주세요.

푸터 위젯 (Footer Widget Display) #

  • 푸터 위젯은 여러 컨텐츠를 위젯 형태로 표기하고 있는 공간을 의미합니다.
  • 해당 공간을 활성화 시키고 싶으면 On, 비활성화 시키고 싶으면 Off로 설정해주세요.

맨 위로 버튼 (Back to top) #

  • 페이지 위치를 홈페이지 최상단으로 이동시켜주는 버튼입니다. 보통 오른쪽 하단에 위치합니다.
  • 해당 버튼을 활성화 시키고 싶으면 On, 비활성화 시키고 싶으면 Off로 설정해주세요.

저작권 텍스트 (Copyright text) #

  • 홈페이지 하단의 저작권 관련 텍스트를 입력할 수 있는 필드입니다.

404 Error : 404 에러 페이지 #

  • 404 에러 페이지 메뉴에서는 서버 통신에 있어서 오류가 발생했을 때 나타나는 페이지를 설정하실 수 있습니다. 설정 작업이 끝나면 오른쪽 상단의 Save Changes 버튼을 눌러 저장해주세요.

Import / Export : 가져오기 / 내보내기 #

  • 가져오기 / 내보내기 메뉴에서는 여러 옵션 등을 가져오거나 내보낼 수 있습니다. 해당 작업은 기존의 정보 및 설정에 영향을 미칠 수 있습니다. 특히 가져오기 작업을 하실 때 주의 부탁드립니다.(스텝페이에서는 수정하지 않는 것을 권장드립니다.) 설정 작업이 끝나면 오른쪽 상단의 Save Changes 버튼을 눌러 저장해주세요.

What are your Feelings